/* CSS for Sparex Customer Site */





/* global header */
#global_header{
	width:980px;
	margin-top:9px;
	height:240px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
	
	
}


.global_header_logo{
	float:left;
	margin-left:10px;
	margin-top:0px;
	width:204px;
	height:68px;
	padding:0px;
	display:inline;/*IE hack for double margin bug*/
	

}
/* Locale Info panel */
.global_header_locale_container{
	float:right;
	width:650px;
	
	margin-top:15px;
	margin-right:10px;
	text-align:right;
	display:inline;/*IE hack for double margin bug*/
}




.global_header_locale_container a{
color:#333333;
text-decoration:underline; 
font-size:11px; 


}

.global_header_locale_info_flag{
	display:inline;
	margin-right:5px;
	}


.global_header_locale_info{
	display:inline;
	margin-top: 8px;
	
	
}
.global_header_locale_divider{
	display:inline;
	margin-left:10px;	
	margin-top: 8px;
	color:#Fea719;
	
}
	


.global_header_locale_AccountNumber{
	
	margin-left:10px;
	margin-top: 8px;
	display:inline;
}
.global_header_locale_logout{
	
	margin-top:8px;
	margin-left:10px;
	display:inline;
	
}


/* Header tabs */
.HEADER_TABS{}/*does nothing - makes it easier to see in Dreamweaver*/

.global_header_tab_container{
	float:right;
	width:960px;
	margin-right:10px;
	margin-top:0px;
	margin-bottom:0px;
	display:inline;/*IE hack for double margin bug*/
	background-image:url(images/global_tab_bg.jpg);
	background-repeat:repeat-x;
	background-color:#3754AE;
	
}

.global_header_tab_innercontainer{
	margin:0px;
	padding:0px;
	float:left;	
}

.global_header_tab_innercontainer ul{
	list-style-type: none;
	display:inline;
}
.global_header_tab_innercontainer  li{
	display:inline;
}

.global_header_tab_home_left{
width:10px;
height:31px;
float:left;
background-image:url(images/global_home_tab_left.jpg);
}

.global_header_tab_home_right{
width:10px;
height:31px;
float:left;
background-image:url(images/global_home_tab_right.jpg);
}

.global_header_tab_home_center{
height:23px;
float:left;
background-image:url(images/global_home_tab_bg.jpg);
color:#FFFFFF;
font-weight:bold;
padding-top:8px;
padding-left:5px;
padding-right:5px;

}



.global_header_tab_center{
padding-top:8px;
height:23px;
padding-left:5px;
padding-right:5px;
float:left;
background-image:url(images/global_tab_bg.jpg); 
color:#FFFFFF;
}

.global_header_tab_center_VAT{
padding-top:4px;
height:23px;
padding-left:5px;
padding-right:5px;
float:left;
background-image:url(images/global_tab_bg.jpg); 
color:#FFFFFF;
}



.global_header_tab_center a{
color:#ffffff;
}
.global_header_tab_divider{
height:31px;
width:10px;
float:left;
background-image:url(images/global_tab_divider.jpg);
}

.global_header_tab_account_container{
	padding:8px;
	padding-left:18px;
	padding-right:18px;
	margin-right:10px;
	float:right;
	background-image:url(images/orange_arrow.gif);
	background-repeat:no-repeat;
	background-position:center right;
	background-color:none;
	
	cursor: hand;
	cursor: pointer;
}
.global_header_tab_account_container a{
 color:#ffffff;
 }

.global_header_tab_account_container_ON{
	padding:8px;
	padding-left:18px;
	padding-right:18px;
	margin-right:10px;
	float:right;
	background-color:#8a4800;
	
	cursor: hand;
	cursor: pointer;
}
.global_header_tab_account_container_ON a{
	color:#ffffff;
}
.global_header_account_popup{
	position:absolute;
	display:none;
	margin-top:-20px;
	background:#ffffcc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:10px;
	border:3px solid #8a4800;
	z-index:200;
}
.account_ul{
	
	text-indent:0px;
	display:block;

	margin:0px;
	padding:0px;
	text-indent:0px;
}

.account_li{
	margin:0px;
	padding:3px;
	white-space:nowrap;
	display:block;
	
	
}

.account_li a{
	color:#000099;
}

.account_li a:hover{
	background-color:#FFCC66;
}
.global_header_tab_account{
margin-top:8px;
height:23px;
color:#FFFFFF;
margin-right: 5px;
display:inline;
}



.global_header_tab_text{
color:#FFFFFF;
font-size:12px;
}
.global_header_tab_text_home{
color:#8a4800;
font-size:12px;
font-weight:bold;

}

/* Info panel */
.INFO_PANEL{}/*does nothing - makes it easier to see in Dreamweaver*/
.global_header_information_panel{
	float:left;
	margin-left:10px;
	width:960px;
	padding:0px;
	background-image:url(images/Information_panel.jpg);
	display:inline;/*IE hack for double margin bug*/
	
}



.gobal_header_information_divider{
	float:left;
	padding:0px;
	height:80px;
	width:10px;
	background-image:url(images/information_divider.jpg);
	margin-top:5px;

	}
	

/* Search panel */
.global_header_search_form_container{
	background-image:url(images/Information_panel_corner.gif);
	background-repeat:no-repeat;
	background-position:top left;
	margin:0px;
	padding:0px;
	float:left;
	width:415px;
}
.global_header_search_textbox{
	
	margin-left:10px;
	background-color:#E9EDF8;
	border:solid 1px  #CCCCCC;
	height:20px;
	width:306px;
	margin-top:5px;
	text-align:left;
	float:left;
	display:inline;/*IE hack for double margin bug*/
}
.global_header_search_button{
	margin:3px 10px 10px 0px;
	display:inline;
	padding:0px;
	float:right;
}
.global_header_search_panel_title{
margin-top: 0px;
margin-bottom:0px;
padding-top:10px;
margin-left: 10px;
font-size:11px;
font-weight:bold;
clear:both;
}
.autosuggest
{
	background-color:#FFF;position:absolute;width:292px;margin-top:52px;margin-left:10px;border:1px solid #CCCCCC;padding:8px;display:none;	
}

.autosuggest h3
{
	font-size:11px;
	margin:0;
	margin-bottom:4px;
	color:#999999;
}

.autosuggest .selected-item
{
	background-color:#FFCC66;
	padding:3px;	
}

.autosuggest a
{
	color:#666666;
}

.autosuggest .selected-item a
{	
	color:#666666;
	
}

.autosuggest_displayvalue
{
	color:#000000;
}

.autosuggest .unselected-item
{
	background-color:#ffffff;
	padding:3px;
}

* html .autosuggest{margin-left:0px;}

.global_header_search_instruction_text{
	clear:both;
	margin-left:10px;
	margin-top:3px;
	margin-bottom:5px;
	margin-right:5px;
	color: #666666;
	font-size:10px;
	text-align:left;
	}


.global_header_buttons_container{
	display:inline;
	padding:0px;
	float:right;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 0px;
}













/* Order Summary panel */
.ORDER_SUMMARY_PANEL{}
.global_header_summary_container{
	margin:0px;
	padding:0px;
	float:left;
}

.global_header_order_summary_title{/* NEW */
margin:0px;
padding-top:10px;
padding-left:10px;
padding-bottom:5px;
font-size:11px;
font-weight: bold;
width:305px;
}

.global_header_order_summary_container{
	margin:0px;
	padding-left:10px;
	padding-right:5px;
}

.global_header_order_summary{
	background-color:#ffffff;
	padding-top:5px;
	padding-bottom:5px;
	margin:0px;
	
	
	
	
}
.global_header_order_container_text_headings{
	margin-top:8px;
	margin-left:5px;
	margin-right:5px;
	font-size:11px;
	color: #333333;
	font-weight:normal;
	display:inline;
	
	
	
	
}

.global_header_order_container_text{
	font-size:11px;
	color:#999999;
	margin-top:8px;
	margin-left:5px;
	margin-right:5px;
	display:inline;
	
	
}



.global_header_message_container{
	float:left;
	margin-left:0px;
	margin-top:5px;
	padding-top:1px;
	padding-bottom:2px;
	text-align:center;
	width:400px;
}

	
	
.global_header_message_text{
color:#FF0000;
font-weight: bold;
margin-top:3px;
background-color: #FFFF66;
text-align:center;
margin-right:auto;
margin-left:auto;
font-size:11px;
}
/* Order Summary Quote Only overrides */

.quote_summary_width{

	width:325px;

}


/* Header nav menus */
.HEADER_NAV_MENUS{}

.global_header_nav_menus{
	float:left;
	margin-left:10px;
	width:960px;
	height:31px;
	background-image:url(images/Nav_bar.jpg);
	border-top:thin; color: #666666;
	display:inline;/*IE hack for double margin bug*/
}
.global_header_nav_menus ul{
	margin:0px;
	list-style-type: none;
	float:left;
	display:inline;
	padding: 0px;
	text-indent:0px;
}
.global_header_nav_menus  li{
	float:left;
	display:inline;
	padding-left:12px;
	padding-top:10px;
	padding-right:12px;
	padding-bottom:2px;
	cursor: hand;
	cursor: pointer;
	margin-right:5px;

	

	font-weight:bold;
	font-size:12px;

	
	background-repeat:no-repeat;
	background-position:right center;

}


.global_header_category_popup{
	position:absolute;
	display:none;
	margin-top:-20px;
	margin-top:-8px;
	background:#E9EDF8;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:10px;
	border:3px solid #3A55AA;

}
.category_heading{
	padding:0px;
	padding-bottom:4px;
	margin:0px;
	font-size:12px;
	color:#263C79;
	font-weight:bold;
}
.link_col_ul{
	float:left;
	text-indent:0px;
	display:inline;
	list-style-type: none;
	margin:0px;
	padding:0px;
	text-indent:0px;
}

.cat_link_li{
	text-indent:0px;
	margin:0px;
	padding:3px;
	white-space:nowrap;
	
	
}

.cat_link_li a{
	color:#000099;
}

.cat_link_li a:hover{
	background-color:#A8B7E1;
}
.bold_link{
	font-weight:bold;
	border-bottom:1px dotted;
}
/*IE needs extra margin and padding set for the indented li */
* html .cat_link_li {
    margin-left:-15px;
}
*:first-child+html .cat_link_li { /* for IE7 */
	margin-left:-15px; 
} 
/* end IE hack */
.cat_link_li span{
	color:#999999;
	margin-left:3px;
	margin-right:5px;
}
.global_header_nav_menus_text_headings{
	margin-left:5px;
	margin-top:10px;
	font-weight:bold;
	color:#FFFFFF;
	float:left;
	font-size:12px;
	margin-right: 10px;
	display:inline;


}


.global_header_nav_menus_text{
	color:#ffffff;
	background-image: url(images/arrow_brown.gif);
}

.global_header_nav_menus_text_ON{
	background-color:#3754AE;
	color:#ffffff;
	background-image: none;
}
.global_header_nav_menus_text_ON a{
	color:#ffffff;
}


.arrow_brown{
	margin-top:2px;
	width:7px;
	height:6px;
	margin-left: 4px;
}
	
/* ------------------------------------ */

/* Login panel */

.global_header_login_form{
	position:absolute;
	margin-left:425px;
	height:30px;
	width:520px;
	margin-top:30px;
	
}

.global_header_txtbox_container{
	font-size:11px;
	color:#999999;
	margin-right: 5px;
	float:left;
}
.global_header_login_text_headings{
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	font-size:11px;
	color: #333333;
	float:left;
	
}

.global_header_login_textbox{
	background-color:#FFFFcc;
	border:solid 1px  #CCCCCC;
	height:20px;
	width:140px;
	text-align:left;
}



.global_header_login_options{
	width:500px;
	margin-top:10px;
	margin-bottom:2px;
	margin-left:10px;
	color:#cccccc;
	font-size:11px;
	display:inline;
	float:left;
}
.global_header_login_option{

	margin-left:5px;
	margin-right:5px;
	font-size:11px;
	color: #333333;
	float:left;
	
}
.global_header_chkbox_container{
	color:#999999;
	margin-right: 5px;
	float:left;
}
.login_chkbox{
margin-top:-2px;
padding:0px;
}
.global_header_login_divide{
	
	margin-left:5px;
	margin-right:5px;
	font-size:11px;
	color: #333333;
	float:left;
	
}

.global_header_login_options a{
	color:#333333;
	text-decoration:underline; 
}


.linkRegister {color:#FFFFFF; text-decoration:underline; font-weight:bold; padding-right:4px;}
.linkLogin {color:#FFFFFF; text-decoration:underline; font-weight:bold; padding-left:4px;}
.linkAccount {color:#FFFFFF; text-decoration:underline; font-weight:bold; padding-right:4px;}