@charset "utf-8";
@import url('reset.css');

/*GENERIC STYLESHEET for Pye Powder :::::::::::::::::::::::::::::::::::::::: */

/* AUTHOR:	Chris Wilsdon (Pepperneck Ltd.)
/* DATE:		November 2008


/*BASIC CONFIGURATION________________________________________________________*/
h1, h2, h3, h4, h5, h6 {
	margin-bottom:0.5em;
	font-weight:bold;
	line-height:1.2;
	}
h2 {
	font-size:1.7em;
	}
h3 {
	font-size:1.4em;
	margin-bottom:1.0em;
	border-bottom:#CCCCCC 1px solid;
	}
p {
	margin-bottom:0.8em;
	color:#555;
	}
ul, ol, dl {
	margin-bottom:2.0em;
	}
ol {
	list-style-type:decimal;
	padding-left:2.0em;
	}
dt {
	margin-top:1.0em;
	font-weight:bold;
	}
li {
	margin-bottom:0.2em;
	}
a, a:visited {
	text-decoration:none; outline:none; font-weight:normal; color:#0363C0;
	}
a:hover {
	text-decoration:underline;
	}


/*PAGE SETUP_________________________________________________________________*/
body {
	background:#E2DDCB;
	padding:36px 0;
	font:76%/1.3 Arial, Helvetica, sans-serif;
	text-align:center;
	}
div#pagewrapper {
	width:840px;
	margin:0 auto;
	padding:0 40px;
	}
div#page {
	background:#FFFFFF;
	text-align:left;
	}
div#header {
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	text-align:center;
	}
div#main {
	background:url(/images/layout/mainbg-btm.gif) bottom left repeat-x;
	padding-bottom:3.0em;
	text-align:left;
	}
div#sidebar {
	float:left;
	width:260px;
	padding-top:8.0em;
	}
div#sidebar .sidecolumn {
	width:180px;
	margin-left:40px;
	}
div#contentwrapper {
	float:right;
	width:560px;
	}
div#content {
	float:left;
	width:340px;
	}
div#contentside {
	float:right;
	width:160px;
	padding-right:40px;
	}
div#footer {
	background:url(/images/layout/footerbg.gif) no-repeat;
	margin:0 -5px;
	padding:3px 40px 0;
	height:37px;
	}
html > body div#footer {
	height:auto;
	min-height:37px;
	}


/*HEADER_____________________________________________________________________*/
h1#logo {
	background:url(/images/layout/logobg.png) 0 0 no-repeat;
	margin:-3px -5px 0;
	padding:3px 5px 7px;
	}
h1#logo a {
	display:block;
	width:840px;
	height:0;
	padding-top:62px;
	overflow:hidden;
	}


/*BANNER_____________________________________________________________________*/
div#imagebanner {
	background:#000000 url(/images/banners/banner-index.jpg) top right no-repeat;
	padding-top:150px;
	}
span#bannerforeground {
	display:block;
	background:url(/images/layout/banner-foreground.png) no-repeat;
	height:0;
	padding-top:30px;
	overflow:hidden;
	}


/*CONTENT_____________________________________________________________________*/
div#contentheading {
	position:relative;
	background:url(/images/layout/heading-border.gif) bottom left repeat-x;
	padding-bottom:0.5em;
	margin-bottom:2.0em;
	}
div#contentheading h2 {
	background-repeat:no-repeat;
	float:right;
	width:100%;
	display:block;
	height:0;
	padding-top:35px;
	overflow:hidden;
	}
div#contentheading span {
	position:absolute;
	top:0.9em;
	right:40px;
	font-size:1.2em;
	font-weight:bold;
	}
div#contentheading span a {
	color:#333333;
	font-weight:bold;
	}
div#contentheading span a:hover {
	color:#79BF00;
	text-decoration:none;
	}
/*---------------------------------------------------------------------------*/
ul.shopadssmall {
	width:540px;
	margin-top:2.0em;
	}
ul.shopadssmall li {
	display:inline;
	float:left;
	margin-right:20px;
	}
ul.shopadssmall li a {
	display:block;
	width:160px;
	height:95px;
	overflow:hidden;
	}
/*---------------------------------------------------------------------------*/
ul.shopadsmedium li {
	margin-bottom:1.5em;
	}
ul.shopadsmedium li a {
	display:block;
	width:180px;
	height:142px;
	}
/*---------------------------------------------------------------------------*/
ul.ranges {
	width:540px;
	margin:2.0em 0;
	}
ul.ranges li {
	display:inline;
	float:left;
	margin-right:20px;
	}
ul.ranges li a {
	display:block;
	width:160px;
	height:0;
	padding-top:150px;
	overflow:hidden;
	}
ul.ranges li#range-kent a {
	background:url(/images/products/ranges/range-kent.jpg) no-repeat;
	}
ul.ranges li#range-solidoak a {
	background:url(/images/products/ranges/range-solidoak.jpg) no-repeat;
	}
ul.ranges li#range-globaloak a {
	background:url(/images/products/ranges/range-globaloak.jpg) no-repeat;
	}
ul.ranges li#range-rustic a {
	background:url(/images/products/ranges/range-rustic.jpg) no-repeat;
	}
/*---------------------------------------------------------------------------*/
ul.sideimages li {
	margin-bottom:1.0em;
	}
/*---------------------------------------------------------------------------*/
ul.furnituresubcategories {
	width:540px;
	margin-top:2.0em;
	}
ul.furnituresubcategories li {
	display:inline;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	}
ul.furnituresubcategories li a {
	display:block;
	width:88px;
	height:8em;
	border-top:#EEE 1px solid;
	border-bottom:#CCC 1px solid;
	text-align:center;
	color:#000000;
	font-weight:bold;
	}
ul.furnituresubcategories li a:hover {
	text-decoration:none;
	}
/*---------------------------------------------------------------------------*/
#map {
	width:338px;
	height:198px;
	margin:1.0em 0;
	border:#CCC 1px solid;
	}
.touristlinks li {
	margin-bottom:1.0em;
	color:#555;
	}
.touristlinks a {
	display:block;
	}

/*CATALOGUE PAGES____________________________________________________________*/
ul.catalogue li {
	border-top:#666666 1px solid;
	padding:1.0em 0;
	}
ul.catalogue li div {
	float:left;
	}
ul.catalogue li div.productimage {
	position:relative;
	width:110px;
	height:110px;
	text-align:center;
	}
html > body ul.catalogue li div.productimage {
	height:auto;
	min-height:110px;
	}
ul.catalogue li div.productimage a span.hoverzoom {
	position:absolute;
	top:0;
	left:0;
	}
ul.catalogue li div.productimage a span.hoverzoom span {
	display:block;
	width:110px;
	height:26px;
	}
html > body ul.catalogue li div.productimage a:hover span.hoverzoom span {
	background:url(/images/layout/zoom.png) 0 0 no-repeat;
	}
ul.catalogue li div.productinfo {
	width:260px;
	margin:0 20px;
	}
ul.catalogue li div.productinfo h4 {
	font-size:1.1em;
	}
ul.catalogue li div.productinfo h4 span {
	display:block;
	font-size:0.8em;
	font-weight:normal;
	color:#999999;
	}
ul.catalogue li div.productoptions {
	width:110px;
	text-align:center;
	}
span.productprice {
	display:block;
	font-weight:bold;
	}
ul.catalogue li div.productoptions a {
	display:block;
	}
ul.catalogue li div.productoptions a {
	width:92px;
	height:0;
	padding-top:26px;
	margin:1.0em auto 0;
	overflow:hidden;
	}
ul.catalogue li div.productoptions a.orderbutton {
	background:url(/images/layout/orderbutton.gif) 0 0 no-repeat;
	}
ul.catalogue li div.productoptions a.zoombutton {
	background:url(/images/layout/zoombutton.gif) 0 0 no-repeat;
	}
ul.catalogue li div.productoptions a:hover {
	background-position:0 -31px;
	}
ul.catalogue li div.productoptions a:active {
	background-position:0 -62px;
	}



/*ORDER PAGE_________________________________________________________________*/
table.orderitems {
	width:520px;
	margin-bottom:3.0em;
	}
table.orderitems th {
	vertical-align:top;
	padding:0.3em 10px;
	font-weight:normal;
	}
table.orderitems td {
	vertical-align:top;
	padding:0.5em 10px 1.0em;
	border-top:#CCCCCC 1px solid;
	}
table.orderitems h4 {
	font-size:1.1em;
	}
table.orderitems .itemimage {
	width:60px;
	}
table.orderitems .itemquantity {
	text-align:center;
	}
table.orderitems .itemdelete {
	text-align:right;
	}
table.orderitems .itemprice {
	text-align:right;
	}

table.orderitems .itemquantity select {
	float:left;
	}
table.orderitems .removeitem {
	background:url(/images/layout/deleteicon.gif) right top no-repeat;
	padding-right:20px;
	margin:0.2em 0 0 1.0em;
	}
table.orderitems tr.ordertotals td {
	background:#EEEEEE;
	border-top:0;
	border-bottom:1px solid;
	border-color:#CCCCCC;
	}
table.orderitems tr.ordertotals td {
	padding:1.0em 10px;
	}
table.orderitems tr.ordertotals span.productprice {
	float:right;
	margin-top:0.5em;
	}
table.orderitems tr.ordertotals input {
	float:left;
	margin-right:1.0em;
	}
/*---------------------------------------------------------------------------*/
form.orderform h3 {
	border-bottom:#999999 1px solid;
	margin-bottom:1.5em;
	}
form li {
	margin-bottom:0.5em;
	}
form label {
	float:left;
	display:block;
	width:10em;
	text-align:right;
	margin-right:0.5em;
	font-weight:bold;
	}
form label span {
	display:block;
	font-weight:normal;
	font-size:0.9em;
	}
form input[type=text] {
	width:300px;
	}
select {
	margin-top:-0.2em;
	}
li.submitoptions {
	background:#CCC;
	margin-top:3.0em;
	}
li.submitoptions input {
	float:right;
	margin:0.5em 10px;
	}
div.validationerrors {
	border:#CC0000 1px solid;
	padding:1.0em 10px 0.5em;
	margin:3.0em 0 -1.0em;
	color:#000000;
	}


/*FOOTER_____________________________________________________________________*/
ul#footercredits {
	float:right;
	margin:0.65em 0 0;
	font-size:0.9em;
	color:#E2DDCB;
	}
ul#footercredits li {
	margin:0;
	}

#designedby {
	background:#E2DDCB;
	}
#designedby a {
	background:url(/images/layout/peppernecklogos.png) 0 0 no-repeat;
	display:block;
	float:right;
	width:89px;
	height:0;
	padding-top:28px;
	overflow:hidden;
	}
#designedby a:hover {
	background-position:0 -28px;
	}


/*CLASSES____________________________________________________________________*/
.floatLeft {
	float:left;
	}
.floatRight {
	float:right;
	}
.alignLeft {
	text-align:left;
	}
.alignRight {
	text-align:right;
	}
.intro {
	margin-bottom:1.2em;
	font-size:1.2em;
	color:#000;
	}
.disc {
	margin-left:2.0em;
	list-style-type:disc;
	}
.sidecutout {
	margin-left:-30px;
	}
html > body .shadow {
	background:url(/images/layout/shadow.png) 0 0 no-repeat;
	margin-top:-1px;
	margin-left:-8px;
	padding:1px 0 0 8px;
	}
.normalweight {
	font-weight:normal
	}

.shopaddress {
	padding:1.0em 0;
	border:#CCC 1px solid;
	border-width:1px 0;
	text-align:right;
	}
.shoppostcode {
	font-weight:bold;
	}

.notify {
	background:#f3e8cf;
	padding:1.0em 1.0em 0.5em;
	border:#998f79 1px solid;
	margin-bottom:1.5em;
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
	color:#000000;
	}
.notify p {
	color:#000000;
	}
/*END::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/