/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body {
	font-family: Tahoma, Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	font-size: 84%;
	line-height: 1; 
	background: #fff; 
	color: #333;
}

a, a:visited, a:hover 	{ text-decoration: none; color: #339a00; }
a:hover 				{ color: #1f5000; text-decoration: underline; }
a:focus 				{ outline: 1px dotted invert; }

hr {
	border: 0 #dcdcdc solid;
	border-bottom-width: 1px;
	clear: both;
	height: 0;
}

/*
@font-face {
  font-family: "Nilland Bold";
  src: url(/fonts/Nilland-Bold.ttf) format("truetype");
}
*/


/* `Headings
----------------------------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #2c2c2c; }

h1 { font-size: 200%; }
h2 { font-size: 160%; font-weight: bold; }
h3 { font-size: 140%; }
h4 { font-size: 120%; }
h5 { font-size: 100%; }
h6 { font-size: 100%; }


/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol 		{ list-style: decimal; }
ul 		{ list-style: disc; }
li 		{ margin-left: 30px; } /* Pushes bullets in to line up with content, disable if you don't want as default */
ol li 	{ margin-bottom: 15px; line-height: 1.2; }

p,
dl,
hr,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 20px;
}

p 			{ line-height: 1.3; font-size: 105%; }
blockquote 	{ color: #666b5c; font-style: italic; }

form 		{  }
form table 	{ width: 100%; display: table; margin-bottom: 0; }
form table th, form table td { 
	width: 30%; 
	padding: 8px 10px; 
	vertical-align: top; 
	/* border-bottom: 1px solid #c6c3af; */
}

#header { background: #fbeece; min-width: 960px; z-index: -100; }



/* `Content
----------------------------------------------------------------------------------------------------*/

#content { margin-top: 20px; padding-bottom: 20px; }


/* main content */

#main_content { width: 100%; }

.shoe_row { border-bottom: 1px solid #000; }

#home .shoe_row { background: none; }

.blue_title {
	padding: 10px;
	border-bottom: 1px solid #000;
}

.shoe_listing {
	float: left;
	display: inline-block;
	width: 150px;
	padding: 12px;
	font-size: 86%;
}

ul.shoe_info { list-style: none; min-height: 60px; }
ul.shoe_info li { margin: 0 0 5px 0; }

ul.shoe_info li.price { 
	color: #b1502d; 
	font-weight: bold; 
	margin-bottom: 3px; 
	line-height: 1; 
	font-size: 125%;
}

ul.shoe_info li.name { line-height: 1.3; }
ul.shoe_info li.name a { font-weight: bold; }
ul.shoe_info li.description {
	color: #555555;
	font-size: 92%;
	line-height: 1.1;
}


/* Shoe details page */

#shoe_marquee {
	float: left;
	width: 500px;
	margin-right: 5px;
}

#shoe_box {
	background: #d5d5d5 url(/images2/layout/shoe_box.gif) left bottom no-repeat;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

#shoe_box .shoe_img {
	border: 2px solid #d5d5d5;
	text-align: center;
	margin: 0 auto;
	
}
p.swatch_name { 
	float: right; 
	font-weight: bold; 
	color: #000;
	display: inline;
	font-size: 88%;
	margin: 20px 10px 0 0;
}

ul.swatches { list-style: none; float: left; margin: 10px 0 0 10px; }
ul.swatches li { display: inline; margin: 0 1px; }
ul.swatches li a img { width: 35px; height: 35px; }


#shoe_details {
	float: right;
	width: 400px;
}

#shoe_details a { font-weight: bold; }

#shoe_details #pricing p { margin: 0; font-weight: bold; }
#shoe_details #pricing p span.online { color: #339a00; float: right; width: 135px; }
#shoe_details #pricing p span.in_store { 
	font-size: 68%; 
	margin: 7px 5px 0 0; 
	float: left; 
	width: 110px; 
}

#shoe_details #promotions {
	padding: 10px; 
	background: #fff url(/images2/layout/gray_dash.gif) top left repeat-x;
}

#shoe_details #features { 
	font-size: 82%; 
	padding: 10px; 
	background: #fff url(/images2/layout/gray_dash.gif) top left repeat-x;
}

form.orderForm 			{ padding: 10px; }
form.orderForm a 		{ font-size: 78%; }

form.orderForm p { margin-bottom: 0; }

form.orderForm .color_size {
	width: 125px;
	float: left;
	margin-right: 7px;
}

form.orderForm .color_size select {
	width: 100%;
	margin-bottom: 3px;
}

form.orderForm input { padding: 0; float: right; }

#promotions p { font-size: 82%; padding-left: 35px; }

p.free_shipping 	{ background: url(/images2/layout/free_shipping.gif) left top no-repeat; padding: 5px 0; }
p.coupon		 	{ background: url(/images2/layout/coupon.gif) left top no-repeat; margin-bottom: 10px; }



#footer #tagline {
	background: #fcefcf url(/images2/layout/footer_tag.gif) left top repeat-x;
	padding: 50px 0;
}

#footer #tagline p { margin-bottom: 3px; font-size: 80%; }

#footer #tagline p.tag {
	width: 253px;
	height: 22px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/images2/layout/tagline.gif) left top no-repeat;
	margin-top: 5px;
}


/* Cart
----------------------------------------------------------------------------------------------------*/

table#cart { }

table#cart tr td { 
	padding: 10px 5px; 
	white-space: nowrap; 
	width: auto !important; 
}

table#cart tr td { 
	background: url(/images2/layout/gray_dash.gif) left bottom repeat-x; 
}

table#cart tr#cart_headings td 	{ font-weight: bold; }
table#cart tr#cart_shipping td, table#cart tr#cart_tax td 	{ background: none; }

table#cart tr#cart_footer td { 
	background: #eee url(/images2/layout/gray_dash.gif) left top repeat-x; 
	font-weight: bold; 
	font-size: 120%;
}

table#cart tr td.price_col,
table#cart tr td.qty_col,
table#cart tr td.price_col { width: 100px !important; }

#cart_actions { float: right; padding-top: 10px; text-align: right;	 }	

#cart_actions a { 
}

form #cart_actions input { padding: 0; margin-left: 2px; }

.cart_check_out strong {
	display: block;
	margin-top: 5px;
}

.check_out_error {
	color: #b4121b;
	font-size: 88%;
}

.add_dash { background: url(/images2/layout/gray_dash.gif) left top repeat-x; }

ul.body { margin-top: 10px; }
ul.body li { margin-bottom: 10px; line-height: 1.2; }

.sitemap ul { list-style: none; margin: 10px 0 20px 10px; font-size: 86%; }
.sitemap ul li { margin-left: 0; padding: 3px; }
.sitemap ul li.offset { background: #f3f2e9; }
.sitemap ul li a {
	padding-left: 10px;
	background: url(/images2/layout/green_arrow.gif) left 5px no-repeat;
}



#supernav, #mainnav, #footer #nav, #filterResults, #sidebar, .display_controls, .print_btn { display: none !important; }

#logo img, #footer_logo img { border: none; }

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */
.clear { clear: both; display: block; }

/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after		{ clear: both; content: '.'; display: block; visibility: hidden; height: 0; }
.clearfix 			{ display: inline-block; }
* html .clearfix 	{ height: 1%; }
.clearfix			{ display: block; }
