/* --------------------------------------------
|  GLOBAL STYLES											
--------------------------------------------- */
html { border: none; }

body {
	margin: 0;
	padding: 0;
	line-height: 14px;
	text-transform: none;
}

body, td {
	font-size: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #666666;
}

img {border: 0;}
p {margin: 0 0 15px 0;}

a {
	text-decoration: none;
	color: #666666;
}
#colRight div 
a:hover {
	text-decoration: underline;
	color: #663366;
}

h1, h2, h3, h4, h5, form {color: #663366;}

h1 {
	margin: 10px 0;
	font-size: 16px;
	line-height: 16px;
	padding-bottom: 4px;
	
}
h2 {
	font-size: 12px;
	margin: 5px 0;
}
h3 {
	margin: 10px 0 15px 0;
	font-size: 18px;
}
h4 {
	font-size: 12px;	
}


.bViewcart {background-position: 0 0; width: 77px;}.bViewcart:hover {background-position: 0 -21px;}
.bCheckout {background-position: -78px 0; width: 77px; margin-right: 6px;}.bCheckout:hover {background-position: -78px -21px;}

	

/* --------------------------------------------
|  NAVIGATION												
--------------------------------------------- */

#nav {
	margin: 0;	
	padding: 0 0 0 170px; /*padding: 0 0 0 244px;*/
	list-style: none;
	height: 34px;
	background-color: #663366;
}
#nav li {
	float: left;
}
#nav li a {
	outline: none;
	display: block;
	padding: 0 0;
	height: 34px;
	line-height: 34px;
	float: left;
	text-indent: -9999px;
	text-decoration: none;
	background: url(graphics/nav/nav_matrix.gif);
}
#nav #bOne {background-position: -5 0; width: 52px;}#nav #bOne:hover {background-position: -5 -34px;} #nav li.on #bOne {background-position: -5px -68px;}
#nav #bTwo {background-position: -56px 0; width: 87px;}#nav #bTwo:hover {background-position: -56px -34px;} #nav li.on #bTwo {background-position: -56px -68px;}
#nav #bThree {background-position: -140px 0; width: 50px;}#nav #bThree:hover {background-position: -140px -34px;}#nav li.on #bThree {background-position: -140px -68px;}
#nav #bFour {background-position: -190px 0; width: 65px;}#nav #bFour:hover {background-position: -190px -34px;}#nav li.on #bFour {background-position: -190px -68px;}
#nav #bFive {background-position: -255px 0; width: 87px;}#nav #bFive:hover {background-position: -255px -34px;}#nav li.on #bFive {background-position: -255px -68px;}
#nav #bSix {background-position: -340px 0; width: 55px;}#nav #bSix:hover {background-position: -340px -34px;}#nav li.on #bSix {background-position: -340px -68px;}
#nav #bSeven {background-position: -393px 0; width: 160px;}#nav #bSeven:hover {background-position: -393px -34px;}#nav li.on #bSeven {background-position: -393px -68px;}
#nav #bCareers { background-position: -590px 0; width: 100px; }#nav #bCareers:hover { background-position: -590px -34px; }#nav li.on #bCareers { background-position: -590px -68px; }

#navBar {
	width: 961px;		
	background-color: #663366;
	height: 34px;
	margin: 0 auto;
	text-align: center;
}

#greybar {
	border-bottom: 4px solid #fff;
	padding: 0 0 0 8px;
	height: 28px;
	background-color: ffffff;
	line-height: 20px;
	overflow: hidden;
}
	#greybar label {
		color: #666666;
	}
#categoryHeader {
	margin-top: 4px;
}
#subNav {margin-top: 1px; width: 166px;}

#subNav ul {
	background-color: #666666;
	list-style-type: none;
	padding: 3px 12px;
	margin: 0;
}
#subNav li {
	padding: 0 10px;
	line-height: 15px;
	background: url(graphics/bullet_categories.gif) no-repeat 0 5px;
	margin: 5px 0;
}
#subNav a {
	color: #999999;
	text-decoration: none;
}

#subNav a:hover {
	text-decoration: underline;
	color: #663366;
}

/* --------------------------------------------
|  STRUCTURE												
--------------------------------------------- */

#siteContainer {
	width: 961px;
	text-align: center;
	margin: 1px auto 15px auto;	
}

/* -- HEADER -- */
#header {
	width: 961px; 
	background: #FFFfff url(graphics/bg_pri_nav_snow.gif) no-repeat; /* newnew */
	height: 103px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: left;
	position: relative; /* newnew */
}

#header .logo {
	position: absolute;
	margin: 33px 0 0 19px;
}
#logo {
	display: block;
	outline: none;
	text-indent: -9999px;
	position: absolute;
	margin: 33px 0 0 19px;
	background: url(graphics/logo_snow.gif) no-repeat; /* newnew */
	width: 186px;
	height: 45px;
	}

#topButtons {
	width: 378px; 
	float: right; 
	margin: 10px 0 20px 0;
}
#topButtons ul {
	list-style: none;
	float: right;
	margin: 0;
	padding: 0 20px 0 0; /* newnew */
	text-align: right;
}
	#topButtons ul li {
		margin: 0;
		padding: 0 1px 0 0;
		height: 13px;
		line-height: 13px;
		text-align: right;
		display: block;
	}
#topButtons a {
	font-size: 10px;
	color: #666666;
	outline:none;
}
	#topButtons a:hover {
	color: #666666;
		}
.wishList img, .shoppingCart img, .myAccount img {
	margin: 0 0 -2px 0;
	}
.wishList, .shoppingCart, .myAccount {
	position: absolute;
	}
.wishList {
	width: 72px;
	display: none;
	}

.shoppingCart {
	width: 158px;
	margin: 0 0 0 76px;
	}

.myAccount {
	width: 135px;
	margin: 0 0 0 235px;
	}

.ringBox {
	margin: 5px -20px -14px 0; 
	position: relative;
	outline:none;
}
#search {
	clear: right;
	text-align: left;
	margin: 5px 0;
	float: left;
	width: 190px;
	color: #666666;
	vertical-align: bottom;
	line-height: 18px;
}
#search input {
	width: 122px;		
	margin-right: 4px;
	border-top: 1px solid #663366;
	border-left: 1px solid #663366;
	border-right: 1px solid #663366;
	border-bottom: 1px solid #663366;
	color: #666666;
	font-size: 11px;
	padding-bottom: 0px;
}
#search div {
	float: left;
}
#search a {
	width: 77px; 
	height: 20px; 
	display: block;
}
#header .padding {
	padding: 0 0 0 15px;
} 
#miniSearchForm .searchSubmit {
	border: none;
	width: 31px;
	line-height: 19px;
	vertical-align: bottom;	
}
#miniSearchForm .setWidth {
	width: 136px;
}
#workingKeywordsMini {
	height: 16px;
	margin: -1px 0 1px 0;	
	padding-left: 4px;
}
/* -- BODY -- */
#contentArea {float: left; text-align: left;}
#colLeft {
	float: left;
	width: 187px;
	text-align: right;
	margin: 0 4px 0 0;
	padding-bottom: 41px;
	height: 100%;
	background: url(graphics/bg_col_left_foot.gif) 0 100% no-repeat;
	}
	#colLeft div {
		padding-left: 10px;
		padding-right: 10px;
		color: #666;
		}	
#colMiddle {
	width: 578px !important;
	float: left;
	margin-right: 4px;
}
#colRight {
	float: left; 
	width: 187px;
	margin: 0 0 0 0; 
	text-align: left;
	padding-bottom: 43px;
	height: 100%;
	background: url(graphics/bg_col_left_foot.gif) 0 100% no-repeat;
	}
	#colRight div {		
		color: #666666;
		margin-bottom: 4px;
	}
	#colRight #christmasNow {height: 160px; overflow:hidden; margin-bottom: 0; }

#colRight ul {
	list-style-type: none;
	margin: 0px;
	padding: 2px 10px 10px 10px;
}
#colRight li {
	padding: 0 20px;
	margin: 8px 0;
	background: url(graphics/bullet.gif) no-repeat 0 5px;
}
#colRight ol li {
	background-image: none;
	padding: 0px;
	margin: 5px 0;	
}


/* -- FOOTER -- */
#footer {
	color: #999999;
	clear: both;
	background: #ffffff url(graphics/bg_footer.gif) 0 0 repeat-y;
	font-size: 10px;
	text-align: center;
	padding: 8px 0 0 197px;
	}
#footer a {
	color: #666666;
	text-decoration: none;
	padding: 0 10px 0 0;
	font-size: 9px;
	font-weight: normal;
	text-transform: uppercase;
	}
#footer a:hover {
	text-decoration: underline;
	color: 663366;
	text-transform: uppercase;
	}

#footer .cc {
	margin: 2px 45px 10px 35px;
	float: left;
	clear:both;
	}
#footer .links {
	clear: right;		
	}
#footer .poweredBy {
	margin: 10px 150px; 
	}
#footer .poweredBy a {
	font-weight: normal;
	font-size: 9px;
	color: #666666;
	vertical-align: top;
	}
#footer img {
	vertical-align: bottom; margin-right: 5px;
	}

#footer .copyright {
	color: #666666;
	font-size: 6px;
	padding-bottom: 9px;
	}
	#footer .copyright span, #footer .copyright span a{
	color: #666666;
	font-size: 6px;
		}
		.copyright a:hover {
			color: #663366;
			}

/* --------------------------------------------
|  SITE MAP													
--------------------------------------------- */
	
	.siteMapList { margin-top: 15px }
	.siteMapList dt {
		background:url(graphics/ico_folder.gif) 0 4px no-repeat;
		padding-left:20px;
		line-height:20px;
	}
	.siteMapList dd {	
		padding-left:10px;
		margin-left:25px;
		line-height:16px;
		background:url(graphics/sitemap_2nd.gif) no-repeat;
	}
	.siteMapList dd a {	
		color: #666666;
		text-decoration:none;
	}
	.siteMapList .bottom { background:url(graphics/sitemap_2nd_bottom.gif) no-repeat; }
	.siteMapList dd dt a {
		color: #666666;
	}

/* --------------------------------------------
|  CONTENT SPECIFIC										
--------------------------------------------- */

.addPadding {
	margin: 14px 15px 10px 15px;
	}
.addPaddingRight {
	padding-right: 16px;
	}
.clearBoth {clear: both}
.secure {
	margin: 18px;
	}
.specials {
	margin: 0;
	}
.arrowList {
	margin: 0 0 16px 0;
	padding: 0;
	list-style: none;
	}
	.arrowList li {
		background: url(graphics/bg_arrow_list.gif) 5px 5px no-repeat;
		padding-left: 20px;
		margin: 0;
		}
.floatRight { float: right; }
.floatLeft { float: left; }
/* --- Col Left --- */
.needAHand {	
	background: #ffffff url(graphics/bg_need_a_hand.gif) 10px 10px no-repeat;
	border-bottom: 4px solid #ffffff;
	}
	.needAHand ul {
		width: 160px;
		margin: 0;
		padding: 30px 0 10px 0;
		list-style: none;
		font-size: 10px;
		}
	.needAHand ul li {
		margin: 2px 0;
		padding: 0;
	}
	.needAHand ul li a {
		color: #666666;
		font-weight: normal;
		text-decoration: none;
		}
		.needAHand ul li a:hover {
	text-decoration: underline;
	color: 663366;
			}
		.needAHand ul .current a {
			font-weight:bold;
		}
#colLeft .snowSale {
	padding: 0;
	position: relative;
	margin: 0 0 4px 0;	
	}
	.snowSale img {
		margin: 0;
		padding: 0;
		display: block;
		position: relative;
		}
.newsletter {	
	background: #ffffff url(graphics/bg_newsletter.gif) 10px 7px no-repeat;
	padding-top: 35px;
	font-size: 10px;
	line-height: 12px;	
	border-bottom: 4px solid #fff;
	}
	.newsletter p {
		margin: 2px 0 10px 0;
		padding: 0;		
		}
	.newsletter form {
		margin: 0;
		padding: 0;
		}
		form p {
			margin: 0;
			}
	#colLeft .newsletter input {
		color: #666666;
		font-size: 11px;
		margin: 0 0 5px 0;
		border-top: 1px solid #999;
		border-left: 1px solid #999;
		border-right: 1px solid #999;
		border-bottom: 1px solid #999;
		padding: 0;
		}
	#colLeft .newsletter .newsletterSubmit {
		border: none;
		}
	#colLeft .newsletter .setHeight {
		height: 16px;
		padding: 0 0 0 4px;
		}
		
/*-- Col Middle --*/
.readMore a {
	color: #663366;
	margin: 0;
	padding: 0 12px 0 0;
	background: url(graphics/read_more.gif) 100% 5px no-repeat;
	text-decoration: none;
	font-weight: bold;
	}
	.readMore a:hover {
		text-decoration: underline;
		}
		
/* --- Col Right --- */
#colRight .categoriesRight {
	position: relative; /* newnew */
	/*background: url(graphics/bg_col_right_cat.gif) repeat-y;*/
	}
	#ctaLoveIs img { display: block; }

		#colRight .categoriesRightList {
			list-style: none;
			margin: 0;
			padding: 9px 0 4px 0;
			}
		#colRight .categoriesRightList li {
			margin: 0 0 1px 0;
			padding: 0;
			list-style: none;
			background: none;
			width: 180px;
			text-align: center;
			}

#colRight .services {
	background: #ffffff url(graphics/h_services.gif) 10px 10px no-repeat;
	padding-top: 30px;	
	}
#colRight .services ul {
		width: 160px;
		margin: 0;
		padding: 3px 0 10px 10px;
		list-style: none;
		font-size: 10px;
		}
	#colRight .services ul li {
		margin: 2px 0;
		padding: 0;
		background: none;
		}
	#colRight .services ul li a {
		color: #666666;
		font-weight: normal;
		text-decoration: none;
		}
		#colRight .services ul .current a {
			font-weight:bold;
		}
		#colRight .services ul li a:hover {
	text-decoration: underline;
	color: 663366;
			}
.findAStore {
	background: url(graphics/bg_find_a_store.jpg) no-repeat;	
	text-align: center;	
	padding: 48px 5px 0 5px;
	height: 75px;
	}
	.findAStore p {
	color: #000000;
	font-size: 10px;
	line-height: 11px;
	margin-bottom: 10px;
	text-align: center;
		}
		.findAStore img {
			margin-bottom: 16px;
			}
		.findAStore a {
			outline:none;
		}
.giftCard {
	float: none;
	background: #ffffff url(graphics/h_gift_car_balance.gif) 10px 10px no-repeat;
	padding: 30px 0 0 10px;	
	margin: 0;	
	}
.giftCard p { margin-bottom: 2px; margin-left: -1px; font-size: 10px;}
.giftCard img { margin: 0 0 0 -2px; padding: 0 0 6px 0;}
/* --------------------------------------------
|  PAGE SPECIFIC											
--------------------------------------------- */

.homeColmiddle {
	width: 578px !important;
	}
.homeColright {
	width: 187px !important;
	}
.homeColleft {
	width: 187px !important;
	}
.productColmiddle {
	margin-top: 71px;
	
}
.productColmiddleImg {
	width:578px !important;
	margin-right:2px !important;
}
#contactStyle ul {list-style: none; margin: 20px 0; padding: 0; line-height: 12px;}
#contactStyle li {background-image: none; margin: 5px 0;}
#formStyle label { font-weight: bold; display: block; }
#formStyle label span { font-size: 10px; font-weight: normal; } 
#formStyle .submit {
	border: none;
	vertical-align: top;
}
#formStyle input {
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	margin-bottom: 10px;
}

.location {
	float:left;
	width:180px;
	font-size:11px;
	height:75px;
}
.location strong {
	color:#663366;
}

.locationContainer {
	padding-bottom:20px;
}

/* General List */
.genList {
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 0px 0px;
	}
	.genList ul {
		margin: 0px;
		padding: 0px;
		}
		.genList ul li  {
			margin: 0px;
			padding: 0px 0px 7px 10px;
			list-style: none;
			background: url(graphics/bul_brnsquare.gif) no-repeat 0px 7px;
			}	
			.genList ul li ul {
				margin: 10px 0px 0px 10px;
				padding: 0px 0px 0px 0px;
				}
				.genList ul li ul li {
						margin: 0px;
						padding: 0px 0px 7px 10px;
						list-style: none;
						background: url(graphics/bul_grysquare.gif) no-repeat 0px 7px;
						}	

#newsNav {
	margin-bottom:10px;
	clear:both;
	width:100px;
	float:right;
	text-align:right;
	}
	#newsNav .newsBoxNavLink {
		width:40px;
		margin:0;
		padding:0;
	}	
	
#btnFindAStore {
	display:block;
	width:81px;
	height:19px;
	margin:0 auto;
}

#giftsSeason {
	padding: 0 !important;
	margin: 0 0 4px 0;
	height: 160px;
	overflow: hidden;
	position: relative; /* newnew */
	}
	#giftSeason img { display: block; }
	#cta1Flash { /* newnew */
		position: absolute;
		top: 0;
		left: -10px;
		height: 160px;
		width: 187px;
		}
	#cta2Flash { /* newnew */
		position: absolute;
		top: 0;
		left: 0;
		height: 160px;
		width: 187px;
		}		
	
#priNavFlash { /* newnew */
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
	}
#headerStatic { /* newnew */
	z-index: 98;
	}	
