/* CSS Document */

/*

Brown: 3d2b11
Burgandy: 7d000b
CREAM: f8eee2
Light Cream: f0ece9

*/
body {
	margin:0; padding:0;
	background: url(../images/wood-background.jpg); 
	height:100%;
	width:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px; line-height:1.4em;
	color:#3d2b11;
	}
	
	img, div { behavior: url(/iepngfix.htc) }
	
	p {line-height:1.4em;}
	
	li {line-height:1.5em;}
	
	h1 {font-size:28px; font-weight:800; color:#000; margin-top:10px; line-height:1.2em; }
	h2 {font-size:18px;color:#7d000b;}
	h3 {font-size:18px; font-weight:200; color:#3d2b11; margin-top:10px;}
	
	a, a:active {text-decoration:underline; color:#3d2b11;}
	a:hover, a:active:hover {text-decoration:underline; color:#000; }
	
	.fixLink a, .fixLink a:active {background:#f8eee2; color:#3d2b11; font-weight:700; text-decoration:none; padding:5px;}
	.fixLink a:hover, a:active:hover { color:#7d000b;}
	
	hr {height:1px; width:100%; border:0;color:#3d2b11; background:#3d2b11; margin:5px 0 !important; margin:-0px 0; padding:0;}
	
	
	.shopdesigner a {
		display:block;
		margin-right:200px;
		background:#000;
		font-weight:800;
		font-size:14px;
		text-align:center;
		padding:5px;
		color:#000;
		width:200px;
		text-decoration:none;
		}
		
		.shopdesigner a:hover {
		background:#F90;
		color:#FFF;
		text-decoration:none;
		}
	
/* ---------------- Page Structure ------------------- */
	#container {
	width:930px;
	margin:10px auto;
	position:relative;
	 }
	
	#content {
	float:left;
	position:relative; 
	width:880px;
	padding:0; margin:0;
	background:#fff;
	border-bottom:6px solid #000;
	 }
	 
	 #logo {position:absolute; left:270px; top:8px; z-index:2;}
	 #logoHome {position:absolute; left:230px; top:10px; z-index:2;}
	
	 
	 #shopBasket {position:absolute; left:790px; top:38px; z-index:3;}
	 #shopBasketHome {position:absolute; left:760px; top:58px; z-index:3;}
	
	.spacer {clear:both;}
	 
	 
	 #realmain {
	 float:left; 
	 width:880px;
	 background: url(../images/top-border.gif) top left no-repeat;
	 }
	 
	 #top {
	 	float:left;
		position:relative;
		width:880px;
	padding:0; margin:0;
	margin-bottom:15px;
	}
	.search {
		float:left;
		margin-top:10px;
		}
	.shoppingBasket {
		float:right;
		width:215px;
		margin-top:10px;
		}
	#header {
			float:left;
			width:880px;
			background:url(../images/header.jpg) repeat-x;
			border-top:6px solid black;
			height:77px;
			}
			#tabs {
				position:absolute;
				width:261px;
				height:103px;
				z-index:4;
				}
				#tabs img { vertical-align:top;}
			
	#leftcol {
		float:left; 
		position:relative;
		z-index:90;
		width:190px;
		margin:30px 15px 8px 10px;
		
		}
		
		#shopMenu {
			float:left;
			width:185px;
			border:1px solid #f0ece9;
			padding:3px;
			}
		
	#rightcol {
		float:left;
		margin:30px 0 0 0;
		width:640px;
		padding-bottom:8px;
		}
	
		#secondaryHeader {
			float:left;
			width:600px;
			height:100px;
			text-align:right;
			}
		#rightContent {
			float:left;
			width:670px;
			}
		.inside {padding:5px; }
		.interiorcontent {float:left; width:640px; margin-left:38px;}
		.interiorcontent .namerow {padding:10px;}
		
		#contentMain {
			float:left;
			width:600px;
			margin-top:0px;
			}
	
 #bottomNav {
	 float:left; 
	 width:880px;
	 text-align:center;
	 padding-bottom:20px;
	 }
	
	#footer {
		float:left; 
		margin-top:6px;
		padding:0px;
		width:880px; 
		background:#f8eee2;
		}
		#footer a, #footer a:active {text-decoration:none;}
		#footer a:hover, #footer a:active:hover {text-decoration:none;}
	
	#copyright {width:860px; float:left; text-align:left; color:#FFF;margin-top:7px;}
	
	
	#poweredby {width:880px; float:left; text-align:right; color:#f9ecce; font-size:80%; margin-bottom:10px;}
	#poweredby a, #poweredby a:active {text-decoration:none; color:#f9ecce;}
	#poweredby a:hover, #poweredby a:active:hover {text-decoration:none; color:#000;}
	
/* ---------------- Home/Decision Page ------------------- */
	
#homeContent {
	float:left;
	position:relative; 
	width:880px;
	padding:0; margin:30px 0 0 0;
	background:#fff;
	border-bottom:6px solid #000;
	 }
#homeBackground {
	float:left;
	border-top:6px solid black;
	width:880px; height:416px;
	background:url(../images/Stouts-Store-Background.jpg) no-repeat;
	}
	#homeTabs {
		float:left;
		width:567px;
		height:256px;
		margin:85px 0 0 160px;
		}
		
/* ---------------- New Balance Page ------------------- */

#divisionOf {position:absolute; left:360px; top:10px; z-index:3;}

 #logoNB {position:absolute; left:125px; top:10px; z-index:2;}
 	
#NBContent {
	float:left;
	position:relative; 
	width:880px;
	padding:0; margin:30px 0 0 0;
	background:#fff;
	border-bottom:6px solid #000;
	 }
#NBBackground {
	float:left;
	border-top:6px solid black;
	width:880px; height:513px;
	background:url(../images/newbalance/NB-Main-Image.jpg) no-repeat;
	}
	#NBTabs {
		float:left;
		width:307px;
		height:256px;
		margin:185px 0 0 100px;
		}
	
/* ---------------- Side Navigation ------------------- */
	
	#navscroll {width:160px; margin:5px 12px; height:350px; overflow:auto; font-size:12px;}
	#navscroll div {margin:5px 0; text-decoration:none;}
	#navscroll a:link, #navscroll a, #navscroll a:hover, #navscroll a:visited, #navscroll a:visited: hover {text-decoration:none; margin:5px 0;}
	
	
	#search {
		float:left;
		width:170px;
		height:36px;
		background:#FFF url("../images/sidebar/searchback.gif") no-repeat;
		}
		.searchinside {
			padding:8px 0px 0px 8px;
			}
			
	.sidebarAddress {
		float:left;
		margin:10px 0 0 11px;
		width:220px;
		}



/* ---------------- Section Pages ------------------- */

	#section {
	float:left;
	width:670px;
	
	
	}
	#centerLeftCol {
	float:left;
	width:450px;
	margin-top:1px;
	}
	
	#centerLeftCol p {color:#999; font-size:14px; line-height:1.5em; padding:0px 20px;}
	
	#centerRightCol {
	float:left;
	width:246px;
	text-align:center;
	}

/* ---------------- Designer page navigation ------------------- */	

#designContentnav ul
{
margin-left: .5em;
padding-left: 0;
list-style-type: none;
}
#designContentnav a, #designContentnav a:link, #designContentnav a:visited
{
display: block;
padding: 3px 0px;
width: 150px;
color:#3d2b11;
text-decoration:none;
border-bottom: 1px solid #f0ece9;
font-weight:700;
}
#designContentnav a:hover, #designContentnav a:visited:hover {
text-decoration:none;
color:#000;
}
	
/* ---------------- Form buttons ------------------- */
input.ftext {background-color:#FFF; border: 1px solid #3d2b11; color:#3d2b11;}
input.button {background-color:#3d2b11; color:#FFF; border:0;cursor:pointer; }


/* ---------------- Shopping specific styles ------------------- */

.prodtable {margin:10px 0;}


.namerow, .smallprice {font-size:12px; line-height:16px; text-align:center;}

.namerow a, .namerow a:active {text-decoration:underline; color:#3d2b11;}
.namerow a:hover, .namerow a:active:hover {text-decoration:underline; color:#543018;}

 .detaillink a, .detaillink a:active {text-decoration:none; color:#3d2b11;}
 .detaillink a:hover, .detaillink a:active:hover {text-decoration:none; color:#543018;}
	
.pictrow {text-align:center;}

.deptlist {font-size:10px; line-height:16px;}

.pagecount {font-size:12px; padding-top:10px; margin-bottom:10px; padding-left:0px; }
.prodname {font-size:24px; line-height:1.3em; font-weight:200; margin:0;}
.shortdesc, .smallcatname, .longdesc, .crosslink {font-size:12px;margin-bottom:8px;}
.smallcatname {font-weight:800; color:#543018;}
.specinst {font-size:12px; line-height:16px; color:#543018; font-style:italic; margin-bottom:10px;}
.price {font-size:14px; margin-bottom:0px; font-weight:600;}

.pictrow img {margin-bottom:10px; }
.detaillink a, .detaillink a:visited {text-decoration:0; border:0;}
.detaillink img {border:0; padding:0;}

.alsorec {float:left; clear:both; width:630px;}
.seealso {font-size:12px; font-weight:800; }


	
div.float {float:left; margin:5px 15px 5px 0px;overflow:visible;}
div.item {float:left; margin:5px 15px 5px 0px;width:130px;}




/* ---------------- shopping bag styles ------------------- */
.shoppingbag {
width:640px;
}


/* heading styles */
.sbhead {
	background-color:#3d2b11;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
	font-weight:700;
}
.sbhead  p, .sbsubtotal p {
	margin-top: 0;
	margin-bottom: 0;
	margin-left:5px;
	margin-right:5px;
}
.sbqtyhead, .sblistpricehead, .sbtotalpricehead {
	text-align:right;
	font-weight:700;
}
/* item row styles  */
.sbitem {
	background-color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#000;
}
.sbitem p {	
	margin-left:5px;
	margin-right:5px;
}
.sbimage {
	width:110px;
	text-align:center;
}
.sbitemname {
	width:320px;
}
.itemremove {
	text-align:left;
}
.sbqty {
	width:50px;
	text-align:right;
}
.sblistprice {
	width:100px;
	text-align:right;
}
.sbtotalprice {
	width:100px;
	text-align:right;
}
/* summary lines */

.sbsubtotal {
	background-color:#3d2b11;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size: 13px;
	font-weight:700;
}
.sbsubtotal p {
	margin-left:5px;
	margin-right:5px;
}
.sbline { margin-bottom:10px;
}
/*   Content from old site */

.locations div.location { clear: both; float: left; width: 100%; margin-bottom: 18px; }

	.locations div.location img { float: left; border: 1px solid #e3e3e3; }

	.locations div.location div { float: right; width: 380px;  }

	.locations div.location div h2 { margin-bottom: 0; padding: 0; }

	.locations div.location p.address { font-size: 16px; margin-bottom: 12px; }

	.locations div.location p.hours { color: #979797; font-size: 12px; }

	.locations div.location p.hours strong { color: #000000; font-weight: normal; }
	
	
	.brandslist ul { list-style: none; margin: 0; padding: 0; }

	.brandslist li { float: left; margin: 0 8px 8px 0; padding: 0; }

	.brandslist li.row { margin: 0 8px 0 0; }

	.brandslist li a { border: 1px solid #e4e4e4; overflow: hidden; text-indent: -999em; display: block; width: 149px; height: 71px; background-position: top left; background-repeat: no-repeat; }

	.brandslist li a:hover { border: 1px solid #afafaf; background-position: 0px -71px; }


	



	.brands .col1 { width: 470px; float: right; }

	.brands .col2 { float: left; width: 150px; }

	.brands .col2 div { margin: 18px 0 0 0; width: 149px; height: 71px; background-position: 0px -71px; background-repeat: no-repeat; }

	.brands .title h1 { float: left; width: 415px; }

	.brands .title { float: left; width: 100%; }

	.brands .brandurl { font-style: italic; }

	.brands form { text-align: right; margin: 0; padding: 0; }

	.brands select { font-size: 14px; font-style: italic; }

	.brands .shoecol { float: left; width: 100%; }

	.brands .shoecol div { float: left; line-height: 19px; width: 188px; margin-right: 22px; }

	.brands .shoecol div strong { color: #bc0000;  font-style: italic; font-weight: normal; }

	.brands .shoecol div img { border: 1px solid #e4e4e4; margin-bottom: 8px; }

	.brands .shoecol div.last { margin: 0; }
	
	.alden { background-image: url("/images/brands/alden.gif"); }

	.ara { background-image: url("/images/brands/ara.gif"); }

	.aravon { background-image: url("/images/brands/aravon.gif"); }

	.beautifeel { background-image: url("/images/brands/beautifeel.gif"); }

	.birkenstock { background-image: url("/images/brands/birkenstock.gif"); }

	.born { background-image: url("/images/brands/born.gif"); }

	.bostonian { background-image: url("/images/brands/bostonian.gif"); }

	.brooks { background-image: url("/images/brands/brooks.gif"); }

	.clarks { background-image: url("/images/brands/clarks.gif"); }

	.crocs { background-image: url("/images/brands/crocs.gif"); }

	.danielgreen { background-image: url("/images/brands/danielgreen.gif"); }

	.dansko { background-image: url("/images/brands/dansko.gif"); }

	.dunham { background-image: url("/images/brands/dunham.gif"); }

	.earth { background-image: url("/images/brands/earth.gif"); }

	.ecco { background-image: url("/images/brands/ecco1.gif"); }

	.florsheim { background-image: url("/images/brands/florsheim.gif"); }

	.heelys { background-image: url("/images/brands/heelys.gif"); }

	.hellecomfort { background-image: url("/images/brands/hellecomfort.gif"); }

	.indigo { background-image: url("/images/brands/indigo.gif"); }

	.j41 { background-image: url("/images/brands/j-41.gif"); }

	.jandm { background-image: url("/images/brands/jandm.gif"); }

	.jibbitz { background-image: url("/images/brands/jibbitz.gif"); }

	.josefseibel { background-image: url("/images/brands/josefseibel.gif"); }

	.jumpingjacks { background-image: url("/images/brands/jumpingjacks.gif"); }

	.keds { background-image: url("/images/brands/keds.gif"); }

	.keen { background-image: url("/images/brands/keen.gif"); }

	.lifestride { background-image: url("/images/brands/lifestride.gif"); }

	.mbt { background-image: url("/images/brands/mbt.gif"); }

	.mephisto { background-image: url("/images/brands/mephisto.gif"); }

	.merrell { background-image: url("/images/brands/merrell.gif"); }

	.munro { background-image: url("/images/brands/munro.gif"); }

	.naot { background-image: url("/images/brands/naot.gif"); }

	.neilm { background-image: url("/images/brands/neilm.gif"); }

	.newbalance { background-image: url("/images/brands/newbalance.gif"); }

	.nike { background-image: url("/images/brands/nike.gif"); }

	.nunnbush { background-image: url("/images/brands/nunnbush.gif"); }

	.patagonia { background-image: url("/images/brands/patagonia.gif"); }

	.pikolinos { background-image: url("/images/brands/pikolinos.gif"); }

	.privo { background-image: url("/images/brands/privo.gif"); }

	.puma { background-image: url("/images/brands/puma.gif"); }

	.rockport { background-image: url("/images/brands/rockport.gif"); }

	.romika { background-image: url("/images/brands/romika.gif"); }

	.sas { background-image: url("/images/brands/sas.gif"); }

	.sebago { background-image: url("/images/brands/sebago.gif"); }

	.simple { background-image: url("/images/brands/simple.gif"); }

	.smartwool { background-image: url("/images/brands/smartwool.gif"); }

	.sofft { background-image: url("/images/brands/sofft.gif"); }

	.softspots { background-image: url("/images/brands/softspots.gif"); }

	.spenco { background-image: url("/images/brands/spenco.gif"); }

	.tsubo { background-image: url("/images/brands/tsubo.gif"); }

	.ugg { background-image: url("/images/brands/ugg.gif"); }

	.unstructured { background-image: url("/images/brands/unstructured.gif"); }

	.wolverine { background-image: url("/images/brands/wolverine.gif"); }