/*
Moloh
10/2/10
JumpMedia


*/




@import url('blueprint.css');


/*body*/

body
{
	
	
	}
	

/*Typography*/

h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}

h1
{
	color: #332A21;
	}

h1.mainHeading, h2.subheading, h2.subHeading
{
	margin-bottom: 20px;
	}

span.subHeading
{
	display: block;
	font-size: 14px;
	color: #332A21;

	}

/*forms*/
label       { font-weight: bold; margin:10px 0; float: left; width:200px; clear: left; }

fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }

legend      { font-weight: bold; font-size:1.2em; }

fieldset input,fieldset select, fieldset textarea  { width: 200px;margin:10px 0; }

/*Global*/

div#Wrapper{
	width:960px;
	margin:0 auto;
	text-align:left;
	padding:0px;
	}
	
div.clearme{
	clear:both;
	}
	
img.alignright{float:right;}

img.alignleft{float:left;}

p.l2
{
	font-size: 1.2em;
	color: #EAEAD1 !important;
	}
	
.clearMe
{
	clear: both;
	height: 1px;
	}
	
.endBit
{
	margin-right: 0px !important;
	border-right: none !important;
	}
	
/* Layout */

#Header
{
	height: 130px;
	}
	
#BasketWrapper
{
	height: 60px;
	margin: 10px 0px 0px 0px;
	}
		
#Basket
{
	
text-align:right;
color: #ffffff;
	}

#Basket a
{
	color: #eaead1;
	}

#Basket a:hover
{
	color: #B8B093;
		}
#HeaderBottom
{
	height: 50px;
	position: relative;
	background-image: url(/images/background/logo.png);
	background-position: 28px 0px;
	background-repeat: no-repeat;
	}

#HeaderBottom a, #Footer a
{
	color: #B8B093;
	}

#HeaderBottom a:hover,#Footer a:hover
{
	color: #EAEAD1;
	}
	
#HeaderLogo
{
	float: left;
	width: 180px;
	height: 60px;
	}
	
#Header h1
{
	float: left;
	font-size: 64px;
	font-weight: bold;
	}
	
	
#HeaderBottom ul
{
   /*float : left;*/
   position: absolute;
   left: 450px;
   bottom: 0px;
   list-style: none;
   margin: 0px 30px 0px 0px;
   padding: 0px;
   vertical-align: bottom;
	}

#HeaderBottom ul li
{
	float: left;
	padding: 0px 5px;
	border-right: solid 1px #B8B093;
	}

#SearchBoxWrapper
{
	/*float:right;*/
	position: absolute;
	right: 0px;
	bottom: 0px;

	}
	
#SearchBox
{
 float: right;
 display: inline;
 /*background-color:#80686a;*/
 background-color: #eaead1;
 border: solid 1px #b8b093;
 padding: 2px 5px;
 color: #b8b093;
 margin: -3px 0px 0px 5px;
 vertical-align:middle;
	}
	
#SearchBox input
{
	background-color: Transparent;
	margin-right: 10px;
	border: none;
color: #817b64;
	font-size: 0.8em;
	width: 150px;
	
	}
#SearchBox a
{
	 color: #817B64;
	}

#SearchBoxWrapper span
{
	color: #eaead1;
	font-size: 14px;

	}
	
#ContentWrapper
{
	/*background-color: #4b3948;*/
	background-color: #b8b093;
	padding: 8px;

	}
	
#Content
{
	background-color: #ffffff;
	overflow: hidden;
	color: #332A21;

	}
	
#ContentLeftWrapper
{
	float: left;
	display: inline;
	background-color: #ffffff;
	width: 242px;
	margin-right: 2px;
	padding: 20px 0px 0px 0px;

	}
	
#ContentLeft
{
	padding: 0px 20px 20px 20px;
	}
		
#CategoryMenu
{
	margin: 0px 0px 20px 0px;
	padding: 0px;
	list-style: none;
	}

#CategoryMenu li
{
	margin: 0px;
	padding: 10px 0px;
	list-style: none;
	}
	
#CategoryMenu li.selected
{
	padding: 5px 0px;
	}

#CategoryMenu li.first
{
	padding-top: 10px;
	border-top: solid 1px #cebfc0;
	}
	
#CategoryMenu li.last
{
	padding-bottom: 10px;
	border-bottom: solid 1px #cebfc0;
	}

	
#CategoryMenu a
{
	color: #332A21;
	font-size: 26px;
	display: block;
	}	

#CategoryMenu a:hover
{
	color: #B8B093;
	}

#CategoryMenu li.selected a
{
	color: #958f78;
	font-size: 16px;
	display: block;
	}	

#CategoryMenu li.selected a:hover
{
	color: #332A21;
}
	
#CategoryMenu li.selected a.navCurrent
{
	color: #332A21;
	}
	
#ContentMain
{
	float: left;
	width: 700px;
	padding: 20px 0px;
	}



#Footer
{
	clear: both;
	margin-top: 20px;
	height: 150px;
	color: #B8B093;
	font-size: 0.9em;
	}
	
#Footer ul
{
	float: left;
	margin: 0px 20px 0px 0px;
	padding: 0px;
	list-style: none;
	}
	
#Footer ul li
{
	padding : 5px 0px;
	margin: 0px;
	color:#B8B093;
	}
	
#ContactDetails
{
	float: right;
	text-align: right;
	}
	
#ContactDetails p
{
	color: #B8B093;
	margin-bottom: 0em;
	}
	
#ContactDetails p.l2
{
	margin-bottom: 0.5em;
	color: #EAEAD1;
	}


/* Home page */

#HomeFeatures div
{
	float: left;
	height: 230px;
	margin-top: -78px;
	background-repeat: no-repeat;
	position: relative;
	z-index: 100;
	padding: 0px;
	}

#HomeFeaturesLeft a
{
	display: block;
	background-image: url(/images/background/bg-link.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
	}
	
#HomeFeaturesLeft a:hover
{
	color: #4b3948 !important;
	}
	
#HomeFeaturesRight a
{
	display: block;
	background-image: url(/images/background/bg-link-dark.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
	}
	
#HomeFeaturesRight a:hover
{
	color: #B8B093 !important;
	}

#HomeFeatures div h2
{
	font-size: 24px;
	}

#HomeFeaturesLeft
{	
	width: 375px;
	background-image: url(/images/background/new-season.png);
	}
	
#HomeFeaturesLeft h2, #HomeFeaturesLeft p, #HomeFeaturesLeft a
{
	color: #ffffff !important;
	}	

#HomeFeaturesLeft .wrapper
{
	margin: 100px 10px 0px 140px;
	}
	
#HomeFeaturesRight
{
	width: 325px;
	background-image: url(/images/background/boot-sale.png);
	}
	
#HomeFeaturesRight h2, #HomeFeaturesRight p ,#HomeFeaturesRight a
{
	color: #4b3948 !important;
	}

#HomeFeaturesRight .wrapper
{
	margin: 100px 60px 0px 20px;
	}

/* General Shop */


#Breadcrumbs
{
	float: left;
	list-style: none;
	padding: 0px;
	margin: 0px 0px 40px 0px;
	}
	
#Breadcrumbs li
{
	float: left;
	padding: 0px 3px;
	color: #958f78;
	}
	
#Breadcrumbs li a
{
	color: #958f78;
	}
	
#Breadcrumbs li a:hover
{
	color: #332A21;
	}
		
#Breadcrumbs li a.current
{
		color: #332A21;
	}



/* Catergories */

div.category
{
	float: left;
	width: 165px;
	margin: 0px 10px 40px 0px;
	}

a.categoryImage
{
	display: block;
	margin-bottom: 3px;
	}

.categoryName a, a.viewDetails
{
	color: #332A21;
	display: block;
	padding: 4px 8px;
	background-color: #B8B093;
	background-image: url(/images/background/bg-link-dark.png);
	background-position: 95% center;
	background-repeat: no-repeat;
   text-transform:uppercase;
	}
	
.categoryName a:hover, a.viewDetails:hover
{
	color: #EAEAD1;
}
	

/* products */

div.product
{
	float: left;
	width: 165px;
	margin: 0px 10px 40px 0px;
	}

div.productText
{
	margin: 10px 15px 0px 15px;
	}

a.productImage
{
	display: block;
	margin-bottom: 3px;
	
	}

div.product h3
{
	font-size: 16px;
	height: 42px;
	font-weight: normal;
	}

div.product p 
{
	margin-bottom: 0.5em;
	font-weight: bold;
	}

.viewDetails a
{
	color: #332A21;
	display: block;
	padding: 4px 8px;
	background-color: #B8B093;
	background-image: url(/images/background/bg-link-dark.png);
	background-position: 95% center;
	background-repeat: no-repeat;
	}
	
.viewDetails a:hover
{
	color: #B8B093;
}


/* Product Details */

#ProductDetailsImages
{
	float: left;
	width: 325px;
	 position: relative;
	 z-index: 100;	
	}

#ProductDetailsCameos p
{
	font-size: 14px;
	margin-top: 10px;
	}
	
#ProductDetailsText
{
	float: left;
	width: 335px;
	margin: 0px 20px 0px 20px;
	 display: inline;
	}
	
#ProductDetailsText h1
{
	font-size: 24px;
	float: left;
	margin-bottom: 20px;
	}
	
#ProductDetailsText h2
{
	font-size: 24px;
	float: right;
	margin-bottom: 20px;
	}
	
#ProductDetailsText span.oldPrice
{
	float: right;
	clear:both;
	margin-top: -10px;
	}
	

.productDetailsOtherInfo
{

	font-size: 12px;
	line-height: 1.2em;
	}
	
.productDetailsOtherInfo ul li, .panes ul li
{
	margin-left: 15px;
	}
	
.productDetailsOtherInfo strong
{
	display: block;
	margin: 5px 0px;
	}
	
	
#ProductDetailsInfo
{
	margin: 0px 0px 20px 0px;
	font-size: 14px;
	}	
	
.SkuSelectorDDL
{
 /*width: 175px;*/
	}



	
#ProductDetailsButtons
{
	clear: both;
	margin-right: 50px;
	padding: 10px 0px;
	}
.buy
{
	width: 250px;
	}	

.button1
{
	text-align: left;
	color: #ffffff;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	float: none;
	background-color: #B8B093;
	background-image: url(/images/background/bg-button.png);
	background-position: 95% center;
	background-repeat: no-repeat;
	border: none;
	padding: 0px 35px 0px 10px;
	margin: 10px 0px;
	cursor: pointer;
	text-transform:uppercase; 
	}
	
.previous
{
	background-image: url(/images/background/bg-button-prev.png);
	background-position: 5% center;
	padding: 0px 10px 0px 25px;
	
	
	}
	
.paddedContentWrapper
{
	margin: 20px 20px 20px 0px;
	}
	
/* basket styles */

.basketstyle
{
	font-size: 14px;
	width: 680px;
}

.basketstyle th
{
	background-color: #B8B093;
	color: #ffffff;
	padding: 5px;
	font-weight: normal;
	}
	
 .basketButton
 {
 	float: left;
 	margin: 10px;
 	 display: inline;
 	}

.shopBasket
{
	width: 120px; 
	height: 50px;
	float: left;
	padding-top:2px;
}

.shopBasket a
{
	display:block;
	width:100%;
	height:100%;
}

/* Other */

.login, .anonLogin
{

	
	}


/* Account */

#AccountMenu
{
	margin-left: 20px;
	}


/* Checkout */

div.steps ul li
{
 list-style: none;
 float: left;
 padding: 5px 30px 5px 10px;
 background-image: url(/images/background/bg-button-dark.png);
 background-position: 95% center;
 background-repeat: no-repeat;
	}

div.steps ul li#step-1
{
	padding-left: 0px;
	}	

div.steps ul li#step-4
{
	background-image: none;
	}	

div.steps ul li.active1 a,div.steps ul li.active2 a,div.steps ul li.active3 a,div.steps ul li.active4 a
{
	color: #B8B093;
	font-weight: bold;
	}

div.steps ul li a
{
	color: #4b3948;
	}

.checkout_step_container
{
	background-color: #454127;
	padding: 10px;
}

.checkout_step_container span
{
	margin-left: 35px;
}

.checkout_step_container a
{
	color: #fff
}

#ContactForm .ValidationSummary
{
	margin-left: 4em;
	margin-bottom: 20px;
}

#ContactForm .ValidationSummary ul
{
	margin-left: 0px;
	padding-left: 0px;
	}
	
#ContactForm .ValidationSummary ul li
{
	margin-left: 0px;
	padding-left: 0px;
	}
	
	
.relatedProducts .product
{
	width:105px;
	}
	
.relatedProducts .product .productText
{
	margin: 10px 0px 0px 0px;
	}