html, body { height: 100%; margin: 0px; padding: 0px; }
body { font-size: 0.75em; font-family: Arial, Helvetica, sans-serif; background: #E6E6E6 url(../images/background_page.png) repeat-y center top; min-width: 760px; }
a { color: #000; text-decoration: underline; }
a:hover { color: #22B573;}
img { border-width: 0; border: none; }
p,h1,h2,h3,h4,h5,h6,ul,li,form,table,td { margin: 0; padding: 0; }
hr { display: none; }

/* GLOBALS */
#content{ width: 535px; padding: 10px; min-height: 345px; float: right; background:url(../images/background_content.png) top left repeat-x; }
#content h1 { font-size: 1.75em; font-weight: bold; margin-bottom: 20px; }
#content h2 { margin-bottom: 10px; margin-top: 30px; font-size: 18px; color: #22B573; }
h3 { font-style: italic; margin-bottom: 5px; font-size: 14px; }
#content p { margin-bottom: 15px; line-height: 1.4em; }
#breadcrumbs { padding-bottom: 6px; border-bottom: 1px solid #fff; margin-bottom: 15px; color: #000; }
#breadcrumbs a { color: #555; }
#breadcrumbs a:hover { color: #000; }



#main  { background-color: #fff; width: 999px; margin: 0 auto; text-align: left; background: #fff; min-height: 100%; height: 100%; position: relative; }
body>#main  { height: auto; }
div.clearer { clear: both; width: 100%; height: 0; font-size: 0; line-height: 0; }

#head { height: 115px; background: #22B573 url(../images/background_header.png) no-repeat; width: 989px; position: absolute; top: 5px; left: 5px; }
#head h1, #head h2 { width: 225px; overflow: hidden; }
#logo { position: absolute; top: 0px; }
.logo { background: url(../images/background_header.png) no-repeat; position: absolute; top: 0; left: 0; width: 225px; height: 95px; cursor: pointer; }
#logo a { color: #4a9cd3; text-decoration: none; }

#currency { position: absolute; top: 10px; right: 10px; background: #000 url(../images/icon_currency.png) 8px 5px no-repeat; padding-top: 4px; height: 26px; padding-left: 30px; width: 204px; }
#currency input { border: none; color: #fff; background: #000; font-size: 11px; font-family: Arial, Helvetica, sans-serif; width: 35px; height: 22px; text-align: center; margin-left: 5px; }
#currency input.active { font-weight: bold; border: 1px solid #B3B3B3; }

#kosik { color: #fff; background: #000 url(../images/cart.gif) 10px 10px no-repeat; position: absolute; right: 5px; bottom: 35px;  width: 201px; height: 28px; padding-left: 33px; padding-top: 12px; }


#user { height: 23px; background: #22B573 url(../images/user.png) 10px 7px no-repeat; padding-left: 30px; padding-top: 7px; position: absolute; bottom: 5px; right: 5px; width: 204px; color: #fff; }
#registrace { font-size: 10px; background-image: url(../images/arrow_white_orange.gif); background-repeat: no-repeat; background-position: 0 3px; padding-left: 20px; }
#logout { position: absolute; right: 8px; top: 6px; }

#kosik a, #user a { color: #fff; text-decoration: none; }
#kosik a:hover, #user a:hover { text-decoration: underline; }


#navigation { background-color: #000; width: 989px; height: 35px; position: absolute; top: 120px; left: 5px; list-style: none; }
#navigation li { float: left; }
#navigation a { color: #999999; display: block; float: left; font-weight: bold; padding-left: 10px; padding-right: 10px; padding-top: 10px; height: 25px; border-right: 1px solid #333333; text-decoration: none; }
#navigation a:hover, #navigation a:focus { color: #fff; text-decoration: underline; }

#obsah { width: 989px; margin-left: 5px; padding-top: 165px; padding-bottom: 100px; }

#left_frame { width: 745px; float: left; position: relative;  }

#menu { color: #191919; font-weight: bold; width: 180px; float: left; padding-bottom: 30px; font-weight: bold; }
#menu h3 { background: #22B573; color: #fff; padding: 7px 10px; font-size: 1em; margin: 0; font-style: normal; }
#menu ul { list-style: none; margin-bottom: 10px; }
#menu li.active a { background: #CCCCCC; border-top: 1px solid #B3B3B3; }
#menu a { color: #191919; display: block; padding: 6px 10px 7px 10px; background: #E6E6E6 url(../images/background_menu.png) top left repeat-x; border-top: 1px solid #CCCCCC; text-decoration: none;}
#menu a:hover { background-color: #EEEEEE; text-decoration: underline; }

#banners a { padding: 0; background: none; border: none; }
#banners a:hover { text-decoration: none; background: none; }



ul.list { list-style: none; margin-bottom: 15px; }
.list li { padding-left: 14px; background:url(../images/arrow_list.png) 0px 4px no-repeat; margin-bottom: 4px; } 


.paging { width: 100%; font-weight: bold; font-size: 10px; }
.paging.bottom { padding-top: 10px;  border-top: 1px solid #22B573; }
.paging span { display: block; float: left;	width: 22px; height: 17px; padding-top: 4px; background: #000; color: #fff; margin-right: 2px; text-align: center; }
.paging a {	text-decoration: none; color: #888; }
.paging a:hover span { background: #22B573; }
.paging span.continue {	background: #fff; color: #999; border: 1px solid #fff; }
.paging span.active { background: #22B573; color: #fff; }
.paging span.notactive { background: #ccc; color: #999; }
.paging span.arrow { height: 19px; padding-top: 2px; line-height: 1em; font-size: 14px;	font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
.paging a:hover { color: #c00; }

/* NEWS */
.news { padding-top: 10px; border-top: 1px solid #ccc; }
.news.first { border-color: #22B573;  }

/* HOMEPAGE */ /*259*/
.homepage #content, .homepage #right_frame { margin-top: 59px; background: none; }
.homepage #content { padding: 0; width: 555px; }
#news { background: url(../images/background_news.png) top left repeat-x; padding: 10px; position: relative; }
#news h3 { font-size: 1.75em; font-weight: bold; padding-bottom: 10px; font-style: normal; }
#news p { margin-bottom: 5px; }
#news a { text-decoration: underline; }
#archive { position: absolute; top: 12px; right: 15px;}
#archive a { color: #888; text-decoration: none; }
#archive a:hover { color: #000; text-decoration: underline; }

#recommend { background:url(../images/background_content.png) top left repeat-x; padding: 10px; }
#recommend h3 { font-size: 1.75em; font-weight: bold; padding-bottom: 10px; font-style: normal; }

/* KATALOG */
.radek { width: 535px; }
.product { width: 265px; height: 215px; border: 1px solid #ccc; background: #fff; padding-top: 10px; position: relative; }
.product.left {  float: left; margin-left: -2px; }
.product.right { float: right; margin-right: -2px; }

#content .product h2 {  font-size: 1.167em; margin:0; margin-left: 7px; width: 240px; margin-bottom: 15px; height: 40px;}
.product h2 a { background: #000; color: #fff; line-height: 20px; text-decoration: none; padding: 6px 8px;}
.product h2 a:hover { background: #22B573; }


/*.product .wrap1 { padding: 5px; background: #000;  }
.product .wrap2 { position: relative; left:-14px; background:#000; padding-bottom: 7px; padding-top: 5px;  }
.product .wrap3 { position: relative; left:7px; background:#000; padding-bottom: 7px; }

.product h2 a:hover .wrap1, .product h2 a:hover .wrap2, .product h2 a:hover .wrap3 { background: #22B573; }*/

.photo { float: left; margin: 0px 10px 10px 10px; }
.photo img { max-width: 100px; }
.desc { background: #F2F2F2; width: 241px; left: 5px; padding: 7px; font-size: 0.92em; clear: both; height: 28px; position: absolute; bottom: 5px; }
.price { width: 79px; height: 63px; background: url(../images/price_tag1.png) top right no-repeat; float: right; margin-right: 20px; color: #fff; font-size: 16px; font-weight: bold;  bottom: 80px; right: 20px; text-align: center; padding: 10px 5px 0px 10px; }
.claim { color: #000; position: absolute; bottom: 75px; left: 160px; }
.cross { text-decoration: line-through; }




/*.vyrobek { height: 110px; }
.vyrobek IMG  { float:left; margin-top:10px; margin-right:20px }
.puvodni_cena { color: #999; padding-left: 108px; }
.cross { text-decoration: line-through; }
.nova_cena { color: #191919; font-weight: bold; width: 90px; height: 35px; padding-top: 5px; padding-left: 108px; }
*/
.detaily { vertical-align: middle; float: right; margin-right: 5px; }
.line { clear: both; width: 535px; height: 7px; }


/* DETAIL*/
#detail { background: url(../images/background_detail.gif) top left repeat-y; }
#desc { float: right; width: 314px; }
#desc ul { list-style: none; margin-bottom: 15px; }
#desc li { padding-left: 14px; background:url(../images/arrow_detail.png) 0px 4px no-repeat; margin-bottom: 4px; } 

#photos { width: 210px; float: left; text-align: center; }
#product_image { margin: 15px; max-width: 175px; }
#detail h6 { font-size: 1em; font-weight: bold; color: #22B573; clear: both; margin-bottom: 10px; }
#summary { background: #fff; border: 1px solid #22B573; width: 319px; margin-left: -5px; }
#summary th { padding: 5px 0px 0px 5px; width: 85px; }
#summary td { padding: 5px 5px 0px 0px; }
#summary th span { display: block; width: 65px; background: #000; color: #fff; padding: 7px 10px 6px 10px; }
#summary td span { display: block; padding: 7px 10px 6px 10px; font-weight: bold; }
#summary #price span { padding: 10px 10px 10px 10px; display: block; background: #22B573; color: #fff; font-size: 1.167em; margin-bottom: 5px; font-weight: bold; }

#into_cart { background:url(../images/button_into_cart_left.png) top left no-repeat; color: #E6E6E6; font-size: 1.167em; font-weight: bold; text-align: center; display: block; float: left; height: 40px; margin-top: 15px; margin-bottom: 15px; }
#into_cart a { display: block; padding: 12px 40px 12px 40px; color: #E6E6E6; text-decoration: none; background: url(../images/button_into_cart_right.png) top right no-repeat; height: 16px; }
#into_cart a:hover { color: #fff;  }

.cena { color: #191919; font-size: 12px; font-weight: bold; padding-top: 0; }
#pridat { background-image: url(../images/trolley.gif); background-repeat: no-repeat; height: 21px; margin-top: 10px; padding-top: 5px; padding-left: 25px; }
#pridat a { color: #56a8db; font-size: 11px; }





#right_frame { color: #000; width: 234px; float: right;}
#right_frame div { width: 234px; margin-bottom: 10px; padding-bottom: 10px; }
#right_frame p { margin: 0; padding-right: 6px; padding-bottom: 10px; padding-left: 10px; }

#right_frame h5 { font-size: 1em; background: #eee; padding: 6px 10px; color: #666; }

#advert { }
#advert a { text-decoration: none; color: #888; }
#advert img { border: none; }
#advert p { border-bottom: 1px solid #eee; border-left: 1px solid #eee; padding-top: 10px; padding-left: 10px; }

#top_products h5 { background: #22B573; color: #fff; margin-bottom: 10px; }
#top_products { background: url(../images/background_news.png) top left repeat-x; }

#spacer { clear: both; width: 973px; height: 1px; visibility: hidden; font-size: 1px; }

div.clear { clear: both; width: 100%; height: 0; font-size: 0; line-height: 0;}

#footer { color: #000; font-size: 0.92em; background: #F2F2F2; width: 949px; height: 15px; overflow: hidden; margin-left: 5px; position: absolute; bottom: 0; padding: 20px; }
#author { position: absolute; right: 20px; top: 20px; padding-left: 10px; }


#throbber { margin: 0 auto; background: #fff; position: absolute; top: 100px; left: 399px; padding: 20px; text-align: center; font-weight: bold; z-index: 1000;}


DIV.box { border:1px solid #CCCCCC;	padding:10px; background:#fff; }

#myaccount { list-style: none; height: 27px; border-bottom: 2px solid #22B573; margin-bottom: 20px;  }
#myaccount li { float: left; }
/*#myaccount li a { display: block; padding: 5px; border: 1px solid #ccc; border-bottom: none; margin-right: 10px;  }*/
#myaccount li a { display: block; padding: 6px 8px; background: #000; color: #fff;  }
#myaccount li.active a { background: #22B573; text-decoration: none; }

/*#copy { background-repeat: no-repeat; float:right; margin-top: 59px; margin-right:10px; height: 13px; padding-top: 5px; }
.invivo { background-image: url(../images/invivo.gif); position: absolute; top: 0; width: 36px; height: 19px; cursor: pointer; }

h2 { color: #fff; font-size: 14px; font-weight: bold; margin-top: 20px; margin-left: 10px; }
h1 { color: #56a8db; font-size: 18px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; margin: 0 0 10px; }
h3 { color: #3a72ac; font-size: 12px; font-weight: bold; margin-top: 0; margin-bottom: 3px; }
h4 { color: #56a8db; font-size: 11px; font-weight: bold; margin-top: 0; margin-bottom: 10px; }
h5 { color: #f89635; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; background-image: url(../images/arrow_orange_white.gif); background-repeat: no-repeat; height: 16px; margin: 5px 0 8px; padding-left: 15px; }
h6 { color: #999; font-size: 10px; font-weight: bold; margin-top: 0; margin-bottom: 5px; }*/

div.video { border-top: 1px solid #CCCCCC; width: 535px; margin-bottom:15px; clear: both; padding-top: 15px; }
div.video IMG { float: left; border:1px solid #888888; margin-right:20px; margin-bottom: 15px; }
div.video a:hover img { border:1px solid #22B573;}
div.clear { clear: both; }
div.video TABLE TD { height: 16px }



table.shipping { border-bottom: 1px solid #000; border-left: 1px solid #000; }
table.shipping td,table.shipping th { padding: 4px 15px; }

table.shipping td { border-top: 1px solid #ccc; border-right: 1px solid #000; text-align: right; }
table.shipping th { border-right: 1px solid #000; border-top: 1px solid #000; text-align: center; }
table.shipping tr.head td { border-top: 1px solid #000; text-align: center; font-weight: bold; }
table.shipping td.weight { text-align: left; }

INPUT, SELECT, TEXTAREA { font-family: Arial, Helvetica, sans-serif; }
.input { border:1px solid #AAAAAA; background-color:white; background: url(../images/input_bg.gif) repeat-x; }
.button { border: none; background: #4D4D4D url(../images/background_button.gif) top left repeat-x; color: #E6E6E6; padding: 5px; cursor: pointer; }
FORM { margin:0px; padding:0px; }
DIV#msg_OK { background-image: url(../images/ok.jpg); background-repeat: no-repeat; background-position: left; padding-left:25px; height:30px; line-height:30px; color:green; margin-bottom:10px; }
DIV#msg_NOK { background-image: url(../images/nok.jpg); background-repeat: no-repeat; background-position: left; padding-left:25px; height:30px; line-height:30px; color:red; margin-bottom:10px; }

TABLE#kosik_table { border:1px solid #888; width:535px; background-color: #fff;border-collapse:collapse }
TABLE#kosik_table THEAD TR { background-color:#000; color:white; font-weight:bold }
TABLE#kosik_table td { padding: 6px 8px;}
TABLE#kosik_table TFOOT TR { background-color: #eee; color:#22B573;; font-size:13px; font-weight:bold }
TABLE#kosik_table TBODY TD { border-top:1px solid #CCCCCC;padding: 6px 8px; }

SPAN.small { color:gray; font-size:9px }
IMG.fotogal { border:1px solid #CCCCCC;padding:1px }
DIV.varianty { font-size:9px;color:#555555 }
DIV#dostupnost_nadotaz {display:none}
DIV#dostupnost_skladem {display:none}

SPAN.bigger { font-size:14px; line-height:25px; }

IMG#captcha { border:1px solid black; margin-bottom:5px }
INPUT.red_button {border:1px solid #9B0C08; background: url(/images/button_bg.gif); color:white; font-weight:bold; }

DIV.fieldset { background-color:#FFFFFF; background-repeat: repeat-x; background-position: 0 0;}
DIV.fieldset_top { background: url(/images/fieldset_top.gif);  background-position: 0 0; height:30px; background-repeat: no-repeat }
DIV.fieldset_top SPAN { background-color:white; margin-left:10px; padding: 20px 10px 20px 10px; font-weight:bold; font-size:12px; color:#650807 }
DIV.fieldset_inner { border-left:1px solid #D3D3C4; border-right:1px solid #D3D3C4; padding:0 10px 0 10px }
DIV.fieldset_bottom { background: url(/images/fieldset_bottom.gif); background-repeat: no-repeat; height:10px; width:100% }
DIV#rating_bar { float:right }
DIV#rating_bar IMG {cursor:pointer}

IMG#key {float:right; margin:5px 15px 0 0 }

DIV.qb_add { border:1px solid #CCCCCC;background-color:#F9F9F9;padding:5px;border-left:5px solid #CFCFCF;margin-top:10px; clear:both;}
DIV.qb_subadd_box {	background: url(/images/questbook-arrow.gif); background-repeat: no-repeat;	background-position: left top; width:100%;}
DIV.qb_subadd { float:left; border:1px solid #CCCCCC;background-color:#F9F9F9;padding:5px;border-left:5px solid #CFCFCF;margin-bottom:10px; margin-left:30px; margin-top:5px;}
DIV.product_options { font-size:11px;color:#555555;padding:0 0 3px 0; line-height:12px;}
IMG#obsessive_logo { margin:0 0 10px 0;}
IMG#coquette_logo { float:right }
DIV.qb_add_top { border-bottom: 1px dotted #999999;	color:#999999; font-size:14px; height:25px; line-height:20px;}
DIV.qb_add_top SPAN { color:#777777;float:right;font-size:10px;}
DIV.qb_add_top A { color:#999999; }
DIV#receipt_cb { float:left;width:30px; }
DIV#receipt { float:left; cursor:pointer;width:450px; }
SPAN.redstar { color: red; }
SPAN.povinne { color: red; font-size:9px; }
.red { color:red }
.small-gray { color:gray; font-size:10px; line-height:12px }

#tip-pro-vas { float: left; background: #fff; color: #22B573; padding: 5px; margin-right: 10px; }

#filter { background: #fff; border: 1px solid #22B573; width: 537px;  margin-left:-1px; margin-bottom: 10px;  }
#filter th { padding: 5px 0px 0px 5px; width: 90px; }
#filter td { padding: 5px 5px 0px 0px; }
#filter td.warning span { display: block; margin-left: 5px; padding: 5px; background: #FFEAEA; color: #CC0000; }
#filter th span { display: block; width: 70px; background: #000; color: #fff; padding: 7px 10px 6px 10px; text-align: left; }
#filter td span { display: block; padding: 7px 10px 6px 10px; font-weight: bold; }
#filter input.text { border: 1px solid #ccc; padding: 5px 5px; width: 40px; }

#search { background: url(../images/background_button.gif) top left repeat-x; font-weight: bold; font-size: 1.167em; color: #fff; border: none; margin-left: 5px; margin-bottom: 5px; padding: 8px 0px 6px 0px; width: 525px; text-align: center;  }