/* Hides from IE-mac \*/
@import url(ajax-tooltip.css) screen;
* html .clearfix{
   height: 1%;
}

/* Hide from IE5-mac \*/
* html q{
   font-style: italic;
}

*,form{
   margin: 0;
   padding: 0;
}

abbr{
   color: #E12D2D;
}

abbr,
acronym{
   border: none;
}

abbr[title],
acronym[title]{
   border-bottom: 1px dotted #666666;
   font-style: italic;
   cursor: help;
}

/* Quotations
================================================*/
blockquote{
   margin: 1em 0;
   padding-left: 30px;
   color: #555555;
   background: url(/i/bq.gif) top left no-repeat;
}

body{
   padding: 0;
   margin: 0;
   color: #222222;
   font: 76%/100% "Lucida Grande",Geneva,Verdana,Arial,Helvetica,sans-serif;
	text-align:center;
}
body #center p, body #center li{
	line-height: 125%;
}
body,
html{
 /*background: url(../dsg/bg.jpg) #D9D9D9 repeat-x;*/
  /* background: url(../dsg/ny.jpg) #000000;
  background: url(../dsg/winter.jpg) #000000;
   background: url(../dsg/valentine.jpg) #000000;
   background: url(../dsg/spring1.jpg) #000000;*/
    /*background:  #000000;*/
}

caption{
   margin: 0;
   padding: 0.5em 0;
   font-weight: bold;
   text-align: left;
}

/* Misc
================================================*/
code,
kbd,
pre{
   font-family: Monaco,Courier,"Courier New",Tahoma;
}


dd p,li{
   margin: 0 0 0.5em;
}

/* Lists
================================================*/
dl{
   margin-top: -0.5em;
}

dl,
ol,
ul,p,
pre{
   margin: 0 0 1em;
}

dt{
   margin: 0.5em 0 0;
   font-weight: bold;
}

/*h1#newsletter,#newsletter h1{
   border-top: 8px solid #EEEEEE;
   padding: 8px;
   padding-left: 25px;
   margin: 0;
   color: #6C594C;
   background: url(../dsg/icon_newsletter.gif) 5px 12px;
   font-weight: normal;
   font-size: 85%;
}
*/
h1#shop, #shop h1, #right #shop h1{
   background: url(../dsg/icon_shop.gif)  no-repeat;
}

h1#user, #user h1, h2.login{
   background: url(../dsg/icon_user.gif) no-repeat;

}


h1#newsletter, #right #newsletter h1, h2.newsletter{
  padding-left: 20px;
   background: url(../dsg/icon_newsletter.gif) no-repeat;
   margin: 5px 5px 0 5px;
}
#right #newsletter p {
padding:0;
margin: 5px;
}
 #right #user h1 {
   background: url(../dsg/icon_user.gif) no-repeat;
 }

h1,h2,h3,h4,h5,h6{
   font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
   font-weight: normal;
}
h3 {
   margin: 1.2em 0 0.5em 0;
   padding: 0;
   color: #DB0000;
   font-size: 120%;
   line-height: 100%;

}
hr{
   border: 1px solid #C8CCD0;
   margin-bottom: 5px;
   margin-top: 5px;
   color: #C8CCD0;
}

/* Images
================================================*/
img{
   border: 0;
   margin: 0;
   padding: 0;
  /* display: block;*/
}

input{
   padding-left: 2px;
   font-size: 85%;
}

input:disabled{
   background: #00FF00;
}

ins{
   background: #DDE3DD;
   text-decoration: none;
}

ol{
   padding: 0 0 0 4ex;
}

q{
   quotes: "\201C" "\201D" "\2018" "\2019";
}

q:after{
   content: close-quote;
}

q:before{
   content: open-quote;
}

/* Data tables
================================================*/
table{
   margin: 0 0 1.5em;
   border-bottom: 1px solid #CCCCCC;
   border-collapse: separate;
   border-spacing: 0;
}
.cartTable td, .cartTable th {vertical-align:middle}
th{
   font-weight: bold;
}

th,
td{
   padding: 0.5em 0.5em 0.5em 0;
   text-align: left;
   vertical-align: top;

}

td {
    border-top: 1px dotted #CCCCCC;


    padding: 0.25em 0.25em 0.25em 0;

}
th {
   background-color: #A8A9A5;
   color: White;
}
.previewTable th {   background-color: #fff; color:#A8A9A5; font-weight:normal;vertical-align:middle}
.previewTable td { vertical-align:middle}
ul{
   padding: 0 0 0 2.5ex;
   list-style: square;
}

ul li{
   list-style: none;
}

ul.arrow{
   margin: 5px 0;
   padding: 0;
   list-style: none;
   display: block;
}

ul.arrow li{
   padding-left: 15px;
   margin-bottom: 2px;
   background: url(../dsg/arrow_red.gif) no-repeat;
}

#tabnav ul li.selected a{
   color: #E70000;
}

/* End hiding from IE5-Mac */
.bq-cite{
   margin: 1em 0;
}

.bq-cite blockquote{
   margin-bottom: 0;
}

.bq-cite cite{
   font-style: normal;
}

.bq-cite div{
   margin-left: 30px;
   font-size: 0.94em;
}

.clear{
   clear: both;
   font-size: 0px;
   line-height: 0px;
}

.clear{
   clear: both;
   font-size: 0px;
   height: 1px;
}

.clearfix{
   display: inline-table;
}

.clearfix{
   display: block;

}

.clearfix:after{
   clear: both;
   display: block;
   content: ".";
   height: 0;
   visibility: hidden;
}

.code{
   border: 1px solid #DDDDDD;
   padding: 3px 5px 3px 35px;
   list-style-type: decimal-leading-zero;
   font-family: Courier;
}

.code .changed{
   color: #660000;
   font-weight: bold;
}

.code code{
   font-family: Courier;
}

.code em{
   color: #660000;
   font-style: normal;
   font-weight: bold;
}

.code li{
   padding: 0 5px;
   margin: 2px 0;
   background: #F7F7F5;
}

.code li.tab1{
   padding-left: 5ex;
}

.code li.tab2{
   padding-left: 10ex;
}

.code li.tab3{
   padding-left: 15ex;
}

.dec{
   padding: 4px;
   border: 1px solid #CCCCCC;
}

.flow{
   float: right;
   margin: 0 0 6px 6px;
}

.fullwidth{
   border: 1px solid #CCCCCC;
   padding: 4px;
   margin: 1em 0;
}

.grey{
   border: 1px solid #757575;
}

/* ie hack:*/
.iehackwrap{
   text-align: center;
}

.submit{
   width: auto;
   color: #DB0000;
   background: transparent;
   font-weight: bold;
   font-size: 85%;
   border: none;

}
.submit input {
    border: none;

}
.wrapper{
   text-align: left;
}

#body{
   width: 732px;
   float: left;
   padding: 5px  0 20px 10px;
   text-align: left;
}

#center{
   width: 540px;
   float: right;
   padding-right: 10px;

}

#center #path a,#path{
   padding-bottom: 5px;
   color: #828589;
}

#center .box{
   margin-bottom: 15px;
   background: repeat-y;
   width: 530px;
}

#center .box  .box-content{
   vertical-align: top;
background-image: url(../dsg/bg_box_center.jpg);
background-repeat: repeat-y;
}

#center .box h1{
   margin: 0;
   padding: 0;
   color: #FFFFFF;
   background: url(../dsg/bg-box-center-h.jpg)  no-repeat 50px 0;
   font: 100% Verdana,Geneva,Arial,Helvetica,sans-serif;
   text-align: right;
}

#center .box h1{
   padding: 4px 5px;
   display: block;
}

#center .box-content{
   border: 1px solid #757575;
   padding: 10px;
}


#center .box-content ul{
   margin: 0;
   padding: 0;
   float: left;
   list-style: none;
	width: 120px;
}

#center .box-content ul li,
#right  ul li
{
   padding-left: 12px;
   margin-bottom: 4px;
   background: url(../dsg/arrow_orange.gif) no-repeat;
   height: auto;

}
#right  ul {
	margin:0;
	padding: 0;
margin-top:10px;
}
#right .content_box {
	margin-bottom: 20px;
	font-size:11px;
}
#right .content_box p{
	font-size:11px;
}
#center .right .box-content{
   background: url(../dsg/bg_box_center-r.jpg) repeat-y right;
}

#center .box-content a.imgblock,
#center .box-content a.imgblock:link {
	text-decoration: none;
	display: block;
	float: left;
	text-decoration: none;
	border: none;
	width: 95px;
	border: none;
}
#center .right .box-content a.imgblock {
	float: right;
	border: none;
}

#center .box-content img{
   float: left;
   margin-right: 5px;
   margin-left: 0;
	border: none;
}
#center .right .box-content img{
   float: right;
   margin-left: 5px;
   margin-right: 0;
	border: none;
}

#center a{
   color: #FF731B;
}

#center h1{
   background: url(../dsg/bg_h1.gif) repeat-x 0 100%;
   margin: .5em 0 0.7em 0;
   padding: 0;
   padding-bottom: 5px;
   color: #DB0000;
   font-size: 200%;
   line-height: 100%;

}

#center h2{
   margin: 0.5em 0 0.3em 0;
   padding: 0 0  0.1em 0;
   color: #DB0000;
   font-size: 140%;
   line-height: 100%;
}

#center ul li{
   padding-left: 10px;
   background: url(../dsg/bullet_red.gif) no-repeat;
}

#center-inner{
   padding-right: 10px;
}

/*#center-inner  a.imglink:link,
#center-inner  a.imglink:visited{
   border: 0;
}

#center-inner  a.imglink:hover{
   background: transparent;
}

#center-inner  a:visited{
   color: #333333;
}

#center-inner  a:focus,
#center-inner a:hover{
   border-color: #DB0000;
   border-bottom-style: solid;
   color: #DB0000;
  /* background: #FFFFDD;
}*/

/* Links
================================================*/
#center-inner li a:link,
#center-inner  li a:visited{
   text-decoration: none;
	 color: #333333;
  /* padding: 2px 0 0;
   margin: 0 -2px;
	text-decoration: underline;


   font-weight: normal;*/
    border-bottom: 1px solid #666666;
}

#footer{
   width: 100%;
   clear: both;
   margin-top: 20px;
   padding-top: 10px;
   border-top: 1px solid #C8CCD0;
   text-align: left;
	 font-size: 75%;
}

#footer, #footer a{
   color: #5E5E5E;
}
#footer ul {
	display: inline;
}
#footer li, #footer ul {
float: left;
}
#header{
   width: 100%;
   clear: both;
   text-align: left;
   position:relative;
}

#header{
   border-top: 1px #AD1414;
   background: url(../dsg/bg_head.jpg) repeat-x;
   height: 111px;
}

#header ul li,#submenu ul li{
   float: left;
}

#header-content{
   float: right;
   width: 654px;
   text-align: right;
   height: 71px;
}

#header-content #searchform{
   margin: 0 5px;
}

#header-content #searchform .submit{
   float: right;
   border: 1px #000000 solid;
   margin-left: 5px;
   padding: 0px 5px;
   width: auto;
}

#header-content #searchform input{
   border: 1px #000000 solid;
   width: 155px;
}

#header-content li a:hover,#header-content li.current a{
   text-decoration: underline;
}

#header-content li,#header-content li a{
   padding: 0 0;
   color: #5B5B5B;
   font-size: 95%;
   font-weight: bold;
   text-decoration: none;
}

#header-content ul{
   float: right;
   margin: 10px 5px;
}

#left{
   width: 175px;
   float: left;
   padding-top: 15px;

}

#left  .new, #left .ugodno{
   float: right;
   width: 39px;
   background: url(../dsg/new.gif);
   position: relative;
   height: 39px;
}
#center .ugodno {
	z-index: 500;
   width: 48px;
   background: url(../dsg/ugodno1.gif);
   position: relative;
   height: 48px;
	padding: 0;
	margin: 0;
	margin-left: 0px;
	margin-top: -18px;
	float: left;


}

#left #menu-third-level{
   border-bottom: 5px solid #BBBCB9;
}

#left #menu-third-level h1{
   border-bottom: 3px #FFFFFF solid;
   margin-bottom: 0;
}

#left #menu-third-level ul{
   margin: 0;
   padding: 0;
   border-bottom: 2px solid #FFFFFF;
   list-style: none;
}

#left #menu-third-level ul li{
   /*border-bottom: 2px solid #FFFFFF;*/
   margin: 0;
   list-style: none;
   background: url(../dsg/bullet_menu_selected.gif) no-repeat;
}
#left div.main-category {
	color:white;
	padding: 2px 0  2px 5px;

	font-size:12px;
	font-weight:bold;
	background-image: url(../dsg/bg_blue1.gif);
	background-repeat:no-repeat;
}
#left #menu-third-level ul li.category {
   background-image: none;
}

#left #menu-third-level ul li a{
   padding: 2px 2px 5px 22px;
   margin: 0;
   border-bottom: none;
   display: block;
   font-size: 10px;
   text-decoration: none;
   height: 1%;
   background-repeat: no-repeat;
}
#left #menu-third-level ul li.category a.category,
#left #menu-third-level ul li.category div
{
   padding: 2px 2px 5px 5px;
   font-size: 12px;
   font-weight: bold;
   border-left: 5px solid #4C5053;
   background-color: #D3D3D3;
}
#left #menu-third-level ul li.category div.selected {
   border-left: 5px solid #DB0000;
	background-color: #FFE3D0;
}
#left #menu-third-level ul li.category ul {
   border-top: 2px solid White;
}
#left #menu-third-level ul li a.category:hover {
   background-image: none;
}
#left #menu-third-level ul li a:hover{
   background: url(../dsg/bullet_menu_selected.gif) #FEFDDE no-repeat;
}

#left #menu-third-level ul li.selected{
   background: url(../dsg/bullet_menu_selected.gif)  no-repeat;
   background-color: #FEFDDE;

  /*border-bottom: 1px solid #FFFFFF;
   border-top: 1px solid #FFFFFF;*/
}

#left #menu-third-level ul li.category {
   background-image: none;
}
#left #menu-third-level ul li.selected a{
   color: #DB0000;
   text-decoration: none;
}
#left #menu-third-level ul li.selected-f a.selected-f{
	 color: #DB0000;
	  border-left: 5px solid #DB0000;
}
#left .box{
   width: 150px;
   margin-bottom: 15px;
   background: #F8F9F6;

}
.box.bordered {
	border:1px solid #868A8D;
}
#left .box .text {
	text-align:left;
	margin:3px;
	padding-bottom:0px;
	font-size:10px;
}
#left .box .box-content{
   padding-top: 75px;
   background: no-repeat top center;
   text-align: right;
}

#left .box a{
   color: #000000;
   font-weight: bold;
}

#left .box h1{
   margin: 0;
   padding: 2px 2px 3px 5px;
   color: #FFFFFF;
   background:  url(../dsg/bg_box_grey.jpg) repeat-x;
   font: bolder 12px Verdana,Geneva,Arial,Helvetica,sans-serif;
   height: 13px;
}

#left .box p{
   padding: 2px 10px 10px;
   margin: 0;
   color: #000000;
   font-size: 85%;
   text-align: center;
}

#left .black{
   background: #EEEFEA;
}

#left .black h1{
   padding-top: 4px;
   background: url(../dsg/bg_box_black.jpg);
   text-transform: ;
}


#left .grey h1{
   background: url(../dsg/bg_box_grey.jpg);
}

#left .orange{
   border: 1px solid #FF8353;
   background: #FDFDF8;
}

#left .orange h1{
   background: url(../dsg/bg_box_orange.jpg);
}
#left .blue{
   border: 1px solid #0099CC;
   background: #F6FCFD;
}
#left .brown{
   border: 1px solid #CCB895;
  /* background: #CCB895;*/
}

#left .brown h1{
 /*  background: url(../dsg/bg_box_orange.jpg);*/
 background-image: none;
 background-color: #CCB895;
}
#left .blue h1{
 /*  background: url(../dsg/bg_box_orange.jpg);*/
 background-image: none;
 background-color: #0099CC;
}
#left .red{
   border: 1px solid #F95553;
   background: #FBF4F4;
}

#left .red h1{
   background: url(../dsg/bg_box_red.jpg);
}

#left .ugodno{
   background: url(../dsg/ugodno2.gif);
}

#logo{
	position:absolute;
	left:20px;
	top:10px;
 
   padding-bottom: 0;
   float: left;
   /*width:250px;
   background: transparent url(/webroot/dsg/logoshop.gif) no-repeat;*/
  
}

#main-menu{
   width: 854px;
   float: right;
   background: url(../dsg/bg_menu.jpg) repeat-x 100% 100%;
   height: 40px;
   vertical-align: bottom;
}

#main-menu ul{
   margin: 0;
   padding: 0;
   list-style: none outside;
   font-size: 105%;
   font-weight: bold;
   text-transform: uppercase;
}

#main-menu ul li{
   margin: 0;
   float: left;
   display: block;
   color: #FEFDDE;
   background: url(../dsg/bg_menu_b.jpg) repeat-x 100% 100%;
   position: relative;
}

#main-menu ul li a{
   margin-top: 8px;
   padding: 8px 25px;
   padding-bottom: 11px;
   display: block;
   color: #FEFDDE;
   font-size: 100%;
   font-weight: normal;
   text-decoration: none;
}

/*#main-menu ul li a:hover{
   margin-top: 0;
   padding: 8px 25px;
   float: left;
   display: block;
   color: #FFFFFF;
   background: url(../dsg/bg_menu_over.jpg) repeat-x 100% 100%;
   height: 20px;
}
*/
#main-menu ul li.current a,
#main-menu ul li.selected a{
   margin-top: 0;
   padding: 8px 25px;
   float: left;
   display: block;
   color: #FFFFFF;
   background: url(../dsg/bg_menu_over.jpg) repeat-x 100% 100%;
   font-weight: normal;
   height: 20px;
}

#main-menu ul li.current,
#main-menu ul li.selected{
   margin-top: 0;
   color: #FFFFFF;
}

#newsletter{
   border: 1px #D9D2CE solid;
   background: #FFFFFF;
}

#newsletter p,#newsletter form{
   margin: 0;
   padding: 10px;
   padding-top: 0;
}

#path{
   font-size: 75%;
}

#right{
   width: 210px;
   float: right;
   text-align: left;
   border: none;
   padding: 10px 0;
   font-size: 85%;
   color: #83868A;
}
#shopping_cart_items {
  margin-top: 10px;

}
#shopping_cart_items th,  #shopping_cart_items td{
	font-size: 10px;
	padding: 2px;
	margin: 0;
}
td.center-align {
	text-align: center;
}
td.right-align {
	text-align: right;
}
#shopping_cart_totalprice, #shopping_cart_totalnumbers {
	text-align: right;
	margin-bottom: 5px;
}
#right label {
   color: #83868A;
}
#right .selected {
  background: #FBFCFD;
  border-top: 1px solid #C8CCD0;
  border-bottom: 1px solid #C8CCD0;
 /* border: 1px solid #C8CCD0;*/
}

/*#right #login .checkbox{
   border: none;
   width: 14px;
   float: left;
   margin-right: 2px;
   height: 14px;
}



#right #login input{
   width: 100%;
}
*/
#right #logininfopush .submit{
     border: none;
}
#right #logininfopush .submit input {
   border: none;
   width: auto;
  float: right;
}
#right #newsletterform .submit{
   width: auto;
   float: right;
}

#right #logininfopush label,
#right #logininfopush input{
   float: left;
   width: 46%;
   color: #666666;
   font-size: 110%;
}
#right #logininfopush input {
   width: 50%;
}
#right #newsletterform input{
   width: 62%;
}

#right .module{
   margin-bottom: 20px;
   margin-left: 5px;
   border-bottom: 1px #C8CCD0 solid;
   padding-bottom: 10px;
}
#right #newsletter .module {
	border-bottom: none;
}
#right a,#header-content .red-text a,.red-text,#tabnav a:hover,#center a:hover{
   color: #DB0000;
}

/* End hide from IE-mac */
#right form{
   padding-bottom: 0;
   text-align: left;
}

#right h1{
   margin: 0;
   padding: 0;
   padding-left: 20px;
   color: #DB0000;
   background: no-repeat;
   font: 12px Arial,Helvetica,sans-serif;
   text-transform: uppercase;
   font-weight: bold;
}

#right input{
   border: 1px solid #5E5E5E;
   margin-bottom: 8px;
}

#right label{
   width: 85px;
   float: left;
   display: block;
   color: #666666;
   font-size: 11px;
}

#right p{
   font-size: 85%;
}

#right p{
   margin: 0;
   padding: 10px 0;
}

#sub_navigation{
   border-bottom: 1px solid #FEC58F; /*dark:#576241 - light:#9FB591;*/
   padding: 0;
   background: #FEFDDE;
   height: 25px;
}

#sub_navigation .selected{
   border-bottom: 1px solid #FFFFFF;
   background: #FFFFFF;
}

#sub_navigation a{
   float: left;
   padding: 7px 25px 7px 24px;
   margin-bottom: 0;
   color: #FF6000;
   font-size: 80%;
   font-weight: bolder;
   text-decoration: none;
   text-transform: uppercase;
}

#sub_navigation a:hover,#sub_navigation .selected a{
   color: #DB0000;
   background: #FFFFFF;
}

#sub_navigation li{
   float: left;
   margin: 0;
   padding: 0;
   list-style: none;
   background: url(../dsg/subnav_bg.gif) right no-repeat;
   height: 25px;
}

#sub_navigation span{
   float: left;
   width: 1px;
   background: url(/images/subnav_bg_sep.gif) no-repeat;
   height: 30px;
}

#sub_navigation ul{
   float: left;
   margin: 0;
   padding: 0;
   list-style: none;
   height: 25px;
}

#sub_navigation.flat{
   background: #B4DE8B;
   font-size: 1px;
   line-height: 5px;
   height: 5px;
}

#submenu{
   margin: 0px;
   padding: 0px;
   background: #FEFDDE;
   height: 27px;
}

#submenu ul{
   margin: 0px;
   padding: 0px;
   list-style-type: none;
   text-align: left;
}

#submenu ul li{
   padding: 0; /* the next 4 lines are magic */
   float: left;
   display: block;
}

#submenu ul li a{
   width: auto;
   margin: 0;
   padding: 6px 25px;
   border-top: 1px solid #FED7A9;
   border-right: 2px solid #FED7A9;
   display: block;
   color: #FF6000;
   background: #FEFDDE;
   font-weight: normal;
   text-decoration: none;
}

#submenu ul li a:hover{
   float: left;
   background: #FFFFFF;
}

#submenu ul li.current a{
   float: left;
   color: #FF2D2C;
   background: #FFFFFF;
   height: 15px;
}

#sub-wrapper{
   clear: both;
   background: url(../dsg/bg_right.gif) #FFFFFF repeat-y right;
}
#sub-wrapper-home{
   clear: both;
   background: #FFFFFF repeat-y right;
}

#tabnav a{
   float: left;
   padding: 7px 25px 7px 24px;
   margin-bottom: 0;
   color: #BF4D30;
   font-size: 80%;
   font-weight: normal;
   text-decoration: none;
   text-transform: uppercase;
}

#tabnav ul{
   border-bottom: 1px solid #FEC58F;
   margin: 0;
   padding: 0;
   padding-bottom: 24px;
   list-style-type: none;
   background: #FFD8BF;
}

#tabnav ul li{
   float: left;
   margin: 0;
   background: url(../dsg/subnav_bg.gif) right no-repeat;
   height: 24px;
}

#tabnav ul li.selected{
   border-bottom: 1px #FFFFFF solid;
   background: #FFFFFF;
}

#wrapper{
   width: 953px;
   margin-left: auto;
   margin-right: auto;
   border-top: 3px #DB0000 solid;
   text-align: left;
}
/* domCollapse styles */

		#center h2.triggerhover{
         cursor: pointer;
		 background:#F5F8FA;
         padding: 0 5px;
		}
		.elementnormal{
			position:static;
			left:0;
         background: url(../dsg/bg_h1.gif) repeat-x 0 100%;
         background-repeat: repeat-x;
		}
		.elementcollapsed{
			position:absolute;
			left:-999em;
			top:0;
			height:1px;
		}
		#domcollapseall ul{
			margin:0;
			padding:0;
		}
		#domcollapseall li{
			display:inline;
			padding-right:1em;
		}
       #center h2  {
          text-transform: none;
       }
    #center h2 img, #center h1 img {float:left; margin-top:5px}

    #center h2.triggerexpanded {
         background: url(../dsg/bg_h1.gif) repeat-x 0 100%;
         background-repeat: repeat-x;
         padding: 3px 0;
         margin-bottom: 15px;
     }

   #center h2.trigger {
        padding: 2px 0;
   }
   #center .elementnormal a:hover img{
   border: 1px dashed #CC2229;
   }
    #center .elementnormal a img {
       border: 1px solid White ;

    }
   #center h4  {
      float:left;
      display:block;
      height:25px;

   }
   #center h4 a   {
      color:#333;
      font-size:11px;
      font-family:Arial, Helvetica, sans-serif;
      font-weight:bold;
      text-decoration:none
   }


/*forms*/

/* form.css */

#center form {
  margin: 0 4px;
  font-size: 100%;
  border-width: 0px 0px 0px 0px;
  border-style: solid;
  border-color: #71300F;
}

#center form fieldset {
  font-size: 100%;
  border-color: #333333;
  border-width: 1px 0px 0px 0px;
  border-style: none none none none;
  padding: 0;
  margin: 0;

}

#center form fieldset legend {
 height: 1px;
 color: White;
 margin: 0;
 padding: 0;
 visibility: hidden;

}

#center form fieldset  h3  {
     color: #DB0000;
     padding: 8px 10px 6px 15px;
     background: url(../dsg/yellow_tab.gif) no-repeat 0;
     font-size: 100%;
   /*   background-color: #F1F1F1;*/
     font-weight: normal;
     border-bottom: 3px solid #E9E9E9;
	  margin: 0;

}
#center .incontent {
	margin: 20px 0;
}

#center label u {
  font-style: normal;
  text-decoration: underline;
}

#center input, #center select, #center textarea {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 90%;
  color: #000;
}

#center textarea {
  overflow: auto;
}

#center form div {
  clear: left;
  display: block;
  height: expression('1%');
  margin: 0 0px 0px 0px;
  padding: 1px 3px;
}
#center form fieldset input, form input, form textarea {
   border: 1px solid #333333;
   padding: 2px;
   font-size: 110%;
}
#center form fieldset div.notes {
 /* float: right;
  width: 158px;
  height: auto;
  margin: 0px 0px 10px 10px;
  border: 1px solid #666;
  padding: 5px;
  background-color: #ffffe1;
  color: #666;
  */
  font-size: 88%;
}

#center form fieldset div.notes p {
  background-image: url(../dsg/error.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0px 3px 27px;
  float: left;
  color: #AA0000;
  font-size: 110%;
  clear: both;
  margin-top: 5px;


}
div.error input{
   background-color: #FFFFD5;
}
#center div.error label {
   color: #DB0000;
}
#center div.error input, #center form div.error textarea{
	background-color: #F6C247;
}
#center p.error {
  color: #AA0000;
  /*background-color: #DBA941;*/
  font-size: 10px;
  padding: 0 1em;
  margin-bottom: 0;
  margin-left:175px;
}
#right p {
 margin: 0;
 padding: 10px 0;
 padding-bottom: 10px;
}
#right p.error {
  color: #AA0000;
   padding-top:0;
}
#login p.error, #sendpass p.error {
  margin-left:100px;
}
#center form fieldset div.notes p {
  margin: 0em 0em 1.2em 0em;
  color: #666;
}

#center form fieldset div.notes p.last {
  margin: 0em;
}

#center form div fieldset {
  clear: none;
  border-width: 0px 1px 0px 1px;
  border-style: solid;
  border-color: #666;
  margin: 0px 0px 0px 142px;
  padding: 0px 5px 5px 5px;
}

#center form div fieldset legend {
  font-size: 100%;
  padding: 0px 3px 0px 9px;
}

#center form div.required fieldset legend {
  font-weight: bold;
}
#center form div {padding-top:3px;}
#center  form div label {
  display: block;
  float: left;
  width: 170px;
  font-size:  90%;
  padding: 0 5px;
  margin: 0px 0px 5px 0px;
  text-align: right;
}

#center form div.optional label,
#center label.optional {
  font-weight: bolder;
}

#center  form div.required label,
#center label.required {
  font-weight: bolder;
}

#center form div label.labelCheckbox,
#center form div label.labelRadio {
  float: none;
  display: block;
  height: expression('1%');
  margin: 0px 0px 5px 185px;
  text-align: left;
  font-weight:normal;

}

#center form div fieldset label.labelCheckbox,
#center form div fieldset label.labelRadio {
  margin: 0px 5px 5px 0px;
  margin: 0px 0px 5px 185px;
}

#center form div input,
#center form div select,
#center form div textarea {
  background-color: #f4f4f4;
  padding: 1px 3px;
  margin: 0px 0px 0px 0px;
}

#center form div input.inputFile {
  width: 211px;
}

#center form div select.selectOne,
#center form div select.selectMultiple {
  width: 211px;
  padding: 1px 3px;
}
form div.inputCheckbox {

}
#center form div input.inputCheckbox,
#center form div input.inputRadio,
#center input.inputCheckbox,
#center input.inputRadio {
  height: 14px;
  width: 14px;
  background-color: transparent;
  border-width: 0px;
  float: left;
  margin-left: 160px;
}
#center form div input.inputRadio,
#center input.inputRadio{
    margin-left: 0;
}
#center  form div.submit {
  padding: 0px 0px 0px 170px;
  clear:both;
  display:block;

}

#center  div.submit input {
  padding: 2px 12px;
  color: #DB0000;
  /*background-color:#F1F1F1; border: 1px solid #666;*/
  text-decoration: none;
  background-color: White;
  font-size: 12px;
  font-weight: bold;
  text-align:center;
  text-decoration: none;
  width: auto;
  cursor: pointer;
  border: none;
}
#center  div.submit input:hover {
  padding: 2px 12px;
  color: #fff;
  /*background-color:#71300F; border: 1px solid #666;*/
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  text-align:center;
  text-decoration: none;
  width: auto;
}

#center form div.submit div input.inputSubmit, #center  form div.submit div input.inputButton {
  float: right;
  margin: 0px 0px 0px 5px;
}

#center  form div small {
  display: block;
  margin: 0px 0px 5px 142px;
  padding: 1px 3px;
  font-size: 88%;
  height: expression('1%');
}

/* form.import.css */

#center  form fieldset legend {
  line-height: 150%;
}

#center  form input, #center  form select, #center  form textarea {
  background-color: #fff;
}

#center  form textarea.expanding {
  overflow: auto;
  overflow-x: auto;
  overflow-y: visible;
}

div.optional label:before {
  content: '';
}

div.required label:before {
  content: '';
}

#center  form div label.labelCheckbox,
#center form div label.labelRadio,
 #center  label.labelCheckbox,
 #center label.labelRadio {
  display: block;
  height: expression('1%');
  padding: 0px 0px 0px 18px;
  text-indent: -18px;
  line-height: 120%;
  width:250px;
}

#center  form div label.labelCheckbox input.inputCheckbox,
#center form div label.labelRadio input.inputRadio,
#center label.labelCheckbox input.inputCheckbox,
#center label.labelRadio input.inputRadio {
  margin: 0;
}

#center form div fieldset input.inputText,
#center form div fieldset input.inputPassword,
#center  form div fieldset input.inputFile,
#center form div fieldset textarea.inputTextarea {
  width: 160px;
  margin: 0px 0px 0px 18px;
  margin: expression('0px 0px 0px -124px');
}

#center  form div label.compact {
  display: inline;
  width: auto;
  padding: 4px 10px 0px 0px;
  text-indent: 0px;
  margin: 0;
}

#center form div.wide label {
  float: none;
  display: block;
}

#center form div label.wide {
  width: 348px;
}

#center form div.wide input.inputText,
#center form div.wide input.inputPassword,
#center form div.wide input.inputFile,
#center form div.wide select,
#center form div.wide textarea {
  width: 344px;
  margin: 0;
}

#center form div.notes p,
#center  form div small {
  line-height: 125%;
}

#center form div.wide small {
  margin: 0px 0px 5px 0px;
}

div.date select {
  width:auto;
}

select.autoWidth {
  width:auto;
}

option {
	padding-left:1em;
}
#center form fieldset input {
   margin-right: 2px;
}
#center form label {color: #6C594C}
#center  form fieldset div label.labelRadio  {
   margin: 0px 5px 5px 0px;
   float: left;
   width: auto;
}
#center #login label,
#center #sendpass label {
   width: 115px;
}
#center #login, #sendpass {
   padding: 10px;
}
#center #login,
#center #login .submit,
#center #login div.submit input {
   background-color: #F6F6F6;

}
#center #login {width:90%}
#center #login .submit,
#center #sendpass .submit
{
   padding-left: 118px;
}
#center h2.login {
   padding-left: 20px;
   font-size: 110%;
   font-weight: bold;
   text-transform: uppercase;
   margin: 20px 5px;
}
#center h2.login.new  {
   background-image: url(../dsg/icon_newuser.gif);
}
#center form {
   width: 95%;
}
.halfleft, .halfright {
  width: 330px;
}
.halfleft {
   float: left;
   border-right: 1px solid #C8CCD0;
   margin-right: 10px;
   width: 360px;
}
.halfright {
   float: left;
   margin-left: 10px;
}


/*BASKET*/
dl.basket-subtitle {margin-top:0px;padding:0 0 5px 0;border-bottom:1px dotted #c5d1c8;}
dl.basket-subtitle dt {float:left;padding:0;margin:0;font-weight:normal;text-transform: uppercase;}
dl.basket-subtitle dd {text-align:right;float:right;padding:0;margin:0}
.price { color:#333333; font-weight:bold;}
.currency {  font-size: 0.9em;  font-weight:normal;}

/*
###############
# dl.img-text #
###############
[image left, text right]
(dt -> image, dd -> text)
*/
dd {margin: 0;}
dl.text-imgblock { padding:0;margin:0;}
dl.text-imgblock dt {padding:0 0 5px 0;margin:0;font-weight:bold;color:#333;}
dl.text-imgblock dd {padding:0;margin:0;}
dl.img-text {padding:0;margin:0;float:left;}
dl.img-text dt {width:65px;float:left;padding:0;margin:0;}
dl.img-text dt img {display:block;}
dl.img-text dd {float:left;padding:0;margin:0; width:120px;}
dl.img-text dd  a {color:#000;}
.float-left {  float:left;}
.float-right {  float:right;}

#shop dl a { color:#333;}
#left #shop  { font-family:Arial, Helvetica, sans-serif;font-size:1.1em}
.red {color:#DB0000;}
.no-border td { border:none;}
img.colors {border: 1px solid #333;  margin-right:5px;}
input.colors {border: none; margin-right:0; width:14px; background-color: transparent;}
#center  form div.colors-container label { width: auto; display:inline;margin-left:0px;padding:0}
a.info{
    position:relative; /*this is the key*/
    z-index:24;
    color:#000;
    text-decoration:none;}

a.info:hover{z-index:25; background-color:#fff}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-75px; left:0em; width:100px;
    border:1px solid #ccc;
    background-color:#fff; color:#000;
    text-align: center;
    }
a.info:hover span img {border-bottom:1px solid #ccc}
.article-list-item { float:left; font-family: Arial;}
.article-list-item dd input { background-color:none}
.article-list-item a{  font-family: Arial}
.article-list-item dd{ margin-bottom:5px; color: #83868A; }
.article-list-item dd.note {font-size: 11px;}
.article-list-item dd .collection{ color: #FF731B;font-weight:bold}
.article-list-item .price-web{ color: #DB0000;font-weight:bold}
.article-list-item dd strong {width:85px; display: block; float:left; }
.bigger {	font-size: 14px; }
 dd.bigger {	margin-bottom: 10px;}
div.paging {background-color:#EEEFEA; padding: 5px 5px; height: 17px; }
#center div.paging a { text-decoration: none; color:#7A7D82; font-weight: bold;}
#center div.paging a.red { color:#DB0000; }
div.paging.top {border-bottom: 1px solid #333;margin-bottom:10px;}
div.paging.bottom {border-top: 1px solid #333}
div.paging .right, .right  {float: right;}
div.paging .left, .left {float: left;}

.dhtmlgoodies_question{	/* Styling question */
	/* Start layout CSS */
	color:red;
	font-size:0.9em;
	width:520px;
	margin-bottom:2px;
	margin-top:2px;
	padding-left:2px;
   background: url(../dsg/bg_h1.gif) repeat-x 0 100%;
         background-repeat: repeat-x;
         padding: 3px 0;
         margin-bottom: 15px;
	height:20px;
	 color: #DB0000;
   font-size: 140%;
   line-height: 100%;
	/* End layout CSS */

	/*overflow:hidden;*/
	cursor:pointer;
}
.dhtmlgoodies_answer{	/* Parent box of slide down content */
	/* Start layout CSS */
	border:0px solid #317082;
	background-color:#fff;
	width:540px;
	 /*background: url(../dsg/bg_grad.gif) repeat-x;*/
	/* End layout CSS */

	/*visibility:hidden;*/
	height:0px;
	overflow:hidden;
	position:relative;
	margin-bottom: 5px;

}
.dhtmlgoodies_answer_content{	/* Content that is slided down */
	padding:1px;
	margin: 0;
	font-size:0.9em;
	position:relative;
	}

.article-list-item .action,  .action {
	color: #0099CC;
}
.strike {	text-decoration: line-through;}
.lead  {font-weight: bolder;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

.clearfix {
    display: block;
}

* html .clearfix {
    height: 1px;
}
#center .colors-container label.barva {
width:30px;height:18px;text-decoration:none;border:1px solid #CCC;margin:0 5px 0 2px;
}
 td.cardBorder {
border-top:2px solid #C8CCD0;text-align:right; border-bottom:none;}
.description {color: #83868A;}
#dotisk label {display: block;/*float:left;*/margin:5px 0 3px 0; font-weight:bold;width: 250px; }
#dotisk textarea {display: block;width:230px;}
#dotisk label.important  { color: #DB0000;}

/*home boxes*/
.c-home {width: 953px;}
.anim_holder {width: 953px;background-color:black;height: 253px;;padding: 25px 0;}

.bxsn {width:910px;margin:0 0 0 30px;/*border:1px solid red;*/}
.bxs {width:100%;}
#bxs0 { background:url(../anim/vstopna60.jpg) 0 0 no-repeat;}
#bxs1 { background:url(../anim/vstopna64.jpg) 0 0 no-repeat;}
#bxs2 { background:url(../anim/vstopna61.jpg) 0 0 no-repeat;}
#bxs3 { background:url(../anim/vstopna62.jpg) 0 0 no-repeat;}
.bxs div {position:relative;width:113px;height: 270px;float:left; overflow:hidden; }/*one full open|other closed : 513px|113px; **** all closed: 192px;*/
.bxs div h1 {position:absolute; width: 100px;}
.bxs div h2 {position:absolute; bottom: 0px;left: 0px;font-size: 12px;width:300px; heigth: 270px;  text-align:center;}
.bxs div h2 a {display:block;text-decoration:none;width:530px; height: 240px; text-indent:-1000px; overflow:hidden;}

.bxs div h1 {position:absolute; left: 15px;height:30px;line-height:22pt;top: 200px;font-weight:bold;font-family:verdana;color:white;text-transform:uppercase;font-size:22pt;}
.bxs div p {position:absolute; left: 200px;top: 65px;font-size:11px;width: 280px;padding-bottom:0px;}
	/*hack za belo erto*/
 span.whline {display:block;position:absolute;right:0;top:0;background:#000000;width: 25px;height: 270px;}

#box {position: relative;}
 
#box .box {float: left;display: block;width: 227px;height: 248px;}

.roundboxes  {margin: 10px; color:#4b4b4c; padding-top:10px;}
.roundbox  a {color:#4b4b4c;}
.roundbox  { background-repeat: no-repeat; width:220px; height:224px; float:left; margin-right:5px;margin-bottom:10px;}
.roundbox .boxcontent { padding:10px;}
.roundbox  h2 {font-size:13pt; font-family:arial; font-weight:bold;margin-bottom:15px;}
.roundbox  li {background: url(../dsg/round_box_bullet.gif) no-repeat; padding-left:15px;background-position:0 1px;}
#cardbox.roundbox  {width:232px; background: url(../dsg/round_box_card.gif) no-repeat;}
#newsbox.roundbox  {width:232px; background: url(../dsg/round_box_news.gif) no-repeat;}
#bonbox.roundbox  { width:232px; background: url(../dsg/round_box_bon.gif) no-repeat;}
/*.roundbox  { background: url(../dsg/round_box_white.gif) no-repeat;}*/
.roundbox .boxcontent.nopadding { padding:0px;}
.notes p {font-size:11px;};