/* 
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	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;
	}
	#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;
		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: 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;
	}

/* 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 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: 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;
	}
	.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: 33em;
	}
	
	/*** 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 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;
		margin:0!important;
		float:right;
	}

/* 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;
	}
	
	.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) */
	.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;
	}
	
/* - - - - - - 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;}