/* Cush Cush */

body {
	background: #d1caba url(../images/background.jpg) repeat-x;
	font-size:100%; /* broswers default to 16px, use 100% for more consistent text resizing in IE */
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1em;/* 1*16=16px */
	margin:0;
}

#container {
	width:974px;
	margin:0 auto; /* centre */
	font-size:0.6875em; /* 0.6875*16=11px */
	position:relative;
}

/* header */
#header {
	background: #d9d7cb url(../images/banner_top.jpg);
	height:83px;
	padding:30px 10px;
}
#telephone{
	position:absolute;
	top:61px;
	left:13px;
	background:url(../images/telephone.jpg) no-repeat;
	width:175px;
	height:40px;
}
#telephone p{
	text-indent:-9999px;
}
#logo {
	position:absolute;
	display:block;
	margin:0;
	padding:0;
	left:367px;
	top:25px;
	width:242px;
	height:91px;
	overflow:hidden;
	z-index:3;
}
#logo a {
	display:block;
	height:100%;
	width:100%;
	text-indent:-9999px;
}
#logo a img {
	display:block;
	text-indent:0;
}
#topcart {
	float:right;
}
.cart {
	background:url(../images/shoppingcart.gif) left no-repeat;
	padding:2px 10px 2px 22px;
	float:left;
}
/* top navigation */
#navbar {
	background: #b54688 url(../images/menubar.jpg) no-repeat;
	min-height:42px;
	font-size:0.909091em; /* 0.909091*11=10px */
}
* html #navbar {
	height:42px;
}
#navbar ul{
	margin:0;
	padding:14px 20px;
}
#navbar li {
	display:inline;
	margin:0 21px;
	text-transform:uppercase;
}
#navbar li a {
	color:#FFF;
	text-decoration:none;
}
#navbar li a:hover {
	color:#000;
}
/* main body*/
#main {
	background: #f8f0e3;
	padding:40px 15px 30px 15px;
	overflow:auto; /* slef clear */
	width:944px; /* needed for self clear in IE6 */
}

/* footer */
#footer {
	background: #aaa89c url(../images/bottom_zigzag.gif) no-repeat top;
	height:8em;
	position:relative;
}
#address {
	position:absolute;
	bottom:15px;
	left:10px;
	width:300px;
}
address{
	font-style:normal;
}
#info {
	position:absolute;
	bottom:15px;
	left:350px;
	text-align:center;
}
#copyright {
	position:absolute;
	bottom:15px;
	right:10px;
	width:300px;
	text-align:right;
}
#copyright a{
	text-decoration:none;
}
#copyright a:hover{
	color:#000;
}
/* general */
hr {display:none;}
#skip {text-indent:-9999px;line-height:0;margin:0;padding:0;}

h1, h3, h4, h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
}

h1#hometitle {
	font-size:1.5455em; /* 17px from base of 11 */
	color: #7E0B50;
	margin:0 0 0.25em 0;
	padding:0;
}

h1 {
	padding-top: 0;
	margin-top: 0;
	font-size: 1.6em;
	color: #7E0B50;
}

h2 {
	font-size: 1.09091em; /* 12px from base of 11 */
	margin:0 0 0.25em 0;
	padding:0;
}

h3 {
	font-size: 1.5em;
}
h4, h5, p{
	font-size:1em; /* 11px from base of 11 */
	margin:0.25em 0;
	padding:0;
}
ul, li{
	font-size:1em; /* 11px from base of 11 */
	margin:0;
	padding:0;
}
img {
	border:0 none;
}

.content h2 { /* leader text */
	color:#ba5d8c;
	font-size:1.2em;
	margin-top:0.25em;
	padding:0;
}
a {
	color:#000;
}
a:hover {
	color:#b54688;
}
th {
	text-align:left; /* override ie8 default */
}
.box a{
	color:#FFF;
}
.box a:hover {
	color:#000;
}
.box p {
	margin:0 8px 1.2em 8px;
}


/* image replacement */
.luxury {
	background:url(../images/heading_luxury.gif) no-repeat;
	height:23px;
	text-indent:-9999px;
}
.custom{
	background:url(../images/heading_custommade.gif) no-repeat;
	height:30px;
	text-indent:-9999px;
}
.fabric{
	background: url(../images/heading_wantustoquilt.gif) no-repeat;
	height:31px;
	text-indent:-9999px;
}
.buy{
	background: url(../images/heading_buyonline.gif) no-repeat;
	height:23px;
	text-indent:-9999px;
	margin-bottom:10px;
}
.quiltthrow{
	background: url(../images/button_quiltsthrows.gif) no-repeat;
	height:33px;
	text-indent:-9999px;
}
.cushion{
	background: url(../images/button_cushions.gif) no-repeat;
	height:33px;
	text-indent:-9999px;
}
.tieback{
	background: url(../images/button_tiebacks.gif) no-repeat;
	height:33px;
	text-indent:-9999px;
}

/* side menu */
.menu {
	margin-top:19px;
}
.menu ul{
	list-style:none;
}
.menu li {
	margin:10px 0;
}
.menu li a{
	display:block;
	border: 1px solid #f8f0e3;
}
.menu li a:hover{
	border: 1px solid #aaa89c;
}

/*general structure*/
.content {
	width: 705px;
	float:left;
}

.side{
	float:right;
	width:224px;
	padding-left:15px;
}

.productMain .side {
	padding-left: 0;
}
.box {
	width:210px;
	min-height:156px;
	background: #ba5d8c url(../images/pink_panel.jpg);
	color:#FFF;
	padding:14px 7px 14px 7px;
}
* html.box {
	height:156px;
}
.box .fabric {
	margin-bottom:0.8em;
}


/* 
home page 
updated to use class rather than ids - JDA 5th September 2009
*/

.home .content
{
	width:690px;	
}


.home .picture {
	float:right;
	/*width:465px;
	height:330px;*/
	padding: 0px 5px 10px 10px;
}
.home .picture h2.custom{
	background-color: #a72965;
	background-position:center 3px;
	height:30px;
	text-indent:-9999px;
	margin:0; padding:0;
}

/* product main */
.productMain .content 
{
	width:225px;
	padding-right:15px;
	padding-bottom:15px;
}

.mainProductBox {
	display: block;
	width: 225px;
	height: 200px;

	/*background-color: #FFF;*/
	margin-bottom: 20px;	
}

.mainProductBox .productImage
{
	height:auto;
	background-color: #FFF;
	
}

.mainProductBox img {
	margin-bottom: 20px;
}

.mainProductBox h2 a{
	display: block;
	width: 223px;
	line-height: 3em;
	height: 3em;
	background-color:#CDC9BD;
	border: 1px dashed #AAA89C;
	color: #7E0B50;
	text-align: center;
	/*margin: 0 0 30px 0;*/
	margin: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	text-decoration: none;
}

.mainProductBox h2 {
	margin-top: 0;
}

.mainProductBox h2 a:hover {
	background-color:#DFDCD1;
}

.categoryDescription
{
	clear:both;
}

/*individual product box */

.price {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	font-style: italic;
	font-weight: bold;
	margin-bottom: 10px;
}

.block {
	display: block;
	padding: 10px;
	background-color: #EFE9E0;
	margin: 7px 0;
}
.bed {
	overflow:auto;
	min-height:212px; /* IE needs height */
}
* html .bed{
	height:212px; /*IE 6 */
}
.bedmeasure{
	float:right;
	margin:0;padding:0;
}
.specify {
	width: 400px;
	margin: 0 15px 15px 0;
}
.specify table {
	margin: 10px 0;
}
.quantitytext {
	width: 30px;
	text-align:center;
}

#individualProduct .content img {
	border: 1px solid #CCC;
	padding: 2px;
	background: #FFF;
	margin: 0 10px 0 0;
}

#individualProduct .content h2 {
	font-size: 1.4em;
	margin: 1em 0;
	color: #A23974;
}

table.bedSizes {
	width: 490px;
	text-align: left;
	margin-bottom: 20px;
}

/* contact, testimonials, etc */

h3.form {
	margin-top: 23px;
}

#contactDetails {
	background-color:#EFE9E0;
	padding:1em 15px;
	width:309px;
	float: right;
}

#contactDetails h3 {
	padding-top: 0;
	margin-top: 0;
}

label {
	margin:0.5em 0;
	display: block;
}

label span {
	color: #AA3C7B;
}

#contactForm td {
	vertical-align: top;
}


.formField {
	width:339px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
}

.formButton {
	background-color:#AA3C7B;
	border: none;
	color:#FFFFFF;
	height:32px !important;
	width: 8em !important;
	/*display: block;*/
	line-height:2.0em;
	/*margin-top: 10px;*/
	overflow:hidden;
	padding: 5px 0;
	text-align: center;

}

.formButton:hover {
	background:#BC5C8C none repeat scroll 0 0;
	cursor:pointer;
}


.useralert
{
	background-color:#b54688;
	color:#fff;
	font-size:1.3em;
	height:auto;
	vertical-align:middle !important;
}

.useralert a
{
	color:#fff;
}

.strikeThrough {
	text-decoration:line-through;
	}

.spaceLeft, .x2columnCentre ul li.spaceLeft, .x2columnCentre input.spaceLeft, .x2columnCentre a.spaceLeft {
	margin-left:5px !important;
	}
.spaceLeft2, .x2columnCentre .spaceLeft2 {
	padding-left:10px !important;
	}
.spaceLeft3, .x2columnCentre .spaceLeft3{
	padding-left:30px !important;
	}
.spaceLeft4, .x2columnCentre .spaceLeft4{
	margin-left:30px !important;
	}
.spaceRight {
	margin-right:5px !important;
	}
.spaceRight2 {
	padding-right:10px !important;
	}
.spaceTop {
	padding-top:5px !important;
	}
.spaceTop2 {
	margin-top:5px !important;
	}
.spaceTop3 {
	padding-top:10px !important;
	}
.spaceBottom {
	margin-bottom:5px !important;
	}
.noMargins {
	margin:0 !important;
	}

.formFieldsContainerLite {
	border:1px solid #000;
	padding-bottom:2px;
	}
	
	.formFieldsContainerLite h2, .formFieldsContainerLite h3  {
		margin:0 0 4px 0;
		padding:3px 2px;
		background-color:#b54688;
		border-bottom:1px solid #573594;
		color:#fff;
		}
	.formFieldsContainerLite .importantNote  {
		background-color:#b54688;
		color:#fff;
		}
	.formFieldsContainerLite label, .formFieldsContainerLite p{
		padding-left: 2px;
		}
	.formFieldsContainerLite .floatBullets{
		margin-left: 2px;
		}



/* general forms */

ul
{
	margin-left:15px;
}

table
{
	
	
}

th
{
}

tr
{
	
}

td
{
	
}

.clear {
	clear:both;
	line-height:1px;
	font-size:1px;
	height:1px;
	padding:0;
	margin:0;
	}




/* Product Information Page */
.prodTopSection	{
	clear:both;
	padding-top:6px;
	}

.prodImages {
		float:left;
		clear:both;
		width:150px;
		}
		.mainImage {
			width:150px;
			float:left;
			min-height: 100px;
			overflow: hidden;
			margin: 0;
			clear:both;
			}
			.mainImage a{
				width:150px;
				min-height:100px;
				display:block;
				text-align:center;
			}
		.thumbNails {
			width:156px;
			max-width:156px;
			margin-bottom:4px;
			height:auto;
			clear:both;
			font-size:0;
			line-height:0;
			}
		.thumbNails .imageThumbNail { 
			width: 50px;
			height:50px;
			padding:0;
			text-align:center;
			overflow:hidden;
			margin: 0 2px 0 0;
			float:left;
			}
			.thumbNails .imageThumbNail input{ 
			width: auto;
			height:auto;
			padding:0;
			margin: 0;
			}
		.thumbNails .vertAlignMiddle { 
			width: 50px;
			height:50px;
			display: table-cell;
    		vertical-align: middle;
			}
	.multiOptions {
		width:auto;
		float:left;
		}
	.prodInfo{
		float:left;
		width:600px;		
		}
	.prodInfoMulti {
		clear:both;
		padding-top:10px;
		}
		.prodInfo ul, .prodInfoMulti ul {
			list-style: none;
			margin:0;
			padding:0;
			}
			.prodInfo ul li, .prodInfoMulti ul li	{
				margin:0 0 8px 0;
				padding:0;
				vertical-align:middle;
				}
				.prodPrice {
					font-weight:600;
					font-size:14px;
					padding-left:4px;
					}
				.prodQuantity {
					vertical-align:middle;
					width:25px;
					height:14px;
					font-size:11px;
					padding:2px 2px 1px 2px;
					text-align:center;
					}
			.prodInfo ul li ul.productActions, .prodInfoMulti ul li ul.productActions	{
				height:15px;
				}


/*
.productOuter
{
	
}


prodImages

mainImage

clear


smallLink

thumbNails


imageThumbNail


prodInfo


boldtext


prodPrice


autoSize


productActions


buyProductBtn


prodQuantity


messageBox


prodInfoMulti
*/


.liteTable, .liteTable2 {
	width:100%;	
	}
	.liteTable th {
		padding:4px 2px;
		white-space:nowrap;
		}
.liteTable td, .liteTable2 td {
	padding:6px 2px;
	vertical-align:top;
	}
	
	.hideme {
	display:none;
}

.leftText {
	text-align:left !important;
	}
.centreText {
	text-align:center;
	}
.rightText {
	text-align:right;
	}

.floatRight{
	float:right !important;
	}	
.floatLeft{
	float:left !important;
	}
.floatNone {
	float:none !important;
	}
.boldtext, .boldText {
	font-weight:600;
	}
.noBoldtext {
	font-weight:normal;
	}
.centreAll *{
	text-align:center;
	}	

.autoScroll {
	overflow:auto; /* Use when a field must stay a set size but the content might be larger */
	}
	
	
	.checkBoxes label {
	width:250px;
	}
.checkBoxes input, .checkBox input, .checkBox {
	width:15px;
	margin-top:4px;
	}
.checkBox {
	margin:auto 50%;
	}
.x2columnCentre .centreVert, .x2columnCentre .centreVert input{
	margin-top:5px;
	}
input.verySmallField, select.verySmallField, textarea.verySmallField, span.verySmallField input {
	width: 25px;
	}
input.smallField, select.smallField, textarea.smallField, span.smallField input {
	width: 50px;
	}
input.mediumField, select.mediumField, textarea.mediumField {
	width: 100px;
	}
input.largeField, select.largeField, textarea.largeField, .largeField {
	width: 150px;
	}
input.verylargeField, select.verylargeField, textarea.verylargeField, .verylargeField {
	width: 200px;
	}
input.maximumField, select.maximumField, textarea.maximumField, .maximumField {
	width: 561px;
	}
input.maximum, textarea.maximum {
	width: 490px;
	}
label.autoSize, .autoSize {
	width:auto !important;
	}
label.small {
	width:50px;
	}
label.medium {
	width:100px;
	}
label.large {
	width:150px;
	}
label.larger {
	width:200px;
	}
.smallHeightItem {
	height:25px;
	}
.mediumHeightItem {
	height:50px;
	}
.largeHeightItem {
	height:75px;
	}
.largeHeightItem2 {
	height:79px; /* Corrects height of textarea so it matches the label height */ 
	}
.veryLargeHeightItem {
	height:100px;
	}
.largeTextInput {
	height:200px !important;
	line-height:120%;
	width: 561px !important;
	}
.largeTextInput2 {
	height:200px !important;
	line-height:120%;
	width: 478px !important;
	margin-left:4px;
	}
	
	
	
	
	
	

.loginContainer {
	border:1px solid #573594;
	width:500px;
	}
	
	.loginContainer h2 {
		margin:0 0 4px 0;
		padding:3px 2px;
		background-color:#b54688;
		color:#fff;
		}
	.loginContainer h3 {
		padding:2px;
		background-color:#b54688;
		color:#fff;
		}
	.loginContainer label, .loginContainer p {
		padding-left: 2px;
		}

.loginContainer fieldset {
	border: solid 0 transparent;
	display: block;
	margin-bottom:4px;
	}	
.loginContainer legend {
	font-weight: 600;
	}
	
.loginContainer label {
	float: left;
	width: 120px;
	border-right: 10px;
	padding: 5px 0;
	margin-bottom: 5px;
	clear:both;
	}
	
.loginContainer input {
	height:15px;
	}

.loginContainer input, textarea {
	float: left;
	width: 250px;
	padding: 2px;
	border:1px solid #ccccff;
	margin-bottom: 6px;
	margin-top: 10px;
	}
	
.loginContainer textarea {
	overflow:auto;
	}
.loginContainer select {
	float: left;
	width: 256px;
	border:1px solid #ccccff;
	background-color:#fff;
	margin-bottom: 5px;
	margin-top: 10px;
	}
	
.bullets li, .floatBullets2 li{
	margin-bottom:4px;
	padding-left:8px;
	}
.bullets li {
	margin-left:2px;
	float:left;
	}
li.bulletsHeadings, li.bulletsHeadings {
	padding-left:0;
	font-weight:600;
	}
.floatBullets, .bullets {
	clear:both;
	}
.floatBullets li{
	float:left;
	padding-right:5px;
	padding-bottom:4px;
	}
.floatBullets2 li{
	float:left;
	margin-left:10px;
	}
	
	
	
	
.boldText
{
	font-weight:bold;
}


.watermarked
{
	color:#d1caba;	
}


.googleButton
{
	width:auto;
}




/*************************
	Shopping basket
**************************/
		
.basketItem {
	width:100%;	
	}
	.basketItem li{
		float:left;
		}
		.basketItem li.basketQuantity{
			width:16px;
			text-align:center;
			}
		.basketItem li.basketTimes{
			width:0.6em;
			padding:0 0.2em 0 0.4em;
			}
		.basketItem li.basketProdDesc{
			width:135px;
			padding:0 0.2em;
			}
		.basketItem li.basketProdPrice{
			width:45px;
			}
		.basketItem li.basketProdDelete {
			margin-left:4px;
			}
		.basketItem li.basketProdDelete, .basketItem li.basketProdDelete a, .viewBasketDelete {
			width:9px;
			overflow:hidden;
			line-height:12px;
			height:12px;
			text-indent:-5000px;
			display:block;
			}
			.basketItem li.basketProdDelete:hover, .basketItem li.basketProdDelete a:hover, .viewBasketDelete:hover {
				background-position:0 -12px;
				}
				
				
.basketAdSpacer {
	height:80px;
	display:block;
	}
/* Basket subtotal in right hand panel */
.basketTotalHolder {
	float:right;
	clear:both;
	width:110px;
	text-align:right;
	}
	.basketTotalHolder p{
		padding:0 2px 0 0;
		}
	.basketTotalHolder p.basketSubTotal, .basketTotalHolder p.basketSubTotal span {
		padding:2px 2px 2px 0;
		font-weight:600;
		}
/* Basket actions in right hand panel */
ul.basketActions{
	clear:both;
	height:20px;
	width:158px;
	margin:10px 0 0 0;
	}
	ul.basketActions li {
		height:20px;
		overflow: hidden;
		line-height:20px;
		float:left;
		}
	ul.basketActions li a {
		display: block;
		line-height: 20px;
		height:20px;
		text-indent: -5000px;
		overflow: hidden;
		width:100%;
		background-position: center top; /* horizontally centers the background image */
		}
		.viewBasketBtn { width: 85px;}
		.updateBasketBtn { width: 68px;}		
		.checkoutBtn   { width: 68px;}
		
		
.dashedLine {
	height:9px;
	line-height:9px;
	width:auto;
	clear:both;
	padding:4px ;
	}
.dashedLineCompact {
	height:1px;
	line-height:1px;
	width:auto;
	clear:both;
	padding:0 4px ;
	}