/*
Stancombe Stone
23/6/09
JumpMedia
www.jumpmedia.co.k
*/


@import url('blueprint.css');



/*Global*/

/*--GLOBAL STYLES*/

body{
	background: url(../images/backgrounds/bg-body.jpg) center top no-repeat #f8f0e5;
	/*background-position:10px 0px;*/
	font-family: Arial, Helvetica, sans-serif;
	min-height:100%;
	}


li{
	font-size:13px;
	}

ol, li{
	color:#FFFFFF;
	}

div.clearme{
	clear:both;
    height:1px;
	}

hr{
	color: #dcdcdc;
	background-color: #dcdcdc;
	height: 1px;
}

blockquote{
	font-weight:bold;
	color:#cd2039;
	font-size:12px;
	margin-bottom:15px;
	}

address{
	font-style:normal;
	margin-bottom:20px;
}

/*Generic*/
	
img.alignright{
	float:right;
	padding:0 0 16px 16px;
	}
	
img.alignleft{
	float:left;
	padding:0 16px 16px 0;
	}
	
div#skiplinks{
	display:none;
	}
	
	
/*Home page specific*/

div.idx-four-col{
	width:616px;
	margin-right:32px;
	float:left;
	}
	
div.idx-two-col{
	width:292px;
	margin-right:32px;
	float:left;
	}
	
div.idx-one-col{
	width:130px;
	margin-right:25px;
	float:left;
	}
	
div#minis{
	margin:0;
	}
	
div#minis img{
	float:left;
	margin:0;
	}
	

/*Layout*/

div#wrapper{
	text-align:left;
	padding-top:35px;
	width:960px;
	margin:0 auto;
	}
	
	div#wrapperFooter{
	text-align:left;
	padding-top:35px;
	width:960px;
	margin:0 auto;
	}
	
div#masthead{
	height:219px;
	background:url(../images/backgrounds/bg-masthead.png) bottom no-repeat;
	}
	
div#maincontent{
	background:#fefdf8;
	padding:30px 10px 30px 10px;
	}
	
div.divider{
	height:39px;
	background:url(../images/backgrounds/bg-shadow-divider.png) no-repeat;
	}

/*Columns*/

div.one-col{
	width:160px;
	float:left;
	margin-right:25px;
	}
	
	div.one-col-related{
	width:160px;
	float:left;
	margin-right:15px;
	}
	
.endbit h1
{
	font-family:Times New Roman,times,serif;
	font-size:22px;
	margin-bottom:0.75em;
}
	
div.two-col{
	width:355px;
	float:left;
	margin-right:35px;
	}
	
div.three-col{
	width:550px;
	float:left;
	margin-right:35px;
	}
	
div.four-col{
	width:745px;
	float:left;
	margin-right:35px;
	}
	
	
.endbit{
	margin-right:0 !important;
	}
	
	

	
	
	
/*Navigation & Logo*/

#top-nav-left{
	float:left;
	width: 334px;
	height: 181px;
	background: url(../images/navigation/top-left.png) no-repeat transparent;
}

#top-nav-left ul {
	border: none;
	margin: 0;
	padding: 0;
	list-style-type: none;
	clear: left;
	height: 181px;
}

#top-nav-left ul li {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	border: none;
}

#top-nav-left ul li a {
	display: block;
	height: 181px;
	padding: 0;
	margin: 0;
}

li#nav_tl_one a{ width: 80px; }
li#nav_tl_two a { width: 90px; }
li#nav_tl_three a { width: 129px; }



#top-nav-left ul li strong { display: none; }


#top-nav-right{
	float:left;
	width: 244px;
	height: 181px;
	background: url(../images/navigation/top-right.png) no-repeat transparent;
}

#top-nav-right ul {
	border: none;
	margin: 0;
	padding: 0;
	list-style-type: none;
	clear: left;
	height: 181px;
}

#top-nav-right ul li {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	border: none;
}

#top-nav-right ul li a {
	display: block;
	height: 181px;
	padding: 0;
	margin: 0;
}

li#nav_tr_one a{ width: 150px; }
li#nav_tr_two a { width: 94px; }



#top-nav-right ul li strong { display: none; }

div.basketitems{
	float:left;
	width:60px;
	margin:78px 0 0 10px;
	font-family:Times New Roman, Times, serif;
	font-size:16px;
	}
	
div.mover{
	background:#605945;
	width:100%;
	height:100px;
	}
	
div#moverwrap{
	width:960px;
	margin:0 auto;
	}
	
img.close{	
	display:block;
	float:right;
	}
	
div.mover table{
	margin:0;
	padding:0;
	margin-top:10px;
	margin-bottom:0;
	width:70%;
	}
	
div.mover table p{
	color:#fff;
	margin-top:10px;
	font-weight:bold;
	}
	
h1.popular{
	font-size:11px;
	color:#B3AD8C;
	}


h1#logo{
	display:block;
	float:left;
	width:292px;
	height:181px;
	background:url(../images/backgrounds/bg-logo.png) top center no-repeat;
	}

h1#logo a{
	display:block;
	width:292px;
	height:181px;
	}

h1#logo a span{
	display:none;
	}
	
	
#main-nav {
	margin:0 auto;
	width: 960px;
	height: 42px;
	background: transparent url(../images/navigation/nav.png) no-repeat;
}

#main-nav ul {
	border: none;
	margin: 0;
	padding: 0;
	list-style-type: none;
	clear: left;
	height: 42px;
}

#main-nav ul li {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	border: none;
}

#main-nav ul li a {
	display: block;
	height: 42px;
	padding: 0;
	margin: 0;
}

li#nav_one a{ width: 90px; }
li#nav_two a { width: 100px; }
li#nav_three a { width: 87px; }
li#nav_four {width:103px}
li#nav_five a {width:76px}
li#nav_six a {width:73px}
li#nav_seven a {width:104px}
li#nav_eight a {width:170px}
li#nav_nine a {width:157px}

li#nav_one a:hover { background: transparent url(../images/navigation/nav-over.png) 0px 0px no-repeat; }
li#nav_two a:hover { background: transparent url(../images/navigation/nav-over.png) -90px 0px no-repeat; }
li#nav_three a:hover { background: transparent url(../images/navigation/nav-over.png) -190px 0px no-repeat; }
li#nav_four a:hover { background: transparent url(../images/navigation/nav-over.png) -277px 0px no-repeat; }
li#nav_five a:hover { background: transparent url(../images/navigation/nav-over.png) -380px 0px no-repeat; }
li#nav_six a:hover { background: transparent url(../images/navigation/nav-over.png) -456px 0px no-repeat; }
li#nav_seven a:hover { background: transparent url(../images/navigation/nav-over.png) -529px 0px no-repeat; }
li#nav_eight a:hover { background: transparent url(../images/navigation/nav-over.png) -633px 0px no-repeat; }
li#nav_nine a:hover { background: transparent url(../images/navigation/nav-over.png) -803px 0px no-repeat; }

#main-nav ul li strong { display: none; }


/*tooltip*/

div.tooltip { 
    background:transparent url(../images/backgrounds/tooltip.png) no-repeat scroll 0 0; 
    font-size:12px; 
    height:123px; 
    padding:30px; 
    width:153px; 
    display:none; 
    color:#000; 
} 

div.tooltip img{
	margin-top:-30px;
	}


/*Product display*/

.prodlisting{
	margin-bottom:35px;
	}

img.mini-thumb{
	display:block;
	padding:9px;
	background:url(../images/backgrounds/bg-mini-thumb.jpg) no-repeat center;
	margin-bottom:10px;
	}
	
img.thumb{
	display:block;
	padding:9px;
	background:url(../images/backgrounds/bg-thumb.jpg) no-repeat center;
	margin-bottom:10px;
	}
	
img.product{
	display:block;
	padding:15px;
	background:url(../images/backgrounds/bg-product.jpg) no-repeat center;
	margin-bottom:10px;
	}
	
p.description{
	color:#000;
	margin:0 0 5px 0 !important;
	font-weight:bold;
	}
	
p.price{
	color:#000;
	margin:0 0 5px 0 !important;
	}
	
p.bigprice{
	font-size:22px;
	color:#c26913;
	margin: 5px 0 5px 0;
	font-weight:bold;
	}
	
p.more a{
	display:block;
	background:url(../images/generic/btn-more.gif) no-repeat;
	height:21px;
	width:34px;
	padding:2px 0 0 8px;
	color:#fff;
	margin:0;
	}
	
p.buy{
	margin-top:15px !important;
	margin-bottom: 0px;
	height: 40px;
	}
	
p.buy a{
	display:block;
	background:url(../images/generic/btn-buy.gif) no-repeat;
	height:21px;
	width:32px;
	padding:2px 0 0 10px;
	color:#fff;
	
	}
	
div.buybox{
	background:#e3d5b3;
	padding:10px;
	margin:20px 0 20px 0;
	}
	
.buybox table{
	margin:0;
	}
	
div.recommended
{
	width: 355px;
	margin-top:20px;
	background:url(../images/generic/fancy-divider.gif) top no-repeat;
	padding-top:45px;
	}
	
	
/*Product controls*/

div.breadcrumbs{
	margin-bottom:20px;
	}
	
.breadcrumbs ul{
	margin:0;
	padding:0;
	display:inline;
	}
	
.breadcrumbs li{
	display:inline;
	list-style-type:none;
	padding-right:10px;
	font-size:11px;
	color:#726453;
	}
	
	
div.controls{
	border-top:3px solid #dbd4bf;
	border-bottom:1px solid #dbd4bf;
	padding:6px 0 4px 0;
	margin-bottom:35px;
	}
	
div.pagination{
	float:left;
	width:350px;
	height:30px;
	border-right:1px solid #dbd4bf;
	padding-right:10px;
	}
	
.pagination ul, .showitems ul{
	margin:5px 0 0 0;
	padding:0;
	}
	
.pagination li{
	font-size:11px;
	margin:0;
	color:#61583e;
	display:inline;
	}
	
div.sortby{
	float:left;
	width:200px;
	padding-left:20px;
	border-right:1px solid #dbd4bf;
	height:30px;
	}
	
div.showitems{
	float:left;
	width:200px;
	height:30px;
	padding-left:20px;
	}
	
.showitems li{
	font-size:11px;
	margin:0;
	color:#61583e;
	display:inline;
	padding-right:10px;
	}
	
.pagination li a, .showitems li a{
	color:#61583e;
	}
	
	



/*Footer*/

div#footer{
	margin-top:30px;
	}
	
#footer ul{
	margin:0;
	padding:0;
	}
	
#footer li{
	line-height:26px;
	list-style-type:none;
	font-size:11px;
	}
	
#footer li a {
	
	color:#514012;
	}
	
div.footerdetails{	
	width:454px;
	float:left;
	margin:0;
	text-align:right;
	font-size:11px;
	}
	
div.footerdetails table tr td a{	
	float:right;
	}

div.sidebox{
	padding:10px;
	background:#e5dec1 url(/images/backgrounds/bg-side.jpg) top no-repeat;
	margin-bottom:10px;
	}
	
img.push{
	margin-bottom:30px;
	}

/* Shop Styles */

/* Basket Page */

.basket_container
{
    height: auto;
    margin: auto;
    border: dotted 1px #DCDDDF;
}

.basket_header_row
{
    width: auto;
    height: auto;
    overflow: auto;
    line-height: 25px;
    font-weight: bold;
    color: #000000;


    margin-bottom: 5px;
    float: left;
}

.basket_row
{
    width: auto;
    height: auto;
    overflow: auto;
    line-height: 25px;
    float: left;
}

.basket_col_1
{
    width: 400px;
    height: auto;
    float: left;
    text-align: center;
    border-right: dotted 1px #DCDDDF;
}

.basket_col_2
{
    width: 80px;
    height: auto;
    float: left;
    text-align: center;
    border-right: dotted 1px #DCDDDF;
}

.basket_col_3
{
    width: 55px;
    height: auto;
    float: left;
    text-align: center;

}

.basket_col_4
{
    width: 75px;
    height: auto;
    float: left;
    text-align: center;
}

.button
{
	color: #fffcf4;
	font-size: 10pt;
	background-color: #72664b;
	border: solid 1px #867b60;
	border-bottom: solid 2px #867b60;
	border-right: solid 2px #867b60;
	font-family: Times New Roman;
	
}

.productName
{
	width: 70%;
	    font-weight: normal;
    font-size: 1.1em;
    color: #000000;

	}

.quantity
{
	width: 15%;
	    font-weight: normal;
    font-size: 1.1em;
        color: #000000;

	}

.totals
{
	width: 15%;
	    font-weight: normal;
    font-size: 1.2em;
        color: #000000;
        
	}

.basketstyle tr td
{
	border: dotted 1px #cccccc;
	padding: 0.8em;
}

.basketstyle
{
	border-collapse: collapse;
	width: 100%;
}

.emptyCell
{
	border: medium none;
}



/* End Basket Page */



/* Login Page */

.login
{
	width: 350px; 
	float: left; 
	border-right: solid 1px #58585a;
}

.anonLogin
{
	width: 350px; 
	float: left; 
	padding-left: 15px;
}


/* Login Page */



/* Checkout Pages */

.checkout_step_container
{
	background-color: #867b60;
	padding: 10px;
}

.checkout_step_container span
{
	padding-left: 25px;
	padding-right: 25px;
}

.checkout_step_container a
{
	font-family: Times New Roman;
	font-size: 10pt;
	color: #fffcf4;
}

.checkout_step_container a:link
{
	font-family: Times New Roman;
	font-size: 12pt;
	color: #fffcf4;
}

.checkout_step_container a:hover
{
	font-family: Times New Roman;
	font-size: 12pt;
	color: #fffcf4;
	text-decoration: underline;
}

.checkoutContent td
{
	padding: 2px;
	margin: 0px;
}

.checkoutContent li
{
	color: Red;
}

.checkoutContent tr
{
	padding: 2px;
	margin: 0px;
}

/* /Checkout Pages */


/* Register Page */

.register
{
	width: 350px;
}

/* /Register Page */


/* Accounts Area */


.account_container td
{
	padding: 2px;
	margin: 0px;
}

.account_container tr
{
	padding: 2px;
	margin: 0px;
}




/* /Accounts Area */
