/* CSS Document */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
a img,:link img,:visited img { border:none; text-decoration: none; }
address { font-style:normal; }
a { text-decoration: none; color: #fff; }
a:hover { text-decoration: underline; }

* {
	margin: 0;
	padding: 0;
}

body {
	background: #000 url('../images/layout/bg.jpg') fixed top center no-repeat;
	text-align: center;
	font: 77% Arial, Helvetica, Sans-Serif;
}

* html body * {behavior: url('/js/pngfix.htc')} /*PNG Fix*/

div, img {border: none;}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	letter-spacing: -1px;
	text-align: left;
}

h1 {
	line-height: 16px;
	font-size: 170%;
}

h2 {
	margin: 10px 0;
	font-size: 150%;
}

h3 {font-size: 140%}
h4 {font-size: 120%}
h5 {font-size: 110%}

p {
	text-align: justify;
	line-height: 150%;
	margin: 5px 0 15px 0;
	color: #262626;
}

legend {
	font-weight: bold;
	font-size: 140%;
}

table th, table td {
	padding: 2px;
	font-weight: bold;
}

table th {
	background: #333;
	color: #fff;
}

table td {background: #eee}

table td.dark {
	background: #333;
	color: #fff;
	font-weight: bold;
}

table td.prem{background: #edfdcc}

button {
	width: auto;
	overflow: visible;
	cursor: pointer;
	padding: 2px 20px;
}

button.addBut,
button.removeBut {
	height: 25px;
	border: none;
	margin: 2px 0;
	padding: 0;
}

button span {display: none}

object {border: 3px solid #00481e}


/* Header */
#header {
	width: 960px;
	background: url('../images/layout/headerBg.jpg') no-repeat;
	overflow: hidden;
	font-weight: bold;
	font-size: 90%;
}

#header h1#logo { margin: 0; }

	#header h1#logo a {
		background: url('../images/layout/simplycane.gif') no-repeat;
		width: 387px;
		height: 72px;
		float: left;
		margin: 10px 0;
	}

	#header h1#logo a span {display: none}

#basket {
	float: right;
	background: url('../images/layout/basketBg.png') repeat-x;
	height: 40px;
}

	#basket dt {display: none}

	#basket dd {
		float: left;
		padding: 3px 18px 4px 18px;
		background: url('../images/layout/basketDivider.gif') left no-repeat;
	}

	#basket dd.first {
		padding-left: 0;
		background: none;
	}

 	#basket dd.viewtrolley span {
		background: url('../images/icons/basket.png') no-repeat;
		padding-left: 17px;
	}

	#basketedge {
		width: 50px;
		height: 40px;
		float: right;
		background: url('../images/layout/basketEdge.png') no-repeat;
	}

#topnav {
	padding-top: 27px;
	clear: right;
}

	#topnav ul {
		height: 25px;
		display: inline;
		float: right;
		background: url('../images/layout/topnavBg.gif') repeat-x;
		text-transform: uppercase;
	}

	#topnav li {
		float: left;
		padding: 7px 18px 3px 38px;
		background: url('../images/layout/topnavDivider.gif') left 4px no-repeat;
	}

	#topnav li.first {
		padding-left: 0;
		background: none;
	}

	#topnavedge {
		width: 39px;
		height: 25px;
		float: right;
		background: url('../images/layout/topnavEdge.png') no-repeat;
	}


/* Torso */
#torso {
	width: 960px;
	padding: 0;
	float: left;
	background: #fff url('../images/layout/navsubBg.gif') repeat-y;
}

#content {
	background: #000;
	width: 960px;
	margin: 0 auto;
	text-align: left;
	border-bottom: 20px solid #000;
	border-left: 10px solid #000;
	border-right: 10px solid #000;
}

#main {
	background: #fff;
	width: 815px;
	padding: 10px 11px;
	float: right;
}

	#main ul, #main ol {
		list-style-position: inside;
		text-align: left;
		margin: 10px 0 15px 20px;
	}

	#main li {padding-left: 15px}

	#main a {
		text-decoration: underline;
		font-weight: bold;
		color: #446005;
	}

	#main a:hover {
		text-decoration: none;
		color: #000;
	}

	#main h3 a { text-decoration: none; }
		
#nav {
	position: relative;
	float: left;
	width: 123px;
	height: 463px;
	background: url('../images/layout/navBg.gif') no-repeat;
	padding: 0;
	overflow: visible;
}
			
	#nav ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}

	#nav li {
		float: left;
		width: 110px;
		font-size: 90%;
		cursor: pointer;
		text-transform: uppercase;
		font-weight: bold;
		vertical-align: middle;
	}

	#nav a {
		display: block;
		padding: 9px 0 9px 10px;
	}


#subscribe {
	color: #eee;
	text-align: center;
	width: 109px;
	background: url(../images/layout/subscribeBox.gif) top no-repeat;
	margin: 30px 7px 0 7px;
	padding: 54px 0 6px 0;
}

	#subscribeText {
		font-size: 11px;
		margin-bottom: 10px;
		color: #000;
	}

	#subscribeName, #subscribeEmail {
		font-size: 10px;
		color: #999;
		width: 95px;
		margin-top: 3px;
		padding: 1px 2px;
		border: 1px solid #a5acb2;
	}

	* html #subscribeName, * html #subscribeEmail { width: 85px; margin-top: 1px; } /* Fix for IE6 and IE7 */
	*+html>body #subscribeName, *+html>body #subscribeEmail { width: 85px; margin-top: 1px; } /* Fix for IE6 and IE7 */

	#subscribeImage { margin-top: 8px; }


/* Footer */

#footer {
	color: #ccc;
	font-size: 90%;
	text-transform: uppercase;
	margin-top: 30px;
	text-align: center;
}

#footer a { color: #ccc; }

#copy {
	margin-top: 10px;
	text-align: center;
}

#copy img { vertical-align: middle; }


/* Page Elements */

#homepromo a {
	background: #000 url('../images/homePromo.jpg') top no-repeat;
	width: 815px;
	height: 352px;
	display: block;
}

#homepromo p {margin: 0}
#homepromo p span {display: none}

#home div {
	width: 194px;
	height: 125px;
	float: left;
	margin: 10px 13px 0 0;
}

#home div a {
	color: #3d4140;
	text-decoration: underline;
}

#home div h3 a { font-weight: normal; text-decoration: none }

#home div#homeSuites {background: url('../images/homeSuites.jpg') no-repeat;}
#home div#homeAccessories {background: url('../images/homeAccessories.jpg') no-repeat;}
#home div#homeFabrics {background: url('../images/homeFabrics.jpg') no-repeat;}

#home div#homeOffers {
	background: url('../images/homeOffers.jpg') no-repeat;
	margin-right: 0;
}

#home h3 {
	margin: 10px 0px 0 75px;
	color: #414141;
	font-size: 170%;
}

#home p {
	text-align: left;
	line-height: 110%;
	margin: 10px 10px 0 75px;
	color: #414141;
}

#home div#homeAccessories h3, #home div#homeAccessories p {margin-left: 68px}
#home div#homeFabrics h3, #home div#homeFabrics p {margin-left: 80px}
#home div#homeOffers h3, #home div#homeOffers p {margin-left: 10px}


#overview {
	margin-bottom: 20px;
	overflow: hidden;
	text-align: center;
}

#overview #productimage {
	float: right;
	width: 285px;
	border: 2px solid #ccc;
	margin-left: 10px;
	padding-top: 20px;
}

#overview #productimage img {margin-bottom: 5px}

#overview strong {font-size: 140%}

#overview button.addBut {
	width: 161px;
	background: url('../images/buttons/basketAdd.png') no-repeat;
}

#overview button.removeBut {
	width: 161px;
	background: url('../images/buttons/basketIn.png') no-repeat;
}

#overview #mainTable, #overview #mainTable2 {
	width: 513px;
	float: left;
	margin-bottom: 10px;
}

#overview #mainTable td, #overview #mainTable2 td {
	line-height: 250%;
	padding-bottom: 10px;
}

#overview #additTable {
	width: 100%;
	margin-bottom: 20px;
}

#overview #bespoke {
	width: 400px;
	float: right;
}

#overview #bespoke h3 {margin-bottom: 10px}
#overview #bespoke img {float: left}



#pro div.pro {
	width: 265px;
	background: #fff;
	margin: 40px 3px 0 3px;
	overflow: hidden;
	text-align: center;
	float: left;
	display: inline;
}

#pro h3 {
	font-size: 120%;
	font-weight: bold;
	letter-spacing: -1px;
	border-bottom: 2px solid #a0c64d;
	display: inline;
}

#pro div.pro p {
	text-align: center;
	font-weight: bold;
	margin: 0 0 10px 0;
}

#pro p span {
	font-size: 180%;
	margin-left: 4px;
	margin-right: 2px;
	letter-spacing: -1px
}

#pro p span.strike {font-size: 150%}
#pro b {font-size: 120%}
#pro strong {font-size: 140%}

#pro a.itemPrev {
	display: block;
	margin: 15px 0 10px 0;
}

#pro a.access { margin: 15px 0 10px 0; }

#pro div.pro div { 
	background: #edfdcc;
	width: 250px;
	margin: auto;
}

#pro div.pro div p { margin: 0 0 5px 0; }
#pro img.moreInfo { margin: 10px 0; }



#fabrics div.fab {
	margin: 30px 0;
	padding-bottom: 10px;
	width: 815px;
}

#fabrics h3 {
	margin: 10px 20px 0;
	font-size: 100%;
	letter-spacing: 0;
	text-align: center;
}

#fabrics .smfabric {
	width: 100px;
	height: 140px;
	float: left;
	margin: 0 19px 19px 0;
	text-align: center;
	display: inline;
}

#fabrics .nomar { margin-right:0 }

#fabrics .ovfabric {
	width: 100px;
	height: 140px;
	float: left;
	margin: 10px 10px 10px 0;
	text-align: center;
	display: inline;
}

	#fabrics .ovfabric  h6{
		font-size: 110%;
		text-align: center;
		margin-top: 5px;
	}


#contactBox, #basketSubmit { overflow: hidden; }

#contactBox #qwerleft, #basketSubmit #qwerleft,
#contactBox #qwerright, #basketSubmit #qwerright {
	width: 49.3%;
	float: left;
}

#contactBox #qwerright, #basketSubmit #qwerright {float: right}

#contactBox fieldset, #basketSubmit fieldset {
	margin-bottom: 3%;
	border: 1px solid #ccc;
	padding: 10px;
}

#contactBox legend, #basketSubmit legend {
	margin-left: 5px;
	padding: 0 2px 10px 2px;
	color: #000;
	font-weight: bold;
}

#contactBox div input, #basketSubmit div input,
#contactBox div select, #basketSubmit div select,
#contactBox textarea, #basketSubmit textarea {
	margin: 0 0 5px 5px;
	width: 70%;
	border: 1px solid #a5acb2;
	padding: 2px;
}

#basketSubmit input#terms {
	float: left;
	margin-left: 5px;
	width: auto;
}

#contactBox div select, #basketSubmit div select {
	width: 35%;
	float: left;
}

#contactBox textarea, #basketSubmit textarea {width: 97%}

#contactBox label, #basketSubmit label {
	float: left;
	width: 26%;
	text-align: right;
}

#basketSubmit label#normalLbl {
	margin-bottom: 10px;
	width: 790px;
}

#contactBox br, #basketSubmit br {clear: left}

#contactBox span, #basketSubmit span {
	color: #cf3f3f;
	font: bold 110% verdana, arial;
}

#contactBox button, #basketSubmit button {float: right}


#contactIcons {
	overflow: hidden;
	border-bottom: 1px solid #000;
	padding-bottom: 30px;
}

#contactIcons div {
	width: 200px;
	float: left;
	margin-top: 30px;
	text-align: center;
}

#contactIcons p {text-align: center}

#contactIcons p span {
	display: block;
	font-size: 150%;
}


.rssfeeds {
	height: 140px;
	width: 14em;
	margin: 0 0 30px 30px;
	background: url(../images/layout/feeds.gif) right bottom no-repeat;
	float: right;
}

.rssfeeds a.rss  {
	padding: 0 0 0 25px;
	line-height: 22px;
	background: url(../images/icons/rss.gif) no-repeat 5px 0;
}

.totalProductHeader,
.deliveryPriceHeader,
.vatCostHeader,
.totalHeader {text-align: right}


.productList table {
	width: 815px;
	margin: 20px auto;
	background: #fff;
	border-top: 1px solid #a5acb2;
	border-left: 1px solid #a5acb2;
	text-align: center;
}

.productList table th {
	border-right: 1px solid #a5acb2;
	border-bottom: 1px solid #a5acb2;
	padding: 5px;
}

.productList table td {
	border-right: 1px solid #a5acb2;
	border-bottom: 1px solid #a5acb2;
	padding: 5px;
}

p.stand {
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
	padding: 5px 20px;
	border: 1px solid #dedede;
	background: #ffffcc;
	margin-bottom: 10px;
	clear: both;
}

.clear {
	clear: both;
	margin-top: 20px
}

.strike { text-decoration: line-through }
.caps { text-transform: uppercase }
.errormsg { color: #cf3f3f }
.green { color: #537900 }
.red { color: #cf3f3f }

.showroom { margin-right: 10px }