﻿body,html
{
    margin: 0; padding: 0;
    font-family: Helvetica,Arial;
    font-size: 12px;
}
body { margin-top: 10px; }
body a {color:Gray; }

td { font-family: Arial; font-size: 12px; }
img {border:none;}
.inputBox { width: 220px; font-family: Arial; font-size: 12px; }
textarea.inputBox { width: 220px; font-family: Arial; font-size: 12px;  }

.centerText{ text-align:center;color:Gray;}
.blackFont {color:Black; text-align:center;}
.imagePadding {padding-top: 3px;}

.scrollable{ overflow:scroll; height:90px; width:550px; white-space:nowrap;  overflow-y:visible;}


/* GLOBAL */
.siteContainer {width:956px;}
.tableSpacer2px {height:2px;font-size:0.01em;}
.tableSpacer5px {height:5px;font-size:0.01em;}
.tableSpacer10px {height:10px;font-size:0.01em;}

.googleAd {background:#F3F3F3;}
.emailError{ color:#F7A953;}

.footer {padding-top:10px;color:#FF795E;font-size:11px;border-top:1px solid #E2E9F2;}
.footer a {color:#919EAB;font-size:11px;}
.footer .copyright {color:#919EAB;font-size:11px;}

/* HOMEPAGE */
ul.site_tabs { margin:0 12px; height:23px; background: url(/images/tab-bg.jpg) 0 0 repeat-x; overflow:hidden;
	padding:0; border-right: 1px solid #dbdad8; }
ul.site_tabs li { float:left; margin-right: 4px; list-style:none; }

/* CONTENT */
.contentHeader {width:200px;}
.footer-googlead { float:left; width:468px; }

.contentLeftNavBG {background:url(/images/nav-bg.gif) no-repeat;border-right:1px solid #DEDEDE;}
.cityLabel {width:225px;text-align:left; font-weight:bold; background-color: #E3DFDE; height:90px;}
.cityLabel img {border:2px solid #DEDEDE;}
.contentLeftNav {width:228px;overflow:auto;padding-top:0px;background:#FFFFFF; text-align:left;}
.contentLeftNav a {color:#5D6670;text-decoration:none;font-size:11px;}
.contentLeftNav a:hover {color:#F18103;text-decoration:none;font-size:11px;}
.contentLeftNav .leftNavLink {height:18px;margin-top:3px;padding-left:23px;background:url(/images/left-nav-divider.gif) left bottom no-repeat;}
.contentLeftNav .leftNavLink2 {height:18px;margin-top:3px;padding-left:23px;}
.contentLeftNewsletter {text-align:left;width:208px;height:77px;padding:15px 5px 15px 15px;font-size:11px;overflow:hidden;background:#B6B6B6;}


.contentNav {background:url(/images/nav-bg.gif) repeat-x right top;}
.contentNav img {padding:0px;margin:0px;}

.contentMiddlePlaceholder {width:800px;border-right:1px solid #DEDEDE; height:100%;}

.productListing {}
.productListing a {color:#000000;text-decoration:none;}



/* search function */
.ajaxResult { width: 215px; max-height: 300px; height: auto !important; height: 300px; position: absolute; left: 0; top: 25px; border: 1px solid black; background-color: white;  }
.ajaxResult .close { text-align: right; background-color: #EEEEEE; font-size: 10pt; padding: 5px; }
.ajaxResult .close a { color: Blue; }
.ajaxResult .results { overflow: auto; width: 215px; max-height: 275px; height: auto !important; height: 275px; }
.ajaxResult .item { text-align: center; font-size: 9pt; padding: 10px; }
.ajaxResult .item img {  }

/* LOGIN PAGE */

.loginGraphic { float: right; margin-right: 10px; border: 1px solid black; }

/* PRODUCT VIEW PAGE */

.categoryList { width: 160px; }
.selected { font-weight: bold; }
.PropertyControl { padding: 0 0 10px 0; }
.PropertyControl select { width: 100px; }
.txtQuantity { width: 25px; text-align: center; }

.ProductTitle { font-weight: bold; font-size:18px; color:#000000; padding-bottom: 10px; }
.ProductSpecs {  background-color:#F3F3F3; padding: 4px; margin-top: 12px; }
.ProductSpecs td { font-size: 11px }
.ProductSpecs .Label { color:#000000; font-weight:bold; }
.productDisplayArea { }
.productPriceStyle { text-align:center;}
.photoContainer { width: 55px; }

.ProductDetails { }
.ProductDetails td { text-align: left; }

/* CATEGORY PAGE */

.product { float: left; width: 140px; height: 180px; text-align: center; }

/* CART PAGE */
/*
.bgcart { background-image: url(images/bgcart.jpg); width: 731px; height: 436px; margin: auto; position: relative; }
.cartControl .cartBox { position: absolute; top: 100px; left: 40px; width: 300px; }
.cartControl .cartBox .productName { }
.cartControl .cartBox .properties { padding: 0px 0px 5px 95px; }
.cartControl .cartBox .discount { text-align: right; padding-right: 10px; color: Red; }
.cartControl .cartBox .cartTotal { text-align: right; border-top: 1px solid black; padding-right: 10px; }
*/

.enterDiscount { padding-top: 40px; }
.enterDiscount .discountBox { width: 100px; }

.keepShopping { position: absolute; top: 65px; left: 470px; }
.checkoutButton { position: absolute; top: 100px; left: 470px; }

/* CHECKOUT PAGE */

.checkoutArea h3 { padding: 2px; }

.checkoutArea .expDate { width: 100px; }
.checkoutArea .securityCode { width: 50px; }
.checkoutArea .cardError { color: Red; }
.checkoutArea .comments { width: 300px; }
.loginOption { padding: 15px;  }
.validation { padding-left: 15px; }
.blackTab { background-color: Black; color: White; padding: 2px 2px 2px 10px; width: 200px; }

.checkoutCartControl .cartBox { margin: 10px; padding: 5px; background-color: #EEEEEE; }
.checkoutCartControl .cartBox .productName { }
.checkoutCartControl .cartBox .properties { padding: 0px 0px 5px 95px; }
.checkoutCartControl .cartBox .discount { text-align: right; padding-right: 10px; color: Red; }
.checkoutCartControl .cartBox .cartTotal { text-align: right; border-top: 1px solid black; padding-right: 10px; }


/* BLOG ENTRIES */
.blogEntry { border: solid 1px #F3F3F3;}
.blogEntry img { padding-right: 12px; text-align: left; }
.blogEntryTitle { background-color:#F3F3F3; font-weight:bold; font-size: 13px; text-align:left;}
.blogTitle { color:#F18103; font-weight:bold; font-size: 16px; text-align:left; }


/* MORE CITIES */
.MoreCities a{ font-family: Arial; font-size:18pt; text-decoration:none;}



/* Home page changes: 7/20/09 
**
**
**
*/

/*  MASTER
	------------------------------------------------------------------------- */
	
	body { margin:0; padding:20px 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align: left; }
	img { border:0; }
	
	.logo { width: 946px; height:106px; background: url(images/header.gif) 0 0 no-repeat; }
	.logo div { padding: 0 0 0 48px; color:#FFFFFF; font-size:14px; }
	.subheader { height:18px; background: url(images/subheader.gif) bottom left no-repeat; }
	.subheader table { text-align:center; }
	
/*  HOME PAGE
	------------------------------------------------------------------------- */	
	
	.home { text-align:center; }
	.home .wrapper { text-align:left; }
	.home .nav { width: 236px; height: 483px; background:url(images/navigation.gif) 0 0 no-repeat; vertical-align:top; }
		.home .nav .form { padding: 64px 0 0 24px; }
		.home .nav select { padding:1px; width: 160px; }
		
		.home .nav .homeLeftNav { padding: 54px 0 9px 24px; margin:0 40px 0 0; list-style:none; }
		.home .nav .leftNavLink { border-top: 1px solid #b2b4b6; padding: 2px 0; margin:0; }
		.home .nav .leftNavLink a { color: #47403d; font-size:11px; text-decoration:none; }
		.home .nav .leftNavLink a:hover { color: #fe7f0c; }
		
	.home .box1 { width: 390px; height: 413px; text-align:center; vertical-align:top; }
		.home .box1 .image { padding: 4px 0; }
		.home .box1 .text { float:right; padding-right: 10px; }
		.home .box1 .text a { font-size:16px; color: #98918f; }
		.home .box1 .text .title { color:#fe7f0c; font-size:48px; line-height:48px; font-weight:bold; text-decoration:none; }

	/* Box 2 */
	.home .box2 { width: 390px; height:64px; background: url(images/border_02.gif) 0 0 no-repeat; }
		.home .box2 table td { font-size:14px; color: #ffffff; padding-top:4px; margin:0; }
		
		.home .box2 input { margin-right:5px; text-align:left; float:left; }
		.home .box2 input.input { font-size: 12px; color:#999999; padding:1px 2px; width:160px; text-align:left; }
			
	/* Box 3 */
	.home .box3 { width: 320px; height: 248px; background: url(images/border_03.gif) 0 0 no-repeat; vertical-align:top; }
		.home .box3 .image { padding: 9px 0 0 32px; }
		.home .box3 h3 { padding: 10px 0 0 22px; margin:0; }
		.home .box3 .text { padding: 9px 30px 9px 32px; font-size:11px; color: #b2b4b6; }
		.home .box3 .ad { padding-left: 7px; margin-top: -9px; }
			
	.home .box4 { width: 320px; height: 284px; background: url(images/border_04.gif) 0 0 no-repeat; }
		.home .box4 .ad { padding-left:7px;margin-top:-10px; }
	
	/* Box 5 */
	.home .box5 { height:44px; background: url(/resources/image/hotlist.gif) 0 0 no-repeat;
	        font-size: 16px; color:#9f9c9b; padding:7px 0 0 34px; font-weight:bold; }
	.home .box5 b, .home .box5 strong, .home .box5 span { font-size: 26px; color:#f16f2e; font-weight:normal; }
		
	/* Box 6 - Hot list items */
	.home .box6 { width: 626px; padding:9px 0; background: url(images/border_06.gif) 0 0 no-repeat; vertical-align:top; }
		.home .box6 table { padding-left: 34px; }
		
		.home .box6 h3 { margin: 4px 0; font-size:14px; font-weight:normal; color:#3b3939; }
		.home .box6 p { margin:0; font-size:11px; color:#918f8f; }
		.home .box6 p.price { color:#fb7306; }
		
	/* Box 7 */
	.home .box7 { width: 320px; background: url(images/border_07.gif) 0 0 no-repeat; vertical-align:top; }
		.home .box7 .image { padding: 9px 0 0 32px; }
		.home .box7 h3 { padding: 10px 0 0 22px; margin:0; }
		.home .box7 .text { padding: 9px 30px 9px 32px; font-size:11px; color: #b2b4b6; }
		.home .box7 .ad { padding-left: 8px; margin-top: -4px; }
		
	/* Footer */
	.home .box8 { width: 946px; background: url(images/border_08.gif) 0 0 no-repeat;
		line-height: 18px; text-align:center; padding:10px 0 0 0; }
		.home .box8 ul { padding:0 20px 10px; list-style: none; margin: 0 auto;  }
		.home .box8 li { display: inline; padding-left:12px; font-size:11px; }
		.home .box8 li:first-child { display: inline; padding-left:0px; font-size:11px; }
		.home .box8 a { color: #939598; text-decoration: none; }
		.home .box8 a:hover { color: #666666; text-decoration: underline; }
		
	/* Ads */
	.home .googleads { padding: 20px 0; margin:0 auto; width: 950px; }
	.home .googleads ins { float:left; }
