/* ___| CSS document |_____________________ */


html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, menu, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
body	{ font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; font-size: 80%; color: #888; background: #fff; }
a img	{ border: 0; }
.none	{ display: none; }
.hidden	{ visibility: hidden; }
.clear	{ margin: 0; padding: 0; height: 0; overflow: hidden; clear: both; }


/* ___| container |_____________________ */


#container { margin: 0 auto; width: 990px; position: relative; }


/* ___| header |_____________________ */


#header { margin: 10px 0 0 0; width: 990px; height: 460px; background: url("../img/bg_header.jpg") no-repeat; float: left; clear: both; }
#header h2 {
	margin: 130px 0 0 504px;
	left: 0;
	top: 0;
	width: 476px;
	height: 192px;
	overflow: hidden;
	background: none;
	display: block;
	position: relative;
	}
#header h2 a {
	width: 476px;
	height: 192px;
	color: #6bbff2;
	text-decoration: none;
	cursor: pointer;
	display: block;
	}
#header h2 span {
	left: 0;
	top: 0;
	width: 476px;
	height: 192px;
	background: url("../img/cuddle-buddy.png") no-repeat;
	display: block;
	position: absolute;
	}
#header p#slogan { margin: 0; top: 260px; left: 504px; width: 474px; height: 98px; position: absolute; }
#header p#slogan span { margin: 0; display: block; top: 0; left: 0; width: 474px; height: 98px; background: url("../img/slogan-xmas.gif") no-repeat; position: absolute; }
#header .desc	{ position: absolute; left: 504px; top: 400px; width: 474px; }
#header .desc span	{ color: #60bbf1; font-size: 90%; display: block; text-align: left; padding-top: 5px; }

/* ___| header |_____________________ */


p.menu { margin: 0; padding: 6px 0 0 5px; width: 985px; height: 57px; display: block; background: url("../img/bg_menu.png") no-repeat; float: left; clear: both; }
p.menu span { display: none; }
p.menu a { margin: 0; height: 64px; display: block; float: left; position: relative; cursor: pointer; }
p.menu a span { margin: 0; height: 64px; display: block; position: absolute; top: 0; left: 0; }
p.menu a.menu1 { width: 229px; }
p.menu a.menu1 span { width: 229px; background: url("../img/menu-1.png") no-repeat top; }
p.menu a.menu2 { width: 164px; }
p.menu a.menu2 span { width: 164px; background: url("../img/menu-2.png") no-repeat top; }
p.menu a.menu3 { width: 144px; }
p.menu a.menu3 span { width: 144px; background: url("../img/menu-3.png") no-repeat top; }
p.menu a.menu4 { width: 117px; }
p.menu a.menu4 span { width: 117px; background: url("../img/menu-4.png") no-repeat top; }
p.menu a.menu5 { width: 172px; }
p.menu a.menu5 span { width: 172px; background: url("../img/menu-5.png") no-repeat top; }
p.menu a.menu6 { width: 153px; }
p.menu a.menu6 span { width: 153px; background: url("../img/menu-6.png") no-repeat top; }
p.menu a:hover { background: url("../img/menu-arr.png") no-repeat center bottom; }
p.menu a.now span { background-position: 0 -64px; }


/* ___| content |____________________ */


#part1, #part2, #part3, #part4, #part5, #part6 { float: left; clear: both; }
.content { margin: 30px 0 10px 5px; width: 980px; float: left; clear: both; }
.content h3 { margin-bottom: 10px; color: #000; font-size: 120%; }
.content h4 { margin-bottom: 10px; color: #000; font-size: 100%; }
.content p { margin-bottom: 20px; line-height: 150%; }
.content img.img-bor { padding: 2px; border: 1px solid #d4d4d4; }
.content a.button { margin: 10px 0 10px 0; padding-top: 9px; width: 178px; height: 33px; display: block; background: #1767c1 url("../img/btn.png") no-repeat; text-decoration: none; color: #fff; text-align: center; }
.content a.button:hover { text-decoration: underline; }


.col { margin: 0; width: 478px; float: left; }
.col #productData	img	{ max-width: 450px; _width: 450px; }
.right { margin-left: 20px; }
.right_s { width: 455px; margin-left: 43px; }

ul.tabbernav { margin: 0; padding: 0; border-bottom: 1px solid #fff; width: 980px; float: left; clear: both; }
ul.tabbernav li { margin: 0; list-style: none; float: left; }
ul.tabbernav li a { margin: 0 2px 0 0; display: block; text-decoration: none; color: #737373; text-align: center; width: 154px; height: 37px; line-height: 37px; vertical-align: middle; background: #58bee3 url("../img/bg_smenu.png") no-repeat 0 -37px; float: left; }
ul.tabbernav li a:hover { text-decoration: underline; }
ul.tabbernav li.tabberactive a { background: #f7f7f7 url("../img/bg_smenu.png") no-repeat 0 0; color: #fff; }
div.tabbertabhide { display: none; }
.tabbertab { margin: 0; width: 980px; background: url("../img/bg_box_t.png") repeat-x top; float: left; clear: both; height: 550px; overflow: hidden; }
.box_in { margin: 0; padding: 25px 10px; width: 960px; background: url("../img/bg_box_b.png") repeat-x bottom; float: left; clear: both; }
.text_box { margin: 0 5px; width: 230px; float: left; }
#slg { margin: 0 0 20px 0; width: 980px; position: relative; float: left; clear: both; }
p#slo { margin: 0; top: 20px; left: 234px; width: 709px; height: 116px; position: absolute; }
p#slo span { margin: 0; display: block; top: 0; left: 0; width: 709px; height: 116px; background: url("../img/slogan2.png") no-repeat; position: absolute; }
p#pod { margin: 0; top: 140px; left: 265px; font-size: 85%; line-height: 160%; position: absolute; }
p#pod strong { color: #000; }

a.produkt { margin: 0 17px 12px 0; text-decoration: none; padding-top: 5px; display: block; text-align: center; background: url("../img/bg_produkt.png") no-repeat -102px 0; width: 102px; height: 69px; float: left; overflow: hidden; }
a.produkt img { height: 65px; }
a.produkt:hover { background: url("../img/bg_produkt.png") no-repeat 0 0; }

a.kategorie { margin: 0 0 20px 0; text-decoration: none; padding-top: 5px; display: block; background: url("../img/bg_kategorie.png") no-repeat 0 -142px; text-align: center; color: #000; font-weight: bold; width: 136px; height: 137px; float: left; }
a.cent { margin: 0 21px 20px 21px; }
a.kategorie:hover { background: url("../img/bg_kategorie.png") no-repeat 0 0; }
a.kategorie img { margin-bottom: 5px; }
a.kategorie span { text-decoration: underline; }
a.kategorie:hover span { text-decoration: none; }

.basket_box {
	margin: 10px 0 0 0;
	width: 455px;
	float: left;
	clear: both;
	}
.basket_box a { color: #000; text-decoration: underline; }
.basket_box a:hover { text-decoration: none; }
.bbox_t {
	margin: 0;
	width: 455px;
	height: 9px;
	background: url("../img/bg_basket_t.png") no-repeat;
	font-size: 0;
	float: left;
	clear: both;
	}
.bbox_m {
	margin: 0;
	padding: 0 12px;
	width: 427px;
	border-left: 2px solid #f1f1f1;
	border-right: 2px solid #f1f1f1;
	float: left;
	clear: both;
	}
.bbox_b {
	margin: 0;
	width: 455px;
	height: 8px;
	background: url("../img/bg_basket_b.png") no-repeat;
	font-size: 0;
	float: left;
	clear: both;
	}
.basket_box table {
	margin: 0 0 10px 0;
	padding: 0;
	width: 100%;
	}
.basket_box table td {
	padding: 5px 6px;
	}
a.delete  { font-size: 85%; }
p#sum { margin: 8px 16px 0 0; float: right; color: #000; }
a.kosik { margin: 10px 0 10px 0; padding-top: 9px; width: 160px; height: 33px; display: block; background: #1767c1 url("../img/btn_kosik.png") no-repeat; text-decoration: none; color: #fff; text-align: center; }
a.kosik:hover { text-decoration: underline; }
.content .basket_box p { margin: 0; }
.content .basket_box strong { color: #000; }
fieldset#cena { margin: 0; width: 478px; border: none; padding: 40px 0 10px 0; }
fieldset#cena p { float: left; line-height: 150%; }
fieldset#cena p span { color: #000; font-size: 220%; font-weight: bold; }
fieldset#cena input { float: right; margin: 0; padding: 7px; width: 16px; height: 16px; font-weight: bold; border: none; background: url("../img/bg_input.png") no-repeat left top; }
fieldset#cena label { margin: 2px 16px 0 10px; float: right; color: #7b7b7b; font-size: 170%; }
fieldset#cena button { margin: 0; float: right; font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; font-size: 100%; padding: 0 0 7px 0; width: 178px; height: 42px; line-height: 38px; border: none; display: block; background: #1767c1 url("../img/btn.png") no-repeat; text-decoration: none; color: #fff; text-align: center; cursor: hand; cursor: pointer; }

.backToShopTop a:link, .backToShopTop a:visited { color: #737373; }
.backToShopTop a:hover, .backToShopTop a:active { text-decoration: none; }

#eshop-order  { text-align: center; }
#eshop-order form  { width: 575px; margin: 0 auto; text-align: left; }
#eshop-order form label { font-size: 120%; width: 150px; display: block; text-align: right; font-weight: normal; margin-right: 10px; line-height: 28px; }
#eshop-order form input.text  { width: 190px; height: 20px; padding: 6px 3px 4px 3px; background: url(../img/bg-input.gif) no-repeat 0 0; color: #000; border: 1px #bbbaba solid; margin-bottom: 7px; }
#eshop-order form input.text:focus  { border-color: #737373; }
#eshop-order button { margin: 0; float: left; font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; font-size: 100%; padding: 0 0 7px 0; width: 178px; height: 42px; line-height: 38px; border: none; display: block; background: #1767c1 url("../img/btn.png") no-repeat; text-decoration: none; color: #fff; text-align: center; cursor: hand; cursor: pointer; }

#ajaxShopOrder .msg { font-size: 125%; text-align: center; height: 400px; }
#ajaxShopOrder .msg h2   { color: #000; font-size: 160%; margin-bottom: 10px; }
#ajaxShopOrder .msg a:link, #ajaxShopOrder .msg a:visited { color: #888; }
#ajaxShopOrder .msg a:hover, #ajaxShopOrder .msg a:active { text-decoration: none; }

/* ___| footer |____________________ */


#footer { margin: 0; padding-top: 20px; width: 980px; float: none; clear: both; }
#footer p { margin: 0; padding: 0 0 20px 5px; width: 485px; float: left; text-transform: uppercase; font-size: 85%; }
#footer p#fr { padding: 0 0 20px 90px; width: 400px; }
#footer p strong { color: #000; }
#footer p a { color: #62a8e8; text-decoration: none; }
#footer p a:hover { text-decoration: underline; }

/* Links */
ul.links	{ clear: both; margin-bottom: 20px; }
ul.links li	{ list-style-type: none; display: inline; font-size: 80%; margin-right: 10px; }
ul.links li a	{ color: #62A8E8; }
ul.links li a:hover	{ text-decoration: none; }