body {
}
/*
============================================================================
Three HD Main Theme Stylesheet
----------------------------------------------------------------------------
Date        Ver.    User    Changes
 1/18/06    1.0     EWS     Original Version
============================================================================
*/

/* HTML */
/* Standard HTML */
*
{
    margin: 0;
    padding: 0;
    /* Removed for this site */
    /* text-align: left; */
}

body, body div, body p, body li
{
    color: #000000;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    word-spacing: normal

}

html>body
{
    font-size: small; 
}

/*
not used here
html>body, html>body div, html>body p, html>body li
{
    font-size: small; 
}
*/

/* General */
h1, h2, h3, h4, h5, h6 
{
    font-weight: bold;
    letter-spacing: normal;
    word-spacing: normal;    
}
h1
{
    font-size: 120%;
}
h2
{
    font-size: 110%;
}
h3
{
    font-size:100%;
}
h4
{
    font-size:90%;
}

INPUT, SELECT, TEXTAREA
{
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: small;
}

TD, TH
{
    text-align: left;
    vertical-align: top;
}

UL
{
    margin-top: 0px;
    margin-left: 0px;
    padding-left: 1.5em;
    list-style-type: square;
    list-style-position: outside;
}

HR
{
    height: 1px;
}

IMG
{
	border: 0;
}

a
{
    text-decoration: none;
}

a:link
{
    text-decoration: none;
}

a:visited
{
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}
a:active
{
    text-decoration: none;
}

/* End of Standard HTML */


/* Site HTML */
body
{
    background-color: #D7D7D7;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    text-align: center;
    padding-top: 0px;   
}
a
{
    COLOR: #003E75;
}

a:link
{
    COLOR: #1F3F68;
}

a:visited
{
    COLOR: #1F3F68;
}
a:hover
{
    COLOR: #1F3F68;
}
a:active
{
    COLOR: #1F3F68;
}
/* End of Site HTML */


/* Site IDs/Classes */
#pgOutline
{
	margin-left: auto;
	margin-right: auto;
	background-color: White;
	width: 774px;
}

#hdr
{
	background-image: url("../../images/hdrBG.gif");	
	background-color: #003E75;
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position: top left;
	width: 774px;
	min-width: 774px;
	max-width: 774px;
	text-align: left;
}

#hdr h1
{	
	margin-left: -3000px;
}

#mainMenu 
{	
	width: 754px;
	text-align: right; 	
	padding-right: 20px;
	padding-top: 15px;
	padding-bottom: 0px;
}

#mainMenu ul
{
	list-style: none;
	padding-bottom: 0px;
	margin-left: -20px;
}

#mainMenu ul li
{
    display: inline;
    color: #FFFFFF;
    border-right: solid 1px #FFFFFF;
    padding-right: 7px;
    padding-left: 7px;
	font-size: 10px;
	text-transform: uppercase;
}

#mainMenu ul li.last
{
    border-right: none;
}

#mainMenu ul li a, #mainMenu ul li a:hover
{
    color: #FFFFFF;
}

#branding
{		
	height: 52px;
	width: 754px;
	min-width: 754px;
	max-width: 754px;
	position: relative;
	text-align: left;    
	margin-left: auto;
	margin-right: auto; 
	padding-left: 14px;
	margin-bottom: 6px;
}

#contentMenu 
{	
	margin-left: 3px;
	height: 26px;
	text-align: left;  	
	width: 420px;
}

#contentMenu ul
{
	list-style: none;
	padding-bottom: 0px;
	margin-left: -20px;
}

#contentMenu ul li
{
    display: inline;
    color: #FFFFFF;    

	font-size: 10px;
	text-transform: uppercase;
}

#contentMenu ul li.last
{
    border-right: none;
}

#contentMenu ul li a, #mainMenu ul li a:hover
{
    color: #FFFFFF;
}

#mainContent
{
	border: solid 3px #F7F6F5;
	border-top: none;
	border-bottom: none;
	position: relative;
	text-align: left;    
	margin-left: auto;
	margin-right: auto;	
}
#mainContent ul
{
	list-style: none;
	padding: 0px 0px 0px 0px;
}

#mainContent h2
{
    margin-bottom: 15px;
}

#mainContent p
{
    margin-bottom: 15px;
}
/*#mainContent ul li
{
    display: inline;
    list-style-type: none;
    padding-left: 8px;
    padding-right: 8px;
}*/

#specialOffer
{
	background-color: #D5E8F8;
	height: 205px;
	border: solid 3px #E9E7E6;
	width: 762px;
}

#specialOffer2
{
	background-color: #D5E8F8;
	height: 116px;
	border: solid 3px #E9E7E6;
	width: 762px;
}

#columnHolder
{
	background-color: #F7F6F5;
}

#homeColumn1
{	
	float: left;
	background-color: #E9E7E6;
	width: 214px;
	padding-top: 20px;
	padding-left: 15px;	
	background-image: url("../../images/columnBG.jpg"); 
	background-color: #F7F6F5;
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position: top left;
	min-height: 250px;
}
#homeColumn1 p
{
	clear: both;
	font-size: 12px;
	margin:  0px 3px 6px 3px;
	text-align: left;	
}

#homeColumn1 h1
{		
		color: #003E75;
		padding-bottom: 12px;
}

#homeColumn1 h2
{		
	color: #666666;
	font-size: 12px;
	font-weight: bold;
}

#homeColumn1 h2	a
{
	color: #666666;
}

#homeColumn1 h3
{		
		font-size: 12px;
		font-weight: normal;
}

#homeColumn1 img
{		
	padding-left: 2px;	
}

#productThumb
{
	float: left;
	padding-right: 2px;	
	margin-bottom: 6px;
}

#homeColumn2 
{
	float:left;
	background-color: #F7F6F5;
	width: 283px;
	padding-top: 20px;
	margin-left: 12px;
	margin-right: 12px;
	min-height: 170px;
}

#homeColumn2 p
{		
	font-size: 13px;
	padding-left: 6px;
	padding-bottom: 12px;
}

#homeColumn2 p b, #homeColumn p strong
{		
	font-size: 16px;
	color: #003E75;
}

#footnote
{	
	margin-top:  5px;
	padding-left: 6px;
	padding-bottom: 6px;
}

#footnote, #footnote p
{
	color: #666666;
	font-size: 11px;
}

#homeColumn3
{
	float: right;
	background-color: #E9E7E6;
	padding-top: 20px;
	width: 232px;
	background-image: url("../../images/columnBG.jpg"); 
	background-color: #F7F6F5;
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position: top left;
	min-height: 250px;
}
#homeColumn3 img
{
	margin-left: 10px;	
	margin-bottom: 8px;
}

#homeColumn3 p
{
	font-size: 12px;	
	text-align: left;
}

#homeColumn3 ul
{
	font-size: 12px;
	margin-top:  9px;
	padding-left: 25px;
	margin-left: 3px;    
}

#columnEnd
{
	height: 3px;
	max-height: 3px;
}

#pageColumn1
{	
	float: left;
	background-color: #E9E7E6;
	width: 184px;
	padding-top: 20px;
	padding-left: 10px;	
	background-image: url("../../images/columnBG.jpg"); 
	background-color: #F7F6F5;
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position: top left;
	min-height: 250px;
}
#pageColumn1 p
{
	clear: both;
	font-size: 12px;
	margin:  0px 3px 6px 3px;
	text-align: left;	
}

#pageColumn1 h1
{		
		color: #003E75;
		padding-bottom: 12px;
}

#pageColumn1 h2
{		
		color: #666666;
		font-size: 12px;
		font-weight: bold;
}

#pageColumn1 h3
{		
		font-size: 12px;
		font-weight: normal;
}

#pageColumn1 img
{		
	padding-left: 2px;	
}

#pageColumn2 
{
	float:left;
	background-color: #F7F6F5;
	width: 538px;
	padding-top: 10px;
	margin-left: 20px;
	margin-right: 16px;
	min-height: 170px;
}

#pageColumn2 p
{
    margin-top: 15px;
    margin-bottom: 15px;
}

#pageDescription h1
{		
	color: #003E75;
	padding-bottom: 12px;
}

#pageDescription p
{		
	font-size: 13px;
	padding-bottom: 12px;
}

/*#pageColumn2 p b
{		
	font-size: 16px;
	color: #003E75;
}*/

#subMenu
{
	font-size: 10px;
	padding-bottom: 14px;
}

#subMenu a, #subMenu a:hover
{
	color: Black;
}

#sideMenu
{
   
}

#sideMenu h1
{
	background-image: url("../../images/rCorner_MenuTop.gif");
	background-repeat: no-repeat;
	background-position: top left;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 12px;
	padding: 0px 8px 6px 8px;
	padding-top: 7px;
}

#sideMenu h1 a, #sideMenu ul li a:hover
{
	color: White;
}

#sideMenu h2
{
	color: #000000;
	padding: 6px 6px 0px 6px;
}

#sideMenu ul
{
    width: 162px;
    color: #FFFFFF;
	list-style: none;
	margin: 0;
	padding: 6px;
}

#sideMenu ul li
{
    background-color: #61A3D8;
    color: #FFFFFF;
	font-size: 12px;
	padding: 4px;
	border-left: solid 5px #3E6D96;
	margin-bottom: 2px;
}

#sideMenu ul li.sidemenuHigh
{
	background-color: #3E6D96;
}

#sideMenu ul li a, #sideMenu ul li a:hover
{
    color: White;
}
#sideMenu ul li ul
{
    padding-left: 12px;
}
#sideMenu ul li ul li ul
{
    padding-left: 16px;
}
#sideMenu ul li ul li ul li ul, #sideMenu ul li ul li ul li ul li ul li ul
{
    padding-left: 20px;
    font-style: normal;
}

#sideMenu ul li ul li ul li ul li ul, #sideMenu ul li ul li ul li ul li ul li ul li ul
{
    padding-left: 20px;
    font-style: italic;
}

#productGrid
{
	margin-top: 20px;
	margin-bottom: 20px;
}

#productGrid h1
{
	color: #003E75;	
	font-size: 14px;
}

/*#productGrid a
{
	color: #666666;	

}*/

#productGrid .gridCell a 
{
	color: #666666;
}

#productGrid .gridCell h2 a 
{
	color: #61A3D8;
}

#productGrid .gridCell p a 
{
	color: #003E75;
}

.gridCell
{
	float: left;
	width: 30%;
	padding-top: 22px;
	margin-right: 3%;
	margin-bottom: 8px;
}

.gridCell img
{
	margin-bottom: 4px;
}

.gridCell h2
{
	color: #61A3D8;	
	font-size: 13px;
}

.gridCell h3
{
	color: #666666;
	font-size: 12px;
	padding-top: 4px;
}

.gridCell p
{
	padding-top: 6px;
}

#gridEnd
{
	height: 40px;
}

#productColumn1
{
	float: left;
	width: 180px;
	text-align: center;
	background-color: #FFFFFF;
	border: solid 1px #999999;
	padding: 5px;
	margin-right: 10px;
	min-height: 150px;
}

#productColumn2
{
	float: left;
	width: 334px;
}

#productColumn2 h2
{
	color: #61A3D8;
	margin-bottom: 4px;
}

#productColumn2 p
{
	margin-bottom: 12px;
}

#productColumn2 ul
{
	list-style: none;
	padding-bottom: 0px;
}

#productColumn2 ul li
{
    display: inline;
}

#locateButton
{
	margin-top: 28px;
	margin-bottom: 28px;
}

#instructions
{	
	border: solid 3px #EAE9E8;
	border-bottom: none;
	background-color: #F7F6F5;
	background-image: url("../../images/compatibilityBG.gif"); 
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position: top left;
	min-height: 63px;
	padding-top: 40px;
	padding-left: 38px;
}

#instructions h1
{
	font-size: 18px;
	color: #3E6D96;
	text-transform: uppercase;
	font-weight: normal;
	padding-bottom: 16px;
}

#compatColumnHolder
{
	border-left: solid 3px #EAE9E8;
	border-right: solid 3px #EAE9E8;
	background-color: #F7F6F5;
	padding-bottom: 38px;
	padding-left: 38px;
	padding-right: 38px;
}

#compatColumnHolder img
{
	margin-bottom: 8px;
}

#compatColumnHolder p
{
	padding-left: 8px;
}

#compatColumn1
{	
	float: left;
	width: 210px;
	background-color: #F7F6F5;
	min-height: 50px;
	margin-left: 38px;
}

#compatColumn2
{	
	float: left;
	width: 210px;		
	background-color: #F7F6F5;
	min-height: 50px;
}

#compatColumn3
{	
	float: left;
	width: 210px;	
	background-color: #F7F6F5;
	min-height: 50px;
}

#nextStep 
{
	border: solid 3px #EAE9E8;
	border-top: none;
	background-color: #F7F6F5;
	padding-left: 38px;
	padding-bottom: 38px;
}

#nextStep h1
{
	font-size: 18px;
	color: #003E75;
	text-transform: uppercase;
	font-weight: normal;
}

.clear
{
	clear: both;
}

#ftr
{
	clear: both;	
	background-color: #005598;
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position: top left;
	width: 774px;
	min-width: 774px;
	max-width: 774px;	
	border-top: solid 3px #F7F6F5;
	color: #005598;
	text-align: left;
}

#ftrTab
{	
	padding-top: 5px;	
	text-align: left;    
}

#search
{
	padding-bottom: 16px;
}

#search h2
{
	font-size: 12px;
}

#articleTitle, .articleTitle
{
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	padding: 0px 0px 4px 0px
}

SPAN.articleTitle
{
    display: block;
}

#articleByline
{
	text-transform: uppercase;
	font-size: 12px;
	text-align: right;
	padding: 4px 0px 4px 0px
}
#articleGallery
{
	float: left;
	padding: 2px 10px 0px 0px
}

#sectionContent
{
	margin-top: 20px;
}

#articleimage
{
	float: left;
}

#articleGallery
{
    float: left;
    margin-right: 15px;
    padding-bottom: 10px;
}

#galleryControls, .galleryControls
{
	padding-bottom: 4px;
}

#galleryControls ul, .galleryControls ul
{
	list-style: none;
	text-align: center;
	margin-left: -20px;
	padding-top: 4px;
}

#galleryControls ul li, .galleryControls ul li
{
	display: inline;
    color: #FFFFFF;
    padding-right: 20px;
    padding-left: 20px;
	font-size: 12px;
	text-transform: uppercase;
}
#galleryControls ul li a, .galleryControls ul li a
{
    color: #FFFFFF;
}

#imageColumn
{
	padding: 0px 0px 0px 10px;
	text-align: center;
}

#imageColumn h2
{
	font-size: 12px;
}



.sectionArticle
{
	margin-left: 320px;
	min-height: 225px;
	height: 225px;
	margin-bottom: 20px;
}

.sectionArticle img
{
	margin-left: -320px	;
	position: absolute;	
}

.sectionArticle p
{
	
}

.sectionArticle h1
{
    /* Moved to Page Header */
	/* color: #23406A; */
	text-transform: uppercase;
	font-size: 18px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
}

.sectionArticle h2
{
    /* Moved to Page Header */
	/* color: #B11A38; */
	text-transform: uppercase;
	font-size: 12px;
	text-align: left;
	margin: 10px 0px 10px 0px
}



#copyright
{
    /* Moved to Page Header */
	/* background-color: #B11A38; */
	color: White;
	font-size: 10px;
	padding: 1px 1px 1px 10px;
	background-image: url("../../images/rCorner_top.gif");
	background-repeat:no-repeat;
	background-position: top;
}

#copyright a, #ftr a:link, #ftr a:hover
{
	color: White;
}

#homeHeader
{
    text-align: center;
    background-color: White;
    padding-top: 10px;
}

.productImage
{
    background: Transparent url('images/bg.products.gif') no-repeat scroll left top;
    width: 142px;
    height: 142px;
    padding: 15px 20px 20px 15px;
}

.CategoryChild
{
    margin-top: 5px;
    margin-bottom: 5px;
    border-top: solid 1px #999999;
    padding-top: 3px;
}

.ddlSmall
{
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 10px;
}
.compatColumn
{
    float: left;
    width: 50%;
    min-height: 100px;
}

#formColumnHolder
{
	border-left: solid 3px #EAE9E8;
	border-right: solid 3px #EAE9E8;
	background-color: #F7F6F5;
	padding-bottom: 38px;
	padding-left: 38px;
	padding-right: 38px;
}

#formColumnHolder h1, #formColumnHolder h2, #formColumnHolder h3, #formColumnHolder p
{
    clear: left;
    margin-top: 15px;
    margin-bottom: 15px;
}

#panelForm
{
	min-width: 600px;
}

.formField
{
    clear: both;
    float:left;
    width: 230px;
}
.formInput
{
	
}

.formField2
{
	xposition: relative;
   xclear: both;
    xfloat:left;
    xwidth: 230px;
    background-color: blue;
     padding: 0px;
     height: 22px;
}

.formInput2
{
	
	background-color: Gray;
    height: 22px;
    max-height: 22px;
    padding: 0px;
    margin:0;
}