/* ================================
    CSS STYLES FOR FAUCET DEPOT E-COMMERCE SITE
   ================================
*/ 

/* Common Styles  */ 
body {
	background: #ffffff;
	font-family: tahoma;
	font-size: 11px;
	color: #505050;
	}

table, tr, td, p {
	font-family: tahoma;
	font-size: 11px;
	color: #505050;
}

/* aName style - removes rollover action from A Name anchors  */
a.aName, a.aName:hover, a.aName:visited {
font-family: Tahoma;
font-size: 11px;
font-weight: bold;
color: #666666;
text-decoration: none;
}

a, a:visited {
	font-family: tahoma;
	color: #026195;
	font-size: 11px;
	text-decoration: none;
}

a:hover, a:visited:hover {
	font-family: tahoma;
	color: #026195;
	font-size: 11px;
	text-decoration: underline;
}

a.SiteMap, a.SiteMap:visited {
	font-family: tahoma;
	color: #505050;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}

a.SiteMap:hover, a.SiteMap:visited:hover {
	font-family: tahoma;
	color: #505050;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}

/* Header Block Styles  */ 
td.header {
 font-family: tahoma;
 font-size: 8pt;
 font-weight: bold;
 color: #505050;
 height: 26px;
}
a.header, a.header:visited 
	{
	font-family: tahoma;
	font-size: 8pt;
	font-weight: bold;
	color: #505050;
	text-decoration: none;
	}
a.header:hover, a.header:visited:hover
	{
	font-family: tahoma;
	font-size: 8pt;
	font-weight: bold;
	color: #006095;
	text-decoration: none;
	}

td.SiteSearchTable {
	background-color: #8eb4fd;
	vertical-align: middle;
	height: 44px;
	color: #ccdcfa;
	font-family: tahoma;
	font-size: 16pt;
	font-weight: normal;
}
	
/* Primary Navigation Bar Table and Styles  */ 
td.NavBar {
background-image: url(images/NavBg.gif);
background-repeat: repeat-x;
height: 30px;
color: #666666;
}

#navigation{
width: 99%;
}

#navigation:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#navigation ul{
border: 0;
width: 100%;
background: url(images/NavBg.gif) repeat-x; 
margin-left: 0;
padding-left: 0;
margin: 0;
font: bold 11px Tahoma;
text-transform: uppercase;
}


#navigation ul li{
display: inline;
}


#navigation ul li a{
text-transform: uppercase;
color: #666666;
font-weight: bold;
padding: 0px 18px 0px 0px;
text-decoration: none;
}

#navigation ul li a:hover{
text-transform: uppercase;
color: #666666;
text-decoration: underline;
}

#navigation ul li a[onMouseover]:after{ /*HTML to indicate drop down link*/
content: " v";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}

/* Side Navigation Block and Content Frame Table  */ 

td.SideBar {
width: 171px;
background-color: #003399;
border-right: 1px solid #666666;
border-left: 1px solid #666666;
}

Td.SideNav {
border-bottom: 1px solid #666666;
color: #666666;
height: 20px;
width: 171px;
}

a.SideNav, a.SideNav:visited {
padding-left: 12px;
line-height: 18px;
color: #666666;
font-weight: bold;
text-decoration: none;
font-family: tahoma;
font-size: 11px;
}

a.SideNav:hover, a.SideNav:visited:hover {
padding-left: 12px;
color: #666666;
font-weight: bold;
text-decoration: underline;
font-family: tahoma;
font-size: 11px;
}
a.SideNavSelect, a.SideNavSelect:visited {
padding-left: 12px;
color: #24247d;
font-weight: bold;
text-decoration: none;
font-family: tahoma;
font-size: 11px;
}
a.SideNavSelect:hover, a.SideNavSelect:visited:hover {
padding-left: 12px;
color: #24247d;
font-weight: bold;
text-decoration: underline;
font-family: tahoma;
font-size: 11px;
}

a.SubMenuSelect {
	padding-left: 12px;
	Font-family: tahoma;
	Font-size: 11px;
	Font-weight: bold;
	Color: #026195;
	text-decoration: none;
}

td.RightSide {
border-right: 1px solid #666666;
}
td.LeftSide {
border-left: 1px solid #666666;
}

TD.LeftPad {
padding-left: 12px;
}

TD.LeftPadLinks {
padding-left: 12px;
padding-bottom: 5px;
}

Td.ContentFrame {
padding-left: 5px;
padding-top: 10px;}
	
Td.contentblock {
padding-top: 10px;}

.SectionHeader {
font-family: Tahoma;
font-size: 16px;
font-weight: bold;
color: #0056a6;
}

TD.ProdSearchPad {
padding-top: 5px;
padding-bottom: 4px;
}


/* Page Header and Sub Header Styles  */
.PageHeader {
font-family: Tahoma;
font-size: 16px;
font-weight: bold;
color: #080080;
}

.GrayHeader {
font-family: Tahoma;
font-size: 16px;
font-weight: bold;
color: #505050;
padding-top: 3px;
padding-bottom: 5px;
}

.PurpleSubHead {
font-family: tahoma;
font-size: 11px;
font-weight: bold;
color: #24247d;
padding-top: 5px;
padding-bottom: 3px;
}

.GraySubHead {
font-family: tahoma;
font-size: 11px;
font-weight: bold;
color: #505050;
padding-top: 5px;
padding-bottom: 3px;
}

.WhiteSubHead {
font-family: tahoma;
font-size: 11px;
font-weight: bold;
color: #ffffff;
padding-top: 5px;
padding-bottom: 3px;
}

.PearlText {
font-family: tahoma;
font-size: 11px;
font-weight: normal;
color: #999999;
}

.BlueSubHead {
font-family: tahoma;
font-size: 11px;
font-weight: bold;
color: #ccecff;
padding-top: 5px;
padding-bottom: 3px;
}

/* Customer Support Table and Styles  */
.CSText {
font-family: tahoma;
font-size: 11px;
font-weight: bold;
color: #ffffff;
}
TD.CSPad {
padding-left: 10px;
}
ul.CS {
	list-style-image: url(../images/arrow.gif);
	}

li.CS {
        margin-left: -24; }
        
a.CS, a.CS:visited {
font-family: tahoma;
font-size: 11px;
font-weight: bold;
color: #ffffff;
text-decoration: none;
}

a.CS:hover, a.CS:visited:hover {
font-family: tahoma;
font-size: 11px;
font-weight: bold;
color: #ffffff;
text-decoration: underline;
}

a.CS2, a.CS2:visited {
font-family: tahoma;
font-size: 11px;
font-weight: bold;
color: #8eb4fd;
text-decoration: none;
}

a.CS2:hover, a.CS2:visited:hover {
font-family: tahoma;
font-size: 11px;
font-weight: bold;
color: #8eb4fd;
text-decoration: underline;
}



/* Breadcrumb Link Styles  */

a.breadcrumb, a.breadcrumb:visited {
	Font-family: tahoma;
	Font-size: 8pt;
	Font-weight: normal;
	Color: #505050;
	text-decoration: none;

}
a.breadcrumb:hover, a.breadcrumb:visited:hover {
	Font-family: tahoma;
	Font-size: 8pt;
	Font-weight: normal;
	Color: #505050;
	text-decoration: underline;
}

a.breadcrumbselect {
	Font-family: tahoma;
	Font-size: 8pt;
	Font-weight: bold;
	Color: #026195;
	text-decoration: none;
}

/* Line Styles for Product Pages and Category Separators  */

td.vertspacer {
background-image: url(../images/grayspacer.gif);
background-repeat: repeat-y;
width: 1px;
}

td.hortspacer {
background-image: url(../images/hr.gif);
background-repeat: repeat-x;
height: 1px;
}

/* Features Box Styles on Section Pages  */
td.featuresbox {
background-color: #e0eafe;
border-top: 1px solid #666666;
border-bottom: 1px solid #666666;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 7px;
}

td.featuresbox2 {
background-image: url(../images/featuresbg.jpg);
background-repeat: repeat-x;
padding-left: 7px;
padding-top: 3px;
}


/* Shopping Cart / Form Table  */

td.cartheader {
border-top: 1px solid #666666;
}
td.bottom {
border-bottom: 1px solid #666666;
}

Td.DataHeaderRow {
	height: 22px;
	Background-color: #e6e6e6;
	Font-family: tahoma;
	Font-size: 11px;
	Font-weight: Bold;
	Color: #505050;
	padding-left: 2px;
	padding-right: 2px;
	vertical-align: top;
}
a.DataHeaderRow, a.DataHeaderRow:visited {
	Font-family: tahoma;
	Font-size: 11px;
	Font-weight: Bold;
	Color: #505050;
	text-decoration: none;

}
a.DataHeaderRow:hover, a.DataHeaderRow:visited:hover {
	Font-family: tahoma;
	Font-size: 11px;
	Font-weight: Bold;
	Color: #505050;
	text-decoration: underline;

}

td.DataRow {
	Font-family: tahoma;
	Font-size: 11px;
	Font-weight: normal;
	Color: #505050;
	background-color: #FFFFFF;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 5;
	padding-bottom: 1px;
}

td.DataRowAlt {
	Font-family: tahoma;
	Font-size: 11px;
	Font-weight: normal;
	Color: #505050;
	background-color: #f5f5f5;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 5;
	padding-bottom: 1px;
}

.RequiredField {
font-family: tahoma;
font-size: 11px;
font-weight: bold;
color: #990000;
}

.FormLabel {
font-family: tahoma;
font-size: 11px;
font-weight: bold;
color: #505050; 
padding-bottom: 1px;
padding-left: 2px;
}

.DataText {
font-family: tahoma;
font-size: 8pt;
font-weight: normal;
color: #505050; 
padding-left: 2px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 2px;
}

a.DataLinks, a.DataText:visited {
color: #3e83ab;
font-family: tahoma;
font-size: 8pt;
font-weight: bold;
text-decoration: none;
}

a.DataLinks:hover, a.DataText:visited:hover {
color: #3e83ab;
font-family: tahoma;
font-size: 8pt;
font-weight: bold;
text-decoration: underline;
}

.DropList { 
itemwidth: 150px;
font-family: tahoma;
font-size: 8pt;
color: #505050;
}

.ProductLabel {
color: #003399;
font-weight: bold;
font-size: 11px;
font-family: tahoma;
}

/* Footer Links and Styles  */

Table.Footer {
padding-left: 10px;
padding-top: 10px;
}

Td.Footer {
	Font-family: tahoma;
	Font-size: 8pt;
	Font-weight: normal;
	color: #666666;
}

a.FooterLink, a.FooterLink:visited {
	Font-family: tahoma;
	Font-size: 8pt;
	Font-weight: normal;
	Color: #505050;
	text-decoration: none;

}
a.FooterLink:hover, a.FooterLink:visited:hover {
	Font-family: tahoma;
	Font-size: 8pt;
	Font-weight: normal;
	Color: #505050;
	text-decoration: underline;
}
/* Error Styles */ 

.SystemError {
	font-family: verdana;
	font-weight: bold;
	font-size: 12px;
	color: #990000;
}

.DataError {
	font-family: verdana;
	font-weight: bold;
	font-size: 12px;
	color: #990000;
}

.ErrorBox  {
	Background-color: #cccccc;
	Border: 1px solid #333333;
	font-family: verdana;
	font-weight: Normal;
	font-size: 10px;
	color: #000000;
	padding: 3px;
}

.ErrorBoxHeader  {
	Background-color: #990000;
	font-family: verdana;
	font-weight: Bold;
	font-size: 10px;
	color: #FFFFFF;
}




a.SEO, a.SEO:visited {
color: #666666;
font-weight: bold;
text-decoration: none;
font-family: tahoma;
font-size: 11px;
}

a.SEO:hover, a.SEO:visited:hover {
color: #003399;
font-weight: bold;
text-decoration: underline;
font-family: tahoma;
font-size: 11px;
}
a.SEOSelect, a.SEOSelect:visited {
color: #005f96;
font-weight: bold;
text-decoration: none;
font-family: tahoma;
font-size: 11px;
}
a.SEOSelect:hover, a.SEOSelect:visited:hover {
color: #005f96;
font-weight: bold;
text-decoration: underline;
font-family: tahoma;
font-size: 11px;
}