/* 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; */
}

form input, 
form textarea 	{ 
	padding: 2px 5px; 
	color: #666b5c; 
	font-family: Helvetica, Arial, sans-serif; 
	font-size: 11px; 
}

form #submit 			{ cursor: pointer; }
form table td 			{ }
form table tr.last th, 
form table tr.last td 	{ border: none; padding-bottom: 0; }
form table label 		{ line-height: 1.2; }
form table small 		{ font-weight: normal; font-size: 11px; display: block; font-style: italic; }
form table .required 	{ font-size: 12px; color: #e74b59; }
button 					{ background: none; border: none; margin: 0; padding: 0; display: inline; }
form fieldset 			{ border: 1px solid #dcdcdc; padding: 10px; display: block; height: 1%; margin-bottom: 0; }
form fieldset legend 	{ font-size: 88%; color: #000; padding: 0 10px; }




#header { background: #fbeece; min-width: 960px; z-index: -100; }

#header .logo {
	z-index: 10 !important;
}

#header #logo { 
	position: absolute; 
	top: 8px; 
	left: 0; 
	height: 69px;
}

#header #supernav { 
	background: url(/images2/layout/nav_top.png) left bottom repeat-x; 
	text-align: right; 
	padding-bottom: 10px;
}

#header #supernav p.phone { 
	float: right; 
	font-size: 130%;
	color: #555555;
	margin: 5px 15px 5px 0; 
	font-weight: bold;
}

#header #supernav ul, #header #mainnav ul { list-style: none; float: right; }
#header #supernav ul li, #header #mainnav ul li { display: inline; margin: 0; }

#header #supernav ul {
	background: url(/images2/layout/supernav_separator.png) left 4px no-repeat;
	padding: 0 15px;
	margin: 12px 0;
	font-size: 84%;
}

p.shopping_bag {
	padding: 5px 0 5px 35px;
	background: url(/images2/layout/shopping_bag.png) left top no-repeat;
	float: right;
	font-size: 84%;
	font-weight: bold;
	margin: 5px 0;
}

p.shopping_bag span { display: none; }

#header #supernav ul li { margin: 0 10px; }
#header #supernav a {
	color: #6f3720;
	text-transform: lowercase;
	font-weight: bold;
}

#header #mainnav { 
	background: url(/images2/layout/nav_bottom.png) left bottom repeat-x; 
	padding: 5px 0 23px 0;
	z-index: 5 !important;
	position: relative;
}

#header #mainnav form { float: right; margin-top: 3px; }
#header #mainnav form input { float: left; padding: 1px; text-transform: lowercase; }
#header #mainnav form input#search { margin: 2px 5px 0 0; width: 150px; }
#header #mainnav form input#search_btn { padding: 0; }


#header #mainnav ul { margin: 0 15px 0 0; position: relative; }
#header #mainnav ul li { position: relative; float: left; }
#header #mainnav ul li a,
#header #mainnav ul li a:visited,
#header #mainnav ul li a:hover {
	float: left;
	display: inline-block;
	margin: 0 10px;
}

#header #mainnav ul li a span,
#header #mainnav ul li a:visited span,
#header #mainnav ul li a:hover span {
	display: block;
	padding: 8px 0 8px 10px;
	margin-right: 10px;
	text-transform: lowercase;
	font-size: 14px;
	font-weight: bold;
	color: #009b67;
	line-height: 1;
}

#header #mainnav ul li a:hover,
#header #mainnav ul li.current a, 
#header #mainnav ul li.current a:visited,
#header #mainnav ul li.current a:hover {
	background: url(/images2/buttons/mainnav_btn_cap.gif) right center no-repeat;
	text-decoration: none;
}

#header #mainnav ul li a:hover span,
#header #mainnav ul li.current a span, 
#header #mainnav ul li.current a:visited span, 
#header #mainnav ul li.current a:hover span,
#header #mainnav ul li.active a span  {
	background: url(/images2/buttons/mainnav_btn.gif) left center no-repeat;
	color: #fff;
}

#header #mainnav ul li.brands a, 
#header #mainnav ul li.brands a:visited, 
#header #mainnav ul li.brands a:hover,
#header #mainnav ul li.lifestyle a, 
#header #mainnav ul li.lifestyle a:visited, 
#header #mainnav ul li.lifestyle a:hover {
	background: url(/images2/layout/mainnav_drop.gif) right top no-repeat;
}

#header #mainnav ul li.brands a span, 
#header #mainnav ul li.brands a:visited span, 
#header #mainnav ul li.brands a:hover span, 
#header #mainnav ul li.lifestyle a span,
#header #mainnav ul li.lifestyle a:visited span,
#header #mainnav ul li.lifestyle a:hover span {
	margin-right: 17px;
	padding-right: 3px;
}

#header #mainnav ul li.active a span, 
#header #mainnav ul li.active a:visited span,
#header #mainnav ul li.active a:hover span {
	color: #fff;
}

#header #mainnav ul li.brands a:hover,
#header #mainnav ul li.lifestyle a:hover,
#header #mainnav ul li.active a,
#header #mainnav ul li.active a:hover,
#header #mainnav ul li.active a:visited {
	background-position: right bottom;
}

#header #mainnav ul li ul.subsections {
	position: absolute;
	z-index: 100;
	display: none;
	background: #fff;
	top: 26px;
	left: 10px;
	padding: 10px;
	font-size: 86%;
	border: 1px solid #009b67;
	-moz-border-radius: 0 5px 5px;
	width: 200px;
}

#header #mainnav ul li.brands ul.subsections {
	width: 660px;
	left: -330px;
}

#header #mainnav ul li ul.subsections  li { 
	margin-left: 0; 
	padding: 0;
	display: block; 
	float: none; 
	
}

#header #mainnav ul li ul.subsections li ul { float: left; width: 150px; }
#header #mainnav ul li ul.subsections li.offset { background: #f3f2e9; }
#header #mainnav ul li ul.subsections li a,
#header #mainnav ul li ul.subsections li a:visited,
#header #mainnav ul li ul.subsections li a:hover {
	padding: 4px 10px;
	background: url(/images2/layout/green_arrow.gif) left 7px no-repeat;
	float: none; 
	display: block;
	border-bottom: 1px solid #eee; 
	margin: 0;
}

#header #mainnav ul li ul.subsections li a:hover { background-color: #f3f2e9; }


/* main graphic */
#header #headline {
	background: #626262 url(/images2/layout/header_tile.jpg) center top repeat-x;
	color: #fff;
	margin-top: -11px;
	z-index: 1;
	position: relative;
}

#header #headline .wrapper {
	background: url(/images2/layout/header_img2.jpg) center top no-repeat;
}

#header #headline .container_16 {
	padding: 310px 0 10px 0;
}

#headline h1 { 
	color: #fff;
}


/* `Content
----------------------------------------------------------------------------------------------------*/

#content { margin-top: 20px; padding-bottom: 20px; }


/* main content */

#main_content { width: 710px; }

.shoe_row {
	padding-bottom: 2px;
	background: #fff url(/images2/layout/gray_dash.gif) bottom left repeat-x;
}

#home .shoe_row { background: none; }

.blue_title {
	padding: 10px;
	color: #636363;
	background: #e4f2fc url(/images2/layout/gray_dash.gif) bottom left repeat-x;
	font-size: 130%;
	clear: both;
}

.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;
}

.display_controls { margin: 5px 0; }

.show_amount, .pagination {
	float: left;
	font-size: 88%;
	font-weight: bold;
}

.show_amount p, .show_amount ul { float: left; margin: 0 5px 0 0; line-height: 1; }
.show_amount ul { list-style: none; margin: 1px 0 0 0; }
.show_amount ul li { display: inline; margin: 0 2px; }

.display_controls ul li.active a,
.display_controls ul li.active a:visited,
.display_controls ul li.active a:hover { color: #b1502d; }

.pagination { float: right; width: 500px; }
.pagination ul { 
	list-style: none; 
	display: inline; 
	line-height: 1; 
	margin: 1px 3px 0 3px; 
	float: right;
}

.pagination ul li { 
	display: inline; 
	margin: 1px 2px; 
	vertical-align: top;
}

a.back_btn, a.back_btn:visited, a.back_btn:hover,
a.forward_btn, a.forward_btn:visited, a.forward_btn:hover {
	display: inline;
	width: 15px;
	height: 15px;
	text-indent: -99999px;
	overflow: hidden;
	background: url(/images2/buttons/back_btn.gif) left center no-repeat;
	float: right;
}

a.forward_btn, 
a.forward_btn:visited, 
a.forward_btn:hover { background: url(/images2/buttons/next_btn.gif) left center no-repeat; }

a.back_btn:hover, a.forward_btn:hover { background-position: left bottom; }
 
.pagination a.inactive { background-position: left top; cursor: default; }



/* Shoe details page */

#shoe_marquee {
	float: left;
	width: 420px;
	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: 280px;
}

#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; }



/* Sidebar */

#sidebar 				{ width: 210px; }
.callout_box 			{ padding-top: 10px; padding-bottom: 5px; margin-bottom: 10px; }
.callout_box .wrapper	{ padding: 10px 15px; }
.callout_box p 			{ margin-bottom: 5px; font-size: 88%; line-height: 1.2; }
.callout_box p.emphasis { font-size: 140%; text-transform: uppercase; font-weight: bold; }
.callout_box a 			{ font-weight: bold; }

.red_box			 	{ background: #b1502d url(/images2/layout/red_dash.gif) left 6px repeat-x; color: #fff; }
.red_box .wrapper 		{ background: url(/images2/layout/red_dash.gif) left bottom repeat-x; }

.yellow_box 			{ background: #F6DCA5 url(/images2/layout/yellow_dash.gif) left 6px repeat-x; color: #6f3720; }
.yellow_box .wrapper 	{ background: url(/images2/layout/yellow_dash.gif) left bottom repeat-x; }


.brands_list { margin: 20px 0; }
.brands_list h3 { font-size: 100%; font-weight: bold; color: #636363;margin-bottom: 10px; }
.brands_list ul { list-style: none; margin: 0 0 0 0; font-size: 86%; }
.brands_list ul li { margin-left: 0; padding: 3px; }
.brands_list ul li.offset { background: #f3f2e9; }
.brands_list ul li a {
	padding-left: 10px;
	background: url(/images2/layout/green_arrow.gif) left 5px no-repeat;
}
.sidebar-brand-list
{
float:left;
}




/* cart stuff */

.cart_errors {
	background: #f66e8c;
	border: 1px solid #cd1f46;
	margin-bottom: 20px;
	padding: 5px 0;
	font-weight: bold;
}

.cart_errors ul { list-style: none; margin-bottom: 0; }
.cart_errors ul li { display: inline; margin: 0 !important; padding: 10px; }

/* `Footer
----------------------------------------------------------------------------------------------------*/

#footer #nav {
	background: #c9e9fa url(/images2/layout/footer.gif) left top repeat-x;
	padding: 30px 0 30px 0; 
}

#footer #nav a { color: #0184b1; }

#footer #nav #footer_links {
	width: 710px;
	margin-top: 20px;
	padding-top: 20px;
	background: url(/images2/layout/blue_dash.gif) left top repeat-x;
	font-size: 90%;
}

#newsletter {
	padding: 2px 0 0 60px;
	width: 240px;
	background: url(/images2/layout/newsletter.gif) left top no-repeat;
}

#newsletter h3 { font-size: 120%; margin-bottom: 3px; }

#newsletter form input { float: left; padding: 0; }
#newsletter form .signup_email { 
	margin:2px 5px 0 0; 
	width:140px; 
	padding:1px;
	text-transform:lowercase;
}

#facebook a, #twitter a {
	padding: 10px 0 10px 50px;
	background: url(/images2/buttons/facebook.gif) left top no-repeat;
	font-weight: bold;
	display: block;
}

#twitter a { background: url(/images2/buttons/twitter.gif) left top no-repeat; }

#footer #nav #footer_links ul { 
	list-style: none; 
	margin-bottom: 10px; 
	font-weight: bold; 
	font-size: 84%;
}

#footer #nav #footer_links ul li 		{ display: inline; margin-left: 0; }
#footer #nav #footer_links ul li a 		{ line-height: 1; padding: 0 5px; border-right: 1px solid #0184b1; }
#footer #nav #footer_links ul li.last a { border: none; }

#secure { text-align: center; }

#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;
}


/* Blog
----------------------------------------------------------------------------------------------------*/

#headline .wrapper .container_16 .grid_4 h1 a {
	width: 221px;
	height: 121px;
	text-indent: -99999px;
	overflow: hidden;
	display: block;
	background: url(/images2/layout/blog.gif) left top no-repeat;
}


.blog_headline {
	padding-bottom: 10px;
	background: url(/images2/layout/black_dash.gif) left bottom repeat-x;
	margin-bottom: 10px;
}

.blog_headline p { margin-bottom: 0; }
.blog_headline p.grid_4 { font-weight: bold; font-size: 140%; }
.blog_headline p.grid_8 { font-size: 84%; margin-top: 5px; }
.last_headline { background: none; margin-bottom: 0; }

.blog_headline a,
.blog_headline a:visited,
.blog_headline a:hover { font-weight: bold; color: #fff; }

#blog_sidebar h5 		{ font-weight: bold; font-size: 110%; margin-bottom: 5px; }

#blog_sidebar ul 		{ list-style: none; font-size: 86%; }
#blog_sidebar ul li 	{ padding: 5px 0; margin-left: 0; }
#blog_sidebar ul li a {
	background:transparent url(/images2/layout/green_arrow.gif) no-repeat scroll left 3px;
	padding-left:10px;
	display: block;
}

#blog_sidebar p { font-size: 86%; }

#blog_sidebar form { margin-bottom: 20px; }

#blog_sidebar form input { float: left; padding: 0; }

#blog_sidebar form input#search, #blog_sidebar form input#email { margin: 3px 5px 0 0; padding: 1px; }


h4.date-header { font-size: 90%; font-weight: bold; color: #333; }

h3.entry-header {
	font-size: 175%;
	padding: 5px 0 10px 0;
	font-weight: bold;
	background: url(/images2/layout/gray_dash.gif) left bottom repeat-x;
	margin-bottom: 20px;
}

p.entry-footer {
	padding: 10px;
	background: #e4f2fc;
	margin-bottom: 50px;
	font-size: 90%;
	font-weight: bold;
}

.entry 					{  line-height: 1.2; }
.entry img 				{ margin: 20px; }


.trackbacks { display: none; }

.entry form label { display: block; }
.entry form p { padding-bottom: 10px; background: url(/images2/layout/gray_dash.gif) left bottom repeat-x; }


/* 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_coupon 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;
}


.backjoy
{
cursor:pointer;
width:192px;
height:119px;
background-image:url(/images/better-backjoy.png);
}


/* 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; }