/* 
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	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   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	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;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* 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: 145px;
	}
	#innerheaderwrap {
		float: left;
		width: 1000px;
		padding: 0;
		position: relative;
		height: 121px;
	}
	#outercontentwrap {
		float: left;
		width: 1000px;
		padding: 0;
	}
	#leftwrap {
		float: left;
		width: 190px;
		padding: 0;
	}
	#contentwrap {
		float: right;
		width: 795px;
		padding: 0 0 10px 0;
	}
	#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: 65px;
		width: 232px;
		position: absolute;
		top: 16px;
		/*left: -5px;*/
	}
	#logo a {
		text-indent: -3000em;
		font-size: 1px;
		overflow: hidden;
		height: 65px;
		width: 232px;
		display: block;
	}
	h1 {
		font-size: 1.7em;
		margin: 0 0 9px 0;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HEADER STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* BASKET LINKS  */

	#basketlinks {
		position: absolute;
		top: 52px;
		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;
		right: 14px;
		height: 34px;
		width: 358px;
		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;
	}

/* 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 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: 340px;
	}
	.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: 255px;
	}
	.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 0;
		float: left;
	}
	.bestsellers li {
		width: 138px;
		margin: 0;
		padding: 0 10px;
		float: left;
		position: relative;
		text-align: center;
		font-size: 0.9em;
		height: 18em;
	}
	.bestsellers li a {
		padding: 0 0 10px 0;
		display: block;
		padding: 0;
	}
	.bestsellers .number {
		position: absolute;
		top: 0;
		left: 3px;
	}
	
/* 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: none;
	}
	.gardennews a:hover {
		text-decoration: underline;
	}
	.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;
	}
	.productinfowrap_inner {
		float: left;
		width: 773px;
		padding: 10px;
		font-size: 0.9em;
	}
	.productinfowrap h2 {
		padding: 5px 10px;
		margin: 0;
		font-size: 0.9em;
		position: relative;
	}
	.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: 12em;
	}
	.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; }
	.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: 32em;
	}
	
	/*** This is the featured (x4 larger) product ***/
	.productswrap li.featured {
		width: 365px;
		padding: 11px 15px 30px 15px;
		height: 62em;
	}
	
	.productswrap li a {
		padding: 0;
		padding: 0;
	}
	.productswrap li .img {
		height: 170px;
		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;
	}
	
/* */
	
	.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;
	}
	.imgthumbs li {
		display: inline;
		padding: 0;
		margin: 0;
	}
	.imgthumbs img {
		cursor: pointer;
	}
/* Buying options with add to basket */	
	.buying_options {
		position: relative;
		padding: 15px 20px 5px 20px;
		width: 358px;
	}
	.buying_options .qtyform {
		position: absolute;
		right: 10px;
		bottom: 15px;
		width: 150px;
	}
	.buying_options legend, .buying_options label {
		display: none;
	}
	.buying_options .qtyform input {
		width: 30px;
		float: left;
		padding: 3px 3px;
		font-size: 1em;
		margin: 0 0 0 5px;
	}
	.buying_options .qtyform .formbutton {
		width: auto;
		padding: 0;
	}

/* 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: 0 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;
	}
	
	.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) */
	.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;
		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, .productdetailswrap table label {
		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;
	}
	
/* 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;
	}
	
	
/**
* phone number in the header
*/
.phonenumber{ position:absolute; left:330px; top:25px;  z-index:100; font-size:90%; text-align:center; }
.phonenumber .number { font-size:200%; }


#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; }


.xmasdelivery a	{  position:relative; }
.xmasdelivery .xmasdeliverymsg	{ display:none; }
.xmasdelivery:hover .xmasdeliverymsg	{ position:absolute; top:25px; right:0; display:block; width:150px; z-index:10; background-color:#fff; padding:10px; }