/*  

Client: Wallpaper Space
Client URL: http://www.wallpaperspace.co.uk
Description: Style Sheet for Wallpaper Space Website
Version: 1.0
Author: Robert Games
Agency: Pad Media
Agency URL: http://www.padmedia.co.uk/
Date: 19/03/2008

Notes: All Styles need to be classes for Platform

*/

/* Contents

	1.0 Reset CSS
	2.0	Global Formatting
	3.0	Common Formatting
	4.0	Links
	5.0	Fonts
	6.0	Global Classes
	7.0	Wrapper
	8.0	Logo
	9.0	Layout
	10	Navigation
	11	Forms
	12	Tables
	
*/

/* 1.0	Reset CSS */

html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol,ul {
	list-style: none;
}
q:before,q:after,
blockquote:before,blockquote:after {
	content: "";
}

* {
padding:0;
margin:0;
}


/* 2.0	Global Formatting */

body {
	background:#000000;
	font-size:62.5%; /* 62.5% relative font size resets to 10px */
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
}

html {
}

/* 3.0	Common Formatting */

p {
	font-size:1.2em;
	line-height:1.4em;
	margin:0 0 1.2em 0
}

h1 {
}

h2 {

}

h3 {
}

h4 {
}

h5 {
}

h6 {
}

ul {
}

li {
}

blockquote {
}

img {
}

strong {
	font-weight:bold;
}

em {
}

u {
}

acronym, abbr {
	cursor:help;
	letter-spacing:1px;
	border-bottom:1px dashed;
}

/* 4.0	Links */

a {
	color:#000099;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a:visited {
}

a:focus {
}

/* 5.0	Fonts */

/* 6.0	Global Classes */

.clear {
	clear:both;
	height:1px;
	overflow:hidden;
	width:100%;
	display:block;
}

.hide {
	display:none;
}
 
.float-left {
	float:left;
}

.float-right {
	float:right;
}
 
.text-left { 
	text-align:left;
}

.text-right { 
	text-align:right;
}

.text-center {
	text-align:center;
}

.text-justify {
	text-align:justify;
}

.nopadding {
	padding:0;
}

.noindent {
	margin-left:0;
	padding-left:0;
}

.nobullet {
	list-style:none;
	list-style-image:none;
}

.black-text {
	color:#000000;
}

.uppercase {
	text-transform:uppercase;
}

/* 7.0	Wrapper */

div.wrapper {
	width:980px;
	margin:auto;
	background:url(/images/wrapper_bg.png) repeat-y;
	overflow:hidden; /* This is to contain the floats */
}

/* 8.0	Logo */

div.logo {
	width:186px;
	height:71px;
	background:url(/images/logo.png) no-repeat;
	float:left;
	position:relative;
}

.logo a {
	display:block;
	text-indent:-99999px;
	height:71px;
	width:186px;
}

/* 9.0	Layout */

div.header {
	height:225px;
	width:100%;
	background:url(/images/header_bg.png) no-repeat;
}

.shoppingcart {
	width:96px;
	height:23px;
	float:right;
	position:relative;
	top:34px;
	right:28px;
	background:url(/images/shoppingcart.gif) no-repeat;
}

.shoppingcart a {
	width:96px;
	height:23px;
	display:block;
	text-indent:-99999px;
}

.left-col {
	width:104px;
	margin: -82px 0 0 9px;
	float:left;
	display:inline; /* Hack for IE6 Double margin bug */
}

.maincontentwrapper {
	background:#CDCDCD;
	width:734px;
	padding:16px 0;
	margin:-98px 0 0 73px;
	float:left;
	display:inline; /* Hack for IE6 Double Margin Hack */
	z-index:2;
	position:relative;
}

.greybox {
	background:url(/images/footer_bg.png) no-repeat bottom right;
	height:155px;
	margin: -105px 0 0 0;
	z-index:1;
	position: relative;
}

.footer {
	background:#cccccc;
	height:16px;
}

/* 10.0	Navigation */

/* Global Navigation */
.nav {
	clear:both;
	margin:22px 0 0 274px;
}

.nav li {
	float:left;
}

.nav li a {
	border-right: 1px #FFFFFF solid;
	padding:0 18px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	text-decoration:none;
	font-weight: bold;
	text-transform:lowercase;
}

.nav li a:hover {
	text-decoration:underline;
}

.nav li a.selected {
	text-decoration:underline;
}

/* Footer Navigation */
.footer ul {
	margin: 0 0 0 186px;
}

.footer li {
	float:left;
	border-right:1px solid #666666;
	color:#666666;
	font-size:1em;
	padding:0px 5px;
	margin-top:3px;	
}

.footer li a {
	text-decoration:none;
	color:#666666;
}

.footer li a:hover {
	text-decoration:underline;
}

/* 11.0	Forms */

fieldset {
}

legend {
}

label {
}

input {
}

textarea {
}

/* 12.0	Tables */

table {
}

tbody {
}

tr {
}

th {
}

td {
}
 
/* Left Col styling */

.left-col h2 a {
	color:#8dad31;
	font-weight:bold;
	font-size:1.2em;
	text-decoration:underline;
	margin:0 0 5px 0;
	display:block;
}

.left-col h2 a:hover {
	text-decoration:none;
}

.left-col li {
	margin-bottom:26px;
}

/* Homepage and Static Page styling */

.static-content-wrapper {
	margin: 0 19px 0 21px;
	background: url(/images/staticcontentwrapper_bg.gif) repeat-y 554px;
	overflow:hidden; /* This is used to contain floats */
}

.static-main-column {
	float:left;
	width:535px;
	overflow:hidden; /* This is to contain floats */
}

.static-main-column img {
	margin:0 0 17px 0;
}

.column {
	width:257px;
}

.column h1 {
	font-weight:bold;
	font-size:1.2em;
	color:#000000;
	margin:0 0 5px 0;
}

.column h2 {
	font-weight:bold;
	font-size:1.2em;
	color:#000000;
	margin:0 0 5px 0;
}

.column ul {
	margin:10px;
}

.column li {
	list-style:disc;
	margin:6px;
	padding:0 0 0 10px;
	font-size:1.2em;
} 

.static-right-column {
	float:right;
	width:119px;
}

.static-right-column img {
	border:1px #333333 solid;
	margin-bottom:5px;
}

.static-right-column li {
	margin:0 0 30px 0;
}

.static-right-column h2 a {
	font-size:1.2em;
	color:#000099;
	text-decoration:none;
}

.static-right-column h2 a:hover{
	text-decoration:underline;
}

/* Catalogue and Product Listing Page */

.product-wrapper {
	margin: 0 82px 0 21px; /*0 101px 0 21px*/
	overflow:hidden; /* This is to contain the floats */
}

.searchbycolour p {
	float:left;
	margin:0 12px 0 0;
	color:#000000;
}

.searchbycolour ul {
	float:left;
	margin:0px 0 20px 0;
}

.searchbycolour li {
	float:left;
}

.searchbycolour li a {
	width:18px;
	height:18px;
	display:block;
	margin-right:4px;
	text-indent:-999999px;
	border:1px solid #333333;
}

.searchbycolour .greys {
	background:#b7b8ba;
}

.searchbycolour .neutrals {
	background: #f0e5c9;
}

.searchbycolour .yellows {
	background:#ffe66f;
}

.searchbycolour .reds {
	background:#df303f;
}

.searchbycolour .browns {
	background:#573c2b;
}

.searchbycolour .greens {
	background:#b1d078;
}

.searchbycolour .blues {
	background:#749dc9;
}

.searchbycolour .pearl {
	background:#e4e5e7;
}

/* Tool Tip for search by colour */
#dhtmltooltip{
	position: absolute;
	left: -300px;
	width: auto;
	border: 1px solid black;
	padding: 5px;
	background-color: #FCFEE4;
	visibility: hidden;
	z-index: 100;
	font-size:1.2em;
}

#dhtmlpointer{
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}

/* Breadcrumbs */
.breadcrumbs {
	clear:both;
	margin-left:-7px;
	float:left;
	display:inline; /* Hack for IE6 Double Margin Bug */	
}

.breadcrumbs li {
	float:left;
	background:url(/images/arrow.gif) bottom right no-repeat;
	padding:0 13px 0 0px;
}

.breadcrumbs li a {
	font-size:1.2em;
	color: #000000;
	margin:0 0px 0 7px;
}

/* Product Listings */
.productlisting {
	clear:both;
	margin:20px 0 0 81px;
}

.productlisting li {
	float:left;
	margin:0px 19px 23px 0px;
	display:inline; /* Hack for IE6 Double Margin Bug */
}

.productlisting li h2 {
	font-size:1.2em;
	margin-top: 5px;
	text-align:center;
}

/* Individual Product Page */
.individualproductpage {
	margin: 0 31px 0 21px;
}

.mainproduct {
	background:#FFFFFF;
	margin:20px 0 0 9px;
	padding:12px;
	overflow:hidden; /* This is to contiain the floats */
}

.mainproduct img {
	float:right;
}

/* Insert items here */

.mainproductdescription {
	float:left;
	width:262px;
}

.mainproductdescription p {
	max-width:219px;
	margin-bottom:12px!important;
}

html * .mainproductdescription p {
	width:219px;
} 

.mainproductdescription h1 {
	font-size:1.8em;
	color:#8DAD31;
	margin:0 0 15px 0;
	font-weight:bold;
}

.chooseproducttype {
	margin: 0 0 13px 0;
}

.chooseproducttype label {
	color:#000000;
	font-size:1.2em;
	text-transform:uppercase;
	width:200px;
	font-weight:bold;
}

.chooseproducttype select {
	width:70px;
	padding:1px;
	border:#CCCCCC 1px solid;
}

.detail {
	margin-bottom: 10px;
}

.detail p {
	margin:0 0 6px 0!important;
	font-weight:bold;
	color:#000000;
	display:inline;
	font-size:11px;
}

.detail h3 {
	display:inline;
	width:180px;
	font-size:11px;
	color:#000000;
	font-weight:bold;
	text-transform:uppercase;
	clear:left;
	margin-bottom:6px!important;	
}

.paymentbuttons {
	border-top: 1px #8DAD31 solid;
	padding:10px 0 0 0;
	overflow:hidden; /* To contain Floats */
}

input.productQuantity {
	width:35px;
}

.paymentbuttons label {
	font-size:1.2em;
	color:#000000;
	padding:2px;
	margin:0px 20px 0 0px;
}

.quantitybox {
	margin:0 0 10px 0;
}



/* Available Colours */
.availablecolour {
	margin:20px 0 0 0px;
}

.availablecolour h2 {
	color: #000000;
	font-size:2em;
	font-weight:bold;
	margin:0 0 10px 7px;
}

.availablecolour li h2 {
	font-size:1.2em;
	width:117px;
	margin:10px 0;
	font-weight:bold;
}

.availablecolour li h2 a{
	font-weight:bold;
}

.availablecolour li p {
	margin: 0 0 10px 0
}

.availablecolour li {
	float:left;
	background:#FFFFFF;
	padding:5px 6px;
	margin:0 0px 7px 7px;
	display:inline; /* Hack for IE6 Double Margin Bug */
	width:117px;
}

.productinfocontainer {
	height:147px;
}

.viewbutton {
	margin-top:-21px;
}

/* Basket */

.shoppingbasketwrapper {
	margin: 0 31px 0 21px;
}

.shoppingbasket {
	margin: 20px 0 0 45px;
}

.shoppingbasket h1 {
	background:url(/images/cart.gif) no-repeat right;
	font-size:1.8em;
	font-weight:bold;
	color:#000000;
	display:block;
	width:100px;
	height:23px;
	padding-top:10px;
	margin:0 0 26px 5px;
}

.shoppingbasket table {
	background:#FFFFFF;
}

.shoppingbasket tr {
	border-bottom:2px solid #CCCCCC;
}

.shoppingbasket th {
	padding:7px;
	font-size:1.2em;
	color:#8DAD31;
	font-weight:bold;
}

.shoppingbasket td {
	padding:7px;
	font-size:1.2em;
	line-height:1.4em;
}

.shoppingbasket .quantity {
	width:29px;
	/*height:19px;*/
	padding:2px 0;
	text-align:center;
	border:1px solid #CCCCCC;
}

.shoppingbasket label {
	display:block;
	margin:0 0 3px 0;
}

.shoppingbasket .submit {
	background:#CCCCCC;
	color:#000000;
	width:auto;
	padding:0 5px;
	margin-left:10px;
}

.shoppingbasket input {
	width:200px;
}

.continueshopping {
	float:left;
	background:url(/images/continueshopping.gif) no-repeat left;
	display:block;
	color:#8DAD31;
	font-size:1.4em;
	font-weight:bold;
	text-decoration:underline;
	padding:3px 0px 2px 37px;
	margin:13px 0 0 0;
}

a.continuetocheckout {
	display:block;
	float:right;
	background:url(/images/continuetocheckout.gif) no-repeat right;
	color:#8DAD31;
	font-size:1.4em;
	font-weight:bold;
	text-decoration:underline;
	padding:3px 37px 2px 0;
	margin:13px 0 0 0;
}

/* Billing */

.billingwrapper {
	margin:0 59px 0 21px;/*218*/
}

.billingwrapper h1 {
	font-size:1.8em;
	color:#000000;
	font-weight:bold;
	margin-bottom: 10px;
}

.billingwrapper fieldset {
	border:1px solid #767676;
	padding:35px 159px 20px 0;
	margin:0 0 36px 0;
}

.billingwrapper legend {
	margin:0 0 0 21px;
	font-size:1.2em;
	font-weight:bold;
	color:#000000;
	padding:0 3px;
}

.billingwrapper ul {
	margin:0;
	padding:0;
	list-style:none;
}

.billingwrapper li {
	margin:0 0 5px 0;
	padding:0;
	list-style:none;
}

.billingwrapper label {
	font-size:1em;
	color:#666666;
	width:116px;
	text-align:right;
	display:block;
	float:left;
	margin:0 10px 0 0;
}

.billingwrapper input {
	width:217px;
	border:#EFEFEF 1px solid;
	background: #FFFFFF;
	color:#666666;
	font-size:1.1em;
	padding: 1px 3px;
}

.billingwrapper textarea {
	width:217px;
	border:#EFEFEF 1px solid;
	background: #FFFFFF;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	padding: 1px 3px;
	overflow:hidden;
}

.billingwrapper .checkbox {
	width:20px;
	background:none;
	border:none;
	padding:0;
}

.billingwrapper select {
	border:#EFEFEF;
}

/* Summary */

.summary {
	margin:0 59px 0 21px;/*218*/
}

.summary h1 {
	font-size:1.8em;
	color:#000000;
	font-weight:bold;
	margin-bottom: 10px;
}

.summary h2 {
	font-size:1.2em;
	color:#000000;
	font-weight:bold;
	margin-bottom: 5px;
}

.summary .shippingaddress {
	float:left;
	width:300px;
	margin:10px 0 0px 0;
	display:inline; /* Hack for IE6 Double Margin Bug */
}

.summary .billingaddress {
	float:left;
	width:300px;
	margin:10px 0 0px 0;
	display:inline; /* Hack for IE6 Double Margin Bug */
}

a.editdetails {
	float:left;
	background:url(/images/continueshopping.gif) no-repeat left;
	display:block;
	color:#8DAD31;
	font-size:1.4em;
	font-weight:bold;
	text-decoration:underline;
	padding:3px 0px 2px 37px;
	margin:7px 0 20px 0;
	clear:both;
}

a.continuetocheckout {
	display:block;
	float:right;
	background:url(/images/continuetocheckout.gif) no-repeat right;
	color:#8DAD31;
	font-size:1.4em;
	font-weight:bold;
	text-decoration:underline;
	padding:3px 37px 2px 0;
	margin:13px 0 0 0;
}


.summary table {
	background:#FFFFFF;
	clear:both;
}

.summary tr {
	border-bottom:2px solid #CCCCCC;
}

.summary th {
	padding:7px;
	font-size:1.2em;
	color:#8DAD31;
	font-weight:bold;
}

.summary td {
	padding:7px;
	font-size:1.2em;
	line-height:1.4em;
}

/* Swap pattern styles */
#swapimage {
	/*clear:both;*/
	width:235px;
	float:right;
	margin-top:10px;
	display:inline;
}

.update {
	font-size:1.1em;
	margin:0 0px 10px 0;
}

.enlargeimage {
	color:#000000;
	float:right;
	/*clear:both;*/
	width:200px;
	text-align:right;
	margin-top:3px;
}