			
	
	
		
		
		
    

		
		
		
		
		
		
		
		
		
	
	 
	
	 
	
	
		
			 
		
	


/** Hacks for IE7 **/
html* #content {margin-top:22px;}


#content #main_2col {
	width: 960px;
	margin-top: 18px;
}

#content #main_2col #left {
	width: 170px;
	float: left;
	margin-right:5px;
}

#content #main_2col #right {
	width: 774px;
	margin-left: 10px;
	float: left;
}

#content #main_2col #left .greybox H3 {
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
}

#content #main_2col #left .greybox H3 A,
#content #main_2col #left .greybox H3 A:link,
#content #main_2col #left .greybox H3 A:visited {
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}

#content #main_2col #left .greybox H3 A:hover {
	text-decoration: underline;
}

#content #main_2col #left .greybox H3 A:active {
	text-decoration: none;
}

#content #main_2col #left .greybox .greybox_body A,
#content #main_2col #left .greybox .greybox_body A:link,
#content #main_2col #left .greybox .greybox_body A:visited,
#content #main_2col #left .greybox .greybox_body A:hover {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
}
#content #main_2col #left .greybox .greybox_body A,
#content #main_2col #left .greybox .greybox_body A:link,
#content #main_2col #left .greybox .greybox_body A:visited {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
}

#content #main_2col #left .greybox .greybox_body A:hover {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	text-decoration: underline;
}

#content #main_2col #left .greybox .greybox_body LI {
	margin-top: 5px;
	margin-bottom: 5px;
}

#content #main_2col #left .greybox .greybox_body UL LI UL LI {
	list-style-type: none;
	list-style-image: none;
}

#content #main_2col #left .greybox .greybox_body A:active {
	font-weight: normal; 
}

#content #main_2col #right p A.prod_compare {
	background: url('/assets/images/geo-circle_icon.gif') no-repeat left center #FFF;
	padding-left: 20px;
	font-weight: bold;
}

.topleft {
	float: left;
}

.topright {
	float: left;
	margin-left: 10px;
}

.bottomrow {
	margin-top: 20px;
	clear:both;
}

.orange_box {
	width: 382px;
}

.orange_top {
	width: inherit;
	background: url('/assets/images/grad_img_sprite.gif') repeat-x 0px -36px #FFF;
	height: 30px;
}

.orange_top .orange_top_l {
	width: 5px;
	background: url('/assets/images/img_sprite.gif') no-repeat 0px -40px #FFF;
	height: 30px;
	float: left;
}

.orange_top h3 {
	float: left;
	height: 22px;
	width: 367px;
	font-size: 14px;
	font-weight: bold;
	padding-left: 5px;
	padding-top: 8px;
	color: #FFF;
	margin-bottom: 0px;
}

.orange_top h3 a {
	background: url('/assets/images/white-arrow_png24.png') no-repeat right 3px;
	padding-right: 10px;
	text-decoration: none;
	color: #FFF;
	text-transform: uppercase;
}

.orange_top h3 a:link,
.orange_top h3 a:visited {
	text-decoration: none;
	color: #FFF;
}

.orange_top h3 a:hover {
	text-decoration: underline;
	color: #FFF;
}

.orange_top h3 a:active {
	text-decoration: none;
	color: #FFF;
}

.orange_top .orange_top_r {
	width: 5px;
	background: url('/assets/images/img_sprite.gif') no-repeat -20px -40px #FFF;
	height: 30px;
	float: left;
}

.orange_mid {
	width: 380px;
	border-left: 1px solid #F3782B;
	border-right: 1px solid #F3782B;
	height: 111px;
	
}
/** IE6 Hack **/
* html .orange_mid {margin-top:-3px;}

.bottomrow .orange_mid {
	height: 50px;
	padding-bottom: 5px;
}

.orange_mid UL {
	margin-left: 27px;
	margin-bottom: 0px;
	padding-top: 10px;
}


.orange_mid UL {
	list-style-image: url('/assets/images/big-arrow-bullet.gif');
}

.orange_mid UL LI  {
	margin: 0px 0px 5px 0px;
	padding-left: 2px;
}

.orange_mid UL LI A,
.orange_mid UL LI A:link {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #00529B;
	text-decoration:none;
}


div.orange_mid ul li a:visited {
	color:#666666;
}

div.orange_mid UL LI A:hover {
	color: #F37121;
	text-decoration: underline;
}

.orange_mid UL LI A:active {
	color: #00529B;
}

.orange_bottom {
	width: inherit;
}

.orange_bottom_l {
	width: 5px;
	height: 5px;
	float: left;
	background: url('/assets/images/orange_bot_left.gif') no-repeat left top #FFF;
}

.orange_bottom_line {
	width: 372px;
	height: 5px;
	float: left;
	border-bottom: 1px solid #F3782B;
}

.orange_bottom_r {
	width: 5px;
	height: 5px;
	float: left;
	background: url('/assets/images/orange_bot_right.gif') no-repeat left top #FFF;
}

/** Products Page **/
.orange_box .orange_top h3 a.compareAll {
	display:block; 
	float:right; 
	font:normal 11px "Helvetica Neue",Helvetica,Arial,sans-serif;
	background:none;
	text-transform:none;
	text-decoration:underline;
	}
* html .orange_box .orange_top h3 a.compareAll,
html* .orange_box .orange_top h3 a.compareAll{margin-top:-15px;}

#products .orange_mid {
		padding-top:5px;
		border-bottom:1px solid #F3782B;
		}

#products .topleft {float:left;}
#products .topright{float:right;}

#products .topleft .orange_mid {height:226px;}
#products .topright .orange_mid {height:91px;}
#products .bottomrow .orange_mid{height:117px;}
* html #products .bottomrow .orange_mid{height:90px;}
* html #products .topright ul li a{height:1%}

#products .topleft ul {margin-top:-10px;}
#products .topright ul {margin-top:-5px;}
#products .topleft li {margin-top:10px}
#products .bottomrow {float:right; clear:none; margin-top:10px;}
#products .orange_mid a {display:block; margin:0; padding:0;}		
#products .topleft .orange_mid a,
#products .bottomrow .orange_mid a {line-height:10px;}

#products .de .topleft .orange_mid,
#products .fr .topleft .orange_mid{height:290px;}
#products .de .topright .orange_mid,
#products .fr .topright .orange_mid{height:120px;}
#products .de .bottomrow .orange_mid,
#products .fr .bottomrow .orange_mid{height:119px;}
* html #products .de .bottomrow .orange_mid,
* html #products .fr .bottomrow .orange_mid{height:116px;}

#products .es .topleft .orange_mid {height:255px;}
#products .es .topright .orange_mid {height:102px;}
#products .es .bottomrow .orange_mid{height:102px;}
* html #products .es .bottomrow .orange_mid{height:99px;}

#footer {margin-top:25px;}

div.greybox div.greybox_head.triple-line {
	height:50px;
	background: url('/es/assets/images/grey_head_back2_es.gif') no-repeat #FFF;}

div.greybox div.greybox_head.double-line {
	height:40px;
	background: url('/es/assets/images/grey_head_back2_es.gif') no-repeat #FFF;}
