body { padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#32467e; }
.main { padding:0; margin:0 auto; width:975px; }
.clear { clear:both; }
/*header*/
.header { padding:20px 0 0 0; margin:0; clear:both; }
.hdr-left { padding:5px 15px 0 15px; margin:0; float:left; width:320px; }
.logo { padding:0; margin:0; width:313px; height:84px; }
.hdr-right { padding:0; margin:0; float:left; width:625px; }
.cart { padding:0; margin:0; text-align:right; height:50px; }
.cart a:link { color:#32467e; text-decoration:none; font-weight:normal; }
.cart a:visited { color:#32467e; text-decoration:none; font-weight:normal; }
.search { padding:0; margin:0; height:50px; text-align:right; }
.search form { padding:0; margin:0; }
.search-box { padding:0; margin:0; width:180px; background-color:#e7e7de; color:#32467e; font-size:14px; }

/*nav*/
.nav-container { 
/*padding:0 0 0 10px;*/
padding:0; margin:0; clear:both; width:975px;  }

.sf-menu {
	padding:0; 
	margin:0 auto; list-style:none; 
	border-bottom:3px solid #3e5c98; }
.sf-menu li {
	/*display:block; 
	float:left;*/ 
	display: inline-block;
	padding:0; 
	/*margin:0; */
	font-size:14px; }
	
.sf-menu a { color:#32467e; text-decoration:none; font-weight:normal; }
.sf-menu a:visited { color:#32467e; text-decoration:none; font-weight:normal; }
.sf-menu a:hover, .sf-menu a:focus, .sf-menu a.mainMenuParentBtnFocused {
	background-color:#666;
	color:#fff;
	text-decoration:none;
}

/* sub menu links on hover or focus */
.sf-menu a.mainMenuParentBtnFocused, .sf-menu li a:hover, .sf-menu li a:focus {
	background-color:#32467e;
	color:#fff;
	text-decoration:none;
}
/*content*/
.content { padding:0; margin:0; clear:both; }
.content-top { padding:0 8px; margin:0; }
.sfnt-image { padding:0 10px 0 0; margin:0; float:left; width:538px; }
.whats-new { padding:0; margin:0; float:left; width:400px; }
.content-mid { padding:5px 6px; margin:0; }
.trends { padding:0; margin:0; float:left; width:316px; }
.runway { padding:0; margin:0; float:left; width:320px; }
.fall-sale { padding:0; margin:0; float:left; width:321px; }
.content-bottom { padding:10px 7px; margin:0; }
.private-label { padding:0; margin:0; width:398px; float:left; }
.promo { padding:0; margin:0; width:398px; float:left; }
.social { padding:40px 10px 0 10px; margin:0; width:139px; float:left; background:url(../images/social.jpg) no-repeat center 10px; height:94px; }
.twitter { padding:0; margin:0; }
.twitter a { text-decoration:none; color:#32467e; }
.facebook { padding:0; margin:10px 0; }
.facebook a { text-decoration:none; color:#32467e; }
.blog { padding:5px 0 10px 0; margin:0; text-align:center; }
/*footer*/
.footer { padding:20px 10px; margin:0; clear:both; background:url(../images/footer-line.jpg) no-repeat top center; text-align:center; }
.footer a { color:#32467e; text-decoration:none; }
#home { padding:0; margin:0; float:left; width:400px; height:360px; }
#lamptons { padding:0; margin:0; float:left; width:538px; height:358px; }
.category-tree { padding:0 10px; margin:0; float:left; width:185px; background:url(../images/categorytree-line.jpg) repeat-y top right; }
.mainscreen { padding:0 10px; margin:0; float:left; width:750px; }
.cat-links { color:#000; font-size:14px; padding:0; margin:0; font-family:helvetica, arial, sans-serif; font-weight:normal; }
.cat-links a { padding:2px; color:#000; text-decoration:none; font-family:helvetica, arial, sans-serif; font-weight:normal; }
.cat-links a:link { color:#000; text-decoration:none; font-family:helvetica, arial, sans-serif; font-weight:normal; }
.cat-links a:visited { color:#000; text-decoration:none; font-family:helvetica, arial, sans-serif; font-weight:normal; }
.cat-links a:hover { color:#fff; background:#000; text-decoration:none; font-family:helvetica, arial, sans-serif; }
h3 { padding:0 0 5px 0; margin:0; font-size:14px; }
/*old site*/
.breadcrumb { padding:5px 0; margin:0; }
.breadcrumb a { font-family:helvetica, arial, sans-serif; text-decoration:none; color:#7282a0; }
.breadcrumb a:hover { text-decoration:underline; }
.product-gray { padding:5px; margin:0; background-color:#f9f9f9; border:1px solid #d9d9d9; color:#000000; }
/*prod-display-new*/
.prod-disp { padding:0; margin:0; }
.prod-display { padding:0; margin:0; }
.prod-img { padding:0; margin:0; width:310px; float:left; }
.prod-image { padding:5px; margin:0; width:302px; height:452px; clear:both; }
.prod-image img { border:1px solid #d9d9d9; }
.thumbs { padding:0 5px 5px 5px; margin:0; width:310px; height:150px; clear:both; }
.thumbs h2 { padding:0 0 5px 0; margin:0; color:#7382A1; font-size:14px; }
.thumb { padding:0 5px 5px 0; margin:0; float:left; width:67px; height:100px; }
.thumb img { border:1px solid #d9d9d9; }
.prod-description { padding:0; margin:0 15px; float:left; width:400px; }
.prod-description form { padding:0; margin:0; }
.name-price h1 { padding:0; margin:0; font-size:14px; font-family:helvetica, arial, sans-serif; }
.designers { padding:0; margin:0; font-size:13px; font-family:helvetica, arial, sans-serif; font-style:italic; font-weight:bold; }
#designers-list { color:#000; font-weight:normal; font-family:helvetica, arial, sans-serif; font-style:normal; font-size:12px; }
#designers-list a { color:#000; text-decoration:none; font-weight:normal; }
#designers-list a:visited { color:#000; text-decoration:none; font-weight:normal; }
#designers-list a:hover { color:#000; text-decoration:underline; font-weight:normal; }
.name-price { padding:10px; margin:5px 0 8px 0; background-color:#f9f9f9; border:1px solid #d9d9d9; height:75px; font-size:13px; font-family:helvetica, arial, sans-serif; }
.prod-desc { padding:0; margin:0; }
.panes { padding:0; margin:0; }
div.panes div {	display:none; padding:10px;	border:1px solid #d9d9d9; background:#f9f9f9; border-top:0;	height:210px; margin:0 0 8px 0; font-size:12px; font-family:helvetica, arial, sans-serif; }
/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #d9d9d9;	
	height:30px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(../tabs/blue.png) no-repeat -420px 0;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 126px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}

.prod-add { padding:10px; margin:10px 0; background-color:#f9f9f9; border:1px solid #d9d9d9; height:70px; clear:both; font-family:helvetica, arial, sans-serif; }
.prod-attrib { padding:10px; margin:10px 0; background-color:#f9f9f9; border:1px solid #d9d9d9; height:70px; clear:both; font-family:helvetica, arial, sans-serif; font-size:13px; }
.prod-quant { padding:0; margin:0; width:140px; float:left; font-family:helvetica, arial, sans-serif; font-size:13px; }
.prod-bag { padding:0; margin:0; width:230px; float:left; font-family:helvetica, arial, sans-serif; font-size:13px; }
h1.suggest { font-size:14px; color:#7382A1; font-style:italic; }
.add-this { padding:0; margin:0; text-align:right; }
a:link { color:#32467e; font-size: 14px; font-weight: bold; }
a:active { color:#32467e; font-size: 14px; font-weight: bold; }
a:visited { color:#32467e; font-size: 14px; font-weight: bold; }
a:hover { color:#32467e; font-size:14px; text-decoration:underline; font-weight:bold; }
/*whats on sale*/
.whats-on-sale-women { padding:0; margin:0; clear:both; }
.whats-on-sale-men { padding:0; margin:0; clear:both; }
.whats-on-sale-header { padding:0; margin:0; height:102px; background:url(../images/whats-on-sale-header.jpg) no-repeat top; clear:both; }
.whats-on-sale-container { padding:10px 0; margin:0; clear:both; }
.sale { padding:0 5px 10px 5px; margin:0; margin:0; float:left; width:237px; height:182px; }
.product-link a { text-decoration:none; color:#32467e; }
.smallText { padding:0; margin:0; border:1px solid #d9d9d9; }
.sneaker-product-link a { text-decoration:none; color:#000; }
.sneaker-club-cont { padding:0; margin:0; color:#000; }
.sneaker-club { color:#fff; background:#000; padding:2px; margin:2px 0; font-weight:bold; }
.cat-prod-img { padding:0; margin:0; border-bottom:1px solid #d9d9d9; }
.breadcrumb-cont { padding:5px 0; margin:0; }
.breadcrumb-nav { color:#000000; font-size:11px; }
.breadcrumb-nav a { color:#000000; text-decoration:none; font-size:11px; }
.prod-container { padding:0 10px 10px 10px; margin:0; width:955px; }
.product-display { padding:0; margin:0; width:795px; float:left; }
.related-products { padding:10px; margin:5px 0; width:123px; float:left; background:#f9f9f9; border:1px solid #d9d9d9; text-align:center; font-size:12px; }
.related-products p { padding:5px 0; margin:0; }
.related-products a { font-size:12px; }
.related-products h1 { padding:0; margin:0; font-size:14px; }
.related-products img { width:80px; }
.related-product-img { padding:0; margin:0; width:110px; background:#ffffff; border:1px solid #d9d9d9; text-align:center; }
#trends { padding:0; margin:0; width:770px; height:518px; }
#rooftop { padding:0; margin:0; width:770px; height:518px; }
#lookbook { padding:0; margin:0; width:770px; height:518px; }


/* tempupdate */
#tempfront {	width: 942px; margin: 0 auto; background-color: white; text-align: left; min-height: 100%; height: auto!important; height: 100%; position: relative;}
#tcolumn1, #tcolumn2, #tcolumn3, #tcolumn4{ float:left;}

#trow1{margin-top:20px; padding:0;}
#trow2{margin-top:20px; padding:0;} 
#trow3{margin-top:20px; padding:0;} 
#trow4{margin-top:20px; padding:0;} 


#tpattern{display:block; width:155px; height:250px; background: url("../images/temphover1.jpg") no-repeat 0 0;}
#tpattern:hover{background-position: 0 -250px;}
#tpattern span{position: absolute; top: -999em;}

#tnautical{display:block; width:155px; height:250px; background: url("../images/temphover2.jpg") no-repeat 0 0;}
#tnautical:hover{background-position:0 -250px;}
#tnautical span{position:absolute; top:-999em;}

#tafterdark{display: block; width: 155px; height: 250px; background: url("../images/temphover3.jpg") no-repeat 0 0;}
#tafterdark:hover{background-position: 0 -250px;}
#tafterdark span{position: absolute; top: -999em;}

#tshimmer{display:block; width: 155px;  height: 250px;  background: url("../images/temphover4.jpg") no-repeat 0 0;}
#tshimmer:hover{background-position: 0 -250px;}
#tshimmer span{position: absolute; top: -999em;}

#tsale{ padding:0; margin-left:20px; float:left; width:300px;}
#tfeature { padding:0; margin:0; float:left; width:942px; }
#tsweaters { padding:0; margin:0; float:left; width:300px; }
#tteetime { padding:0; margin:0 20px; float:left; width:300px; }
#tdresses { padding:0; margin:0; float:left; width:300px; }
#tsunglasses { padding:0; margin:0; float:left; width:300px; }
#tblazers { padding:0; margin:0 20px; float:left; width:300px; }
#tshoes { padding:0; margin:0; float:left; width:300px; }
#tmens { padding-bottom:25px; margin-right:20px; float:left; width:620px; }
#tsneaker { padding-bottom:25px; margin:0; float:left; width:300px; }