@import url("nav.css");
@import url("promo.css");
@import url("blog.css");
@import url("modules.css");
@import url("coupons.css");
@import url("autocomplete.css");



body {margin: 0; padding: 0; color: #333; background: #fff; font-size: 82%; }
body, textarea {font-family: Verdana, Helvetica, sans-serif;}
p, blockquote, li, dd, dt, h4, label, input, select, textarea {font-size: 1em;}

* {margin: 0; padding: 0;}
a {color:#41A6D0; text-decoration: underline; outline: none;}
a:hover {text-decoration: underline;}
img {border: none;}
table, form {margin: 0; padding: 0;}
th, td { vertical-align:top; }

h1, h2, h3 {margin:0 0 .5em 0; font-weight: bold;}
h1 {font-size: 1.4em;}
h2 {font-size: 1.2em;} /* also used in common files*/
h3 {font-size: 1em; }
h4 {font-size: 0.9em; font-style: italic; font-weight: normal;}


p, pre {margin: 0 0 1em 0; line-height: 1.4em; }
p.tnote { color: #900; display: none;}
dd, ul li, ol li {line-height: 1.3em;}
dl, ul, ul li, ol, ol li, blockquote {padding: 0;}
dl {margin: .5em 0;}
dt {font-weight: bold; margin: .25em 0 0 0;}
dd {margin-left: .5em;}
ul {margin: .5em 0 .5em 1.1em;}
ul li {list-style: square; margin:0 0 .25em .5em;}
ol {margin: .5em 0 .5em 1.4em;}
ol li {margin:0 0 0 .5em;}
blockquote {margin: 1em 2em;}

/* =Clearfix (all browsers)--------------------------------*/
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
/* IE6 */ * html .clearfix {height: 1%;}
/* IE7 */*:first-child+html .clearfix {min-height: 1px;}

fieldset {padding: 1em; margin: .25em 0; border: 1px solid #ccc;}
legend {font-size: 1.1em; font-weight: bold; color: #333; padding: 0 5px; margin: 0;}
*:first-child+html legend {margin: 0 0 .5em 0;} /* hack for all IE versions */

input, select, textarea {margin: 1px; padding: 0 2px; vertical-align: middle;}
textarea {vertical-align: top;}
input:focus, textarea:focus, select:focus {background: #e1f6fd;}
label { position: relative; top: 2px; padding-right: 2px;}

#wrap {width: 950px; position: relative; margin: 10px auto;}
/* template head */
#head {margin: 0 0 58px 0; position: relative; height: 65px; } /* margin to allow for nav bar */
#head img#logo {margin: 10px 0 0 0;}

#searchBox {
	position: absolute; left: 265px; top: 10px;
	width: 422px; 
	height: 36px; 
	padding: 10px 8px 0 100px;
	background: url(../img_t/bg_search.png) no-repeat;
	z-index: 1000;}
#searchBox input.stxt { width: 230px; padding: 4px; border: 1px solid #ccc;}
.searchBox { position: relative;}

#theFind { position: absolute; top: 15px; left: 665px; width: 107px; height: 36px;}
#LinkShop { position: absolute; left: 790px; top: 5px; 
	height: 54px; width: 52px;}
#LinkShop a {background: url(../img_t/icons_sprite.png) no-repeat 0 0;
	outline:none; 
	height:0; padding-top:54px; 
	display: block;
	overflow:hidden;}
#LinkShop a:hover { background-position: 0 -54px;}


#LinkCoupons { position: absolute; left: 890px; top: 5px; 
	height: 54px; width: 59px; }
#LinkCoupons a {background: url(../img_t/icons_sprite.png) no-repeat -52px 0;
	outline:none; 
	height:0; padding-top:54px; 
	display: block;
	overflow:hidden;}
#LinkCoupons a:hover { background-position: -52px -54px;}

#LinkBlog {position: absolute; left: 843px; top: 5px; 
	height: 54px; width: 47px;}
#LinkBlog a {background: url(../img_t/icons_sprite.png) no-repeat -111px 0;
	outline:none; 
	height:0; padding-top:54px; 
	display: block;
	overflow:hidden;}
#LinkBlog a:hover {background-position: -111px -54px;}

#hcnt {} 

#sect1 { min-height: 267px; position: relative; }
#GGbox { width: 395px; height: 259px;}
#gg { background: url(../img_t/bg_giftGuide.png) no-repeat 0 0; height: 39px; text-align: right;
	padding: 15px 15px 0 0;}
	
#popCats { background: url(../img_t/bg_popCats.png) no-repeat; height: 205px; position: relative;}
#popCats dl { width: 175px; float: left; margin: 38px 0 0 18px;  padding: 0; }

#popCats dt { font-size: 11px; font-weight: bold; color: #41a6d0; margin: 0; padding: 0;}
#popCats dt a {color: #41a6d0; text-decoration: none;}
#popCats dt a:hover { text-decoration: none; color: #333;}

#popCats dd { font-size: 10px; margin: 0; padding: 0 0 8px 0;}
#popCats dd a {color: #333; text-decoration: none;}
#popCats dd a:hover {color: #000; text-decoration: none;}

#popCats a.sectLink { position: absolute; left: 230px; bottom: 0; display: block;}  

#sect2 {}
#sideSect { width: 269px; float: left;}
#Cad { margin-bottom: 0.5em;}
#feaStores { width: 261px; background: url(../img_t/bg_feaStore_02.png) no-repeat left bottom;}
#feaStoreTop { background: url(../img_t/bg_feaStore_01.png) no-repeat 0 0; height: 66px;
	position: relative;}
#feaStoreTop a { font-size: 11px; text-decoration: underline; 
	position: absolute; top: 40px; right: 10px; text-align: right;
	color: #333;}
#feaStoreTop a:hover { color: #000;}

#feaList { font-size: 11px; padding: 5px 10px 15px 15px;}
#feaList a { display: block; padding: 3px 0; color: #333; text-decoration: underline;}
#feaList a:hover { color: #000;}

#coupon { width: 261px; background: url(../img_t/bg_coupon_02.png) no-repeat left bottom;
	margin-top: 8px;}
#couponTop { background: url(../img_t/bg_coupon_01.png) no-repeat 0 0; height: 66px;
	position: relative;}
#couponTop a { font-size: 11px; text-decoration: underline; 
	position: absolute; top: 40px; right: 10px; text-align: right;
	color: #333;}
#couponTop a:hover { color: #000;}

#couponList { font-size: 11px; padding: 5px 10px 15px 15px;}
#couponList p {line-height: 1em;}
#couponList span { display: block; margin-bottom: 0.5em;}
#couponList a { display: block; padding: 3px 0 0 0; color: #333; text-decoration: underline;}
#couponList a:hover { color: #000;}

#rightSect {width: 675px; float: right;}

#feaProds {margin-top: 8px; margin-bottom: 12px; min-height: 390px;}
#feaProds h3 {border-bottom: 1px solid #ccc; padding-bottom: 5px; }
#feaProds table { width: 100%; margin: 8px;}
#feaProds table td {border-right: 1px dashed #ccc;}
#feaProds table td.last {border-right: 1px solid #fff;}

#feaProds td { text-align: center; font-size: 11px; width: 25%; padding: 5px 10px 15px 10px;}
#feaProds td a { text-decoration: none;}
#feaProds td img { display: block; margin: 0 auto 4px auto;}
#feaProds td a.prodLink { margin: 0.25em 0; font-weight: bold; display: block; color: #666;}
#feaProds td a.prodLink:hover {color: #000;}
#feaProds td a.catLink { display: block; color: #41A6D0 !important; margin-top: 0.25em; }

#spotlight { background: url(../img_t/bg_spot.png) no-repeat 0 0; height: 101px; width: 533px;
	margin: 8px 0; padding: 12px 0 0 146px;}
#spotlight div { width: 120px; float: left; margin-right: 12px;}

#seotxt {}
#seotxt p { font-size: 0.9em;}

#allCats {font-size: 10px; text-align: center; padding: 5px;
	border: 1px solid #ccc; margin-bottom: 8px; clear: both;}
#allCats a {color: #666; text-decoration: none; padding: 0 0.25em;}
#allCats a:after {content: " |";}
#allCats a.last:after {content: " ";}
#allCats a:hover {color: #333; text-decoration: underline;}

#botAd { clear: both; display: none;}
#botAd img {display: block; margin: 8px 0;}
/* template footer */
#foot { background: #747474 url(../img_t/bg_foot_02.png) no-repeat 0 100%; min-height: 186px; }
#foot #footTop { background: url(../img_t/bg_foot_01.png) no-repeat 0 0;  }
#foot h3 { font-size: 12px; margin: 5px 0; color: #fff;}
#foot p {color: #fff; margin: 0;}

#foot table {width: 100%; margin: 0 10px;}
#foot td {padding: 10px 0;}
#foot td a {font-size: 10px; color: #fff; display: block; text-decoration: none; padding: 3px 0;
	display: block;}
#foot td a:hover { text-decoration: none; color: #b3fc14;}

#foot th {width: 280px; border-left: 1px solid #fff; text-align: left; padding: 5px;}
#foot #newsbox { padding: 10px; height: 75px;}
#foot #newsbox p {margin-bottom: 10px;}
#foot #newsbox input.ntxt {width: 140px; padding: 4px; border: 1px solid #ccc; margin: 0;}
#newsbox .ErrorLabel {display: none;}
#newsbox .EditingFormErrorLabel { font-size: 11px !important; font-weight: normal !important; color: #fff; display: block;
	padding-top: 0.25em;}
#foot #newsbox div { display: inline;}
#foot #newsbox input.FormButton { padding: 0; background: none; border: 0 none; margin: 0;}

#foot #sBox2 {padding: 10px;border-top: 1px solid #fff; margin: 5px; }
#foot #sBox2 input.stxt {width: 140px; padding: 4px; border: 1px solid #ccc;}

#psi { text-align: right; padding: 3px; font-size: 9px; color: #666;}
#sfoot {text-align: center;}
#sfoot img { vertical-align: middle;}

.textSimple { min-height: 270px;}

#fullCatList table { width: 100%; margin: 1em 2em 2em 1em;}
#fullCatList table a { display: block; padding: 4px 0 4px 20px; color: #666; text-decoration: none;
	background: url(../img_t/cat_list.png) no-repeat 0 50%;}
#fullCatList table a:hover { color: #000; text-decoration: none;}

.buyGuideList table { width: 100%; margin: 1em;}
.buyGuideList a { display: block; padding: 0.25em 0;}

table.directoryItem { width: 100%; margin: 1em; border-bottom: 1px dashed #ccc;}
.directoryItem td { width: 80%; padding: 0 1em 0.5em 1em;}
.directoryItem td div { font-size: 0.9em;}

#index { margin: 1em auto; text-align: center; }
#index table { margin: 0 auto;}
#index a { background: #A8CC5B; padding: 2px 5px; color: #fff; display: block;
	text-decoration: none; margin: 0 1px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	min-width: 12px;	}
#index a.TabControlLinkSelected {background: #40A5D0;}
#index a:hover { background: #40A5D0;}
#index td.TabControlRight, 
#index td.TabControlLeft, 
#index td.TabControlSelectedRight, 
#index td.TabControlSelectedLeft { display: none;}

.othercat {}
.othercat a {}

/* datalist formatting */
.datalist3 table {width: 100%; margin-bottom: 16px;}
.datalist3 table td {width: 33%; padding: 4px 10px; vertical-align: top;}
.datalist3 table td a {display: block;}

.datalist2 table {width: 100%; margin-bottom: 16px;}
.datalist2 table td {width: 50%; padding: 4px 10px; vertical-align: top;}
.datalist2 table td a {display: block;}

ul.triple {margin-bottom: 20px; list-style: none;}
.triple li {float: left; width: 210px; list-style: none;}
.triple li a {display: block; padding: 2px 0;}

.feedItem {border-bottom: 1px dashed #bbb; margin: 0 2em 10px; padding-bottom: 5px;}
.feedItem p img {float: left; margin: 0 15px 15px 0;}

/* mall category pages */
.breadcrumbs { font-size: 11px;}
.breadcrumbs a { margin: 0; padding: 0;}

table.catL2 { width: 100%; margin-bottom: 2em; font-size: 11px;}
table.catL2 td { padding: 0 0 5px 5px;}
table.catPaging { width: 100%; background: #eee; margin-bottom: 1.5em;}
table.catPaging td { font-size: 11px; padding: 3px; vertical-align: middle;}
table.catPaging div.paging font { font-size: 11px;}

fieldset.CatFeaImages table { width: 100%;}

table.catItem { margin-bottom: 1em; border-bottom: 1px dashed #ccc;}
table.catItem td.catImage {padding-right: 1em;}
table.catItem td.catInfo { padding: 0 0 1em 0; font-size: 11px;}
table.catItem td.catInfo .cat_prod_link { font-weight: bold;}
table.catItem td.catInfo input.btnCart { background: #666; color: #fff; border: 1px solid #000;}
table.catItem td.catInfo input.btnCart:hover { background: #333;}

div.paging { font-size: 11px; background: #eee; padding: 5px;}
div.pagingJump { font-size: 11px;}

/* mall prod page */
h1.prodName { font-size: 14px;}
div.prodImage { text-align: center; margin-bottom: 1em;}
div.sku, .product_descript { font-size: 11px;}
div.prodPrice {}
table.priceTable { margin: 1em auto; width: 40%; text-align: center;}
table.priceTable td.listprice {}
table.priceTable td.ourprice {}
table.priceTable td.listprice {}
div.priceonrequest { display: none;}
div.button { text-align: center;}
div.button input.btnCart {background: #666; color: #fff; border: 1px solid #000;}
div.button input.btnCart:hover { background: #333;}
div.addthis_toolbox { text-align: center; font-size: 11px; margin: 1em auto; width: 160px;}

.notAvailable { text-align: center; font-size: 11px; padding: 1em; background: #eee;}
.notAvailable h3 { font-size: 11px;}
.notAvailable form {margin-top: 0.5em;}
.notAvailable input.button { background: #666; color: #fff; border: 1px solid #000;}
.notAvailable input.button:hover { background: #333;}

/* to hide coupon stuff on mall side 
#couponTop, #couponList, #LinkCoupons { display: none;}  also need to turn on webpart for footer links 
*/

#overlay {
	background: #fff;
	z-index: 1000;
	display: none;
}
.overlay .close {
  background-image: url("../img_t/close.png");
  cursor: pointer;
  height: 30px; width: 30px;
  position: absolute;
  right: -11px;
  top: -11px;  
}
.contentWrap {
	border: 1px solid #bbb;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	padding: 10px;
	overflow: auto;
	height: 220px;
	width: 220px;
	border-radius: 5px;
}
.newsletterForm {padding: 10px; font-family: arial, sans-serif;}
.newsletterForm h1 {margin: 0;}
.newsletterForm .formbutton {margin-left: 40px;}
.newsletterForm input[type="text"] {
	padding: 3px 6px;
	border-radius: 6px;
	border: 1px solid #bbb;
}
.newsletterForm .formbutton input {
		background: #41A6D0;
		color: #fff;
		padding: 3px 6px;
		border-radius: 6px;
		border: 1px solid #bbb;
		font-size: 16px;		
		text-shadow: 0 -1px 1px rgba(0,0,0,0.8);
}
.newsletterForm .formbutton input:hover {
	background: #9CB42D;
}
.newsletterForm div {margin-top: 16px;}
.newsletterForm label {
	display: block;
	margin: 0 0 3px 4px;}