* {
	margin: 0;
}

html { height: 100%; padding-bottom: 1px; }  /* Forces vert scrollbar on all pages*/

body 
{
	margin: 0 0 0 0;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center; /*this will center ALL items on the page in IE but only text in Moz etc.*/
	font-family:  Arial, Helvetica, Tahoma, Verdana,  sans-serif;
	background: #292929;
}

#container
{
width: 1036px;
height: auto;
margin-left: auto;
margin-right: auto;
background-color: #000000;
}

#head
{
width: 1006px;
height: 15px;
float: left;
}

#head h1
{
margin: 0;
padding: 0;
text-align: center;
font-size: 10px;
color: #707070;
}

#main
{
width: 1006px;
height: auto;
float: left;
border-left: 15px solid #000000;
border-right: 15px solid #000000;
}

#header
{
width: 616px;
height: 132px;
float: left;
background: url(images/header.jpg) top left no-repeat;
padding-bottom: 2px;
border-bottom: 2px solid #707070;
padding-left: 390px;
padding-top: 5px;
}

.search
{
width: 268px;
height: 99px;
float: left;
/*background: url(images/searchbg.jpg) top left no-repeat; */
margin-left: 10px;
padding: 0 10px 0 10px;
text-align: left;
}

.search p
{
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
padding: 0;
margin: 10px 0 5px 0;
}

.searchbasket
{
width: 288px;
height: 99px;
float: left;
/*background: url(images/searchbgbasket.jpg) top left no-repeat; */
margin-left: 10px;
padding: 0 0 0 0;
}

.searchbasket h3
{
color: #FFFFFF;
text-align: left;
padding: 0;
margin: 10px 0 0 90px;
}

.searchbasket p
{
color: #FFFFFF;
font-size: 12px;
padding: 0;
margin: 10px 0 5px 90px;
text-align: left;
}

.searchbasket p a
{
margin: 0 0 0 0;
padding: 0;
color: #FFCC00;
}

.newsearch
{
width: 550px;
height: 20px;
float: right;
text-align: right;
padding-right: 20px;
padding-top: 2px;
color: #FFFFFF;
font-size: 12px;
}

/* -------------  HOME --------------- */

#homeimageholder
{
width: 1006px;
height: 282px;
float: left;
border-bottom: 2px solid #707070;
}

#smallhome
{
width: 227px;
height: 265px;
float: left;
padding-bottom: 8px;
padding-top: 5px;
overflow: hidden;
}

#newsmallhome
{
width: 227px;
height: 270px;
float: left;
padding-bottom: 8px;
overflow: hidden;
}

#newsmallhome img
{
margin: 8px 0 8px 0;
padding: 0;
float: left;
}

#largehome
{
width: 770px;
height: 274px;
float: right;
overflow: hidden;
padding-top: 5px;
}

#largehome img
{
padding: 0;
margin: 0;
float: right;
}

#homebutts
{
width: 1006px;
height: 85px;
float: left;
background: url(images/homebutton-bg.jpg) bottom left repeat-x;
padding-top: 15px;
}

#homebutts img
{
margin: 0 5px 0 5px;
padding: 0;
}

#hometext
{
width: 1006px;
height: 200px;
float: left;
margin: 0;
padding-top: 10px;
}

.htextbox
{
width: 314px;
height: 190px;
float: left;
padding: 0 10px 0 10px;
}

.htextbox p
{
text-align: left;
font-size: 12px;
color: #FFFFFF;
margin: 5px 0 5px 0;
color: #CCCCCC;
}

/* -------------  LOWER HOME --------------- */

#lowerhome
{
width: 1006px;
height: 50px;
float: left;
border-bottom: 1px solid #707070;
}

#lowerhome h1
{
padding: 0;
margin: 10px 0 0 10px;
text-align: left;
color: #FFFFFF;
font-size: 22px; 
}

#homeads
{
width: 215px;
height: auto;
float: left;
padding-left: 5px;
}

#innerads
{
width: 195px;
height: auto;
float: left;
background-color: #000000;
}




#toptenbanner
{
width: 195px;
height: 50px;
float: left;
background: url(images/topten.jpg) bottom left no-repeat;
}

.ttholder
{
width: 215px;
height: auto;
float: left;
padding-bottom: 10px;
}

.ttimage
{
width: 100px;
height: auto;
float: left;
}

.tttext
{
width: 95px;
height: 100px;
float: left;
overflow: hidden;
}

.tttext h3
{
font-size: 12px;
margin: 15px 0 0 0;
padding: 0;
}

.tttext h3 a
{
text-decoration: none;
color: #FFCC00;
}

.tttext h3 a:hover
{
text-decoration: underline;
color: #FFFFFF;
}

.tttext p
{
font-size: 12px;
margin: 10px 0 0 0;
padding: 0;
color: #FFFFFF;
}

#righthome
{
width: 760px;
height: auto;
float: left;
text-align: left;
padding-left: 20px;
}

.scrollable 
{
position:relative;
overflow:hidden;
width: 720px;
height: 180px;
padding: 10px 20px 10px 20px;
background: url(images/scrollbg.jpg) top left no-repeat;
}

.scrollable div.items
{
width: 2000em;
position:absolute;
}

.twobytwo
{
width: 310px;
height: 430px;
float: left;
}


.rightbox
{
width: 350px;
height: 300px;
float: left;
margin: 0 10px 20px 10px;
border: 1px solid #CCCCCC;
}


.rightbox p
{
font-size: 12px;
color: #FFFFFF;
margin: 5px;
padding: 0;
}

.newrightbox
{
width: 318px;
height: 240px;
float: left;
margin: 0 5px 0 5px;
border: 1px solid #CCCCCC;
overflow: hidden;
}


.newrightbox p
{
font-size: 12px;
color: #FFFFFF;
margin: 5px;
padding: 0;
}

.productrow
{
width: 1006px;
height: 165px;
float: left;
border-bottom: 1px solid #707070;
}

.productholder
{
width: 295px;
height: 145px;
float: left;
padding-right: 10px;
border-right: 1px solid #707070;
margin-top: 10px;
padding-left: 20px;
}

.productimg
{
width: 140px;
height: 110px;
float: left;
overflow: hidden;
padding: 2px;
border: 1px solid #707070;
}

.producttext
{
width: 140px;
height: 145px;
float: right;
overflow: hidden;
}

.producttext h2
{
padding: 0;
margin: 0 0 5px 0;
font-size: 14px;
text-align: left;
color: #FFFFFF;
}

.producttext h2 a
{
color: #FFFFFF;
text-decoration: none;
}

.producttext p
{
padding: 0 0 0 0;
margin: 0;
font-size: 12px;
text-align: left;
color: #FFFFFF;
}

.producttext p a
{
text-decoration: underline;
color: #99cc00;
}

#contact
{
width: 325px;
height: 145px;
float: left;
margin: 0;
padding: 10px;
}

/* -------------  TEXT HOLDER --------------- */

#textholder
{
width: 1006px;
height: auto;
float: left;
background: url(images/rowbg.jpg) top left repeat-y;
}

#textholder h1
{
padding: 0;
margin: 10px 0 0 10px;
text-align: left;
color: #FFFFFF;
font-size: 22px; 
}

#textholder p
{
margin: 10px 0 10px 10px;
font-size: 14px;
text-align: left;
color: #FFFFFF;
}

#textholder p a
{
text-decoration: underline;
color: #99cc00;
}

#textholder ul
{
margin: 0;
padding: 0;
font-size: 14px;
text-align: left;
color: #FFFFFF;
}

#textholder ul li
{
margin: 0 0 0 25px;
padding: 0;
}



/* -------------  RANGE HOLDER --------------- */

#rangeholder
{
width: 1006px;
height: auto;
float: left;
background: url(images/rowbg.jpg) top left repeat-y;
}

#rangeholder h1
{
padding: 0;
margin: 10px 0 20px 10px;
text-align: left;
color: #CCCCCC;
font-size: 16px; 
}

#rangeholder h1 a
{
color: #FFFFFF;
text-decoration: none;
margin: 0 5px 0 5px;
}

#rangeholder h1 a:hover
{
text-decoration: underline;
color: #CCCCCC;
}

#rangeholder h2
{
padding: 0;
margin: 20px 0 20px 10px;
text-align: left;
color: #ffffff;
font-size: 18px; 
}

.rangeimage
{
width: 600px;
height: auto;
float: left;
}

.rangeimage img
{
float: left;

}

.rangthumbs
{
width: 600px;
height: auto;
float: left;
padding-top: 5px;
}

.rangthumbs img
{
float: left;
padding: 0;
margin: 0 10px 0 0;
}

.rt
{
width: 100px;
height: 60px;
float: left;
overflow: hidden;
margin: 5px;
}

#rangetext
{
width: 350px;
height: 300px;
float: left;
margin-left: 20px;
}


#rangetext p
{
margin: 10px 0 10px 10px;
font-size: 14px;
text-align: left;
color: #999999;
font-family: Helvetica;
}

#rangetext p a
{
color: #FFFFFF;
text-decoration: underline;
}

.fulline
{
width: 1006px;
height: 15px;
float: left;
border-bottom: 1px solid #707070;
overflow: hidden;
}

.clearall
{
clear: both;
}


/* -------------  Products --------------- */

.rangerow
{
width: 1006px;
height: auto;
float: left;
background: url(images/rowbg.jpg) top left repeat-y;
padding-bottom: 10px;
padding-top: 10px;
}

.prodrow
{
width: 1006px;
height: auto;
float: left;
background: url(images/rowbg.jpg) top left repeat-y;
padding-bottom: 10px;
padding-top: 10px;
}

.prodinner
{
width: 680px;
height: auto;
float: left;
}

.prodother
{
width: 305px;
height: auto;
float: left;
border-left: 1px solid #cccccc;
padding-left: 10px;
}

.prodotherholder
{
width: 305px;
height: auto;
float: left;
margin: 0 0 5px 0;
padding: 0 0 5px 0;
}


.prodrow h1
{
padding: 0;
margin: 0 0 20px 10px;
text-align: left;
color: #ffffff;
font-size: 18px; 
}

.prodrow h1 a
{
color: #FFFFFF;
text-decoration: none;
margin: 0 5px 0 5px;
}

.prodrow h1 a:hover
{
text-decoration: underline;
color: #CCCCCC;
}

.prodrow h2
{
padding: 0;
margin: 20px 0 20px 10px;
text-align: left;
color: #ffffff;
font-size: 18px; 
}

.scollprodholder
{
width: 305px;
height: 170px;
float: left;
margin: 5px;
padding: 5px;
}

.prodholder
{
width: 305px;
height: 170px;
float: left;
margin: 5px;
padding: 5px;
border-bottom: 1px solid #ffffff;
}

.prodimage
{
width: 100px;
height: 180px;
float: left;
overflow: hidden;
}

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}

.prodtext
{
width: 205px;
height: 170px;
float: left;
}

.prodtext p
{
font-size: 12px;
margin: 10px 0 0 0;
padding: 0;
text-align: left;
color: #ffffff;
}

.prodtext p a
{
color: #FFCC00;
font-weight: bold;

}

.prodname
{
width: 205px;
height: 40px;
float: left;
}

.prodname h3
{
font-size: 14px;
color: #000000;
margin: 0;
padding: 0;
text-align: left;
}

.prodname h3 a
{
text-decoration: none;
color: #FFCC00;
}

.prodname h3 a:hover
{
text-decoration: underline;
color: #ffffff;
}

.green
{
color: #99cc00;
}


.adrow
{
width: 1006px;
height: auto;
float: left;
}

.adrow img
{
float: left;
margin: 0 6px 0 6px;

}

/* -------------  DETAILS --------------- */

#detailimage
{
width: 250px;
height: auto;
float: left;
padding-left: 15px;
padding-right: 25px;
}

#detenl
{
width: 250px;
height: 20px;
float: left;
}

#detailtext
{
width: 300px;
height: auto;
float: left;
padding-right: 15px;
}

#detailtext h2
{
margin: 0;
padding: 0;
}

#detailtext p
{
margin: 10px 0 10px 0;
padding: 0;
text-align: left;
color: #999999;
font-family: Helvetica;
}

#carttext
{
width: 300px;
height: auto;
float: left;
}

#carttext ul
{
margin: 0;
padding: 0;
}

#carttext li
{
list-style: none;
font-size: 14px;
color: #FFFFFF;
text-align: left;
}

.grey
{
color: #999999;
float: left;
margin: 0 0 0 10px;
}

.checkgrey
{
color: #999999;
float: left;
margin: 0 0 0 0;
padding: 0;
font-size: 14px;
}

.checkgrey a
{
text-decoration: underline;
color: #FFCC00;
font-size: 12px;
}

.blackgrey
{
color: #000000;
float: left;
margin: 0 0 0 0;
padding: 0;
font-size: 14px;
}

.white
{
color: #ffffff;
font-size: 14px;
}

.white a
{
color: #FFFFFF;
text-decoration: underline;
}

.gree
{
color: #99cc00;
float: left;
margin: 0 0 0 10px;
}

.yell
{
color: #FFCC00;
float: left;
margin: 0 0 0 10px;
}

.subscrip
{
font-style:
}

.style1
{
color: #FF0000;
}

.selectbox
{
width: 385px;
height: auto;
float: left;
}

.tbox
{
width: 385px;
height: 15px;
color: #000000;
float: left;
margin: 0 0 0 0;
padding: 0;
font-size: 14px;
}

.textarea
{
width: 380px;
}


/* ----------- BASKET ------------ */

#basketcontainer
{
width: 1000px;
height: auto;
float: left;
}

#basketcontainer p
{
font-size: 14px;
color: #FFFFFF;
text-align: left;
padding: 0;
margin: 10px 0 10px 10px;
}

.basketheads
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
background-color: #FFCC00;
height: 30px;
color: #000000;
text-align: center;

}

.basketline
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
margin: 0;
padding: 0;
}

.basketline a
{
text-decoration: none;
color:#000000;
margin: 0;
padding: 0;
text-align: left;
}

.basketline a:hover
{
text-decoration: underline;
color:#930;
}

/* -------------  CECKOUT --------------- */

.rangerow fieldset
{
border: 1px solid #ffffff;
padding: 5px;
height: auto;
margin: 0 0 10px 0;
}

.rangerow legend
{
font-size: 14px;
color: #FFCC00;
margin: 0 0 0 10px;
padding: 0 5px 0 5px;
font-weight: bold;
}

.dropbox
{
width: 300px;
height: 30px;
float: left;
margin: 0;
padding: 0;
}

/* ----------- DESIGN VISIT ------------ */

#formcont
{
width: 600px;
height: auto;
float: left;
margin: 10px 10px 10px 10px;
padding: 10px 0 10px 0;
}

.formtab
{
font-size: 12px;
color: #333333;
font-weight: bold;
}

.trow
{
text-align: right;
}

#vistcont
{
width: 350px;
height: auto;
float: left;
padding-left: 10px;
}

#vistcont img
{
margin: 0 10px 10px 0;
padding: 0;
float: left;
}

/* -------------  FOOTER --------------- */

#footer
{
width: 1006px;
height: 170px;
float: left;
}

#footer p
{
text-align: left;
font-size: 12px;
color: #FFFFFF;
}

#footer p a
{
text-decoration: none;
color: #FFFFFF;
}

#footer p a:hover
{
text-decoration: underline;
color: #FFCC00;
}



.footercont
{
width: 310px;
height: 160px;
float: left;
padding: 10px;
}

/* -------------  NEW HOME --------------- */

.newhomebutt
{
width: 318px;
height: 180px;
float: left;
border: 1px solid #FFFFFF;
margin: 6px;
}

.newleft
{
width: 148px;
height: auto;
float: left;
padding-left: 7px;
padding-top: 43px;
}

.newleft img
{
padding: 0;
margin-bottom: 5px;
float: left;
}

.newright
{
width: 833px;
height: auto;
float: left;
padding-left: 7px;
}

.newspecholder
{
width: 200px;
height: 300px;
float: left;
background-color: #262626;
margin: 2px;
border: 1px solid #262626;
}

.newspecholder:hover
{
background-color: #131313;
border: 1px solid #FFFFFF;
}

.newspechead
{
width: 180px;
height: 35px;
float: left;
text-align: center;
padding: 5px 10px 0 10px;
}

.newspechead a
{
color: #99cc00;
font-size: 13px;
text-decoration: none;
font-weight: bold;
}

.newspechead a:hover
{
text-decoration: underline;
}

.newspecimage
{
width: 180px;
height: 190px;
float: left;
overflow: hidden;
padding: 0 10px 0 10px;
}

.newspectext
{
width: 200px;
height: 20px;
float: left;
text-align: center;
overflow: hidden;
line-height: 18px;
}

.newspectext p
{
font-size: 14px;
color: #FFFFFF;
margin: 0;
padding: 0;
}

.newspectext h2
{
margin: 0;
padding: 0;
font-size: 16px;
color: #dca40f;
text-align: center;
}

.deliveryimg
{
width: 1006px;
height: 185px;
float: left;
background: url(images/delivery-truck.jpg) top left no-repeat;
}

.contactimg
{
width: 1006px;
height: 185px;
float: left;
background: url(images/contact-image.jpg) top left no-repeat;
}

.halfpricesamples
{
width: 1006px;
height: 185px;
float: left;
background: url(images/half-price-samples.jpg) top left no-repeat;
}

.bannerimages
{
width: 1006px;
height: 185px;
float: left;
}

/* -------------  NAV --------------- */

#nav
{
width: 1006px;
height: 30px;
float: left;
line-height: 29px;
padding-left: 2px;
border-bottom: 5px solid #707070;
}


/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc ul {left:-10000px;position:absolute;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li{position:relative;}.qmmc ul {z-index:10;}.qmmc ul ul {z-index:20;}.qmmc ul ul ul {z-index:30;}.qmmc ul ul ul ul {z-index:40;}.qmmc ul ul ul ul ul {z-index:50;}li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}

	/* QuickMenu 0 */

	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
	
		color: #ffffff;
		font-family: Arial, Helvetica, sans-serif;
		font-size:13px;
		text-decoration:none;
		text-align: center;
		margin: 0;
		padding: 0 10px 0 10px;
		display: block;
		height: 30px;
		float: left;
		background-color: #000000;
		border-left: 1px solid #252728;
		border-right: 1px solid #252728;
		/*background: url(images/bg-border.jpg) top right no-repeat; */
	}	
		
	#qm0 a:hover
	{
	text-decoration: underline;
	color:#99cc00;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{
		width: 155px;
		height: auto;
		border-width:1px;
		border-style:solid;
		border-color:#707070;
		margin-top: 5px;
		line-height: 19px;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		padding: 2px 0 2px 8px;
		margin: 0 0 0 0;
		color: #ffffff;
		font-family: Arial;
		font-size: 12px;
		text-decoration: none;
		border-bottom: 1px solid #707070;
		display: block;
		width: 145px;
		height: 20px;
		text-align: left;
		background: url(images/subnav-bg.jpg) top left repeat-x;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover, #qm0 ul a:hover	
	{	
		color: #FFFFFF;
		text-decoration:underline;
		background-color: #017dd0;
		display: block;
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		color:#FFFFFF;
	}


	/*"""""""" Box Animation Styles""""""""*/	
	#qm0 .qmbox	
	{	
		border-width:1px;
		border-style:solid;
		border-color:#999999;
	}


	/*"""""""" (main) Rounded Items""""""""*/	
	#qm0 .qmritem span	
	{	
		border-color:#666666;
		background-color:#EEEEEE;
	}


	/*"""""""" (main) Rounded Items Content""""""""*/	
	#qm0 .qmritemcontent	
	{	
		padding:0px 0px 0px 0px;
	}


	/*"""""""" (sub) Rounded Items""""""""*/	
	#qm0 div .qmritem span	
	{	
		border-color:#666666;
		background-color:#EEEEEE;
	}


	/*"""""""" (sub) Rounded Items Content""""""""*/	
	#qm0 div .qmritemcontent	
	{	
		padding:0px 0px 0px 0px;
	}