/* CSS Document */

html, body {height: 100%;}

body
{
   margin: 0px;
   padding: 0px;
   background: #ebedef;
}

div#cont
{
   float: left;
   width: 100%;
   background: url('../images/top_bgr_main.gif') repeat-x top white;
}

div#cont div.align,
div#footer div.align
{
   width: 810px;
   margin: 0 auto;
   padding: 0px;
}

div#footer
{
   float: left;
   width: 100%;
   border-top: 1px solid white;
   padding-bottom: 7px;  
}

div#footer p
{
   color: #949aa3;
   font-size: 0.9em;
   padding-top: 7px;
   margin: 0px;
}

div#footer p a img
{
   float: none;
}

div#footer div.synergy
{
   float: right;
   margin-top: -23px;
   font-size: 0.8em;
   padding-top: 7px;
}

div#footer div.synergy a
{
   color: #949aa3;
   text-decoration: none;
   cursor: auto;
}

div#footer div.synergy a.link
{
   color: #1e1e1e;
   text-decoration: none;
   cursor: pointer;
}


/**
 * Header
 **/
 
div#header {
   float: left;
   display: block;
   height: 83px;
   width: 810px;
}

div#header a.sitemap {
      float: right;
      margin-top: 60px;
   }
   
div#header a.print {
      float: right;
      margin-top: 60px;
      margin-left: 10px;
   }

   #top_menu {
      position: relative;
      float: left;
      z-index: 1;
      width: 810px;
      height: 34px;
      padding: 0px;
      margin: 0px 0px 10px 0px;
      list-style-type: none;
   }

   #top_menu li {
      position: relative;
      float: left;
      text-transform: uppercase;
      font-size: 0.9em;
      padding: 7px 1em 7px 0.7em;
      background: url('../images/top_menu_li.gif') no-repeat 0px 15px;
   }
   
   #top_menu li a {
      float: left;
      color: black; 
      text-decoration: none;  
   }
   
   #top_menu li.used a {
     color: #8b211c; 
   }
      
   #top_menu li.languages {
      background: none;
      float: right;
      padding: 0px;
      color: #4b4b4b;
   }
   
   #top_menu li.languages img {
      float: left;
      margin: 10px 5px 0 0;
   }
   
   #top_menu li.languages select {
     color: #4b4b4b;
     text-transform: none;
     font-size: 11px; 
   }
   
   #top_menu li ul {
   	width: 150px;
   	margin: 0px;
   	padding: 6px 0 0 0;
   	float: left;
   	list-style: none;
   	position: absolute;
   	left: 0px;
   	top: -9000px;
   	z-index: 10;
   	background: white;
   	border-bottom: 4px solid #edeceb;
   }
   
   #top_menu li ul li {
      float: left;
      width: 122px;
      padding: 3px 10px;
      margin: 0;
      background: none;
      border-left: 4px solid #edeceb;
      border-right: 4px solid #edeceb;
   }
   
   #top_menu li ul li a {
     text-transform: none; 
     text-decoration: none !important;
   }
   
   #top_menu li ul li a:hover {
     text-decoration: underline !important;
   } 
   
   #top_menu li:hover ul,
   #top_menu li.sfHover ul
   {
     top: 24px;
   }
   
   ul#top_menu iframe
   {
   	position: absolute;
   	left: -5px;
   	top: -0.5em;
   	z-index: -1;
   	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
   }

   

/**
 * Content
 **/
 
div#content {
   position: relative;
   float: left;
   width: 810px;
   padding-bottom: 10px;
   z-index: 0;
} 

div#content div.product ul.items {
   float: left;
   list-style-type: none;
   padding: 10px 0 12px 0;
   margin: 0;
}

div#content div.product ul.items li {
   float: left;
   padding-right: 10px;
   margin-right: 10px;
   border-right: 1px solid #cccdd3;
   line-height: 13px;
}

div#content div.product ul.items li.last {
   border: none;
}

div#content div.product ul.items li a {
   color: #5b5e6a;
   font-size: 0.9em;
}

div#content div.product ul.items li.used a {
   color: #8b211c;                      
   font-weight: bold;   
}

div#content div.product div.prod {
   float: left;
   width: 809px;
   background: #ebebed;
   border-right: 1px solid #c3c3c3;
   border-bottom: 1px solid #c3c3c3;
   margin-bottom: 10px;
}

div#main_prod_img {
   float: left;
   width: 459px;
   height: 306px;
   overflow: hidden;
   text-align: left;
}

div#content div.product div.prod ul.thumbs {
   float: right;
   width: 321px;
   list-style-type: none;
   margin: 0;
   padding: 14px 0 0 0;
}

div#content div.product div.prod ul.thumbs li {
   position: relative;
   float: left;
   width: 90px;
   height: 60px;
   margin: 0 15px 10px 0;
   border-top: 1px solid #f7f7f8;
   border-left: 1px solid #f7f7f8;
   border-right: 1px solid #dbdbdd;
   border-bottom: 1px solid #dbdbdd;
}

div#content div.product div.prod ul.thumbs li a {
   position: relative;
   float: left;
   text-align: center;
   width: 90px;
   height: 60px;
   overflow: hidden;
   text-decoration: none;
}

div#content div.product div.prod ul.thumbs li a span {
   position: absolute;
   width: 84px;
   height: 54px;
   top: 0;
   left: 0;   
}

div#content div.product div.prod ul.thumbs li a.used span {
   border: 3px solid #cc726e;
}

div#content div.product div.prod ul.thumbs li a img {
   float: none;
   z-index: 0;
}

div#content div.product ul.prod_measures {
   float: left;
   position: relative;
   list-style-type: none;
   margin: 0;
   padding: 0;
}

div#content div.product ul.prod_measures li {
   float: left;
   border: 1px solid #dbdad8;
   margin-right: -1px;
   background: white;
   cursor: pointer;
}

div#content div.product ul.prod_measures li.selected {
   border-bottom: none;
}

div#content div.product ul.prod_measures li span {
   float: left;
   font-size: 0.9em;
   color: #5b5e6a;
   padding: 6px 1.2em;
   text-decoration: none;
}

div#content div.product ul.prod_measures li.selected span {
   font-weight: bold;
   padding-bottom: 7px;
}

div#content div.product ul.prod_measures li span img {
   float: right;
   border: 1px solid #dcdbd9;
}

div#content div.product .prod_desc {
   float: left;
   width: 788px;
   padding: 10px;
   border: 1px solid #dbdad8;
   z-index: 0;
   margin-top: -1px;
   font-size: 0.9em;
   color: #5b5e6a;
   
}

div#content div.product .prod_desc table {
   margin: 0;
   border-collapse: collapse;
} 

div#content div.product .prod_desc td {
   padding: 2px 10px;
}

div#content div.product .prod_desc td.img {
   padding: 0;
   width: 90px;
}

div#content div.product .prod_desc td.img a,
div#content div.product .prod_desc td.img a span {
   float: left;
}

div#content div.product .prod_desc td.img a{
   border:3px solid white;
}

div#content div.product .prod_desc td.img a.used{
   border:3px solid #CC726E;
}

div#content div.product .prod_desc td.t-w {
   width: 130px;
   padding-right: 0;
}


div#content div.product .prod_desc td.t-c {
   border-right: 1px solid #ebedef;
   text-align: left;
   width: 100px;
   white-space: nowrap;
}

div#content a.pdf {
   float: left;
   padding: 0 0 0 30px;
   background: url('../images/ico_pdf.gif') no-repeat 0px 3px;
   color: #8b211c;
}

div#content a.pdf span {
   padding-right: 10px;
   background: url('../images/ico_download.gif') no-repeat right 3px;
}

/**
 * Where to buy
 **/
 
div#content .wheretobuy {
   float: left;
   border-collapse: collapse;
   margin: 0; 
} 

div#content .wheretobuy td,
div#content .wheretobuy th {
   border: 1px solid #dfdedd;
   vertical-align: top;
   font-size: 0.9em;
}

div#content .wheretobuy td.w150 {
   width: 150px;
}

div#content .wheretobuy ul {
   list-style-type: none;
   margin: 0;
   padding: 0 0 0 5px;
}

div#content .wheretobuy ul li {
   padding-left: 11px;
   line-height: 2em;
}

div#content .wheretobuy ul li.used {
   background: url('../images/top_menu_li.gif') no-repeat 0px 12px;
   font-weight: bold;
}

div#content .wheretobuy ul a {
   color: #5b5e6a;
   font-size: 0.9em;
}

div#content .wheretobuy ul li.used a {
   color: #8b211c;
}

div#content .wheretobuy table td,
div#content .wheretobuy table th {
   border: none;
   padding: 0 5px 3px;
   line-height: 2em;
   cursor: default;
}

div#content .wheretobuy table tr.hovered td {
   background: #EBEDEF;
}
/**
 * Products
 **/
 

 
div.products h2 {
   float: left;
   clear: both;
   color: #5b5e6a;
   font-size: 0.9em;
   font-weight: bold;
} 

div.products ul {
   float: left;
   clear: both;
   list-style-type: none;
   margin: 0;
   padding: 0 0 10px 0;   
}

div.products ul li {
   float: left;
   padding: 10px 15px 0 0;
   margin: 0;
   border-top: 1px solid #bababa;  
}

div.products ul li img {
   float: left;
   margin: 0;
   border-right: 1px solid #bababa;
   border-bottom: 1px solid #bababa; 
}

div.products ul li.last {
   padding-right: 0;
}

div.products ul li.more {
   position: relative;
   height: 78px;     
   padding-left: 15px;
   margin: 0;
   border: none;
}

div.products ul li.more a {
   position: absolute;
   bottom: 0px;
   color: #5b5e6a;
   font-size: 0.9em;
}

div.product {
   position: relative;
   float: left;
}

div.product div.brand {
   position: absolute;
   top: 0;
   right: 0;
}

/***
 * content text
 **/
  

div#content p {
   font-size: 0.9em;
   color: #5b5e6a;
   line-height: 1.7em;
}

div#content p strong {
   color: #848795;
}

div#content p img {
   float: left;
   margin: 0 20px 10px 0;
   border-right: 1px solid #c4c4c4;
   border-bottom: 1px solid #c4c4c4;
}

div#content ul.suggestions {
   float: left;
   list-style-type: none;
   margin: 0;
   padding: 0;
}

div#content ul.suggestions li {
   float: left;
   width: 358px;
   padding-right: 47px;
   padding-bottom: 10px;
}

div#content ul.suggestions li span.header {
   float: left;
   width: 100%;
   margin-bottom: 10px;
   padding-bottom: 3px;
   border-bottom: 1px solid #dcdad9;
   font-weight: bold;
   color: #5b5e6a;
   font-size: 0.9em;
   overflow: hidden;
   white-space: nowrap;
}

div#content ul.suggestions li span.img {
   float: left;
   width: 357px;
   height: 163px;
   border-right: 1px solid #c4c4c4;
   border-bottom: 1px solid #c4c4c4;
   margin-bottom: 10px;
   overflow: hidden;
}

div#content ul.suggestions li img {
   margin: 0;
}

/**
 * Register login
 **/
 
div.login_box,
div.register_box {
   float: left;
   width: 400px;
} 

div.login_box {
   margin-right: 10px;
}

div.login_box label,
div.register_box label{
   float: left;
   width: 180px;
   text-align: right;
   padding: 0 20px 0 0;
}

div.login_box input,
div.register_box input{
   float: left;
   width: 190px;
   margin: 0 0 10px 0;
}


div.login_box input.button,
div.register_box input.button{
   width: auto;
}


div.login_box div.form_add_text,
div.register_box div.form_add_text{
   float: left;
   width: 200px;
   padding-left: 200px;
   font-size: 9px;
   margin-top: -10px;
   margin-bottom: 10px;
}

a.login_button {
   margin-left: 40px;
   color: #949AA3;
   text-decoration: none;
}

a.login_button:hover {
   text-decoration: underline;
   color: #969CA5
}