/* ----------
The following are the syles for Body
---------- */

body {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
	margin: 0 0 0 0;
}


/* ----------
End
---------- */


/* ----------
The following are the syles for Logo and Header
---------- */


#header {
	float: left;
	width: 928px;
	height: 112px;
	padding: 0;
	margin: 0;
}

#logo {
	float: left;
	width: 277px;
	height: 112px;
	padding: 0;
	margin: 0;
}


/* ----------
End
---------- */


/* ----------
The following are the syles for Nav A and Search
---------- */


#navASearch {
	float: left;
	width: 651px;
	height: 112px;
	padding: 0;
	margin: 0;
}

#navA {
	float: left;
	width: 651px;
	height: 66px;
	padding: 0;
	margin: 0;;
	background: url(../images/navABkgd.jpg) top left no-repeat;
}

.navATopLink1 {
	float: right;
	margin: 0;
	padding: 0;
}

.navATopDivider {
	float: right;
	margin: 0;
	padding: 0;
}

.navATopLink2 {
	float: right;
	margin: 0;
	padding: 0 54px 0 0;
}

#mainNav {
	float: left;
	width: 651px;
	height: 39px;
	padding: 0;
	margin: 2px 0 0 0;
}

.navALink1 {
	float: left;
	margin: 0;
	padding: 0 16px 0 0;
}

.navALink2 {
	float: left;
	margin: 0;
	padding: 0;
}

#navABtm {
	float: left;
	width: 651px;
	height: 46px;
	padding: 0;
	margin: 0;;
	background: url(../images/navABtm.jpg) top left no-repeat;
}

#search {
	float: left;
	width: 651px;
	height: 46px;
	padding: 0;
	margin: 0;;
	background: url(../images/searchBkgd.jpg) top left no-repeat;
}

.searchProductName {
	float: left;
	width: 136px;
	margin: 8px 6px 0 250px;
	padding: 0;
}

input.productName {
	font: Verdana, san-serif;
	color: #515151;
	font-size: 12px; 
	width: 128px;
	margin: 0;
	padding: 0;
}

.searchSelectCategory {
	float: left;
	width: 132px;
	margin: 7px 6px 0 0;
	padding: 0;
}

select.ddCategory {
	font: Verdana, san-serif;
	color: #595959;
	font-size: 12px; 
	width: 128px;
	height: 18px;
	margin: 0;
	padding: 0;
}

.searchGoBtn {
	float: left;
	margin: 0;
	padding: 8px 0 0 0;
}

html.ie7 .searchProductName {
	float: left;
	width: 136px;
	margin: 0;
	padding: 7px 6px 0 250px;
}

html.ie7 input.productName {
	font: Verdana, san-serif;
	color: #515151;
	font-size: 12px; 
	width: 128px;	
	height: 16px;
	margin: 0;
	padding: 0;
}

html.ie7 .searchSelectCategory {
	float: left;
	width: 132px;
	margin: 0;
	padding: 8px 6px 0 0;
}

html.ie7 select.ddCategory {
	font: Verdana, san-serif;
	color: #595959;
	font-size: 12px; 
	width: 128px;
	height: 20px;
	margin: 0;
	padding: 0;
}

html.ie6 .searchProductName {
	float: left;
	width: 132px;
	margin: 0;
	padding: 6px 6px 0 250px;
}

html.ie6 input.productName {
	font: Verdana, san-serif;
	color: #515151;
	font-size: 12px; 
	width: 126px;	
	height: 17px;
	margin: 0;
	padding: 0;
}

html.ie6 .searchSelectCategory {
	float: left;
	width: 135px;
	margin: 0;
	padding: 7px 6px 0 0;
}

html.ie6 select.ddCategory {
	font: Verdana, san-serif;
	color: #595959;
	font-size: 12px; 
	width: 132px;
	height: 18px;
	margin: 0;
	padding: 0;
}


/* ----------
End
---------- */


/* ----------
The following are the syles for the Homepage Left Column
---------- */


.homeLeftColumn {
	float: left;
	width: 190px;
	padding: 10px 3px 30px 14px;
	margin: 0;
}

.productCategories {
	float: left;
	width: 190px;
	padding: 0;
	margin: 0;
}

#navB {
	float: left;
	width: 190px;
	padding: 0;
	margin: 0;
}

#navB ul { 
	margin: 0;
	padding: 0;
}
	
#navB li { 
	list-style-type: none;
	font: Verdana, Arial, san-serif;
	font-size: 11px;
	color: #225071;
	line-height: 16px;
	width: 164px;
	margin: 1px 0 0 0;
	padding: 3px 0 4px 26px;	
	background: url(../images/bulletBlue.gif) no-repeat 10px 9px;
	background-color: #e6edf2;
}

html.gecko #navB li { 
	list-style-type: none;
	font: Verdana, Arial, san-serif;
	font-size: 11px;
	color: #225071;
	line-height: 18px;
	width: 164px;
	margin: 1px 0 0 0;
	padding: 3px 0 4px 26px;	
	background: url(../images/bulletBlue.gif) no-repeat 10px 9px;
	background-color: #e6edf2;
}
#navB li a {
	color: #225071;
	text-decoration: none;
}

#navB li a:hover {
	color: #ba0b0b;
}


/* ----------
End
---------- */


/* ----------
The following are the syles for the Homepage Right Column
---------- */


.homeRightColumn {
	float: left;
	width: 531px;
	padding: 0 14px 0 0;
	margin: 0;
}

#homeFeature {
	float: left;
	width: 531px;
	height: 278px;
	padding: 0;
	margin: 0;
	background: url(../images/featureHomeBkgd.jpg) top left no-repeat;
}

.homeFeatureImage {
	float: left;
	width: 513px;
	height: 236px;
	padding: 9px 9px 0 9px;
	margin: 0;
}

.numberLink1 {
	float: right;
	margin: 0;
	padding: 5px 22px 0 0;
}

.numberLink2 {
	float: right;
	margin: 0;
	padding: 5px 3px 0 0;
}

#homeFeaturedItems {
	float: left;
	width: 531px;
	padding: 0;
	margin: 18px 0 0 0;
}

.featuredItemsHdr {
	float: left;
	padding: 0 0 0 15px;
	margin: 0;
}

.featuredItemsBkgd {
	float: left;
	width: 510px;
	height: 147px;
	padding: 0;
	margin: 3px 0 0 11px;
	background: url(../images/featuredItemsBkgd.gif) top left no-repeat;
}

html.ie6 .featuredItemsBkgd {
	float: left;
	width: 510px;
	height: 147px;
	padding: 0;
	margin: 3px 0 0 5px;
	background: url(../images/featuredItemsBkgd.gif) top left no-repeat;
}

.featuredItem1 {
	float: left;
	width: 158px;
	margin: 0;
	padding: 5px 0 0 5px;
}

.featuredItem2 {
	float: left;
	width: 158px;
	margin: 0;
	padding: 5px 0 0 13px;
}

.featuredItem3 {
	float: left;
	width: 158px;
	margin: 0;
	padding: 5px 0 0 13px;
}


/* ----------
End
---------- */


/* ----------
The following are the syles for the Interior Pages
---------- */


.interiorHdrImage {
	float: left;
	width: 715px;
	height: 71px;
	padding: 9px 0 0 9px;
	margin: 0 14px 0 14px;
	background: url(../images/interiorHdrImageBkgd.jpg) top left no-repeat;
}

html.ie6 .interiorHdrImage {
	float: left;
	width: 715px;
	height: 71px;
	padding: 9px 0 0 9px;
	margin: 0 0 0 7px;
	background: url(../images/interiorHdrImageBkgd.jpg) top left no-repeat;
}

.interiorHdr {
	float: left;
	width: 636px;
	font: Verdana, Arial, san-serif;
	font-size: 18px;
	color: #408db3;
	padding: 30px 58px 10px 58px;
	margin: 0;
}

.interiorHdrDivider {
	float: left;
	width: 706px;
	height: 1px;
	padding: 0;
	margin: 0 0 0 23px;
	border-top: 1px solid #e7eff2;
}

html.ie6 .interiorHdrDivider {
	float: left;
	width: 706px;
	height: 1px;
	padding: 0;
	margin: 0 0 0 11px;
	border-top: 1px solid #e7eff2;
}

#contentInterior {
	float: left;
	width: 636px;
	font: Verdana, Arial, san-serif;
	font-size: 11px;	
	line-height: 18px;
	color: #333333;
	padding: 20px 58px 20px 58px;
	margin: 0;
}

html.ie6 #contentInterior {
	float: left;
	width: 636px;
	font: Verdana, Arial, san-serif;
	font-size: 11px;	
	line-height: 18px;
	color: #333333;
	padding: 10px 58px 10px 58px;
	margin: 0;
}

#contentInterior a {
	color: #3b81a5;
	text-decoration: underline;
}

#contentInterior a:hover {
	color: #ba0b0b;
}

#contentInterior ul { 
	font: Verdana, Arial, san-serif;
	font-size: 11px;
	line-height: 18px;
	color: #434343;
	margin: 0;
	padding: 5px 0 5px 0;
	text-decoration: none;
}

html.gecko #contentInterior ul { 
	font: Verdana, Arial, san-serif;
	font-size: 11px;
	line-height: 18px;
	color: #434343;
	margin: 0;
	padding: 0 0 0 0;
	text-decoration: none;
}
	
#contentInterior li { 
	list-style-type: none;
	margin: 0;
	padding: 4px 0 0 12px;
	background: url(../images/bullet.gif) no-repeat 0px 11px;
}

html.gecko #contentInterior li { 
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 12px;
	background: url(../images/bullet.gif) no-repeat 0px 6px;
}
	
#contentInterior li a { 
	color: #005c27;
	text-decoration: underline;
}
	
#contentInterior li a:hover {
	color: #f08212;
}


/* ----------
End
---------- */


/* ----------
The following are the syles for the Contact Form
---------- */

#contactFormInterior {
	float: left;
	width: 636px;
	font: Verdana, Arial, san-serif;
	font-size: 11px;	
	line-height: 18px;
	color: #333333;
	padding: 20px 58px 20px 58px;
	margin: 0;
}

html.ie6 #contactFormInterior {
	float: left;
	width: 636px;
	font: Verdana, Arial, san-serif;
	font-size: 11px;	
	line-height: 18px;
	color: #333333;
	padding: 10px 58px 10px 58px;
	margin: 0;
}

#contactFormInterior a {
	color: #3b81a5;
	text-decoration: underline;
}

#contactFormInterior a:hover {
	color: #ba0b0b;
}

.contactUs {
	float: left;
	clear: right;
	width: 636px;
	padding: 0;
	margin: 0;
}

.contactFormLeft {
	float: left;
	width: 136px;
	padding: 0;
	margin: 0;
}

.contactFormTitle {
	float: left;
	font: Verdana, Arial, san-serif;
	font-size: 11px;
	color: #434343;
	line-height: 18px;
	text-align: right;
	width: 124px;
	height: 24px;
	padding: 3px 12px 2px 0;
	margin: 0;
}

.contactFormRight {
	float: left;
	width: 300px;
	padding: 0;
	margin: 0;
}

.contactFormField {
	float: left;
	font: Verdana, Arial, san-serif;
	font-size: 11px;
	color: #434343;
	line-height: 18px;
	width: 300px;
	height: 29px;
	padding: 0;
	margin: 0;
}

.contactFormField2 {
	float: left;
	font: Verdana, Arial, san-serif;
	font-size: 11px;
	color: #434343;
	line-height: 18px;
	width: 300px;
	height: 120px;
	padding: 0;
	margin: 0;
}

.contactInfo {
	float: left;
	clear: right;
	width: 200px;
	padding: 2px 0 0 0;
	margin: 0;
}


/* ----------
End
---------- */


/* ----------
The following are the syles for the Site Map
---------- */


#siteMap {
	float: left;
	font: Verdana, Arial, san-serif;
	font-size: 11px;
	color: #434343;
	line-height: 18px;
	width: 889px;
	padding: 0;
	margin: 20px;
}

#siteMap ul { 
	font: Verdana, Arial, san-serif;
	font-size: 11px;
	line-height: 16px;
	color: #434343;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

html.gecko #siteMap ul { 
	font: Verdana, Arial, san-serif;
	font-size: 11px;
	line-height: 16px;
	color: #434343;
	margin: 0;
	padding: 0 0 0 20px;
	text-decoration: none;
}
	
#siteMap li { 
	list-style-type: none;
	margin: 0;
	padding: 8px 0 0 12px;
	background: url(../images/arrowOrange3.gif) no-repeat 0px 12px;
}

#siteMap li a {
	color: #005c27;
	text-decoration: underline;
}

#siteMap li a:hover {
	color: #f08212;
}

html.gecko #siteMap li { 
	list-style-type: none;
	margin: 0;
	padding: 8px 0 0 12px;
	background: url(../images/arrowOrange3.gif) no-repeat 0px 11px;
}


/* ----------
End
---------- */


/* ----------
The following are the syles for the Footer Nav
---------- */

.bottomSpacer {
	float: left;
	width: 752px;
	height: 80px;
	margin: 0;
	padding: 0;
}

#footer {
	float: left;
	width: 752px;
	height: 52px;
	padding: 0;
	margin: 0;
	background: url(../images/footerBkgd.gif) top left no-repeat;
}

#footerNav {
	float: left;
	width: 716px;
	height: 34px;
	padding: 0;
	margin: 0 0 0 18px;
	background: url(../images/navFooterBkgd.gif) top left no-repeat;
}

html.ie6 #footerNav {
	float: left;
	width: 716px;
	height: 34px;
	padding: 0;
	margin: 0 0 0 9px;
	background: url(../images/navFooterBkgd.gif) top left no-repeat;
}

.footerNavLink {
	float: left;
	width: 716px;
	font: Verdana, san-serif;
	font-size: 10px;
	color: #3f8ab0;
	text-align: center;
	margin: 0;
	padding: 12px 0 0 0;
}

.footerNavLink a { 
	color: #797979;
	text-decoration: none;
}
	
.footerNavLink a:hover {
	color: #2a4968;
	text-decoration: none;
}


/* ----------
End
---------- */