html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend {
padding: 0;
margin: 0;
}

ul, li {list-style: none;}

body {
text-align: center;
color: #333;
font-family: Verdana,Helvetica,Arial,sans-serif;
background: #f7f7f7;
font-size:10px;
}

#content {
width: 980px;
text-align: left;
margin: 0 auto;
position: relative;
background: #fff url(/i/a/bg_content.gif) repeat-y;
}

#header {
background: white;
height: 45px;
overflow: hidden;
position: relative;
top: 0px;
border-bottom: 1px solid #ffa3c2
}


#current a {
width: 0;
height: 129px;
padding-left: 180px;
overflow: hidden;
display: block;
background: url(/i/ui/cosmo_logo.png) no-repeat 14px 2px;
}

#main {
width: 541px;
float: left;
position: relative;
left: 185px;
padding: 0;
}

#side {
width: 126px;
float: left;
position: relative;
left: -450px;
background: #ececec;
border: 1px solid #ffa3c2;
border-top: 0;
padding: 8px;
margin: 0 0 15px 0;
overflow: hidden;
}

.svetlemodra #side, .svetlemodra #menu2 ul li a, .svetlemodra #otherside .box h2 {background: #f5ffeb;}
.ruzova #side, .ruzova #menu2 ul li a, .ruzova #otherside .box h2 {background: #ffeaf2;}
.modra #side, .modra #menu2 ul li a, .modra #otherside .box h2 {background: #eaf5ff;}

#menu2 ul li a.current, #menu2 ul li a:hover{
background: white !important;
border-bottom: none;
padding: 0 10px 0px ;
height: 31px;
}

#menu2 ul li a:hover{text-decoration: none;}

#otherside {
width: 240px;
float: left;
position: relative;
left: 36px;
}

#footer {
clear: both;
background: white;
padding: 1em 0em 0 0em;
border-top: 1px solid #ffa3c2;
}

#footer p {
font-size: 110%;
margin: .3em 1em 0 1em;
}

#lista {
background: white;
padding: .8em 1em 1em 1em;
}

#menu4 ul {margin: 0 0 1em 0;}

#menu4 li {
font-size: 110%;
margin: 0 10px 0 0;
}

#menu4 li a{
border-left: 1px solid;
padding: 0 0 0 10px;
}

#menu4 li.home a {
border: none!important;
}

#header a strong {display: none;}

a#menujump {
position: absolute;
width: 0;
height: 0;
overflow: hidden;
}

form, fieldset, legend {border: none;}

fieldset legend {
font-size: 150%;
font-weight: bold;
color: #333;
}

form label {display: block;}

form button {
padding: 0;
margin: 0;
cursor: pointer;
}

#footer li {display: inline;}
#footer br {display: none;}

h1, h2, h3, h4, h5, h6 {
font-family: sans-serif;
font-weight: bold;
font-size: 130%;
}

h1 {
font-size: 180%;
color: #cc0033;
margin: .6em 0;
font-weight: normal;
}

h2 {
font-size: 150%;
color: #cc0033;
border-bottom: 1px solid #cccc99;
padding: 1em 0 .2em 0;
}

h3 {
font-size: 130%;
color: #002f55;
margin: 1em 0 0 0
}

h4 {
font-size: 140%;
color: #002f55;
margin: 1em 0 0 0;
font-weight: normal;
}

h5 {
font-size: 120%;
color: #002f55;
margin: 1em 0 0 0;
font-weight: normal;
}

#main p/*, #main td*/ {
font-size: 12px;
margin: 0.5em 0;
line-height: 1.4em;
}

#main td {font-size: 12px;}
#main ul, #main ol {margin: 0.5em 0;}

#main ul li, #main ol li {
list-style: disc url(/i/a/bg_li.gif);
margin-left: 2em;
font-size: 120%;
}

#main ul.sipky li {list-style: url(/i/a/bg_li2.gif);}
#main ol li {list-style: decimal;}
#main li li {font-size: 110%;}

.hidden {display: none;}
.cleaner {clear: both;}

.left {float: left;}
.right {float: right;}

img.left {margin: 1em 1em 1em 0;}
img.right {margin: 1em 0 1em 0;}

#menu2 h2, #menu3 h2, #menu h2 {display: none;}

#menu2 {
position: absolute;
top: 14px;
left: 161px;
height: 41px;
overflow: hidden;
}

#menu2 li {
font-size: 120%;
display: block;
float: left;
}

#menu2 li a {
display: block;
float: left;
background: #ececec;
height: 29px;
line-height: 30px;
padding: 0 10px 1px ;
border: 1px solid #ffa3c2;
margin: 0 5px 0 0 ;
color: #3366cc;
overflow: hidden;
}

#menu3 {
position: absolute;
top: 12px;
right: 5px;
}

#menu3 li {
font-size: 120%;
border-left: 1px solid #3366cc;
padding: 0 0 0 .6em;
margin: 0 .3em;
}

#menu3 li.kosik {
border: 0;
}

#menu3 li a {
color: #3366cc;
}

#menu3 li.kosik a {
background: url(/i/a/bg_kosik.gif) no-repeat right top;
padding-right: 26px;
}


input#msearch {
float:left;
font-size: 12px;
margin: 0;
padding: 2px 0 2px 6px;
width: 100px;
height: 16px;
border: 1px solid #FFA3C2;
background-color:#fff;
color:#333;
}

input#msearchsubmit {
height:22px;
width:22px;
margin:0 0 8px 0;
padding:0;
background-color:#FFA3C2;
}

input#novinkyemail {
float:left;
font-size: 12px;
padding: 2px 0px 2px 6px;
width: 140px;
height: 16px;
border: 1px solid #FFA3C2;
background-color:#fff;
color:#333;
}

button#novinkysubmit {
height:22px;
width:40px;
text-align:center;
margin:0;
padding:0;
background-color:#FFA3C2;
font-size: 12px;
color:#333;
border-width:0px;
}



#menu h3 {
font-size: 13px;
font-family: Helvetica,Arial,sans-serif;
font-weight:normal;
margin: 1em 0 .3em 0;
color:#333;
}

#menu h3 strong {
display: block;
font-size: 120%;
}

#menu li {font-size: 120%;}

#menu li a {
color: #3366cc;
height: auto!important;
}

#menu ul.abeceda li {
font-size: 110%;
display: block;
float: left;
}

#menu ul.abeceda li a {
display: block;
float: left;
padding: 1px 1px;
}

#menu ul {clear: both;}

#menu ul.menu {
margin: 0 0 0 0;
float: left;
}

#menu ul.menu li.sp {
margin-top: 10px;
height: 1px;
}

#menu ul.menu li a {
display: block;
}

.box {
border-left: 1px solid #ffa3c2;
border-bottom: 1px solid #ffa3c2;
margin: 1em 0 1em 0;
float: left;
width: 240px;
}

.box h2 {
border-bottom: 1px solid #ffa3c2;
border-top: 1px solid #ffa3c2;
font-size: 130%;
font-weight: normal;
padding: .5em;
color: #231f13;
background: #ffffec;
margin-right: 1px;
}

div.boxnoheader h2 {
border-bottom: none;
background: #fff;
font-size: 80%;
color: #231f13;
}

.box p {
font-size: 110%;
margin: .5em 5px;
}

.doruceni ul li, .vzorecek ul li {
list-style: url(/i/a/bg_li.gif);
margin: .5em 5px .5em 20px;
font-size: 110%;
}

/* remove later
.novinky a {
display: block;
float: right;
width: 0;
padding-left: 50px;
overflow: hidden;
height: 49px;
margin: 0 0 0 5px;
}

.novinky label {display: none;}

.novinky input {
width: 120px;
margin: 0 0 5px 5px;
}

.novinky button {
background: url(/i/a/bg_button_ok.gif) no-repeat;
border: 0;
height: 22px;
line-height: 22px;
padding-left: 22px;
margin: 5px  0 5px 7px
}
*/


.onas a {
color: #3366cc;
float: right;
margin: 0 5px 10px 0;
}

.nejprodavanejsi ol li {
font-size: 110%;
margin: .5em 5px .5em 5px;
list-style: decimal;
list-style-position: inside
}

.nejprodavanejsi ol li strong {
color: #9b0505;
font-weight: normal;
display: block;
text-align: right;
}

.homepage #main .item {
margin: 10px;
border-bottom: 1px solid #96b3e9;
}

.homepage #main .item ul li {
margin: 0 0 0 110px;
list-style: url(/i/a/bg_li.gif);
font-size: 110%;
}

.homepage #main .item ul li strong {
font-weight: normal;
color: #a40000;
}

.objednavani {
border: 1px solid #cccc99;
margin: 20px auto;
padding: 10px;
float: left;
width: 420px;
}

.vlevo, .vpravo  {float: left;}

.objednavani .vlevo, .objednavani .vpravo  {width: 210px;}
.objednavani ul {padding: 0 0px 0 0;}

.objednavani h2 {
margin: 0;
padding-top: 0;
}

.category h1 strong {color: #cc6600;}

.category .item {
width: 135px;
float: left;
overflow: hidden;
text-align: center;
margin: 10px 5px;
}

.category .item h3 {display: none;}

.category .item h2 {
font-size: 110%;
border: 0;
font-weight: normal;
}

.category .item h2 a {display: block;}

.category #main .item p {
text-align: left;
margin: 0;
padding: 0;
line-height: 1.2em;
font-size: 100%;
}

.category #main .item p strong {color: #a40000;}
.category #otherside h2 strong, .category #otherside h3 strong {display: none;}

.category #otherside h2 a {
display: block;
background: url(/i/a/bg_h2.gif) no-repeat 120px 3px;
} 

.category #otherside h3 {
font-size: 120%;
margin: .6em 5px .1em 5px;
}

.category #otherside ul {margin: 0 0 10px 0;}

.category #otherside ul li {
font-size: 110%;
margin: 0 5px 0 20px;;
list-style: url(/i/a/bg_li.gif);
}

.detail h1 strong, .detail #main h3, .detail table caption, .detail h2 strong, .detail p.zvetsit a strong, .detail div.cenik form legend {display: none;}

.detail p.zvetsit a {
background: url(/i/a/bg_nahled.gif) no-repeat left 2px;
padding-left: 20px;
margin: 0 0 0 80px;
}

.detail img.obrazek {margin: 0 0 0 30px;}

.detail #main ul.breadcrumb li {
display: inline;
margin: 0;
list-style: none;
}

.detail #main ul.breadcrumb {margin: .5em 0 20px 0;}

.detail #main .cenik table, .detail #main .cenik table tr, .detail #main .cenik table td, .detail #main .cenik table th {
margin: 0;
padding: 0;
background: none;
border: 0;
width: auto;
}

.detail #main div.cenik {
position: absolute;
top: 90px;
left: 300px;
}

.detail #main div.cenik table tr {font-size: 12px;}
.detail #main div.cenik table th {padding: 0 12px 0 0;font-weight: normal; text-align: right;}
/*
.detail #main div.cenik table td {
color: #990000;
font-size: 110%;
}
*/

.detail #main div.cenik table del {color: black;}

.detail #main div.cenik table tr.dostupnost td {
color: #339933;
font-weight: bold;
}

.detail #main div.cenik form button {
background: #ffffff url(/i/a/bg_koupit.gif) no-repeat;
border: 0;
height: 30px;
width: 84px;
margin-top:12px;
/*margin: 10px 0 20px 135px;*/
padding-top:35px;
overflow: hidden;
font-size: 0;
}

.detail #main h2.komentar {
background: url(/i/a/bg_komentar.gif) no-repeat left 0px;
padding: 0 0 0 25px;
margin-top: 20px;
border: 0;
position: relative;
}

#forum .item {
background: #fafbfc url(/i/a/bg_forum.gif) no-repeat;
width: 576px;
padding: 0px 10px 10px 10px;
margin: 0;
}

#forum .item h3 {
display: block;
padding: 5px 0;
font-size: 130%;
font-weight: normal;
color: black;
margin: 0;
}

#forum .item h3 strong {color: #d63951;}

#forum .item p {
margin: .5em 0;
font-size: 120%;
}

#forum i {color:#63717f;}
span.autor {color:#d63951;}

a {
text-decoration: none;
color: #3366cc;
}

a:hover {text-decoration: underline;}

a img {border: none;}

/* alex.css */
.box h3 { font-size: 14px !important; margin-left:10px !important;}
.box h2 { font-size: 16px !important; background-color: #ececec;}
.box ol {margin-bottom:10px;}
.box p {margin-left: 10px; margin-right: 10px;}
.box ol li {margin:0.5em 5px 0.5em 10px !important;}

.category #otherside h2 a { background:none; }
.category #otherside .box ul.nejlevnejsi { margin-top: 1em;}

h1, h2, h3, h4 {color: #d63951 }
h1 {font: normal 26px Georgia,"Times New Roman",Times,serif;}

h2 {
font: normal 18px Georgia,"Times New Roman",Times,serif;
border-bottom:none;
}

h2 strong {font-weight: normal}
#header, #footer, #lista { background-color: #f7f7f7;}

div#lista a {
color: #454545;
font-size: 1px;
text-decoration: none;
}


.homepage #main .item {
border-bottom: none;
}

#menu3 li.kosik#nonempty a {
background-image: none;
text-decoration: underline;
font-weight: bold;
}

#menu3 li.kosik a {
background-image: none;
padding-right: 0px;
}

#menu3 img {vertical-align: middle;}
table, tr, td {background-color: white;}

.pitem {
width: 150px;
float: left;
overflow: hidden;
text-align: center;
margin: 10px 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
min-height: 110px;
}


div.vantp .pitem {
min-height: 130px;
height: 130px
}

.pitem p {
font-size: 110% !important;
margin:0 !important;
padding:0 !important;
line-height: normal !important;
}

.pitem h3 { display: none;}

.pitem h2 {
font-size: 110%;
border: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
padding-top: 0;
}

#main .item {
margin: 10px;
clear: both;
}

#main .item ul li {
margin: 0 0 0 110px;
list-style: url(/i/a/bg_li.gif);
font-size: 110%;
}

#main .item ul li strong {
font-weight: normal;
color: #a40000;
}

.detail #main ul.breadcrumb {margin-bottom: 0px;}
.detail #main h2 {padding-top: 10px; padding-bottom: 3px;}
.objednavani { width: 500px; }

#otherside {font-size: 11px;}

.label {color:#000000; font-weight: bold;}
.listprice {text-decoration:line-through}
.cena, .nbr, .subtotal {white-space:nowrap;}
.cena, .bcena {color:#990000;}
.bcena {font-weight:bolder;}

img#logo {
padding: 0 12px 6px 12px;
float: right;
}

img#pima, .pitem img {
    background-color:#FFF;
    background-image:url(/i/ui/cosmo-loader.gif);
    background-repeat:no-repeat;
    background-position: center center;
}

td.label {
font-weight:normal;
color: #D63951;
text-align: right;
vertical-align: top;
padding: 6px;
}

.kontakt #main input, .kontakt #main textarea { width: 28em;}
.kontakt #main table p {margin-top: 1.5em;}
.kontakt #main input#submit, input#mbutton {width: 10em; background-color:#ffa4b4; }
.kontakt #main table, .kontakt #main tr, .kontakt #main td {background-color: transparent; background-position: 20px 0;}
.kontakt #main { background: url(/i/ui/kontakt_cosmo.jpg) no-repeat 100% 80px;}

.requiredItemLabel, .errorItemLabel {font-weight: bold}
.errorMessage {color:#990000}
.errorItemLabel {color:#FF0000}


#side {
	width: 136px;
	padding: 9px;
	padding-left: 12px;
	padding-right: 12px;
	left: -541px;
	background-color: #ececec;
}

#menu2 li a#dp, .dz #side, .dz #otherside .box h2 {background-color:#ffeaf2;}
#menu2 li a#pp, .pz #side, .pz #otherside .box h2 {background-color:#eaf5ff;}
#menu2 li a#dk, .kz #side, .kz #otherside .box h2 {background-color:#fff7ea;}
#menu2 li a#tp, .tz #side, .tz #otherside .box h2 {background-color:#f5ffeb;}

#main ul#topbrands li {
list-style-image:none;
list-style-type: none;
float: left;
width: 135px;
margin: 15px 25px 15px 0px;
height: 40px;
}

body.homepage div#main h1.vanoce {
font-size: 18px;
background: url(/i/index_vanoce.png) no-repeat 0px 0px;
padding-top: 40px;
padding-bottom: 10px;
}

/* Shopping cart */
tr.tableHeader {background-color:#E7E7E7;}

tr.tableHeader th {
	font-size: 12px;
	font-weight: normal;
	height: 24px;
	color: black;
}

td.rowDiv {
background-color:#E7E7E7;
height:2px;
margin:0;
padding:0;
}

span.sklad, span.tlacitko1 {
color:#339933;
font-weight:bold;
}

.akce #main strong {color:#cc0033;}

ul#imlist li {
height: 50px;
width: 80px;
float: left;
padding:5px;
list-style: none;
}

ul#txtlist li {
padding:4px;
margin:0;
list-style: none;
}

/* Vanoce 2008 */
/*
div#vanoce {
background: url(/i/svatky/index_vanoce.jpg) no-repeat 0px 0px;
height: 263px;
width:100%;
background-color: #c2192e;
color: #fff;
font-size: 14px;
}

div#vanoce h2, div#vanoce li, div#vanoce p {
color: #fff;
margin-left: 290px;
margin-bottom:0px;
padding-bottom:0px;
}

div#vanoce p {
color: #f2b4b4;
margin-top:0px;
}

div#vanoce h2 {
padding-top: 20px;
font-size: 32px;
}

div#vanoce ul {
	margin-top: 20px;
}

div#vanoce li {
background:	transparent url(/i/ui/smalldot.gif) no-repeat scroll 0 50%;
list-style: none;
padding-left:7px;
list-style-image:none;
list-style-type: none;
}

div#vanoce a, div#vanoce a:link, div#vanoce a:visited {
color: #fff;
border-bottom:1px dotted #FFFFFF;
line-height:1.5;
text-decoration: none;
}

.tlacitko1 {font-weight: bold; color: #339933;}
.akcer {color: #cc0033;}
*/

/* left only template */
.leftonly #main {
width: 700px;
left:  200px;
}

.leftonly #side {
left: -700px;
}


/* search result */
.tableHeader {background-color:#E7E7E7; height:2em}


div#napoveda h1, body.login h1 { font-size: 22px;}

/* zakaznici o nas */
ul#zrlist {
margin-top: 60px;
}

ul#zrlist li {
list-style: none;
margin:0px;
padding: 1em 1em 1em 1em;
border: 1px solid #D0E6EC;
border-right-style: none;
background: url(/i/ui/fadeblue.png) repeat-y top left;}

ul#zrlist li.even {
background: #fff;
border-style: none;}


.vlevo, .vpravo { width: 250px !important;}

p#rshd, p#zshd, div#zshd {font-style: italic;}

ul#lmenu {margin-top: 12px;margin-bottom: 20px;}

a.pink:link, a.pink:visited, a.pink {color: #cc0033 !important; font-weight:bold;}

table#cartcontent { width: 600px; }

/* fly */
ul.fdot li {padding-left: 10px; background: url(http://www.cosmo.cz/cosmo/images/ul_dot.gif) no-repeat  0px 8px; line-height: 1.5em}
.forumHeader {padding: 5px 10px 5px 10px; margin-top:0.3em; width: 500px; background: url(/i/ui/commentheader.png) no-repeat;}
.prodComment p {margin-top: 0.5em; padding-bottom: 1em; margin-bottom: 0}
.flypage h2 { font-size: 110%; font-weight: bold; color: #CC6600;}

/* vysledek hledani cn_vysledek */
#vhp .fi { font-size:11px; float: left;  width: 30%; padding-right:0.5em; text-align: center;}
#vhp .sr { clear: left;  padding-top: 1em;}
#vhp h1 { font-size: 14px; font-weight: bold; color: #cc0033; padding-bottom: 1em; text-transform: none; letter-spacing: normal;}
#vhp strong { color: #CC6600;}

#kz #rrady {background-color: #FFF7EA}
#dz #rrady {background-color: #FFEAF2}
#pz #rrady  {background-color: #EAF5FF}
#uz #rrady  {background-color: #ECECEC}
#tz #rrady  {background-color: #F5FFEB}

#rrady h3 {padding-left: 2px; font-size: 12px}
#rrady li {font-size: 11px; padding-left:10px; padding-bottom: 3px; background: url(http://www.cosmo.cz/i/ul_dot.gif) no-repeat 0px 7px; margin-bottom: 0em;}
#rrady h4 {font: bold 12px "Arial CE", Arial, 'Trebuchet MS', sans-serif; margin: 0;padding:0;}
#rrady .bct {padding-left: 10px;}
#rrady h3 a {text-decoration:none}

ol#show-list {
margin-top: 40px;
list-style-type: disc;
list-style-image: url(/i/ui/commenticon_pink.png);
padding: 0;}

ol#show-list li {
margin: 0;
padding: 1em 1em 1em 1em;
border: 1px solid #D0E6EC;
border-right-style: none;
background: url(/i/ui/fadeblue.png) repeat-y top left;}

ol#show-list li.even {
background: #fff;
border-style: none;}

#usersComments h2 { background: #fff url(/i/ui/comments1413.png) no-repeat;padding-left:20px;}
div.forumComment { margin-top:1px; padding:.3em 10px 2em 10px; background: url(/i/ui/comments1.png) no-repeat; width: 500px;}
.forumHeader strong {color: #CC6600;}
#pleazwrite {margin-top:0.5em; margin-bottom:1em;}

/* for new style order form */
body.nolr div#side{
	background-color: #fff;
	border-style: none none none solid;
}

body.wide div#main {
float:left;
left:165px;
padding:0;
position:relative;
width:640px;
}

body.wide div#side {border: none;}
body.wide div#otherside {left: 100px;top: -33px;}

/* skladem popup */
span.flystock {padding-bottom:1px; color:#339933; font-weight:bold; border-bottom:2px dotted #339933;}
span.mini {padding-bottom:1px; color:#339933; border-bottom:1px dotted #339933;}
#tt {position:absolute; display:block;}
#ttcont {display:block; color:#FFF; background: #2fbd2f; font-size:12px; text-align:left; padding:4px 20px 6px 14px; margin-left:10px;}
div#ttcont li {list-style:square outside none; margin-left: 12px;}

/* parfums items - remove all pitem */
div.parfum {
width: 155px;
float: left;
overflow: hidden;
margin: 5px;
height: 155px;
text-align: center;
}

div.parfum h2 {
font-size:11px;
min-height:30px;
font-family: Verdana,Helvetica,Arial,sans-serif;
font-weight: normal;
padding-top: 0;
}

div.parfum span.hotspot {font-size: 11px; color:#339933; border-bottom: 1px dotted #339933;}
div.parfum span.cena {margin-left:12px; font-size: 13px;}
#main div.parfum p {margin: 0;line-height: 1em;}