/*

colors used:
olive for text-color and backgroundcolor header
limegreen for the mouseover of the links and text-color h1-h6
white for the links in the footer

*/

* { margin: 0px;    padding: 0px; outline-style: none; }

html, body { /*    height: 100%; */ background: #2c291d; }

img a, a img { border: none; }

#site {
    position: relative;
    margin: 20px auto 0px auto;
    padding: 0px;
    width: 980px;
    min-height: 599px;
    height: auto !important;
    height: 100%;
    font: 12px arial, verdana, sans-serif;
    color: #aba9a5;
    line-height: 16px;
    border: 1px solid #fff;
    overflow: hidden;
}

/* ------------------------------------------------------------------------- Header */

#print_header { display: none; }

#header {
    position: relative;
    width: 980px;
    /* height: 200px; */
    color: #fff;
}

/* navigation top */

#header #navigation_top {
    width: 980px;
    height: 40px;
    line-height: 40px;
    color: #aba9a5;
    background: url(pics/bg_header.gif) top left repeat-x;    
}

#header #navigation_top .item {
    padding: 0px 20px;
    float: left;
    background: url(pics/bg_header_item.gif) center right no-repeat;
}

#header #navigation_top .item.languages {
	float: left;
	width: 165px;	
}

#header #navigation_top a:link, 
#header #navigation_top a:visited { margin: 0px 5px; text-decoration: none;    color: #aba9a5; }

#header #navigation_top a:hover, 
#header #navigation_top li.current a:link, 
#header #navigation_top li.current a:visited { border-bottom: 1px solid #aba9a5; }

#header img.icon { margin: 12px 7px 10px 7px; float: left; }
#header img.lang { margin: 15px 0px 10px 10px; float: right; }

#languages {
    position: absolute;
    padding: 10px 0px;
    margin: 0px;
    width: 205px;
    left: 0px;
    top: 40px;
    display: none;
    z-index: 10;
    color: #fff;
    line-height: 16px;
    background: #5a514a;
}

#currencies {
    position: absolute;
    padding: 5px 0px;
    margin: 0px;
    width: 165px;
    left: 167px;
    top: 40px;
    display: none;
    z-index: 10;
    color: #fff;
    line-height: 16px;
    background: #5a514a;
}

#header #languages ul { width: 205px; list-style-type: none; } 
#header #languages li { width: 165px; height: 14px; padding: 0px 20px; text-align: right; } 
#header #languages li a:link, #header #languages li a:visited { float: left; margin: 0px; padding: 1px 0px; line-height: 10px; color: #fff; }
#header #languages li a:hover { color: #aba9a5; border: none; }


#header #navigation_top .right { padding: 0px 20px;    float: right; }
#header #navigation_top .right ul { list-style-type: none; }

#header #navigation_top .right li {
    padding: 0px 0px 0px 7px;
    margin: 0px 0px 0px 10px;
    float: left;
    background: url(pics/bg_li_header.gif) center left no-repeat;
}

/* END navigation top */

#header #image_bar { position: relative; width: 980px; height: 160px; overflow: hidden; }
#header #image_bar .column245 {    width: 245px;    height: 160px; float: left; }
#header #image_bar .column490 {    width: 490px;    height: 160px; float: left;  }

#header #shadowtext { 
	padding: 10px 25px; 
	width: 195px; 
	height: 140px; 
	float: left; 
	font-size: 12px;
	line-height: 28px;
	text-align: justify;
	background-color: #6D6757;
}

#header #image_bar .jquery-text-shadow-text {
	position: relative;
	z-index: 10;
	color: #fff;
}

#header #image_bar .jquery-text-shadow {
	padding: 10px 24px;
	width: 196px; 
	position: absolute;
	left: 1px;
	top: 1px;
	z-index: 9;
	opacity: .6;
	filter: alpha(opacity=60);
	color: #000;
	speak: none;
}

.bg_imagebar {
  background: url(pics/bg_login_header.gif) top left repeat-x;
}

#customer_info              { padding: 20px; width: 205px; height: 120px; background: url(pics/bg_login_header.gif) top left repeat-x; }
#customer_info .row         { padding: 3px 0px; width: 200px; float: left; color: #2c291d; font-size: 11px; }
#customer_info .description { float: left; width: 85px; text-align: right;} 
#customer_info .value       { padding: 0px 0px 0px 5px; float: left; width: 110px; font-weight: bold;} 
#customer_info a:link, #customer_info a:visited { color: #2c291d; text-decoration: none; font-size: 11px; font-weight: bold; }

#customer_info_wide              { padding: 20px; width: 400px; height: 120px; background: url(pics/bg_login_header.gif) top left repeat-x; }
#customer_info_wide .row         { float: left; color: #2c291d; font-size: 11px; line-height: 20px; }
#customer_info_wide .description { float: left; width: 85px; text-align: right;} 
#customer_info_wide .value       { float: left; width: 300px; font-weight: bold;} 
#customer_info_wide a:link, #customer_info_wide a:visited { color: #2c291d; text-decoration: none; font-size: 11px;}

#login {
    padding: 20px;
    width: 450px;
    height: 120px;
    background: url(pics/bg_login_header.gif) top left repeat-x;
}

#login .row                    { margin: 7px 0px; height: 22px; font-weight: bold; font-size: 11px; line-height: 20px;    color: #2c291d; }
#login .description { padding: 0px 10px 0px 0px; line-height: 22px; width: 230px; float: left;  text-align: right;  } 
#login .value             { width: 210px; float: left; } 
#login input                { width: 204px; padding: 2px; height: 16px; border: 1px solid #fff; color: #fff; font-weight: bold; font-size: 11px;  background: #2c291d; }
#login input.button    { width: 80px; border: none; background: none; float: right; color: #2c291d; cursor: pointer;  }

/* ------------------------------------------------------------------------- Breadcrumb */



#downloads {
    margin: 1px 0px 0px 0px;
    padding: 0px 0px 0px 15px;
    width: 235px;
    float: left;
    height: 23px;
    display: block;
    color: #2c291d;
    line-height: 23px;
    background: #d6a80f;
}

#downloads a:link, #downloads a:visited { margin: 0px 5px; color: #2c291d; text-decoration: none; font-size: 11px; font-weight: bold; } 

#breadcrumb {
    margin: 1px 0px 0px 0px;
    padding: 0px 20px 0px 12px;
    height: 23px;
    width: 698px;
    color: #2c291d;
    line-height: 23px;
    font-weight: bold;
    font-size: 11px;
    float: left;
    background: #d6a80f;
}

#breadcrumb a:link, #breadcrumb a:visited { margin: 0px 5px; color: #2c291d; text-decoration: none; } 

/* ------------------------------------------------------------------------- Navigation */ 

#navigation {
    padding: 25px 15px;
    width: 205px;
    float: left;
    font-size: 15px;
    font-weight: bold;
}

#navigation ul { list-style-type: none; }

#navigation li {
    margin: 0px 0px 20px 0px;
    padding: 3px 0px 0px 4px;
    background: url(pics/bg_li_navigation.gif) top left no-repeat;
}

#navigation li a:link, #navigation li a:visited {
    color: #fff;
    text-decoration: none;
}

#navigation li a:hover, 
#navigation li.current a.current { color: #a48e39; }

/* Subnavigation */

#navigation ul.sub        { margin: 0px 0px 0px 10px; }
#navigation ul.sub li   { margin: 0px 0px 5px 0px; font-size: 12px; background: none; }
#navigation ul.sub li a:link, #navigation ul.sub li a:visited { color: #aba9a5; }
#navigation ul.sub li a:hover, #navigation ul.sub li.current a.current { color: #927515; }

/* ------------------------------------------------------------------------- Content */ 

#content {
    padding: 25px 15px;
    width: 705px;
    float: left;    
}

* html #content { height: 300px; }

#content.small {
    padding: 25px 15px; 
    width: 465px;
}

#content .text {
    padding: 0px 10px;
} 

#adresses { margin: 20px 0px; }
#content #adresses .adres { margin: 0px; padding: 5px 10px; width: 445px; border-bottom: 1px dashed #927515; } 
#content #adresses .adres a:link, #content #adresses .adres a:visited { font-size: 11px; } 

#sidebar {
    position: relative;
    width: 235px;
    padding: 25px 0px 25px 0px;
    float: right;
}

#sidebar .top {
    position: relative;
    margin: 0px 0px 10px 0px;
    padding: 0px 20px;
    width: 195px;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    font-weight: bold;
    color: #2c291d;
    text-align: center;
    background: url(pics/bg_button.gif) top left repeat-x;
}

#sidebar .top .discount {
    position: absolute;
    z-index: 1;
    left: 5px; 
    top: 12px; 
    font-size: 11px; 
    color: #846b18;
}

#sidebar .top a:link, #sidebar .top a:visited { color: #2c291d; text-decoration: none; }

#sidebar ul { list-style-type: none; }
#sidebar li { padding: 3px 20px 3px 15px; background: url(pics/bg_li_header.gif) center left no-repeat; }

#sidebar li.empty { background: none; }  

#sidebar li a:link,  #sidebar li a:visited {  text-decoration: none; color: #d6aa08;  }
#sidebar li a:hover, #sidebar li.current a:link, #sidebar li.current a:visited {  border-bottom: 1px solid #d6aa08;  } 

#sidebar span#SlideShow {
  position: absolute; 
  width: 235px; 
  height: 140px; 
  right: 0px; 
  z-index: 100; 
  overflow: hidden;
}

#sidebar span#SlideShowFade {
    position: absolute; 
    right: 0px; 
    z-index: 50; 
    width: 235px; 
    height: 140px; 
    overflow: hidden;
}  

* html #sidebar span#SlideShowFade { right: -1px; }

#sidebar #thumbs { margin: 160px 0px 0px 0px; }
#sidebar .thumb     { margin: 0px 0px 5px 0px; width: 115px; height: 69px; display: block; float: left; overflow: hidden; }
#sidebar .thumb img { height: 69px; overflow: hidden; } 


/* special offers home */

#content .special_offer {
    position: relative;
    margin: 0px 15px 20px 0px;
    padding: 0px 10px;
    width: 315px;
    height: 270px;
    float: left;
    border-bottom: 1px dashed #d6a80f;
    overflow: hidden;
}

#content .special_offer .product_image {
    position: relative;
    width: 315px;
    height: 140px;
    overflow: hidden;
}

#content .special_offer .price {
    position: absolute;
    padding: 0px 10px;
    height: 50px;
    line-height: 50px;
    right: 4px;
    top: 40px;
    color: #fff;
    font-size: 22px;    
    background: url(pics/bg_price.png) repeat-x;
}

#content .special_offer .price.discount {
    padding: 6px 10px;
}  

#content .special_offer span.discount  { position: absolute; right: 10px; top: 6px; line-height: 11px; font-size: 11px; color: #edd895 }
* html #content .special_offer span.discount { top: 2px; right: 0px; }    
                                 
#content .special_offer .price img.price_left  { position: absolute; margin: 5px 0px 0px 0px; height: 50px; top: -5px; left:  -4px; }
#content .special_offer .price img.price_right { position: absolute; margin: 5px 0px 0px 0px; height: 50px; top: -5px; right: -4px; }

#content .special_offer .info {
    margin: 15px 0px;
    width: 315px;
    height: 47px;
    overflow: hidden;
}

#content .special_offer .info p { margin: 0px; }

#content .special_offer .more {
    text-align: right;
}


/* END special offers home */

/* products overview */

#content .product {
    position: relative;
    margin: 0px 10px 20px 0px;
    padding: 0px 0px 20px 10px;
    width: 332px;
    height: 90px;
    float: left;
    border-bottom: 1px dashed #d6a80f;
    overflow: hidden;    
}

#content .product .content { padding: 15px 0px 15px 0px; width: 215px; height: 20px; overflow: hidden;}
#content .product .bottom { position: absolute; width: 215px; bottom: 20px; left: 10px; font-size: 16px; font-weight: bold; }
#content .product .bottom a { font-size: 12px; }

#content .product .afb { float: right; width: 105px; height: 70px; overflow: hidden; } 

/* download overview */

#content .download {
    position: relative;
    margin: 0px 10px 20px 0px;
    padding: 0px 0px 20px 10px;
    width: 332px;
    height: 90px;
    float: left;
    border-bottom: 1px dashed #d6a80f;
    overflow: hidden;    
}

#content .download .content { padding: 5px 0px ; width: 215px; height: 45px; overflow: hidden;}
#content .download .content.no-img { width: 320px; }
#content .download .bottom { position: absolute; width: 215px; bottom: 10px; left: 10px; font-size: 16px; font-weight: bold; }
#content .download .bottom.no-img {width: 320px; }
#content .download .bottom a { font-size: 12px; }

#content .download .afb { float: right; width: 105px; height: 70px; overflow: hidden; } 

/* END products overview */

/* shoppingcart */

#content .row_header {
    padding: 0px 10px;
    width: 685px;
    height: 23px;
    color: #2c291d;
    line-height: 23px;
    font-weight: bold;
    font-size: 11px;
    background: #d6a80f;
}

#content .row_header.small {
    width: 445px;
}

#content .description_bar { 
    padding: 0px 10px;
    width: 685px;
    height: 23px;
    line-height: 23px;
    font-weight: bold;
    font-size: 11px;
    color: #fff;
    border-bottom: 1px dashed #d6a80f;
}
#content .description_bar.higher_new {height:50px;} 

#shoppingcart .item { 
    padding: 10px;
    min-height: 80px;
    height: auto !important;
    height: 80px;
    line-height: 25px;
    border-bottom: 1px dashed #d6a80f;
}

#shoppingcart .product { padding: 0px; margin: 0px 20px 20px 0px; width: 200px; height: 100px; overflow: hidden; float: left; border: 1px solid #ccc; color: #2c291d; background: #aba9a5; }
#shoppingcart .product .head    { padding: 0px 5px; min-height: 20px; height: auto !important; height: 20px; font-weight: bold; border: 1px solid #ff9900; background: #818181; }

#shoppingcart .column18  { padding: 0px 10px 0px 0px; width: 18px; float: left;  }
#shoppingcart .column20  { padding: 0px 10px 0px 0px; width: 20px; float: left;  }
#shoppingcart .column30  { padding: 0px 10px 0px 0px; width: 30px; float: left;  }
#shoppingcart .column40  { padding: 0px 10px 0px 0px; width: 40px; float: left;  }
#shoppingcart .column50  { padding: 0px 10px 0px 0px; width: 50px; float: left;  }
#shoppingcart .column65  { padding: 0px 10px 0px 0px; width: 68px; float: left;  }
#shoppingcart .column70  { padding: 0px 10px 0px 0px; width: 70px; float: left;  }
#shoppingcart .column80  { padding: 0px 10px 0px 0px; width: 80px; float: left;  }
#shoppingcart .column90  { padding: 0px 10px 0px 0px; width: 90px; float: left;  }
#shoppingcart .column100 { padding: 0px 10px 0px 0px; width: 100px; float: left; }
#shoppingcart .column150 { padding: 0px 10px 0px 0px; width: 150px; float: left; }
#shoppingcart .column175 { padding: 0px 10px 0px 0px; width: 175px; float: left; }
#shoppingcart .column200 { padding: 0px 10px 0px 0px; width: 200px; float: left; }
#shoppingcart .column230 { padding: 0px 10px 0px 0px; width: 230px; float: left; }
#shoppingcart .column250 { padding: 0px 10px 0px 0px; width: 250px; float: left; }
#shoppingcart .item input.small { padding: 0px 2px; width: 36px; border: 1px solid #d6a80f; text-align: right; font-weight: bold; }

#shoppingcart .control_bar {
    margin: 5px 0px;
    padding: 0px 10px;
    width: 685px;
    height: 23px;
    line-height: 23px;
    font-weight: bold;
    font-size: 11px;
    color: #2c291d;
    background: #d6a80f;    
}

#shoppingcart .control_bar a:link, #shoppingcart .control_bar a:visited { color: #2c291d; border: none; text-decoration: none; float: left; }
#shoppingcart img.icon  { margin: 3px 10px 4px 0px; padding: 0px 0px; float: left; }

#shoppingcart .pay {
    margin: 30px 0px;
    padding: 0px 15px;
    width: 95px;
    height: 40px;
    float: right;
    line-height: 40px;
    font-weight: bold;
    font-size: 15px;
    background: url(pics/bg_button.gif) top left repeat-x;
}

#shoppingcart .pay a:link, #shoppingcart .pay a:visited { color: #2c291d; }

#shoppingcart .recommends_bar {
    margin: 0px 0px 10px 0px;
    padding: 0px 10px;
    width: 685px;
    height: 23px;
    line-height: 23px;
    font-weight: bold;
    font-size: 11px;
    color: #fff;
    background: #4b493f;        
}

#shoppingcart form#shippingmethod { padding: 12px; }

/* END shoppingcart */

#content .warning {
    padding: 10px;
    margin: 0px 0px 15px 0px;
    font-weight: bold;
    color: #2c291d;
    border: 1px solid #d6a80f;
    background: #fff7de;
}

span.dashedLine { margin: 20px 0px; width: 100%; height: 1px; display: block; border-bottom: 1px dashed #d6a80f; }

h1, td h1 {font: 19px arial, verdana, sans-serif; font-weight: bold; color: #d6a80f; margin-bottom: 7px;}
h2, td h2 {font: 17px arial, verdana, sans-serif; font-weight: bold; color: #d6a80f; margin-bottom: 3px;}
h3, td h3 {font: 15px arial, verdana, sans-serif; font-weight: bold; color: #d6a80f; margin-bottom: 3px;}
h4, td h4 {font: 14px arial, verdana, sans-serif; font-weight: bold; color: #d6a80f; margin-bottom: 3px;}
h5, td h5 {font: 13px arial, verdana, sans-serif; font-weight: bold; color: #d6a80f; margin-bottom: 3px;}
h6, td h6 {font: 12px arial, verdana, sans-serif; font-weight: bold; color: #d6a80f; margin-bottom: 3px;}



#shoppingcart .item a  { border: none; text-decoration: none; }

table { margin: 5px 0px; }
td {
    font: 12px arial, verdana, sans-serif;
    line-height: 16px;
    color: #aba9a5;
}

/* #content img { margin: 10px 0px; } */
#content img.left  { margin: 3px 10px 10px 0px; float: left; }
#content img.right { margin: 3px 0px 10px 10px; float: right; }

#content span.print { float: left; }
#content span.print a:hover, #content  span.print a:hover img.print { text-decoration: none; border: none; }
#content img.print { margin: 0px 10px; cursor: pointer; }


p { margin-bottom: 9px;}

#content ul { margin: 10px 0px 10px 15px; list-style-type: disc;}
#content li { margin: 0px 0px 0px 15px;}
#content ol { margin: 10px 0px 10px 20px;}

span.floatLeft  { float: left;  }
span.floatRight { float: right; }

span.floatLeft .submitButton {
     border: 0px;
    background: none;    
    font-family:arial,verdana,sans-serif;
    font-size:11px;
    font-weight:bold;
    line-height:23px;
    color:#2C291D;
    cursor: pointer;
}

span .submitButton2 {
     border: 0px solid #FFFFFF;
    background: none;    
    font-family:arial,verdana,sans-serif;
    font-size:12px;
    line-height:23px;
    color:#D6A80F;
    cursor: pointer;
}

#content input.no_button {
    color: #d6aa08;
    font: 12px arial, verdana, sans-serif;  
    font-weight: bold; 
    text-align: right;
    cursor: pointer;
    background: none;
    border: none;
}

/* ------------------------------------------------------------------------- Forms */

#content .row         { margin: 0px 0px 0px 0px; min-height: 15px; height: auto !important; height: 15px;}
#content .description { padding: 3px 0px 0px 0px; width: 165px; float: left; } 
#content .value       { margin: 0px 0px 2px 0px; width: 300px; float: left; }
#content .value input { font-size: 11px; font-weight: bold; color: #2c291d; }
#content .value input.text { padding: 2px 2px; width: 196px; border: 1px solid #aba9a5; }
#content .value select{ width: 203px !important; font-weight: bold;  color: #2c291d; font-size: 11px; padding: 1px 0px; }
#content input.button { margin: 10px 0px; padding: 2px 10px;    border: 1px solid #d6aa08; background: #fff7de; cursor: pointer;}  
#content span.radio   { padding: 1px 0px 0px 0px; margin: 0px 10px 0px 0px; line-height: 22px; float: left; } 
#content span.radio input  { margin: 1px 5px 0px 0px; float: left; }
#content .value textarea { padding: 1px;width: 200px; height: 75px; font: 11px arial, verdana, sans-serif; font-weight:bold; color: #2c291d; } 

/* ------------------------------------------------------------------------- Footer */ 

#footer {
    margin: 0px auto;
    padding: 5px 10px 20px 10px;
    width: 960px;
    height: 20px;
    font: 11px arial, verdana, sans-serif;
    color: #aba9a5;
    text-align: right;
}

#footer a:link, #footer a:visited {
    margin: 0px 5px;
    text-decoration: none;
    line-height: 20px;
    color: #aba9a5;
}

#footer a:hover { border-bottom: 1px solid #aba9a5; }

br.clear { height: 0px; font: 0px arial, verdana, sans-serif; line-height: 0px; clear: both; }


#content a:link, #content a:visited { position: relative; text-decoration: none; color: #d6a80f; border-bottom: none; }
#content a:hover { color: #d6a80f; border-bottom: 1px solid #d6a80f; }

#content a.no-border:hover { border: 0px solid #fff; }      

ul#training_downloads  li {
  margin-bottom: 5px;
}