﻿/* styles to support CustomerZone after Advance rebranding */
h1 {
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-weight:lighter;
	font-size: 18px;
	border-bottom: 1px #0D204A solid;
	color:#666666;
/*	background-image :url(/images/advance-us/pipe.gif); */
	background-repeat:no-repeat;
	padding-left: 5px;	
}
/*
h2{
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-weight:lighter;
	font-size: 14px;
	color:#0D204A;
	padding:0em 0 0em; 
	text-align:justify;
}
*/

.titleHolder{
	height: 50px;
    width: 100%;
	float: left;
}

.printEmail{
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 11px;
	color: #666;
	height: 16px;
	width: 100px;
	z-index:5;
	padding-top: 18px;
	position: relative;
	float:right;
}

.printEmail a {
	color: #666;
	text-decoration: none;
		
}



.printEmailNoline{
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 11px;
	color: #666;
	height: 16px;
	width: 100px;
	float: right;
	padding-top: 18px;
	
	
}

.printEmailNoline a {
	color: #666;
	text-decoration: none;
	
	
}

.refHolder{
	width: 100%;
	float:left;	
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 12px;
	color: #666;
}

/***************************************************************/
/* Accordian Menu
/***************************************************************/
.accFrontPage
{
	width: 294px;
	height: 281px;
	padding: 0px;
	margin: 0px;
	border: none;
}

.accHeaderFrontPage
{
    width: 100%;
    height: 27px;
    margin-left: 0px;
    margin-bottom: 0px;
    padding: 0px;
    border: none;
    color: white;
    background-color: #666666;
    font-family: Arial, Sans-Serif;
    font-family: Arial, Helvetica, Verdana, Sans-serif;
    font-size: 13px;
    letter-spacing: .03em;
    text-transform: uppercase;
    cursor: pointer;
    border-top: 2px solid #ffffff;
}

.accLink
{
	color:white;
	margin-left: 8px;
	text-decoration: none;
	font-weight:bold;
	text-transform: uppercase;
}

.accLinkImage
{
	border: none;
	margin-right: 0.3em;
}

/*------------  Front Page accordion -----------------*/
/******************end**************/
body 
{
    font: 9pt arial;
    background-color: #ffffff; 
    margin: 0px; 
    padding: 0px;
}

td 
{
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

table 
{
    margin: 0px; 
    padding: 0px; 
    border: 0px;
}

.authorized 
{
    background-color:#EFEFF4;
    color:#001A54;
    font-weight:bold;
}

.footerline 
{
    background-color:#CCCCCC;
    height:2px;
}

.smaller 
{
    font-size:12px;
}

#pad5 
{
    padding:5px;
}

#pad10 
{
    padding:10px;
}

.cellhead_blue 
{
    background-color:#001A54;
    color:#FFFFFF;
    font-weight:bold;
    height:26px;
    vertical-align:middle;
}

.cellhead_blue a:visited, .cellhead_blue a:link 
{
    color:#FFFFFF;
    text-decoration:none;
}

.cellhead_blue a:hover 
{
    color:#FFFFFF;
    text-decoration:underline;
}

.small 
{
    font-size:11px;
}

.arrow 
{
    list-style-image:url(/Images/KentEuroclean/arrow_bullet.gif);
    margin-left:18px;
    padding-left:0;
}

.header01 
{
    color:#001A54;
    font-size:12px;
    font-weight:bold;
}

.imgbrdr 
{
    border:1px solid #000000;
}

.leftcolum 
{   
    font-size:11px;
}

#pad10left 
{
    padding-left:10px;
}

.greycell 
{
    background-color:#EFEFF4;
}

.header02 
{
    color:#001A54;
    font-size:13px;
    font-weight:bold;
}

#pad10top 
{
    padding-top:10px;
}

.sidenav 
{
    border-bottom:1px solid #CCCCCC;
    font-size:11px;
    padding-bottom:10px;
    padding-top:10px;
}

.leftMenuItem
{
    border-bottom:1px solid #CCCCCC;
    font-size:11px;
    padding-bottom:10px;
    padding-top:10px;
}

.greyline 
{
    background-color:#CCCCCC;
    height:1px;
}

.breadcrumbs 
{
    background-color:#EFEFF4;
    font-size:10px;
    height:20px;
    padding-left:10px;
    vertical-align:middle;
}

a.mainMenuItem, a.mainMenuItem:active, a.mainMenuItem:link, a.mainMenuItem:visited, a.searchMenuItem
{
	text-decoration:none;
	color:White;
}

a.mainMenuItem:hover
{
	text-decoration: none;
	color:White !important;
}

.mainMenuItem
{
    background-image:url(/Images/KentEuroclean/nav_dark_blue.gif);
    background-repeat:repeat-x;
    background-position:top;
    padding-left:9px;
    padding-right:9px;    
    padding-top:6px;
    padding-bottom:8px;
    margin:0px;
    
}

.mainMenuItemHover, .mainMenuItemSelected
{
    background-image:url(/Images/KentEuroclean/nav_light_blue.gif);
    background-repeat:repeat-x;
    background-position:top;
    margin:0px;
}

.mainMenu
{
    background-image:url(/Images/KentEuroclean/nav_dark_blue.gif);
    background-repeat:repeat-x;
    background-position:top;
    text-decoration:none;
    color:White;    
    font-size:12px;
    text-align:left;  
    border-style:none;        
    position:relative;
    top:-1px;    
}

.mainMenuDynamic
{   
    background-image:url(/Images/KentEuroclean/nav_dark_blue.gif);
    background-repeat:repeat-x;
    background-position:top;
    color:White;    
    text-decoration:none;        
    z-index:1;
    font-size:12px;  
    text-align:left;
}

.mainMenuItemDynamic
{
    /*background-image:url(/Images/KentEuroclean/nav_dark_blue.gif);
    background-repeat:repeat-x;
    background-position:top;    */
}

.mainMenuItemHoverDynamic
{
    background-image:url(/Images/KentEuroclean/nav_light_blue.gif);
    background-repeat:repeat-x;
    background-position:top;
}


.searchMenuItemTextBox
{
    font-size:10px;    
    height: 12px;
    Width:70px;
}

.searchMenuItem
{
    background-image:url(/Images/KentEuroclean/nav_dark_blue.gif);
    background-repeat:repeat-x;
    background-position:top;
    margin-bottom:0px;
    margin-top:1px;  
    padding-top:0px;
    padding-bottom:0px; 
    padding-left:3px;
    padding-right:3px;
    font-size:12px;    
    color:White;
    background:url(/Images/Common/redArrow.gif) no-repeat;
    cursor:pointer;
    width: 18px;
    height: 18px;
    border: none;
}

.prodcell 
{
    background-color:#EFEFF4;
    border-bottom:1px solid #FFFFFF;
    border-right:1px solid #FFFFFF;
    text-align:center;
}

#pad5left 
{
    padding-left:5px;
}

.arrow 
{
    list-style-image:url(/Images/KentEuroclean/arrow_bullet.gif);
    margin-left:18px;
    padding-left:0;
}

/* custom_tabs_style theme */
.custom_tabs_style
{
	display:block;
	/* fonts for the tabs */
	font-family:Verdana;
	font-size:12px;		
}
.custom_tabs_style .ajax__tab_tab
{
	font-weight:bold;
	height:16px;		
}
.custom_tabs_style .ajax__tab_body 
{
	background-color:#fff;	
	border-top:none;
	padding:10px;
}
.custom_tabs_style .ajax__tab_header
{
	border-bottom:4px solid #001A54; /* border */
	padding-right:10px;
}

/* regular header styles */
.custom_tabs_style .ajax__tab_header .ajax__tab_tab
{        
    padding-top:5px;    
	/* left/right rounded images are 4 pixels wide */
	margin:0px 14px 0px 14px;
	color:#001A54; 
	background-color:#EFEFF4;
	/*background:url(/Images/ClarkeUS/TabGrayMiddle.gif) repeat-x;*/
}
.custom_tabs_style .ajax__tab_header .ajax__tab_outer
{
	/* 2 pixel horizontal space between tabs */
	margin-right:2px;
	background-color:#EFEFF4;
	/*background:url(/Images/ClarkeUS/TabGrayRight.gif) no-repeat right top;*/
}
.custom_tabs_style .ajax__tab_header .ajax__tab_inner
{
    background-color:#EFEFF4;
	/*background:url(/Images/ClarkeUS/TabGrayLeft.gif) no-repeat left top;*/
}

/* active headers styles */
.custom_tabs_style .ajax__tab_active .ajax__tab_tab, 
.custom_tabs_style .ajax__tab_hover .ajax__tab_tab  
{    
    padding-top:5px;    
	/* left/right rounded images are 4 pixels wide */
	margin:0px 14px 0px 14px;
	/*color:#FFFFFF;*/
	color:#FFFFFF;
	background-color:#001A54;
	/*background-image:url(/Images/ClarkeUS/TabRedMiddle.gif);	
	background-repeat:repeat-x;*/
}
.custom_tabs_style .ajax__tab_active .ajax__tab_outer,
.custom_tabs_style .ajax__tab_hover .ajax__tab_outer
{
	/* 2 pixel horizontal space between tabs */
	margin-right:2px;
	background-color:#001A54;
	/*background-image:url(/Images/ClarkeUS/TabRedRight.gif);
	background-repeat:no-repeat;*/
}
.custom_tabs_style .ajax__tab_active .ajax__tab_inner,
.custom_tabs_style .ajax__tab_hover .ajax__tab_inner
{
    background-color:#001A54;
	/*background-image:url(/Images/ClarkeUS/TabRedLeft.gif);
	background-repeat:no-repeat;*/
}

/**************************/
td.section-header 
{
    background-color:#001a54;
    color: #ffffff;
    border-bottom:1px solid #BFB1A5;
    font-weight:bold;
    padding:5px;
    text-align:center;
}

.CartListHead
{
    font-weight:bold;
}

.regformlabel 
{
    background-color:#EFEFF4;
    border-bottom:3px solid #FFFFFF;
    border-right:15px solid #FFFFFF;
    font-size:11px;
    height:25px;
    padding-left:5px;
    vertical-align:middle;
    width:150px;
}

.requiredFormField 
{
    font-size:18px;
    color: #C0143C;
	font-weight:bold;
    vertical-align:middle;
}

.warranty-form .regformlabel 
{
    background-color:#EFEFF4;
    border-bottom:3px solid #FFFFFF;
    border-right:15px solid #FFFFFF;
    font-size:11px;
    height:25px;
    padding-left:5px;
    vertical-align:middle;
    width:100px;
 }

.pageSectionTitle 
{
    font-family:Arial,Verdana,Helvetica,Sans-serif;
    font-size:12pt;
    font-weight:bold;
}

.casestudy_overview 
{
    background-color:#DEE3E7;
    border-bottom:1px solid #C0C9D0;
    border-top:3px solid #C0C9D0;
    margin-bottom:7pt;
}

#dashboard span
{
	color:#333333;
}

#dashboard a, #dashboard a:active, #dashboard a:link, #dashboard a:visited
{
	text-decoration: none;
	color: #3366ff;
}

.dynamicbackground
{
	background-color:#EFEFF4 !important;
}

table.checkout
{
    width:100%;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(/images/advance-us/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background-color:#FFF;
	z-index: 102;
	color:black;
	display:none;
	text-align:left;
	top:50%;
	left:50%;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-weight:lighter;
	font-size: 15px;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-image:url(/images/advance-us/popTop.gif);
	height:34px;
	color:White;
	font-size:18px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:150px;
	width:150px;
	z-index:9003;
	top: 50%;
	left: 50%; 
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
	background-image :url(/images/Advance-US/ajax-loaderL.gif); 
	background-repeat:no-repeat;
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-left:1px;
}

/* This is part availability hover code*/
span.availInfo a:hover {color:#fff;}
span.availInfo a:link span{display: none;}
span.availInfo a:visited span{display: none;}
span.availInfo a:hover span {
position: absolute;
margin: -15px 0px 0px 20px;
background-color: beige;
padding: 2px 10px 2px 10px;
border: 1px solid #C0C0C0;
font: normal 10px/12px verdana;
color: #000;
text-align:left;
display: block;}

.registrationModel
{
    position:absolute; top: 0px; left: 0px;
}

.closeButton
{
    background:url(/Images/Common/close.gif) no-repeat;    
    cursor:pointer;
    width: 35px;
    height: 25px;
}
