/*RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 13px;
    font-family: arial,helvetica,clean,sans-serif;
    /*vertical-align: baseline;*/
}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: #333333; background: white;}
ol, ul {list-style: none;}    
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, td {text-align: left; font-weight: normal;}
th{font-weight:bold; text-align:left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
.disc{list-style-type:disc;}

/*UTILITY*/
.clearfix:after {content: "."; display: block; height:0; clear: both; visibility: hidden; line-height:0;}
/*wraped clears - add items to auto clear*/
#header:after, #cart:after, #headerNav:after, .hNav:after, #mainNav:after, #pageMiddle:after, .columnGroup:after, .subColumnGroup:after,#footer:after, #footerA:after,#footerB:after, .crossSell:after,#mainContent:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix,.wrap {display: block;}
.noBackground {background: none !important;} 
.imageLeft{display:block; float:left; margin: 0 10px 0 0;}
.imageRight{display:block; float:right; margin:0 0 0 10px;}
.last{border-right:none !important;}
.noBorder{border:none !important;}
.dropdown{display:none;}
.alignRight{text-align:right;}
.alignLeft{text-align:left;}
.alignCenter{text-align:center;}
.bold, b, strong{font-weight:bold;}

/*NAVIGATION*/
.hNav{ display:block; margin:0;}
    .hNav li{float:left;}
    .hNav li a{display:block; color:#000;text-decoration:none; }
	.hNav li a:hover { color:#666;text-decoration:underline; }
	/* LOGOUT BUTTON */
	.hNav li#ctl00__Header__div_logout a { display:block;color:#000; }
	.hNav li#ctl00__Header__div_logout a:hover { color:#666;text-decoration:underline; }
	.hNav li.emailSignUpButton { margin-left:10px; }
		/* for IE6 */
		*html .hNav li.emailSignUpButton { margin-left:5px; }
    


/*MAIN LAYOUT - GENERAL CONTAINERS AND COLUMNS*/
.columnA, .columnB, .columnC, .subColumnA, .subColumnB{float:right;}
.first, .second{float:left;}
#mainContent, #mainNav{width:950px; margin:0 auto;}
#headerNav li, #productActions li, .tabs li, #footerNav li, #breadcrumb li{padding: 0 5px 0 0;}


body{
    background:url(/images/spencers/bgPattern.jpg) repeat top left;
}
#topGradient{
    background:url(/images/spencers/topGradient.jpg) repeat-x top left;
    width:100%;
    height:100%;
}
a{
    color:#000;
    text-decoration:none;
}

#altSitesContainer{
    width:100%;
    background:url(/images/spencers/otherSitesBG.gif) repeat-x top left;
    height:30px;
}
#altSites{
    width:960px;
    margin:0 auto;
    height:30px;
}
#altSites ul{
    float:right;
    margin-top:2px;
}

#altSites ul li{
    margin-right:10px;
}

#altSites ul li.last{
    margin-right:0;
}

#altSites ul li.txt{
    padding:10px 10px 5px 0;
    font-weight:bold;
    color:#999;
    font-style:italic;
}
#header{
    width:960px;
    height:104px;
    margin:0 auto;
    position:relative;
    text-align:left;
}
#headerSearch{
    position:absolute;
    right:0;
    top:20px;
    height:30px;
    width:345px;
    }    
#headerSearch input.long{
    width:250px;
}
#headerNav {
    width:405px;
	position:absolute;
    bottom:7px;
    right:0;
}
#headerNav .mcafeeContainer { float:right;width:65px;margin:0;padding:18px 6px 0 0;text-align:right;vertical-align:bottom; }
#headerNav .utilityNavContainer { float:right;width:315px;margin:0;padding:9px 18px 0 0;text-align:right;vertical-align:bottom; }
#headerNav .utilityNavContainer ul { float:right;text-align:right; line-height:1.5; }
#headerNav .utilityNavContainer ul li { float:right;text-align:right; }
#headerNav .utilityNavContainer UL li.topPadding {
    padding-top:12px;
}
#headerNav .utilityNavContainer UL li.cart {
    float:right;
	padding-top:4px;
	
}
#headerNav .utilityNavContainer UL li.cart A IMG { margin-bottom:-3px; }
.hNav li a.cart{
    color:#b10202;
}
#logo{
    position:absolute;
    z-index:10;
    width:280px;
    width:131px;
}
#topNav{
    background-color:#000;
    width:960px;
    margin:0 auto;
    color:#fff;
}
#topNav a{
    font-weight:bold;
    color:#fff;
    font-size:14px;
    display:block;
    padding:7px 2px 7px 2px;    
    text-align:center;
	text-decoration:none;
}
#topNav li.spacer{
}
#topNav a#new{
    width:99px;
    }
#topNav a#girls{
    width:53px;
}
#topNav a#guys{
    width:56px;
}
#topNav a#luv{
    width:86px;
}
#topNav a#music{
    width:62px;
}
#topNav a#decor{
    width:62px;
}
#topNav a#fun{
    width:116px;
}
#topNav a#jewelry{
    width:75px;
}
#topNav a#sale{
    width:58px;
}
#topNav a:hover{
    /*background:#d5d5d5 url(/images/spencers/rolloverBG.jpg) repeat-x top left;*/
}

#content{
    width:960px;
    margin:0 auto;
    position:relative;
}
#dropDown{
    position:absolute;
    top:0;
    left:100px;
    width:450px;
    height:175px;
    background:url(/images/spencers/dropDownBG.jpg) repeat-x top left;
}
#dropDown dl{
    float:left;
    padding:10px 20px 0;
}
#dropDown dl dt{
    font-weight:bold;
    font-size:13px;
    padding-bottom:5px;
}
#dropDown dl dd{
    line-height:14px;
}
#middleContent{
    background:#fff url(/images/spencers/spencersGhost.jpg) no-repeat 0 -120px;
    width:960px;
    padding:20px 0 0;
    float:left;
}
#middleContent .columnA{
    padding-left:25px;
    max-width:301px;
}
#middleContent .columnB{
    padding:0 28px;
    max-width:332px;
}
#middleContent .columnC{
    padding-right:30px;
    max-width:306px;
}
#middleContent .columnA span.title, #middleContent .columnB span.title, #middleContent .columnC span.title{
    color:#ba0202;
    font-weight:bold;
    font-size:22px;
}
#bottomList{
    margin-top:20px;
    float:left;
    width:960px;
}
#bottomList ul{
    float:left;
    border-right:solid 1px #000;
    margin-right:4px;
}
#bottomList ul.first{
    margin-left:9px;
}
	/* for IE6 */
	*html #bottomList ul.first{
		margin-left:4px;
	}
#bottomList ul li{
    width:165px;line-height:16px;padding:1px 60px 0 6px;font-size:93%;
}
#bottomList ul li.title{
    display:block;
    width:231px;
    height:28px;
	padding:0;
    background-color:#000;
    color:#fff;
    font-size:20px;
    line-height:42px;
    font-weight:bold;
    text-transform:uppercase;
	text-decoration:none;
}
#bottomList ul li.firstLink {
    width:165px;line-height:16px;padding:9px 60px 0 6px;font-size:93%;
}
#bottomList ul li A, #bottomList ul li A:link, #bottomList ul li A:visited {
    text-decoration:none;font-size:100%;
}
#bottomList ul li A:hover {
    text-decoration:underline;color:#666;
}
#seo{
    margin:20px 0;
    float:left;
}
#seo p{
    color:#666;
    font-size:12px;
    margin:0 30px 17px;
}
#footer{
    width:960px;
    background-color:#000;
    height:100px;
    margin:0 auto;
    color:#fff;
    font-size:11px;
    font-weight:bold;
}
#footer .columnA{
    width:530px;
    line-height:20px;
    padding:18px 0 0 20px;
}
#footer .columnA a, #footer .columnA li{
    color:#fff;
    font-size:11px;
    font-weight:normal !important;
}
#footer #footerBox .columnB{
    width:340px;
    height:86px;
    background:url(/images/spencers/footerSignup.jpg) no-repeat top left;
    margin:7px 16px 0 0;
}
#footer .columnB p.email{
    font-size:15px;
    color:#bf1e2e;
    margin:10px 0 0 100px;
}
#footer .columnB p.gray{
    color:#333;
    font-size:11px;
    margin:5px 0 0 100px;
    font-weight:normal;
}
#footer .columnB #field{
    padding:5px 0 0 100px;
}
#subFooter{
    width:960px;
    margin:10px auto;
}
p.copy{color:#fff;}
#subFooter li{
    padding:0 5px;
}
.vOrderHistoryOrderDetailContainer{
	padding-top:15px;
	padding-bottom:15px;
	float:left;
	margin-bottom:90px;
}
.vOrderHistoryOrderDetailInfoContainer{
    float:left; 
    width:700px; 
}
.vOrderHistoryOrderDetailShipmentContainer{
    float:left;
    width:700px;  
}
.vOrderHistoryOrderDetailTotalsTable data{
	pdding-bottom:15px;
}
.numstat{
    padding:5px 0px 5px 0px; 
}
.fv{
    padding:5px 0px 5px 0px; 
}
.vCheckoutReviewOrderBillingInfoContainer{
    padding:5px 0px 5px 0px;
    float:left;
    width:700px;  
}
.vCheckoutReviewOrderPaymentInfoContainer{
    float:left; 
    width:700px; 
}
.dataHeaderFirst{
    width:50px;
    padding:0px 5px 5px 0px;  
}
.dataHeaderSecond{
    width:105px;
    padding:0px 5px 5px 0px; 
}
.dataHeaderOptions{
    width:50px; 
    padding:0px 10px 5px 0px;
    
}
.money{
    width:80px;
    padding:0px 10px 5px 0px;
    text-align:center;
}
.numeric{
    width:50px;
    padding:0px 10px 5px 0px; 
    text-align:center;  
}
.dataHeaderLast_money{
    width:50px;
    padding:0px 5px 5px 0px;
    text-align:center; 
}
.vOrderHistoryOrderDetailTotalsTable_data{
    padding:10px;
    float:left;
    width:700px;   
}
.vOrderHistoryOrderDetailShippingToContainer{
    width:677px;    
}
.vCheckoutReviewOrderShippingMethodContainer{
    width:677px; 
}
.tot{
    color:#4C4B4B;
    padding-bottom:5px;
    width:70px;
}
.totman{
    color:#A30429; 
}
.totmanmain{
    color:#A30429;
    font-weight:bold; 
}

.columnA .homepageSlideshowControls { clear:both;margin:0;padding:0; }
	.columnA .homepageSlideshowControls A { clear:both;margin:0;padding:0; }
		.columnA .homepageSlideshowControls A IMG { margin:0 -5px 0 0;padding:0; }
		
table.vCartCartDetailTable .money .productPrice { font-size:14px; }
.vProductsThumbnailsProductTagContainer{
    color:#046cae;
    font-weight:bold;  
}

.SpencersStock{
background-color:#DDDDDD;
border:1px solid #CCCCCC;
color:#000000;
font-weight:bold;
padding:3px;
text-align:center;
}

/*Modal Popup PlaceOrder*/
.modalBackgroundPlaceOrder {
	background-color:#FFF;
	filter:alpha(opacity=60);
	opacity:0.6;
}

.modalPopupPlaceOrder {
	background-color:#eeeeee;
	filter:alpha(opacity=10);
	opacity:0.9;
	width:680px;
	height:290px;
	text-align:center;
	border: solid 1px black;
}