* { border:0px; margin:0px; padding:0px; }
body { margin-top: 10px; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

h1 { line-height: 1.2em; font-size: 30px; clear: both; margin-bottom: 0px; font-weight: normal; padding-bottom: 20px; 
	font-family: Arial, Helvetica, sans-serif; }
/* h1 { line-height: 1em; font-size: 38px; clear: both; margin-bottom: 0px; font-weight: normal; padding-bottom: 15px; 
	font-family: Times New Roman, Times, serif; } */
h2 { font-size: 16px; color: #000; padding-bottom: 15px; font-family: Arial, Helvetica,sans-serif; }
select { border: 1px solid #999; }
textarea { border: 1px solid #999; font-family: Arial, Helvetica,sans-serif; font-size: 12px; }

a { color: #0099ff; text-decoration: none; }
a:hover { text-decoration: underline; }
a.categoryListing { font-size: 14px; font-weight: bold; }
a.categoryListing:hover { text-decoration: underline; }
a.cartCount { text-decoration: underline; }

p { font-size: 12px; padding-bottom: 15px; }
p.categoryListing { line-height: 2em; font-size: 14px; }
p.topOrders { text-align: center; font-size: 11px; clear: both; padding: 10px 0 0 0; }
p.topOrders a { text-decoration: underline; }

p.status { color: #ff0000; }
p.spacer { padding-bottom: 0px; }
ul { list-style: none; }
input.text { border: 1px solid #000; }
input.modelInput { background: #cbdbe9; border: 1px solid #999; height: 19px; width: 160px; }

span.mandatory { color: #ff0000; font-weight: bold; font-size: 18px; }
span.callToOrder { font-size: 14px; font-weight: bold; }
span.status { font-weight: bold; color: #cc0000; }

#wrapper { margin: 0 auto; width: 760px; }
#logo { float: left; width: 424px; height: 89px; }

#topRight { float: left; width: 336px; }
#topRight p { text-align: right; padding-bottom: 10px; }
#topRight p.needHelp { font-size: 14px; padding-bottom: 0px; }
#topRight input.searchText { background: #cbdbe9; border: 1px solid #999; height: 19px; width: 160px; }
input.submitGo { margin-bottom: -7px; }
input.leftModelLookup { border: 1px solid #999; background: #cbdbe9; height: 19px; width: 120px; }

#mission { height: 30px; font-weight: bold; font-size: 14px; color: #fff; float: left; width: 100%; background: #0099ff url(/images/credit-cards.gif) 99% 50% no-repeat; font-family: Times New Roman, Times, serif; }

#topMenu { height: 33px; background: #0099FF; float: left; width: 758px; border-left: 1px solid #0099ff; border-bottom: 1px solid #0099ff; border-right: 1px solid #0099ff; margin-bottom: 15px; }
#topMenu li { display: inline; }
#topMenu li a { color: #0099ff; display: block; float: left; padding: 8px 18px 9px 18px; font-size: 14px; font-weight: bold; border-right: 1px solid #0099ff; background: #fff url(/images/backgrounds/top-menu.gif) 0 1px repeat-x; }
#topMenu li a.farRight { border-right: 1px solid #fff; }
#topMenu li a.active { background: #0099ff; color: #fff; }
#topMenu li a:hover { background: #0099ff; color: #fff; text-decoration: none; border-right: 1px solid #0099ff; }

#leftMenu { float: left; width: 200px; }
#leftMenu p.menu { line-height: 1.6em; }
#leftMenu p.menu a { font-size: 14px; text-decoration: none; font-weight: bold; }
#leftMenu p.menu a:hover { text-decoration: underline; }

p.brands { font-family: Times New Roman, Times, serif; font-size: 18px; padding-bottom: 5px; }

#content { float: left; width: 560px; }
#content p.youAreHere { color: #666; font-size: 11px; width: 530px; line-height: 1.8em; padding: 0 0 10px 0; }
#content p.youAreHere a { color: #666; text-decoration: underline; }
#content p.youAreHere a:hover { color: #0099ff; }

#footer { clear: both; width: 100%; padding-top: 15px; border-top: 1px solid #ccc; }
#footer a { text-decoration: underline; }
table.footer { width: 100%; }
table.footer td { vertical-align: top; }
table.footer td.secureLogos { text-align: right; }

table.productListing { width: 100%; }
table.productListing td.imageColumn { width: 150px; vertical-align: top; text-align: center; }
table.productListing td.imageColumn2 { width: 75px; vertical-align: middle; text-align: center; }
table.productListing td.spacerColumn { width: 25px; }

/* table.productListingTwo input.qty { background: #ededed; border: 1px solid #999; font-size: 24px; font-family: Times New Roman, Times, serif; text-align: center; width: 32px; height: 35px; } */
table.productListingTwo input.qty { border: 1px solid #7fccff; padding: 1px 1px; color: #000; font-size: 24px; width: 34px; height: 29px; text-align: center; }
table.productListingTwo input.qty2 { border: 1px solid #7fccff; padding: 2px 1px 1px 1px; color: #000; font-size: 18px; width: 24px; height: 24px; text-align: center; }
table.productListingTwo a.productName { font-size: 18px; }
table.productListingTwo a.clickHere { text-decoration: underline; }
table.productListingTwo a:hover { text-decoration: underline; }
table.productListingTwo td { vertical-align: middle; }
table.productListingTwo td.qtyColumn { font-size: 18px; width: 40px; }
table.productListingTwo td.qtyInputColumn { font-size: 24px; width: 75px; }
table.productListingTwo td.priceColumn { font-size: 24px; width: 135px; }

table.productListingTwo td.qtyColumn2 { font-size: 12px; width: 40px; text-align: right; }
table.productListingTwo td.qtyInputColumn2 { font-size: 16px; width: 40px; }
table.productListingTwo td.priceColumn2 { font-size: 14px; width: 85px; font-weight: bold; }


#contact { margin-bottom: 10px; }
#contact td { line-height: 1.4em; padding: 5px 20px 5px 0px; }
#contact input.text { border: 1px solid #999; }
#contactForm td { line-height: 1.6em; padding: 5px 20px 3px 0px; }
#contactForm input.text { background-color: #eee; border: 1px solid #999; }

/* Product Pages */
#productLeft { float: left; width: 270px; padding: 0 15px 0 0; }
#productRight { float: left; width: 275px;  }

p.description { line-height: 1.5em; padding: 0px 0 20px 0; }
p.productTop { text-align: center; line-height: 1.8em; padding: 0 0 10px 0; }
span.productPrice { font-size: 24px; }
span.availability { font-size: 11px; }
span.green { color: #009900; }
span.partRow { font-size: 11px; }
span.partNumber { font-size: 14px; font-weight: bold; }

table.productQty td { vertical-align: middle; }
table.productQty td.productQty { width: 50px; text-align: right; }
table.productQty td.inputQty { width: 52px; }
span.productQty { font-size: 12px; }
input.productQty { border: 1px solid #7fccff; padding: 1px 1px; color: #000; font-size: 24px; width: 34px; height: 29px; text-align: center; }

ul.images li a { border: 1px solid #cccccc; padding: 0px 0px 25px 0px; display: block; width: 273px; background: #fff url(/images/enlarge-image.gif) 100% 100% no-repeat; margin-bottom: 10px; text-align: center; }
ul.images li a:hover { border: 1px solid #0099FF; }
div.smaller a { padding: 3px; display: block; width: 75px; margin-bottom: 10px; margin-right: 10px; background: #fff; float: left; }
div.smaller img { border: 1px solid #ccc; }
a.smallerImages { border: 1px solid #ccc; padding: 3px;}
img.secondary { border: 1px solid #ccc; }

a.productBrands { float: left; margin-right: 15px; }

/* Related Products (Buy Together) */
#relatedProducts { clear: both; width: 100%; background: url(/images/related-products.gif) 0 0 no-repeat; padding-top: 40px; height: 120px; }
#relatedProducts p { width: 100%; text-align: right; }
#relatedProducts table.main { border: 1px solid #cccccc; width: 450px; background: #fff; }
#relatedProducts table.main td { width: 33%; text-align: center;}
#relatedProducts table.individual { width: 100%; }
#relatedProducts table.individual td.image { height: 100px; vertical-align: middle; }
#relatedProducts a.image { height: 100px; display: block; }

/* Brands */
#brandImageListing { width: 100%; }
#brandImageListing td { width: 33%; text-align: center; line-height: 2em; padding: 0 0 15px 0; }

/* CART */
#cart { width: 99%; border-collapse: collapse;  }
#cart input.cartqty { width: 25px; height: 18px; border: 1px solid #999; text-align: center; font-weight: bold; }
#cart input.remove { border: 0px; }
#cart th { border-bottom: 1px solid #ccc; padding-bottom: 3px; color: #666; font-size: 10px; }
#cart td { text-align: center; font-size: 11px; border-bottom: 1px solid #ccc; }
#cart td.image { text-align: left; vertical-align: middle; width: 65px; text-indent: 5px; }
#cart td.price { width: 60px; }
#cart td.remove { width: 52px; }
#cart td.subTotal { font-size: 14px; text-align: left; }
#cart td.description { text-align: left; padding: 5px 0 5px 10px; width: 210px; }
#cart th.left { text-align: left; }
#cart a { text-decoration: none; }
#cart a:hover { text-decoration: underline; }
#cart span.subTotal { font-size: 18px; font-weight: bold; }

#cart2 { width: 99%; border-collapse: collapse;  }
#cart2 input.cartqty { width: 25px; height: 18px; border: 1px solid #999; text-align: center; font-weight: bold; }
#cart2 input.remove { border: 0px; }
#cart2 th { border-bottom: 1px solid #ccc; padding-bottom: 3px; color: #666; font-size: 10px; }
#cart2 td { text-align: center; font-size: 11px; border-bottom: 1px solid #ccc; }
#cart2 td.price { width: 60px; }
#cart2 td.left { text-align: left; padding: 5px 0 5px 10px; }
#cart2 th.left { text-align: left; }
#cart2 a { text-decoration: none; }
#cart2 a:hover { text-decoration: underline; }

/* Checkout */

a.copy { text-indent: 30px; background: #fff url(/images/icon-copy.gif) 0px 50% no-repeat; display: block; padding: 3px 0px; font-weight: normal; }

table.checkout td { padding-right: 15px; line-height: 1.7em; padding-bottom: 5px; font-size: 12px; }
table.checkout input.text { border: 1px solid #000; }

table.fixed { width: 500px; }
table.confirm { width: 400px; margin-bottom: 10px; }
table.confirm td { padding-right: 25px; padding-bottom: 3px;  }

#checkoutSteps { margin-bottom: 10px; }
#checkoutSteps ul li { display: inline;  }
#checkoutSteps ul li a {
	padding: 45px 20px 10px 20px;
	display: block;
	float: left;
	text-align: center;
	text-decoration: none;
	font-weight: normal; 
}
span.checkout { 
	color: #666;
	padding: 45px 20px 10px 20px;
	text-align: center;
	text-decoration: none;
	font-weight: normal; 
	float: left;
}
#checkoutSteps ul li a:hover { text-decoration: underline; }
#checkoutInfo { float: left; width: 100%; position: relative; }

/* Home Page */
div.topBanner { width: 100%; height: 204px; background: url(/images/home/top-banner.jpg) 0 0 no-repeat; text-align: right; padding: 27px 0 0 0; }
div.topBanner p { width: 243px; font-size: 12px; line-height: 1.5em; text-align: right; float: right; clear: both; padding-bottom: 5px; }
div.topBanner h1 { font-size: 24px; font-weight: normal; width: 250px; text-align: right; float: right; padding-bottom: 5px; }

table.home3Columns { width: 100%; }
table.home3Columns td { width: 33%; text-align: center; }
table.home3Columns td a { font-weight: bold; text-decoration: underline; }
table.home3Columns td.topHeader { background: #9ed8ff url(/images/backgrounds/home-headers.gif) 0 0 repeat-x; text-align: center; height: 35px; font-size: 14px; vertical-align: middle; }
table.home3Columns td.topHeader a { text-decoration: none; color: #003399; font-weight: bold; }
table.home3Columns td.topHeader a:hover { text-decoration: underline; }
table.home3Columns td.image { height: 132px; vertical-align: top; text-align: center; padding: 5px 0 0 0; }
table.home3Columns td.content { vertical-align: top; padding: 0 5px;  }


/* Model Lookup Styles */
table.partGroups { width: 530px; }
table.partGroups td { text-align: center; }
table.partGroups td.diagram { width: 181px; line-height: 2em; }
table.partGroups td a { text-decoration: none; }
table.partGroups td a:hover { text-decoration: underline; }

table.modelParts { width: 520px; border-collapse: collapse;}
table.modelParts th { text-align: left; font-size: 11px; line-height: 1.4em; border-bottom: 1px solid #ccc; }
table.modelParts td { font-size: 11px; padding: 2px 0; }
table.modelParts td.inStock { text-align: center; }
table.modelParts td.diag { width: 30px; font-size: 11px; text-align: center; }
table.modelParts td.addToCart { width: 106px; font-size: 11px; text-align: right; color: #333; }
table.modelParts td.partNumber { width: 75px; }
table.modelParts td.price { width: 55px; text-align: center; font-weight: bold; color: #333; }
table.modelParts td.appearsOn { width: 95px; }

table.hardToFind2 { width: 100%; }
table.hardToFind { width: 100%; }
table.hardToFind td { font-size: 11px; }
table.hardToFind td a { font-size: 11px; }
