BODY { background-color: #F6F6F6;
    padding: 0px;
    margin:0px;
	font:normal 11px Tahoma, sans-serif;
	color: #4D5E67;
	}
	
div.spacer { clear: both;  height: 0px; overflow: hidden;}

#outer {

       background: #fff url('img/total-back.gif') top left repeat-y;
       position: relative;
       lleft: 50%;
       margin: 0px 0 0px -396px;
       margin: 0 auto;
       padding: 0 6px 0 6px;
       width: 780px;
       border: 0px solid red;
       display: block;
}
	
#middle { display: block;
        border: 0px solid #333;
        background: url('/img/middle-back.gif') no-repeat left bottom;

          }
	
	#leftpane { width:218px;
	padding: 0;
	margin:0;
	display: block;
	float: left;
	
	}
  
  #centerpane {
    padding: 0 0 8px 0; 
    margin: 0; 
    float: left;
    display: block;
    width: 562px; /* corrected in head.php */

    border: 0px solid red;
    overflow:hidden;
  }    

#rightpane { 
           width: 210px;
           display: block; 
           padding:0;
           margin: 0;
           float:left;
           border: 0px solid red;
           hheight:50px;
           }	

#bottompane {
 background:#fff;
 border-top: 1px solid rgb(231,231,222);
 border-bottom: 1px solid rgb(231,231,222);
 font: normal 10px Tahoma, sans-serif;
 display: block;
 float:left;
 width:780px; 
 

   margin:0;
   padding:0;
}

#rightpane p {margin:0;}

#bottompane div {
   display: block;
   float: left;
   padding: 10px;
   border: 0px solid red;

}

#bottompane #service {
            width:290px;
}

#bottompane #copyright {
   width:196px;
   bbackground-color: #eee;
}

#bottompane #address {
   display: block;
   width:218px;
   float: right;
   padding: 10px;
}

#counters {
          background:#f6f6f6;
          background:none;
          display: block;
          width:100%; 
          margin: 0;
          padding:0;
         
}

#counters .counter {
         display: block;
         float: left;
         width: auto;
         margin:0 0 1px 1px;
         padding:0;
         text-align: center;
         background:none;
}         

    #roots { border: 1px solid maroon;
    background-color: #ffffc0;}
    .raroot {color:red;}
    .racurroot {color:blue;}
	
	.tight {margin:0; padding:0;}
	
	
#decorbend {
	background-image:url(/img/bend-back.gif);
	width:217px;
	height:30px;
}

.lefttext { padding:0px 10px 10px 10px; font-size:11px;}

.padding10, .offset, #centerpane p { padding: 0 10px 0 10px; }


A { text-decoration:none; color:#3366CC; }


#topmenu {
	margin:0px; padding:0px;
  width:780px;
  height:38px;
  display: block;
  background: #666 url('/img/button-back-inactive.gif') top center ;
}


#topmenu  a.tm, #topmenu  a.tm:visited{
  height:31px;
  background: #666 url('/img/button-back-inactive.gif') top center repeat-x;

  
  display: block;
  float:left;
  padding:7px 17px 0px 17px;
  border-left:1px solid rgb(242,242,242);
  border-right:1px solid rgb(229,229,229);
  font:bold 8pt Tahoma, sans-serif;
  color:rgb(100,100,100);
  margin:0px;
}

#topmenu a.tm:hover, #topmenu a.tm:visited:hover {  
         background-image:url(/img/button-back-active.gif); 
         color:white; 
}

#topmenu  a.tmside, #topmenu a.tmside:visited {
  height:38px;
  background-image:url('/img/side-button-back.gif');
  background-position: center;
  display:block;
  float:left;
  padding:0px ;
  margin:0px;
}

#topmenu a.tmside:hover, #topmenu a.tmside:visited:hover {  background-image:url(/img/side-button-back-active.gif); color:white; }

#topmenu form.tm {
  height:30px;
  display: block;
  overflow: hidden;
  float:right;
  padding:4px;
  
  border-left:0px solid rgb(242,242,242);
  border-right:1px solid rgb(229,229,229);
  font:normal 8pt Tahoma, sans-serif;
  color:rgb(100,100,100);
  margin:0 0;
}

#topmenu form.tm input { width:108px; margin: 0 2px; }

#topmenu form.tm input.button { width:20px; margin:0; text-align: center;}



#catmenu {
  background:rgb(238,238,238) url('/img/catmenu_back.gif');
  padding-top:08px; /* 4 */
}

#catmenu td {padding: 0 10px;}

#catmenu a.btn, #catmenu a.btn:visited{
  height:22px;
  background-image:url(/img/small_a_inactive.gif);
  background-position: center;
  background-color:rgb(238,238,238);
  background-repeat:no-repeat;
  display: inline-block;
  ffloat:left;
  padding:7px 17px 0px 17px;
  border-left:1px solid white;
  border-right:1px solid rgb(222,222,222);
  font:normal 8pt Tahoma, sans-serif;
  color:#386BC8;
  margin:0px;
}

#catmenu a.btn:hover, #catmenu a.btn:visited:hover {  
	background-image:url(/img/small_a_active.gif);
 	color:rgb(100,100,100);
  border-left:1px solid white;
  border-right:1px solid rgb(235,221,196);

}

a.choiceinactive, a.choiceinactive:visited,
a.choiceactive:hover, a.choiceactive:visited:hover
 {
	background-image:url(/img/btn_alt_inactive_back.gif);
 	background-color:rgb(243,243,243);
	color:#B77936;
	border:1px solid #A5ACB2;
	font: bold 10px Tahoma, sans-serif;
	padding: 2px 10px 2px 10px;
}

a.choiceinactive:hover, a.choiceinactive:visited:hover,
a.choiceactive, a.choiceactive:visited
 {
	background-image:url(/img/btn_alt_active_back.gif);
 	background-color:#FFFFCC;
	color:rgb(100,100,100);
	border:1px solid #A5ACB2;
	font: bold 10px Tahoma, sans-serif;
	padding: 2px 10px 2px 10px;
}





.title {
  margin:5px 0 0 0;
  color:#727272;
  font: normal 22px Times, serif;
  font-style: italic;
    background-image: url('/img/center-title-back.gif');
  background-position: bottom;
  background-repeat:repeat-x;
   padding: 0 10px 14px 20px;
}

.title em { color: #8DAF35; }

/* #leftpane .title, #rightpane .title {  font: normal 22px Times, serif; } */

#leftpane .title {
  color:#727272;
    background-image: url('/img/left-title-back.gif');
    padding: 5px 10px 14px 10px;
}

#leftpane .title em { color: #A44520; /*font-size: 16px;*/}


#rightpane .title {    padding:5px 0 10px 0px; }

.greylined {
  background-image: url(/img/left-title-back.gif);
  background-position: bottom;
  background-repeat:repeat-x;
  padding: 5px 10px 20px 10px;
}

.whitelined {
  background-image: url(/img/center-title-back.gif);
  background-position: bottom;
  background-repeat:repeat-x;
  padding: 5px 10px 20px 10px;
}

.sidetd { background-image: url(/img/side-button-back.gif);}

/* form {z-index:50;} */

input, select, option { color:#697585; font-size: 10px; border: 1px solid #A5ACB2; 
zz-index:50;}

.button, button, .rati {
  color: #B77936; 
  background: #fff url('/img/form-button-back.gif') bottom repeat-x;
  border:1px solid #A5ACB2;
  font:bold 10px Verdana, sans-serif;
  height:15px;
  height:auto;
  cursor:hand;
  display:inline;
  }

.rati {
      display:block;
      float:left;
      padding:1px;
      margin: 0 1px;
      height:20px;
}

input.gobutton {
  color: #4C6A00; 
  background-image:url(/img/gobutton.gif); 
  border:1px solid #92BE3B;
  font-weight:bold;
  bpadding:6px;
  height:18px;
  cursor:hand;
  }

input.radio {border:none;}
input.checkbox {border-style:none;}

.rightdot {
  background-image:url(/img/vertical-dotted.gif);
  background-position:right;
  background-repeat:repeat-y;
  wpadding-right:10px;
  }
  
div.rightdot {
    display:block;
    float:left;
    }
  
.bottomdot {
  background-image:url(/img/horizontal-dotted.gif);
  background-position:bottom;
  background-repeat:repeat-x;
  ppadding:4px;
  }

.leftdot  {
  background-image:url(/img/vertical-dotted.gif);
  background-position:left;
  background-repeat:repeat-y;
  ppadding-left:10px;
  }

.topdot {
  background-image:url(/img/horizontal-dotted.gif);
  background-position:top;
  background-repeat:repeat-x;
  }
  
.unitfactor {margin:5px 0px 5px 0px;}
  
#lefttext {
  padding:4px;
}    

.framed {
	border: solid 1px #ADAFAE;
	padding:1px;
	background-color:white;
	margin:0;
}

.fli { /* framed list icon */
	border: solid 1px #ADAFAE;
	padding:1px;
	background-color:white;
	margin:5px 10px 5px 0px;
}

.uli { /* unframed list icon */
	border: none;
	margin:5px 10px 5px 0px;
}

.thinwhiteframed {
	border: solid 1px white;
	padding:0;
	margin:0;
}

/*
.leftbanner {
	width: 10px;
	display: block;
}

.leftbanner img {
	padding: 0 5px 5px 0;

	background-image: url(/img/left_banner_back.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
}
*/

.newslink {
	font-size:10px;
}

.newslink a {
	color:#3366CC;
	font-weight:bold;
}

a.detailed, a.detailed:hover, a.detailed:visited, a.detailed:visited:hover {
		font-weight:normal;
		color:steelblue;
}

.newslink img {
margin-right:14px;
}
.inputornament { background-color: #FFDEAB;
display:inline;
float:left;
width:5px;
height:18px;
}

.inputholder {
padding: 0 0 0 2px;
border-left: 5px solid #FFDEAB;
}

.inputholder input {
margin:0;
}


#messagewindow {
	display : none;
	background: rgb(255,153,102) url('img/close-button.gif') 2px 2px no-repeat;
	padding : 10px;
	border-style : solid ;
	border-color :  black;
	border-width : 1px; /* 2px 2px 1px; */
	font: normal 12px monospace;
	color: black;
	cursor: hand;

	
	position : absolute; 
	left : 30%;
	top : 222px;
	width : 40%;
	height : auto;
	z-index : 200;
	filter : alpha(opacity=92);
	-moz-opacity: 0.92;
	opacity: 0.92;
}

html>body #messagewindow { position: fixed; 	left : 30%;	top : 40%; }
#messagebody { cursor: hand; }
#messagebody a { 	color: #E96606;text-decoration:none; }
#messagebody a:hover, #messagebody a:visited:hover, #messagebody a:active, #messagebody a:visited:active {
	color: navy; 
	text-decoration:none;
}

#mwbutton {
	display: block;
	margin: 10px auto;
}
 .messenger { border: 1px solid #CC3300; 
            /* left:50%; mmargin-left:-390px; width:780px; position:static; */ 
            padding:10px; 
            background-color: #FFCC66; 
         width:auto;
         margin:0;
            display:block;
            float:none;
 }


div.idittop {
background-image: url(/img/item_icon_back_top.gif);
background-position: left top;
background-repeat: no-repeat;
width:111px;
height:24px;
bborder:1px solid red;
}

div.iditbottom {
background-image: url(/img/item_icon_back_bottom.gif);
background-position: left bottom;
background-repeat: no-repeat;
width:111px;
text-align: center;
padding:0px 0 20px 0;
}

table.itemdetailed th { width:111px; vertical-align:top;
                   padding-left:10px;
}

table.itemdetailed td {
padding-left:10px;
vertical-align: top;
}

table.up {margin:4px 0 -3px 0;}
table.up td { padding:0;}
div.lined {
/* bborder-bottom: 1px dotted #999999; */
padding:5px 0 5px 0;
background-image: url(/img/horizontal-dotted.gif);
background-position: bottom;
background-repeat: repeat-x;
}

.itit { /* itemtitle */
	color: #E18C14;
	font-size:11px;
	font-weight:bold;
}

.unit, a.item, a.item:visited {
color:#E18C14;
}
a.item:hover, a.item:visited:hover {
color:#E18C14;color:#D25426;
}

.itit B, .price {color:#D25426;}

.popupwindow {
	display : none;
/*	background-color : rgb(255,153,102);
	padding : 10px;
*/
	/* border-style : solid ;
	border-color :  black;
	border-width : 1px; /* 2px 2px 1px; */

	
	position : absolute; 
	left : 0;
	top : 150px;
	width : 100%;
	height : auto;
	z-index : 200;
}

#popupwin td {
  border:1px solid #E0E0E2;
  padding:1px;
  background-color: white;
  zz-index : 200;
  zz-index: auto;
}


#cartdiv {
         font-size:10px;

         display: block; /* adjusted in head.php */

         float:right; 
         width:170px;
 
         border:1px solid #eecbad;
         background: #eee;
         padding:0px;
         margin:2px 0 0 5px; 
}

#cartdiv a, #cartdiv a:hover, #cartdiv a:visited, #cartdiv a:visited:hover {
         display: block;
         height:auto;
         width:120px;         
         background: #eee url('/img/cart04.gif') no-repeat left center;
         padding:5px 5px 5px 45px;
}

.pageselector {
      background: #eeeeee url('/img/gray2white-back.jpg') repeat-x top;
      padding:10px;
      display: block;
      
}

.intextleft { /* image aligned to the left margin of the text stream */
	margin: 0px 7px 5px 0px;
	float:left;
}

.intextright { /* image aligned to the right margin of the text stream */
	margin: 0px 0px 5px 7px;
	float:right;
}

.ratoolbar {
           display:block;
           margin: 5px 0 0 10px;
           float:left;
}

.rach {
      padding:3px;
      border:0px solid #a5acb2;
      display: block;
      float:left;
      height:28px;
      width:20px;
}

.with-marked {
             display:block;
             float:left;
}

.group-editorial-start {
  width: 100%;
  display: block;
  height:30px;
  padding:0 10px;
}  

.spacy, .spacey { margin: 5px; padding: 5px;}

.centered { width:auto; margin: 0 auto;}
.center {text-align: center; }
.right {text-align: right; }

.float-left {float: left;}
.float-right {float: right;}
.clear {clear: both;}

.indent {
margin: 10px;
}

.indent-x {
    margin:0 10px;
}

.indent-y {
    margin:10px 0;
    display: block;
}



span.holiday {
    display:inline-block;
    width:35px;
    height:20px;
    overflow: hidden;
    margin-top: 2px;
    }
    
span.holiday-1 {
    background: url('/img/holidays/labels/23.gif') no-repeat;
    text-indent: 200px;
    }    

span.holiday-2 {
    background: url('/img/holidays/labels/8.gif') no-repeat;
    text-indent: 200px;
    }    


span.holiday-3 {
    background: url('/img/holidays/labels/14.gif') no-repeat;
    color:transparent;
    text-indent: 200px;
    }    

span.holiday-4 {
    background: url('/img/holidays/labels/easter.gif') no-repeat;
    text-indent: 200px;
    }    


span.holiday-5 {
    background: url('/img/holidays/labels/31.gif') no-repeat;
    text-indent: 200px;
    }    

span.e-mail {
    display: block;
    overflow: hidden;
    height: 12px;
    white-space: nowrap;
    margin: 0 0 0 5px;
    width: 150px;
    height:16px;
    float:none;
    border: 0px solid green;
    background-position: left center;
    background-repeat: no-repeat;
    }
    
span.e-mail-office {
    background-image: url('/img/e-mail/office-gr.jpg');
    text-indent: 220px;
    }

span.e-mail-wishes {
    background: url('/img/e-mail/wishes-gr.jpg') no-repeat;
    text-indent: 220px;
    }

span.e-mail-support {
    background: url('/img/e-mail/support-gr.jpg') no-repeat;
    text-indent: 220px;
    }

span.e-mail.e-mail-dealer {
    background: url('/img/e-mail/dealer-gr.gif') no-repeat;
    text-indent: 220px;
    }

.kids-in-stock {font-weight: normal; font-size:80%;}

.news-tag {font-weight: bold; color: #900; }

.form-field-wrapper { 
    clear: both; 
    margin: 10px 0;
    display:block;
    border: 0px solid red;
    }

.form-field-wrapper label {
    display: block;
    width: 30%;
    float: left;
    font-weight: bold;
    
    }


.form-field-wrapper.message  {margin-top: 10px; padding-top: 10px; } 
.form-field-wrapper.message  label{ width: auto; }
     
.form-field-wrapper input.text {
    width: 30%;
    float: none;
    display: block;
    }

.form-field-wrapper div {
    float:left; 
    display:block;
    width:auto;
    }

.form-field-wrapper input.checkbox {
    display: inline;
    width: auto;
    }
	
#contact-email input.button {margin-right:0; float: right;}
#contact-email textarea { width:516px; height:150px; }

.art-no {
  display: block;
  width: 60px;
  float: left;
  text-align: right;
  font-weight: bold;
  font-size: 12px;
  padding-top: 2px;
  
}

.page-head-wrapper {
  display: block;
  width: 450px;
  float: left;
  
}

.page-head-wrapper h2 { margin: 0 10px; font-size: 14px;}


form#quiz label {float: left; clear: both; margin: 4px 0; padding-left: 10px;}
form#quiz input.text {display:block; width: 500px; }
form#quiz ol li {clear:both;}
form#quiz fieldset {clear:both; display: block; width: 100%; border: none;}
form#quiz textarea {display:block; width: 500px; height: 66px;}

#quiz-goods, #quiz-goods th, #quiz-goods td  {border-color: #999; border-style: dotted;}

#quiz-goods {border-width: 1px 1px 0 0; margin: 0;  }

#quiz-goods th, #quiz-goods td {border-width: 0 0 1px 1px; }
#quiz-goods tbody {font-size: 80%; }
#quiz-goods td.interest {text-align: center;}
#quiz-goods thead th {background: #eee; padding: 5px 2px; }
#quiz-goods tbody th {text-align: left; }
/*#quiz-goods tbody {display: table-row-group; width: 500px; height: 100px; overflow: auto;}*/

.wrong { color : red; text-decoration: underline; }


/****** Slide menu *******/

#ul-top ul {display: none;} /* initial setting for all menu bloicks */
#ul-top  li.current ul {display: block; }			      
#ul-top  li.current ul li ul {display: none; }			      
#ul-top  li.current ul li.current ul {display: block; }			      


#ul-top {
  font-family : Tahoma, sans-serif;
  font-size : 11px;
  margin: 0; /*why 1px?*/
  padding:0;
  text-indent:0; /*importnant!*/
  display : block;
  list-style: none;
  white-space: normal;
}

#ul-top ul,
#ul-top li {margin: 0; text-indent:0; padding: 0; }
#ul-top li {display: block;}

#ul-top a {
	background-position: left center;
	background-repeat: no-repeat;
	display:block;
	margin: 0;
}


#ul-top li a {
	color: #386BC8; 
	background-color: #FFF4E2;
	border-bottom: 1px solid white;
	border-top: 1px solid #EBDDC4;
	background-image: url(/img/L0.gif); 
	font-weight:bold;
	padding: 4px 4px 4px 27px;
}
	



#ul-top li.current a {
	background-image: url(/img/L0a.gif); 
}

#ul-top li ul li a,
#ul-top li.current ul li a {
	background-color: #FFEDD2;
	border-bottom: 1px solid white;
	border-top: 1px solid #E0CAA7;
	background-image: url(/img/L1.gif); 
	padding: 4px 4px 4px 34px;
	font-weight: normal;
}

#ul-top li.current ul li.current a { background-image: url(/img/L1a.gif); }

#ul-top li ul li ul li a,
#ul-top li.current ul li ul li a,
#ul-top li.current ul li.current ul li a
{
	background-color : #FFE7C2;
	border-bottom: 1px solid white;
	border-top: 1px solid #D4B88C;
	background-image: url(/img/L2.gif); 
	padding: 4px 4px 4px 41px;
}

#ul-top li.current ul li.current ul li.current a {
	background-image: url(/img/L2a.gif); 
	background-color: white;
}


#ul-top li ul li ul li ul li a,
#ul-top li.current ul li ul li ul li a,
#ul-top li.current ul li.current ul li ul li a,
#ul-top li.current ul li.current ul li.current ul li a
{ background-color : #FFE7C2; }

#ul-top li.current ul li.current ul li.current ul li.current a { background-color: white; }

#ul-top  li  ul li ul li ul li a {
padding: 4px 4px 4px 48px;
}
#ul-top  li  ul li ul li ul li ul li a{
padding: 4px 4px 4px 55px;
}

.nk { /* number of kids */
  font-size: 80%;
  font-weight: normal;
}
/****** Slide menu end *******/


#order-comment-form {
	display: block;
	clear: both;
	margin: 20px 20px 0 0;
}

#order-comment-form textarea {
	float: right;
	width: 500px;
	height: 200px;
	
}

#order-comment-form input {
	margin-top: 20px;
	float: right;
}

p.getting-there-3d { display: none; }

a.screenshot {
		display: block;
		width: 160px;
		padding: 150px 10px 10px 10px;
		background: url('img/screenshot-2009.jpg') center top no-repeat;
		text-align: center;
		margin: 0 auto;
		font-weight: bold;
		color: #900;
}

a.screenshot.s-2010 { background-image: url('images2010/screenshot-2010.jpg'); padding-top: 120px;}

.skin-switch {
		display: block;
		width: 100%;
		clear: both;
		text-align: center;
		
}