/* 
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Default Styles
	CSS Document
	Author: 9xb.com
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

/* 
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Colour scheme CSS styling has
	been stripped out. This will be
	found in it's own 'named' CSS
	file. The default colour scheme 
	for the website is 'blue.css'.
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* DEFAULT STYLES   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
*{padding: 0; margin: 0;}	
	html, body {
		font: 12px/1.4em tahoma, arial, helvetica, verdana, sans-serif;
		line-height: normal;
	}
	
	body {
		margin: 0;
		text-align: center;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* GLOBAL STYLES  */  
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	/* Hidden elements */
	.hidden, .screen_reader, hr {
		display: none;
	}
	
	
	/* Paragraph default styling, amend as desired */
	p {
		margin: 0 0 10px 0;
		padding: 0;
	}
	
	
	/* Removes blue border on img links */
	a img {
		border: 0;
	}
	
	/* Default link styling */
	a {
		text-decoration: underline;
	}
	a:hover {
		text-decoration: none;
	}
	
	
	/* Float an element left with a margin */
	.floatL {
		float: left;
		margin: 0 20px 20px 0;
	}
	
	/* Float an element right with a margin */
	.floatR {
		float: right;
		margin: 0 0 20px 20px;
	}
	
	.tagcloud {
		margin-right: 10px;
	}
	
	.tagcloud a, .tagcould a:visited {
		text-decoration: underline;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* TEMPLATE ELEMENTS   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#outerwrap {
		margin: 0 auto;
		width: 1000px;
		position: relative;
		padding: 0;
		text-align: left;
	}
	#headerwrap {
		float: left;
		width: 1000px;
		padding: 0;
		margin: 0 0 10px 0;
		height: 107px;
	}
	#innerheaderwrap {
		float: left;
		width: 1000px;
		padding: 0;
		position: relative;
		height: 82px;
	}
	#outercontentwrap {
		float: left;
		width: 1000px;
		padding: 0;
	}
	#leftwrap {
		float: left;
		width: 190px;
		padding: 0;
	}
	#contentwrap {
		float: right;
		width: 795px;
		padding: 0 0 10px 0;
	}
	
	#fullcontentwrap { float: left; width: 1000px;	}
	#fullcontentwrap .breadcrumb,
	#fullcontentwrap .mainheading,
	#fullcontentwrap .productdetailswrap 	{ width: 1000px; }
	#fullcontentwrap .innercol_wide			{ width: 727px; }	
	
	#fullcontentwrap .innerleft,
	#fullcontentwrap .innerright			{ width:500px; }
	
	.mainaddtob								{ clear:both; }
	
	#fullcontentwrap .innerright label,
	#fullcontentwrap .innerleft label		{ width:150px; float:left; }
	#fullcontentwrap .innerright .field,
	#fullcontentwrap .innerleft .field		{ width:200px; float:left; }
	#fullcontentwrap .innerright .formrow2,
	#fullcontentwrap .innerright .formrow,
	#fullcontentwrap .innerleft .formrow2,
	#fullcontentwrap .innerleft .formrow	{ float:left; clear:both; display:block; background-color:#fff; width:380px; }	
	
	#fullcontentwrap .innerright .formrow2 p,
	#fullcontentwrap .innerright .formrow p,
	#fullcontentwrap .innerleft .formrow2 p,
	#fullcontentwrap .innerleft .formrow p 	{ width:380px; } 
	
	/*#fullcontentwrap .innerright .formrow2 span,
	#fullcontentwrap .innerright .formrow span,
	#fullcontentwrap .innerleft .formrow2 span,
	#fullcontentwrap .innerleft .formrow span 	{ float:left; } */
	
	
	#pcaButtonMN62				{ float:left; margin:0 5px; }
	#fullcontentwrap .innerleft .formrow2 #postcode	{ float:left; }
	
	#cardpaymentform label		{ float:left; width:150px; }
	#cardpaymentform .field		{ width:200px; }
	#cardpaymentform select		{ padding:5px; }
	
	
	.iconfooterwrapper								{ float:left; clear:both; width:1000px; }
	.iconfooterwrapper .thawteseal					{ float:left; width:108px; padding:0 10px 0 0; display:block; }
	.iconfooterwrapper .mcafee						{ float:left; width:108px; padding:0 10px 0 0; display:block; }
	.iconfooterwrapper .cards						{ float:left; width:200px; padding:0 10px 0 0; display:block; }
	.iconfooterwrapper .sagepay						{ float:left; width:194px; padding:0 10px 0 0; display:block; }
	.iconfooterwrapper .paypal						{ float:left; width:246px; padding:0 10px 0 0; display:block; }
	.iconfooterwrapper .socialmedia					{ float:left; width:76px; }		
	
	.cardicon		{ background:url(../images/credit_cards.gif) 0 0 no-repeat; width:175px; height:56px; display:block; }
	.sagepayicon	{ background:url(../images/credit_cards.gif) 0 -56px  no-repeat; width:175px; height:62px; display:block; }
	.paypalicon	{ background:url(../images/credit_cards.gif) 0 -118px  no-repeat; width:175px; height:55px; display:block; }
	
	.socialmedia ul		{ list-style-type:none; margin:0; padding:0; }	
	.socialmedia li		{  width:34px; height:34px; float:left;}
	.socialmedia a		{ text-indent:-3000em; width:34px; height:34px; display:block; }
	.socialmedia  .twitter { margin:0 5px 0 0; }
	.socialmedia .followus	{ width:68px; text-indent:0em; height:20px; }
	
	#footer {
		float: left;
		width: 1000px;
		padding: 0;
		margin: 0;
		text-align: center;
		clear: both;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FORM ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	input, textarea, select {
		font-family: tahoma, arial, verdana, Trebuchet MS, Lucida Grande, Lucida Sans Unicode, geneva, helvetica, sans-serif;
		font-size: 1em;
	}
	fieldset {
		border: 0;
		margin: 0;
		padding: 0;
	}	
	legend {
		display: none;
	}
	
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HEADING ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	h1, h1, h2, h3 {
		line-height: normal;
		margin: 0;
		padding: 0;
	}
	
	#logo {
		height: 45px;
		width: 205px;
		position: absolute;
		top: 5px;
		/*left: -5px;*/
	}
	#logo a {
		text-indent: -3000em;
		font-size: 1px;
		overflow: hidden;
		height: 45px;
		width: 205px;
		display: block;
	}
	#logo {
		font-size: 1.7em;
		margin: 0 0 9px 0;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HEADER STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* BASKET LINKS  */

	#basketlinks {
		position: absolute;
		/*top: 12px;*/
		top:5px;
		right: 14px;
		height: 34px;
		width: 370px;
		padding: 0;
		list-style: none;
		font-size: 0.9em;
	}
	#basketlinks li {
		float: left;
		padding: 0 0 0 10px;
		margin: 10px 10px 0 0;
	}
	#basketlinks li a {
		padding: 5px 0;
		font-weight: bold;
	}
	#basketlinks li.basket {
		padding: 5px 0 5px 25px;
		margin: 5px 10px 0 10px;
	}
	* html #basketlinks li.basket {
		margin: 5px 10px 0 5px;
	}
	
/* CONTACT DETAILS AREA  */

	#contactinfo {
		position: absolute;
		/*top: 12px;*/
		top:5px;
		right: 387px;
		height: 34px;
		width: 258px;
		padding: 0;
		list-style: none;
		font-size: 0.9em;
		font-weight: bold;
	}
	#contactinfo li {
		float: right;
		padding: 0;
		margin: 10px 10px 0 0;
	}
	#contactinfo li a {
		padding: 5px 0 5px 10px;
	}
	
	.xmasdelivery	{ position:absolute; right:20px; top:40px; }
	.xmasdelivery a	{ color:#fff; font-size:90%; padding:0 0 5px 0; }
	.xmasdelivery .xmasdeliverymsg	{ display:none; }
	.xmasdelivery:hover .xmasdeliverymsg	{ position:absolute; top:14px; right:0; display:block; width:150px; z-index:10; background-color:#fff; padding:10px; } 

/* NAV STYLES  */

	#nav {
		position: absolute;
		bottom: 0;
		left: 0;
		padding: 0;
		list-style: none;
		font-size: 0.9em;
		font-weight: bold;
	}
	#nav li {
		float: left;
		padding: 0;
		position: relative;
		top: 7px;
		margin: 0 1px 0 0;
	}
	#nav li a {
		padding: 5px 31px 5px 32px;
		margin: 0;
		float: left;
		text-decoration: none;
	}
	#nav li a:hover {
		text-decoration: underline;
	}
	#nav li.selected {
		top: 0;
	}
	#nav li.selected a {
		padding: 9px 32px 8px 31px;
	}
	
/* USEFUL LITTLE LINKS IN THE HEADER  */

	#usefullinks {
		position: absolute;
		bottom: -19px;
		right: 20px;
		padding: 0;
		list-style: none;
		font-size: 0.8em;
	}
	#usefullinks li {
		float: left;
		padding: 0 0 0 15px;
		margin: 0 0 0 10px;
	}
	#usefullinks li a {
		text-decoration: none;
		font-weight: normal;
	}
	#usefullinks li a:hover {
		text-decoration: underline;
	}
	
/* Scroller */

	#scroller {
		position: absolute;
		bottom: -19px;
		left: 0;
		margin: 0;
		width: 600px;
		list-style: none;
		font-size: 0.8em;
		font-weight: normal;
		text-align: left;
	}
	#scroller a {
		text-decoration: none;
	}
	#scroller a:hover {
		text-decoration: underline;
	}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* CONTENT STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#countdown {
	background-color: #a41717;
	width: 100%;
	float: left;
	height: 80px;
	margin-bottom: 10px;
}

#flashcontent {
	width: 395px;
	margin-bottom: 10px;
	float: left;
	
}

div.countdown_box {
	width: 80px;
	height: 80px;
	float: left;
}

.countdown_box img {
	margin-top: 50px;
	margin-left: 10px;
}

	.imglinksbox {
		float: left;
		width: 795px;
		margin: 0 0 10px 0;
	}
	.imglinksboxinner {
		float: right;
		width: 375px;
		padding: 10px;
		text-align: justify;
	}
	.imglinksboxinner h1 {
		font-size: 18px;
	}
	.imglinksboxinner p {
		text-align: justify;
	}
	
	.imglinksbox img {
		float: left;
		margin: 0;
		padding: 0;
	}
	.imglinksbox p {
		margin: 0 0 10px 0;
		padding: 0;
		line-height: 1.6em;
		text-align: justify;
	}
	.imglinksbox ul {
		text-align: left;
		width: 165px;
		float: left;
		padding: 0;
		margin: 0 0 0 10px;
		list-style: none;
	}
	.imglinksbox ul li {
		padding: 0 0 0 12px;
		margin: 4px 0;
	}
	.imglinksbox ul li a {
		font-size: 0.9em;
		text-decoration: none;
	}
	.imglinksbox ul li a:hover {
		text-decoration: underline;
	}
	
	.imglinksbox .right {
		text-align: left;
		width: 185px;
		float: left;
		margin: 0 0 10px 0;
		list-style: none;
	}
	.imglinksbox .right li strong {
		text-transform: uppercase;
	}
	.imglinksbox p {
		font-size: 0.9em;
		text-align: left;
	}
	
/* Homepage offer products */
	.hpofferswrap {
		float: left;
		width: 795px;
		margin: 0 0 10px 0;
	}
	.hpofferswrap .offersleft,
	.hpofferswrap .offersright {
		float: left;
		width: 391px;
		margin: 0;
		padding: 0;
		height: 370px;
	}
	
	.hofferblinks { position:absolute; bottom:10px; left:15px; }
	.hofferblinks .linkrating { padding-top:5px; }
	
	.hpofferswrap .offersright {
		float: right;
	}
	.hpofferswrap h2 {
		padding: 5px 10px;
		font-size: 0.9em;
		font-weight: normal;
		position: relative;
	}
	.hpofferswrap h2 a {
		position: absolute;
		top: 5px;
		right: 10px;
		text-decoration: none;
	}
	.hpofferswrap h2 a:hover {
		text-decoration: underline;
	}
	.hpofferswrap ul {
		list-style: none;
		margin: 0;
		padding: 0 0 10px 0;
		float: left;
	}
	.hpofferswrap li {
		width: 193px;
		margin: 10px 0 0 -1px;
		padding: 0;
		float: left;
		text-align: center;
		font-size: 0.9em;
		height: 345px;
	}
	.hpofferswrap li a {
		font-weight: bold;
	}

/* Homepage Best sellers */
	.bestsellers {
		float: left;
		width: 793px;
		margin: 0 0 10px 0;
	}
	.bestsellers h2 {
		padding: 5px 10px;
		margin: 0 0 10px 0;
		text-transform: uppercase;
		font-size: 0.9em;
		font-weight: normal;
		position: relative;
	}
	.bestsellers h2 a {
		position: absolute;
		top: 5px;
		text-transform: none;
		right: 10px;
		text-decoration: none;
	}
	.bestsellers h2 a:hover {
		text-decoration: underline;
	}
	.bestsellers ol {
		list-style: none;
		margin: 0;
		padding: 0 0 10px 16px;
		float: left;
	}
	.bestsellers li {
		width: 132px;
		margin: 0 0 10px 0;
		padding: 10px;
		float: left;
		position: relative;
		text-align: center;
		font-size: 0.9em;
		min-height: 240px; overflow:hidden; border:1px solid #e3e3e3;
	}
	.bestsellers li a {
		padding: 0 0 10px 0;
		display: block;
		padding: 0;
	}
	.bestsellers .number {
		position: absolute;
		top: 0;
		left: 3px;
	}
	
	.bestsellers .innerli	{ border-left:0px; }
	.bsinnerprice 			{ font-size: 17px; color: #cc0000; position:absolute; bottom:40px; left:0; width:132px; text-align:center; font-weight:bold; margin:0 0 0 10px; }
	
	.sodisplayprice			{ position:absolute; top:255px; left:0; width:100%; text-align:center; }
	
	.bestsellers .moreinforlink	{ position:absolute; bottom:10px; left:30px; }
	
	.pstock			{ float:left; width:140px; display:block; margin:10px 0 0 0; font-weight:bold; font-size:110%;  }
	.pavailable		{ float:left; width:215px; display:block; margin:10px 0 0 0; font-weight:bold; font-size:110%; }
	.pfreedel		{ clear:left; float:left; width:190px; margin:10px 0 0 0; display:block; font-weight:bold; font-size:110%; }
	.fabricoptiontext	{ color:#CC0000; margin:-5px 0; }
	
	.producticons	{ background-image:url(../images/icons.png); background-repeat:no-repeat; width:17px; height:17px; display:block; float:left; margin:0 10px 0 0; }
	.instock 		{ background-position:0 0; }
	.nostock		{ background-position: -17px 0; }
	.available		{ background-position: -36px 0; }
	
	.buying_options .orange,
	.orange			{ color:#d0a32c; }
	
	.innerright	h1	{ color:#0f0f0f; margin:20px 0 0 20px; font-size:180%; }
	
	.prrp			{ float:left; clear:both; margin:15px 0 0 0; font-size:120%; font-weight:bold; text-decoration:line-through; width:100%; }
	.ptodaysprice	{ float:left; clear:both; margin:15px 0 0 0; font-size:200%; color:#8e9d10; width:100%; padding:0 0 4px 0; }
	
	.itemcode		{ padding:0 0 10px 0; }
	
	#fabricoptions		{ list-style-type:none; }
	#facebox .content li 	{ float:left; display:inline; }
	#facebox .content li img 	{ border: 2px solid #E9F2F2; }
	
	/* Buying options with add to basket */	
	.buying_options { position: relative; clear:both; padding: 5px 20px 5px 20px; width: 358px; }
	.buying_options .qtyform 	{ }
	.buying_options legend  	{ display: none; }	
	.buying_options label 		{ float:left; }
	
	.highlighted	{ margin:10px 0 0 0; }
	.qty	{ float: left; font-size: 1em; margin: 0 0 0 5px; padding: 3px; width: 20px; }
	.qtywrapper		{ width:54px; height:21px; display:block; position:relative; float:left; clear:both; margin:5px 0 0 0;  }
	.qtywrapper .qty			{ border-top:1px solid #abadb3; border-left:1px solid #e2e3ea; border-bottom:1px solid #e3e9ef; border-right:1px solid #dbdfe6; width:38px;  height:15px; position:absolute; top:0; left:0; padding:2px; }
	.addone			{ background:url(../images/btnqty.png) top left no-repeat; width:16px; height:11px; display:block; position:absolute; top:0; right:0; cursor:pointer; text-indent:-3000em; }
	.minusone		{ background:url(../images/btnqty.png) bottom right no-repeat; width:16px; height:10px; display:block; position:absolute; bottom:0; right:0; cursor:pointer; text-indent:-3000em; }

	.buying_options .qtyform .formbutton { float:left; clear:both; margin:20px 0 30px 0; }
	
	#prodsrelated .reltitle	{ padding:0 0 10px 0; }
	
	#basketprodsrelated .fabric_options,
	#basketprodsrelated .highlighted td,
	#prodsrelated .fabric_options,
	#prodsrelated .highlighted td		{ background-color:#fff; }	
	#basketprodsrelated .reltitle a,
	#prodsrelated .reltitle a			{ color:#464646; text-decoration:none; }
	#basketprodsrelated .relprodcode,
	#prodsrelated .relprodcode			{ color:#bababa; margin:0 0 10px 0; }
	#basketprodsrelated .relprice,
	#prodsrelated .relprice				{ color:#8E9D10; font-size:160%; float:left; }
	#basketprodsrelated .relrrsp, 
	#prodsrelated .relrrsp				{ color:#464646; font-weight:bold; float:left; margin:2px 0 0 10px; }
	
	#basketprodsrelated label,
	#prodsrelated label					{ color:#464646; font-weight:bold; font-size:90%; }
	#basketprodsrelated .qtywrapper		{ float:right; margin:-2px 0 5px 10px; }
	#prodsrelated .qtywrapper			{ float:right; margin:5px 0; }
	
	#basketprodsrelated .infowrapper	{ padding-right:5px; }
	#prodsrelated .infowrapper			{ border-right:1px solid #dddddd; padding-right:5px; }
	.imgwrap a							{ color:#000; }	
	
	#basketprodsrelated .basketpad							{ border-bottom:1px solid #dddddd; padding:0 0 10px 0; margin:0 0 10px 0;  }
	
	.basket	.subtotal td							{ padding-top:10px; }
	.basket	.subtotal td input,
	.basket	.subtotal td select 						{ padding:5px; }
	
/* Garden News */
	.gardennews {
		float: left;
		width: 795px;
	}
	.gardennews h2 {
		padding: 5px 10px;
		margin: 0;
		font-size: 0.9em;
		position: relative;
	}
	.gardennews h2 span {
		position: absolute;
		top: 5px;
		right: 10px;
		font-weight: normal;
		text-decoration: none;
	}
	.gardennews h2 span:hover {
		text-decoration: underline;
		cursor: pointer;
	}
	
	#gardennewsinner {
		float: left;
		width: 100%;
		padding: 10px 0 10px 10px;
	}
	
	.gardennews div {
		float: left;
		width: 250px;
		padding: 0 10px 0 0;
	}
	.gardennews div h3 {
		font-size: 0.9em;
		margin: 0 0 10px 0;
		padding: 0;
	}
	.gardennews ul {
		text-align: left;
		width: 165px;
		padding: 0;
		margin: 0 0 0 10px;
		list-style: none;
	}
	.gardennews ul li {
		padding: 0 0 0 12px;
		margin: 4px 0;
		font-size: 0.9em;
	}
	.gardennews a {
		text-decoration: underline;
	}
	.gardennews a:hover {
		text-decoration: none;
	}
	.gardennews p {
		font-size: 0.9em;
		line-height: 1.4em;
	}
	
	
/* Product Information */
	.standalonepara p {
		font-size: 11px;
		padding: 0 15px 10px 15px;
	}
	
	.productinfowrap {
		float: left;
		width: 793px;
		padding: 0;
		margin-top: 10px; position:relative;
	}
	.productinfowrap_inner {
		float: left;
		width: 773px;
		padding: 10px;
		font-size: 0.9em;
	}
	
	#js_homeprodtab span		{ cursor:pointer; background:url(../images/homepagearrows.png) top left no-repeat; width:11px; height:9px; display:block; position:absolute; top:7px; right:10px; }
	#js_homeprodtab .downarrow		{ background-position: bottom left;  }
	
	.productinfowrap h2 {
		padding: 5px 10px;
		margin: 0;
		font-size: 0.9em;
		position: relative; cursor:pointer;
	}
	.productinfowrap h2 span {
		position: absolute;
		top: 5px;
		right: 10px;
		font-weight: normal;
		text-decoration: none;
	}
	.productinfowrap h2 span:hover { text-decoration: underline; }
	
	.productinfowrap h3 {
		font-size: 1em;
		margin: 0 0 10px 0;
		padding: 0;
	}
	.productinfowrap ul {
		margin: 0 0 0 14px;
		padding: 0;
	}
	
/********************* The rest **********************/

	.breadcrumb {
		padding: 0 10px;
		width: 775px;
		float: left;
		margin: 0;
	}
	.breadcrumb ul {
		list-style: none;
		float: left;
		margin: 0;
		padding: 0;
	}
	.breadcrumb li {
		margin: 0 7px 0 0;
		padding: 5px 7px 5px 0;
		float: left;
		font-size: 0.9em;
	}
	.breadcrumb li.last { 
		padding: 0;
		margin: 5px 0;
	}
	.breadcrumb li a {
		padding: 0;
		margin: 0;
		text-decoration: none;
	}
	.breadcrumb li a:hover { text-decoration: underline; }
	
/* 2x2 boxed categories area*/
	.rangeswrap {
		padding: 0;
		width: 796px;
		float: left;
		margin: 0 0 10px 0;
	}
	.rangeitem {
		padding: 15px;
		width: 367px;
		float: left;
		margin: 0;
		font-size: 0.9em;
		height: 14em; position:relative; color:#000; text-align:justify;
	}
	.rangeitem .img {
		padding: 0;
		float: right;
		margin: 0 0 10px 10px;
	}
	.rangeitem h2 {
		font-size: 1em;
		margin: 0 0 10px 0;
	}
	.rangeitem .price { font-weight: bold; position:absolute; bottom:5px; left:15px; }
	.rangeitem .price img { margin: 0 0 -5px 5px; }
	.rangeitem .price a { text-decoration: none; }
	.rangeitem .price a:hover { text-decoration: underline; }
	
	
/* Main h1 heading on each page */
	.mainheading {
		padding: 10px;
		width: 775px;
		float: left;
		margin: 0;
		position: relative;
	}
	.mainheading h1 {
		font-size: 1.5em;
		margin: 0;
		padding: 0;
	}
	
	.checkoutstatus {
		position: absolute;
		right: 10px;
		top: 13px;
	}
	.checkoutstatus ol {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.checkoutstatus li {
		float: left;
		font-weight: bold;
		font-size: 0.9em;
		margin: 0 0 0 15px;
		padding: 0 0 0 20px;
	}
	
	
/* Paginator */
	.paginator {
		padding: 0 10px;
		width: 775px;
		float: left;
		margin: 0 0 10px 0;
		position: relative;
	}
	.paginator ul {
		list-style: none;
		float: left;
		margin: 0;
		padding: 0;
	}
	.paginator li {
		margin: 0 2px 0 0;
		padding: 5px 2px 5px 0;
		float: left;
		font-size: 0.9em;
	}
	.paginator li.last { 
		padding: 0;
		margin: 5px 0;
	}
	.paginator li a {
		padding: 0 3px;
		margin: 0;
	}
	
	.paginator ul.rightlinks {
		position: absolute;
		top: 0;
		right: 10px;
		margin: 0;
		padding: 0;
	}
	
/* Grid layout for products not categories */
	.productswrap {
		float: left;
		width: 795px;
		margin: -10px 0 -1px 0;
	}
	.productswrap ul {
		list-style: none;
		margin: 0;
		padding: 0;
		float: left;
	}
	.productswrap li {
		width: 187px;
		margin: 0;
		padding: 10px 5px;
		float: left;
		position: relative;
		text-align: center;
		font-size: 0.9em;
		height: 34em;
	}
	
	/*** This is the featured (x4 larger) product ***/
	.productswrap li.featured {
		width: 365px;
		padding: 11px 15px 30px 15px;
		height: 66em;
	}
	
	
	#specialofferlist ul li{ height:37em; }
	#specialofferlist ul li.featured { height:74em; }
	
	.productswrap li a {
		padding: 0;
		padding: 0;
	}
	
	.productswrap li .img {
		height: 170px;
		display: block;
	}
	
	.productswrap li .limg {
		height: 223px;
		display: block;
	}
	
	
	
	.productswrap p {
		line-height: 1.6em;
	}

/* Product information page where there a left and right 2 column layout */
	.productdetailswrap {
		float: left;
		width: 795px;
		margin: 0 0 10px 0;
		font-size: 0.9em;
		line-height: 1.6em;
	}
	.productdetailswrap h2 {
		font-size: 1em;
		margin: 0 0 10px 0;
	}
	
/**** two equal(ish)columns ***/	
	.innerleft {
		float: left;
		width: 395px;
		margin: 0;
		padding: 0;
	}
	.innerright {
		float: left;
		width: 400px;
		margin: 0 -1px;
		padding: 0;
	}
	
/**** two columns, quarter width and 3 quarter width (Basket page for example) ***/
	.loginbox {
		float: left;
		width: 795px;
	}
	
	.innercol_wide {
		float: left;
		width: 525px;
		padding: 10px;
		margin: 0;
	}
	.innercol_thin {
		float: left;
		width: 250px;
		margin: 0 -1px;
		padding: 0;
	}


/**** Login box that appears on checkout page ***/
	
	.checkoutloginbox {
		background-color: #EFC2C2;
		width: 785px;
		float: left;
		padding: 5px;
		margin: 10px 0 10px 0;
	}
	
	.checkoutloginbox h2 {
		margin: 5px 0 0 15px;
		font-size: 13px;
	}
	
	.checkoutloginbox div.innerleft {
		width: 390px;
	}
	
	.checkoutloginbox div.innerright {
		width: 390px;
	}
	
	.checkoutloginbox div.info {
		background-color: #fff;
		margin: 15px 10px 0 15px;
		padding: 20px;
	}
	
/* */
	
	.scrollingimg		{ width:355px; height:100px; display:block; overflow:hidden; }

	
	.imgwrap {
		text-align: center;
		margin: 0 0 25px 0;
		padding: 20px 0 0 0;
	}
	.imgoptions {
		list-style: none;
		margin: 0 0 10px 0;
	}
	.imgoptions li {
		display: inline;
		padding: 0 8px 0 5px;
	}
	
	.imgthumbs {
		list-style: none;
		margin: 0 0 10px 0;
		padding: 0 0 0 10px ;
	}
	.imgthumbs li {
		float:left;
		padding: 0;
		margin: 0 0 0 10px;
	}
	.imgthumbs img {
		cursor: pointer;
	}


/* Fabric options box */
	.fabric_options {
		padding: 15px 20px;
		width: 358px;
		float: left;
		margin: 0;
	}
	.fabric_options ul {
		list-style: none;
		padding: 0;
		float: left;
		margin: 0;
	}
	.fabric_options li {
		padding: 0;
		float: left;
		margin: 0;
	}
	.fabric_options li a {
		padding: 0;
		float: left;
		margin: 0;
	}
	.fabric_options h2 {
		font-size: 1em;
		margin: 0;
	}
	
/* Fabric options box - chosen */

	.request_sample_chosen {
		padding: 25px 20px 25px 115px;
		width: 263px;
		float: left;
		margin: 10px 0 9px 0;
		position: relative;
	}
	.selected_swatch {
		position: absolute;
		left: 20px;
		top: 15px;
	}
	.selected_swatch a {
		float: left;
	}
	
/* Request a sample box */
	.request_sample {
		padding: 25px 20px 25px 115px;
		width: 263px;
		float: left;
		margin: 0;
		position: relative;
	}
	.request_sample a, .request_sample a:hover {
		color: #333;
	}
	.swatch {
		position: absolute;
		left: 20px;
		top: 15px;
	}

/* Display samples - sample request page */
	.sample {
		width: 70px;
		height: 100px;
		padding: 5px 0 10px 8px;
		float: left;
		margin-right: 10px;
	}
	
	.sample input {
		margin-bottom: 50px;
		margin-left: 4px;
	}

/* A standard padded paragraph box in the right column */
	.parabox {
		padding: 10px 20px 5px 20px;
		clear: both;
	}
	
	.parabox_mini {
		padding: 10px 20px 5px 20px;
		width: 177px;
		float: left;
		clear: none;
		padding-left: 0;
	}
	
	.parabox_mini label {
		margin-top: 10px;
	}
	
	.quotebox {
		padding: 10px 20px 5px 20px;
		clear: both;
	}
	
	.quotebox p.author {
		font-weight: bold;
	}
	
	.error {
		color: red;
		font-weight: bold;
		margin-bottom: 10px;
		border: 1px solid red;
		padding: 10px;
	}
	
	.success {
		color: green;
		font-weight: bold;
		margin-bottom: 10px;
		border: 1px solid green;
		padding: 10px;
	}
	
/* Table of items (products in rightcolumn for example) */
	
	#contentwrap .productdetailswrap h2	{ background-color:#fff; color:#000; font-size:130%; padding:0;  }

	.productdetailswrap table {
		border-collapse: collapse;
		width: 100%;
		clear: both;
	}
	.productdetailswrap table th {
		vertical-align: left;
		padding: 5px 10px;
		text-align: left;
	}
	.productdetailswrap table td {
		vertical-align: middle;
		/*padding: 10px;*/
		padding:0 0 10px 10px;
		text-align: left;
	}
	.productdetailswrap table td.addcell {
		text-align: right;
		padding: 10px;
		width: 75px;
	}
	.productdetailswrap table td.addcell input {
		float: right;
	}
	.productdetailswrap table td.imgcell {
		text-align: center;
		width: 60px;
		vertical-align: top;
	}
	.productdetailswrap table td.center {
		text-align: center;
	}
	.productdetailswrap table tr.subtotal td {
		text-align: left;
	}
	.productdetailswrap table tr td.right {
		text-align: right;
	}
	.productdetailswrap table .show {
		display: inline;
	}
	.productdetailswrap table td a {
		font-weight: bold;
	}
	
	.productdetailswrap table .qtyform {
		width: auto;
		margin: 0;
		padding: 0;
	}
	.productdetailswrap table legend {
		display: none;
	}
	
	/*.productdetailswrap table .qtyform input, .productdetailswrap table .qty {
		width: 20px;
		float: left;
		font-size: 1em;
		padding: 3px;
		margin: 0 0 0 5px;
	}*/
	.productdetailswrap table .qtyform .formbutton {
		width: auto;
		padding: 0;
		clear:both;
	}
	
/* Checkout */
	.formrow {
		padding: 5px 15px 10px 15px;
	}
	.formrow2 {
		background: #f0edeb;
		padding: 5px 15px 10px 15px;
	}
	
	.formrow3 { 
		background: #EFC2C2;
		padding: 5px 15px 10px 15px;
	}
	
	.formrow label, .formrow2 label, .formrow3 label {
		display: block;
		text-align: left;
		font-weight: bold;
	}
	.formrow input, .formrow2 input, .formrow3 input {
		padding: 3px;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* LEFTCOLUMN STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#leftwrap div {
		float: left;
		margin: 0 0 10px 0;
	}

/* Search Box */
	#searchbox {
		padding: 10px;
		width: 170px;
		font-size: 0.9em;
	}
	#searchbox label {
		display: block;
		font-weight: bold;
		padding: 0 0 6px 0;
	}
	#searchbox input {
		padding: 3px;
		float: left;
		margin: 0 0 7px 0;
		width: 125px;
		font-size: 1em;
	}
	#searchbox input.formbutton {
		padding: 0;
		float: left;
		width: auto;
		border: 0;
		margin: 0 0 0 5px;
	}
	#searchbox p {
		padding: 0;
		font-size: 1em;
		border: 0;
		margin: 0;
	}
	
/* Styling for the Category boxes */

	.catlinksbox {
		width: 188px;
		padding: 0;
		font-size: 0.9em;
	}
	.catlinksbox h2 {
		padding: 5px 10px;
		margin: 0;
		font-size: 1em;
		position: relative;
	}
	.catlinksbox h2 a, .catlinksbox h2 a:visited {
		margin-right: 15px;
	}
	
	.catlinksbox ul {
		list-style: none;
		padding: 10px;
		margin: 0;
	}
	.catlinksbox ul li.separator {
		height: 5px;
		border-bottom: 1px solid #ccc;
		margin-bottom: 5px;
	}
	.catlinksbox a, .catlinksbox a:visited {
		text-decoration: none;
	}
	.catlinksbox a:hover {
		text-decoration: underline;
	}
	.catlinksbox h2 img {
		width: 9px;
		position: absolute;
		right: 10px;
		top: 10px;
	}
/* Styling for the Generic boxes */

	.genericbox {
		width: 188px;
		padding: 0;
		font-size: 0.9em;
	}
	.genericbox h2 {
		width: 170px;
		padding: 5px 10px;
		margin: -1px;
		font-size: 1em;
	}
	.genericbox h2.simple {
		width: 168px;
		padding: 5px 10px;
		margin: 0;
		text-align: center;
		font-size: 1em;
	}
	.genericbox ul {
		list-style: none;
		padding: 10px;
		margin: 0;
	}
	.genericbox form, 
	.genericbox .gbinner {
		padding: 10px;
		width: 168px;
	}
	.genericbox label {
		display: block;
		padding: 0 0 6px 0;
	}
	.genericbox input {
		padding: 3px 3px;
		float: left;
		margin: 0 0 7px 0;
		width: 125px;
		font-size: 1em;
	}
	.genericbox input.formbutton {
		padding: 0;
		float: left;
		width: auto;
		border: 0;
		margin: 0 0 0 5px;
	}
	.genericbox p {
		padding: 0;
		font-size: 1em;
		border: 0;
		margin: 0;
		clear: both;
	}
	
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FOOTER ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

 	
	.level1links {
		float: left;
		width: 980px;
		list-style: none;
		padding: 8px 10px;
		margin: 0;
		text-align: center;
	}
	.level1links li {
		display: inline;
		margin: 0 5px;
	}
	.level1links li.last {
		border-right: 0;
		margin: 0 0 0 5px;
	}
	.level1links li a {
		margin: 0 10px 0 0;
		text-decoration: none;
	}
	.level1links li a:hover {
		text-decoration: underline;
	}
	
	.level2links {
		float: left;
		width: 980px;
		list-style: none;
		padding: 6px 10px;
		margin: 0 0 10px 0;
		font-size: 0.9em;
		text-align: center;
	}
	.level2links li {
		display: inline;
		margin: 0 3px;
	}
	.level2links li.last {
		border-right: 0;
		margin: 0 0 0 5px;
	}
	.level2links li a {
		color: #112240;
		margin: 0 6px 0 0;
		text-decoration: none;
	}
	.level2links li a:hover {
		text-decoration: underline;
	}
	#footer p {
		font-size: 0.9em;
	}
	
	.disabled {
		color: #ccc;
	}
	
/* - - - - - - CSS Document - - - - - - - - -

Title : Global style sheet for client-side web development
Author : Cody Lindley 

- - - - - - - - - - - - - - - - - - - - - */


/* ----- add selectors here for font sizing ----- */
#JT_close_left, #JT_close_right{font-size: 1.1em;}
#JT_copy p, #JT_copy ul{font-size: 1.1em;}


#contentPad{
margin:20px;
}

.formInfo a, .formInfo a:active, formInfo a:visited{
	background-color:#FF0000;
	font-size: 1.2em;
	font-weight:bold;
	padding:1px 2px;
	margin-left:5px;
	color:#FFFFFF;
	text-decoration: none;
}

.formInfo a:hover{
	color:#660000;
	text-decoration: none;
}

/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(../images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(../images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
	text-align: left;
	font-size: 11px;
	height: 160px;
}

.JT_loader{
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
font-size: 11px;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}


/**
* phone number in the header
*/
.phonenumber{ position:absolute; left:205px; top:3px; color:#fff; z-index:100; font-size:90%; text-align:center; }
.phonenumber .number { font-size:200%;  }



/**
* new rates styles
*/

.clear { clear:both; }

#rateform { width:588px; float:left; border-right:1px solid #e3e3e3; padding:0 0 0 15px; }
#rateform ol { list-style-type:none; }
#rateform ol li { clear:both; padding:10px 0 0 0; margin:0; }
#rateform ol li .label { float:left; width:166px; }
#rateform ol li .field { width:400px; padding:4px; }
#rateform ol li textarea { padding:4px; }
#rateform ol li .smalllabel { color:#787878; }
#rateform ol li .radioratings { width:135px; float:left; }
#rateform ol li .rate_it { float:left; margin:2px 0 0 0; }
	#rateform ol li .radioratings li { padding:5px 0 0 0; }
	#rateform ol li .excellent { background-image:url(../images/rates/stars-five.gif); background-position:10px 0; background-repeat:no-repeat; padding:0 0 0 75px; }
	#rateform ol li .good      { background-image:url(../images/rates/stars-four.gif); background-position:10px 0; background-repeat:no-repeat; padding:0 0 0 75px; }
	#rateform ol li .average   { background-image:url(../images/rates/stars-three.gif); background-position:10px 0; background-repeat:no-repeat; padding:0 0 0 75px; }
	#rateform ol li .poor      { background-image:url(../images/rates/stars-two.gif); background-position:10px 0; background-repeat:no-repeat; padding:0 0 0 75px; }
	#rateform ol li .bad       { background-image:url(../images/rates/stars-one.gif); background-position:10px 0; background-repeat:no-repeat; padding:0 0 0 75px; }

.bkstars{ width:60px; height:11px; display:block; background-color:#eae4d5; position:relative; margin:2px 0 0 0; }
.bknumstars { height:11px; background-color:#e9b421; position:absolute; top:0; left:0; }
.bkoverlay { width:60px; height:11px; display:block; position:absolute; top:0; left:0; background-image:url(../images/rates/staroverlay.png); background-position:0 0; background-repeat:no-repeat; text-indent:-3000em;  }


#rateform ol li .nsubscribe { margin:0 20px 0 0; }
#rateform ol li .ratesubmit { border:0; width:64px; height:21px; color:#fff; font-size:110%; cursor:pointer; font-weight:bold; background-image:url(../images/rates/btn-rate-submit.gif); background-position:0 0; background-repeat:no-repeat; margin:0 0 20px 0; }

.errormsg { color:#f00; margin:10px 0 10px 0; }
.errormsg ul { margin:0 0 0 15px; }

.rightreviewpannel { padding:20px; display:block; float:left; }
.rightreviewpannel .reviewmainimg { width:150px; }
.rightreviewpannel p { width:150px; }
.rightreviewpannel .custrating { width:128px; border:1px solid #dadee9; padding:10px; margin:4px 0 20px 0; }

.listreviews{ clear:both; border-top:1px solid #e3e3e3; padding:20px 0 0 0; }

.reviewpagepannel { border:1px solid #dadee9; }
.reviewpagepannelhead { background-color:#dadee9; padding:7px 14px 7px 14px; }
.reviewpagepannelhead .titleleft { float:left; }
.reviewpagepannelhead .titleright { float:right; }
.reviewpagepannelhead .titlefull { font-weight:bold; }

.innertitle { margin:0 14px 19px 14px; padding:17px 0 17px 0; border-bottom:1px dotted #c1c7d6; font-weight:bold; }
.innertitle .averagetext { width:257px; display:block; float:left; }
.innertitle .basedonetext { margin:0 0 0 10px; float:left; }
.innertitle .averageimage { float:left; padding:3px 0 0 0; }

.btnaddreview { background-image:url(../images/rates/btn-review.gif); background-position:0 0; background-repeat:no-repeat; width:95px; height:21px; display:block; color:#fff; text-decoration:none; text-align:center; float:right; }
.btnseeallreviews { width:759px; float:left; text-align:right; border-top: 1px solid #dadee9; padding:17px; color:#254e95; text-decoration:none; }


.reviewwrapperpannel { float:left; clear:both; padding:7px 14px 7px 14px; }

.reviewwrapperpannel .reviewleftpannel { width:235px; margin:0 20px 0 0; float:left; }
.reviewwrapperpannel .reviewrightpannel { width:498px; float:left; }
.reviewwrapperpannel .reviewleftpannel .reviewdate { color:#747474; }


.customerrating { margin:0 0 0 20px; }
.customerrating a { color:#333333;  }
.customerrating div { float:left; }
/*.customerrating .avratingimg { margin:0 5px 0 5px; }*/

.linkrating div { margin:auto auto; width:160px; float:none; }
.linkrating, .linkrating a { color:#616162; padding:0 0 0 0; font-weight:normal!important; }
.linkrating .cusratingtext { float:left; }
.linkrating .avratingimg { float:left; }
.linkrating { margin:0!important;}

#contentwrap .breadcrumb,		
#contentwrap .productdetailswrap { background-color:#fff; border:0; }

.thumbwrapper	{ position:relative; width:355px; }
#nextBtn		{ position:absolute; right:0; top:0; width:10px; height:100px; background-color:#fff; }
#nextBtn a		{ background:url(../images/arrows.png) -8px 0 no-repeat; width:8px; height:12px; display:block; text-indent:-3000em; position:absolute; top:46px; left:3px; }
#prevBtn		{ position:absolute; left:0; top:0; width:10px; height:100px; background-color:#fff; }
#prevBtn a		{ background:url(../images/arrows.png) 0 0 no-repeat; width:8px; height:12px; display:block; text-indent:-3000em; position:absolute; top:46px; right:3px; }

#fabric_options	{ background-color:#fff;}

#brocdownloads { width:310px; margin:0 0 20px 20px; }
#brocdownloads ul li { float:left; clear:both; background:url(../images/pdf.gif) 2px 5px no-repeat; margin:3px;  }
#brocdownloads ul li a { padding:0 0 0 20px; }
#brocdownloads ul li a:hover { border:2px solid transparent; }

/**
 * social media
 */
#footer		{ position:relative; }
.seolinks	{ list-style-type:none; float:right; clear:both; width:100%; margin:0 0 10px 0; position:absolute; left:0; top:40px; }
.seolinks .followus	{ width:120px; display:block; color:#ea9d59; font-size:140%; padding:6px 0 0 0; }
.confirmseolinks { list-style-type:none; float:left; }
.confirmseolinks li, .seolinks li	{ float:right; width:40px; height:40px; display:block; }
.confirmseolinks li a, .seolinks li a	{ width:40px; height:40px; display:block; text-indent:-3000em; }
.youtube		{ background:url(../images/social-media/1315401374_youtube.png) 0 0 no-repeat; }
.twitter		{ background:url(../images/social-media/twitter.png) 0 0 no-repeat; }
.facebook		{ background:url(../images/social-media/facebook.png) 0 0 no-repeat; }

.btnapply		{ border:0; background:url(../images/btn-apply.gif) 0 0 no-repeat; width:64px; height:21px; cursor:pointer; display:block; text-indent:-3000em; float:right; margin:0 0 0 10px; text-transform:uppercase; }

.sharethis{ /*overflow: hidden;*/ padding: 10px 10px 10px 20px; clear: left; position:relative; }
.productscanalert	{ position:absolute; right:0; top:-10px; }




/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
	border: 4px solid #888;
	margin:-4px;	/* Set this to minus the border thickness. */
	background-color:#fff;	
	cursor:move;		
}

/* This is for the title text. */
.cloud-zoom-title {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute !important;
	background-color:#000;
	color:#fff;
	padding:3px;
	width:100%;
	text-align:center;	
	font-weight:bold;
	font-size:10px;
	top:0px;
}

/* This is the zoom window. */
.cloud-zoom-big {
	border:4px solid #ccc;
	overflow:hidden;
}

/* This is the loading message. */
.cloud-zoom-loading {
	color:white;	
	background:#222;
	padding:3px;
	border:1px solid #000;
}


.labels		{ font-weight:bold; color:#000!important; padding:0 10px 0 0; }
.red		{ color:#f00; }