@charset "UTF-8";
body {	font-family: Arial, Helvetica, sans-serif;	font-size: 100%;	background-color: #F3F1E5;	margin: 0px;	padding: 0px; color: #2C1600; }
#container {	width: 915px;	margin-left: auto;	margin-right: auto;	}
#header	{
	width: 896px;
	padding-left: 19px;
	padding-top: 39px;
	margin-bottom: 10px;
}
#logo	{	width: 163px; float:left;	}
#mainnav	{
	width: 680px;
	margin-right: 22px;
	height: 37px;
	margin-top: 44px;
	float:right;
	background-image:url(images/nav-bg.gif);
	background-repeat: repeat-x;
	padding: 0px;
	
}
#mainnav ul	{	margin-top: 0px; margin-top: 0px;	}
#mainnav li	{	float: left; list-style: none; padding-top: 3px; padding-left: 8px;	}
#mainnav a	{	color: #391C00; font-size: 80%; text-decoration: none; font padding-top: 10px;}
#mainnav a:hover	{	color: #391C00; font-size: 80%; text-decoration: underline;}
#mainnav a.on	{	color: #fff; font-size: 80%; text-decoration: none;}


.home	{width: 54px; height: 28px; }
.about	{width: 64px; height: 28px;}
.portable	{width: 108px; height: 28px;}
.beach	{width: 104px; height: 28px;}
.news	{width: 51px; height: 28px;}
.links	{width: 63px; height: 28px;}
.contact	{width: 63px; height: 28px;}
.buy	{width: 61px; height: 37px; background-image: url(images/buynow-circle.png); background-repeat: no-repeat; background-position:top left;}
.homeon	{width: 54px; height: 28px; background-image: url(images/nav-home-on.gif); background-repeat:no-repeat; }
.abouton	{width: 64px; height: 28px; background-image: url(images/nav-about-on.gif); background-repeat:no-repeat; }
.portableon	{width: 108px; height: 28px; background-image: url(images/nav-portableashtray-on.gif); background-repeat:no-repeat; }
.beachon	{width: 104px; height: 28px; background-image: url(images/nav-beachashtray-on.gif); background-repeat:no-repeat; }
.newson	{width: 51px; height: 28px; background-image: url(images/nav-news-on.gif); background-repeat:no-repeat; }
.linkson	{width: 63px; height: 28px; background-image: url(images/nav-contact-on.gif); background-repeat:no-repeat; }
.contacton	{width: 63px; height: 28px; background-image: url(images/nav-contact-on.gif); background-repeat:no-repeat; }
.buyon	{width: 63px; height: 28px; background-image: url(images/nav-buynow-on.gif); background-repeat:no-repeat; }

#intro-home	{	width: 915px;	background-image: url(images/cigarette-header.jpg); background-repeat:no-repeat; background-position: top; height: 417px; 	}

#benefits-home	{	width: 915px;	background-image: url(images/walking-header.jpg); background-repeat:no-repeat; background-position: top; height: 417px; 	}

#benefits-home a	{	color: #FFF; text-decoration: none;	 font-weight: bold; }
#benefits-home a:hover	{	color: #FFF; text-decoration: underline; font-weight: bold; 	}

#intro-home a	{	color: #FFF; text-decoration: none;	 font-weight: bold; }
#intro-home a:hover	{	color: #FFF; text-decoration: underline; font-weight: bold; 	}

#home-main	{
	width: 915px;
	margin-top: 10px;
	padding-top: 50px;
	background-image: url(images/home-secondrow.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 205px;
}

#home-main p { margin-top: 0px; font-size: 80%; line-height: 18px; color: #FFFFFF; }
#home-main li { margin-top: 0px; font-size: 80%; line-height: 18px; color: #FFFFFF; }
#home-main ul { margin-left: 0px; padding-left: 10px; margin-top: 0px; padding-top: 0px; }
#home-main b { color: #FFCC33; }


#home-clients 	{	width: 410px; float: left;	 margin-left: 32px;}
#home-clients	p {	margin-top: 0px; font-size: 80%; line-height: 20px;}
#home-clients	h2 {	margin-top: 20px; font-size: 100%; margin-bottom:8px;}
#home-clients	a {	color: #EE7924; text-decoration: none; }
#home-clients	a:hover {	color: #EE7924; text-decoration: underline; }

#home-news	{	width: 440px; float: right; margin-right: 24px;	}
#home-news	p {	margin-top: 0px; font-size: 80%; line-height: 20px;}
#home-news	li {	margin-top: 0px; font-size: 80%; line-height: 20px; list-style-image: url(images/bullet.gif); margin-left: 10px; padding-left:0px; }
#home-news	ul {	margin-top: 0px; margin-left: 0px; padding-left:0px;}
#home-news	a {	color: #EE7924; text-decoration: none; }
#home-news	a:hover {
	color: #EE7924;
	text-decoration: underline;
}

#home-left1 { width: 175px;; float: left; margin-left: 21px; }
#home-mid1 { width: 173px; float: left; margin-left: 129px; }
#home-right1 { width: 173px; float: right; margin-right: 109px; }


#main	a {	color: #EE7924; text-decoration: none; }
#main	a:hover {	color: #498787; text-decoration: underline; }

#shop-main	a {	color: #498787; text-decoration: none; }
#shop-main	a:hover {	color: #498787; text-decoration: underline; }
#home-news	h1 {	margin-top: 0px; margin-bottom: 0px; font-size: 120%; font-weight: normal; }

#home-nav {	width: 520px; margin-left: 48px; margin-bottom: 10px; }

.whtbg	{background-color: #FFFFFF;	 padding: 10px;}
.whtbg4	{background-color: ;	 padding: 4px 10px 4px 10px; margin-bottom: 0px;}

.whttxt	{color: #FFFFFF;}
.redtxt	{color: #990000;}
.title	{ color:#2C1600; font-weight: bold; background-color: #FFFFFF;}
.orangetxt	{color: #CA9C14;}
.rightpadding10 { padding-right: 10px; }
.leftpadding10 { padding-left: 10px; }
.faded { color: #A1A274; font-size: 85%; }
.smalltext { font-size: 80%; }


#home-left {
	width: 480px;
	padding-left: 48px;
	float: left;
}
#home-left h1 {	font-size: 220%; font-family: Helvetica, Arial, sans-serif; font-weight: normal;  margin-top: 42px; }
#home-left p {
	font-size: 80%;
	line-height: 18px;
	color: #FFFFFF;
}
#home-left a.nocolour { color: #2C1600; text-decoration: none; font-weight: bold; }
#home-left a.nocolour:hover { color: #498787; text-decoration: none; font-weight: bold; }
#home-right {	width: 282px; padding-right: 48px; float: right; margin-top: 22px; }


#home-col1 { width: 251px; float: left; margin-left: 50px; }
#home-col2 { width: 251px; float: left; margin-left: 32px;  }
#home-col3 { width: 251px; float: right; margin-right: 50px;  }
#home-col1 h1 {	font-size: 220%; font-family: Helvetica, Arial, sans-serif; font-weight: normal;  margin-top: 32px;  margin-bottom: 5px; }
#home-col1 p {	font-size: 80%; line-height: 18px; margin-top: 5px; }
#home-col2 h1 {	font-size: 220%; font-family: Helvetica, Arial, sans-serif; font-weight: normal;  margin-top: 32px; margin-bottom: 5px; }
#home-col2 p {	font-size: 80%; line-height: 18px; margin-top: 5px;}
#home-col3 h1 {	font-size: 220%; font-family: Helvetica, Arial, sans-serif; font-weight: normal;  margin-top: 32px;  margin-bottom: 5px; }
#home-col3 p {	font-size: 80%; line-height: 18px; margin-top: 5px;}
#home-col3 li {	font-size: 80%; line-height: 18px; list-style-image: url(images/bullet.gif); margin: 0px; }
#home-col3 ul { margin: 0px; padding-left: 20px; }
 
#shop-left {	width: 480px; float: left; 	}
#shop-right {	width: 391px; float: right; 	}

#shop-left h1 {	font-size: 180%; font-family: Arial, sans-serif; font-weight: normal;  color: #CA9C14; margin-bottom:0px; padding-bottom: 0px; }
#shop-left h2 {	font-size: 140%; font-family: Arial, sans-serif; font-weight: normal;  color: #CA9C14; }
#shop-left p {	font-size: 80%; line-height: 22px; }
#shop-right h1 {	font-size: 180%; font-family: Helvetica, Arial, sans-serif; font-weight: normal;  margin-bottom:0px; padding-bottom: 0px; }
#shop-right p {	font-size: 80%; line-height: 18px; }
#formbg { background-color: #FFFFFF; padding: 10px; }

#about-header	{	width: 915px;	background-image: url(images/about-header.jpg); background-repeat:no-repeat; height: 214px; background-position:right;	}
#news-header	{	width: 915px;	background-image: url(images/news-header.jpg); background-repeat:no-repeat; height: 214px; background-position:right;	}
#contact-header	{	width: 915px;	background-image: url(images/contact-header.jpg); background-repeat:no-repeat; height: 214px; background-position:right;	}
#buyonline-header	{	width: 915px;	background-image: url(images/buyonline-header.jpg); background-repeat:no-repeat; height: 214px; background-position:right;	}
#links-header	{	width: 915px;	background-image: url(images/links-header.jpg); background-repeat:no-repeat; height: 214px; background-position:right;	}
#portableashtray-header	{	width: 915px;	background-image: url(images/portableashtray-header.jpg); background-repeat:no-repeat; height: 214px; background-position:right;	}
#main	{	width: 915px; margin-top: 20px; background-image: url(images/main-bg.gif); background-position: top; background-repeat: repeat-y;	}
#shop-main	{	width: 915px; margin-top: 20px;}

#clients 	{	width: 357px; float: right; margin-right: 14px;	}
#clients td	{	font-size: 80%; line-height: 22px;}
#clients p	{	font-size: 80%; line-height: 22px;}
#clients h1 {	font-size: 220%; font-family: Helvetica, Arial, sans-serif; font-weight: normal;  margin-top: 42px; margin-bottom:0px; padding-bottom: 0px; }
#clients h2 {	font-size: 140%; font-family: Helvetica, Arial, sans-serif; font-weight: normal;  margin-top: 10px; margin-bottom:0px; padding-bottom: 0px; }

#main-left {	width: 525px; float: left;	}

#main-left h1 {	font-size: 180%; font-family: Arial, Helvetica, Arial, sans-serif; font-weight: normal; margin-left: 32px; margin-right: 10px; margin-bottom:0px; padding-bottom: 0px; }
#main-left p {	font-size: 80%; line-height: 18px; margin-left: 32px; margin-right: 10px; }
#main-left td {	font-size: 80%; line-height: 18px; margin-left: 32px; margin-right: 10px; }

#main-left li {	font-size: 80%; line-height: 18px; margin-left: 32px; margin-right: 10px; }
#main-left h2 {	font-size: 140%; font-weight: normal; margin-left: 32px; margin-right: 10px; }
#main-left h3 {	font-size: 110%; font-weight: normal; margin-left: 32px; margin-right: 10px; }
#media	{	background-color:#FFFFFF; width: 331px; padding: 13px;	}
#media a {	color: #498787; text-decoration: none;  }
#media a.on {	color: #EE7924; text-decoration: underline; font-weight: bold;  }
#media a:hover {	color: #EE7924; text-decoration: underline;  }

#mediainternal	{	background-color:#EAE5DD; width: 331px; margin-left:auto; margin-right:auto; }
#mediainternal p {	margin: 0px; padding: 0px; font-size: 80%; color: #6B6E28;  }

#subnav {	padding-top: 170px; padding-left: 50px;	}

#footer	{	width: 915px;	height: 49px; background-image: url(images/footer.gif); background-repeat:no-repeat;	}
#checkoutcontainer { background-color: #FFFFFF; padding: 10px; }
#checkoutcontainer h1 {	font-size: 220%; font-family: Helvetica, Arial, sans-serif; font-weight: normal;  margin-top: 42px; color: #CA9C14; margin-bottom:0px; padding-bottom: 0px; }
#checkoutcontainer h2 {	font-size: 140%; font-family: Helvetica, Arial, sans-serif; font-weight: normal;  color: #CA9C14; }
#checkoutcontainer p {	font-size: 80%; line-height: 22px; }

#checkout-main	{	width: 915px; margin-top: 20px;}
#checkout-left {	width: 500px; float: left; 	}
#checkout-right {	width: 371px; float: right; 	}

#checkout-left h1 {	font-size: 180%; font-family: Helvetica, Arial, sans-serif; font-weight: normal;  color: #CA9C14; }
#checkout-left h2 {	font-size: 140%; font-family: Helvetica, Arial, sans-serif; font-weight: normal;  color: #CA9C14; }
#checkout-left p {	font-size: 80%; line-height: 22px; }
#checkout-left td {	font-size: 90%; line-height: 22px;}
#checkout-left th { background-color: #F3F1E5; font-size:90%; }


#checkout-right h1 {	font-size: 180%; font-family: Helvetica, Arial, sans-serif; font-weight: normal;  margin-bottom:0px; margin-top: 0px; padding-bottom: 0px; }
#checkout-right p {	font-size: 80%; line-height: 18px; margin-top: 20px; }
#checkout-main	a {	color: #498787; text-decoration: none; }
#checkout-main	a:hover {	color: #498787; text-decoration: underline; }
.browntitle { color: #2C1600; font-size: 110%; }
.orangetitle { color:#CA9C14 ;font-size: 110%; }

#shopproduct { background-image: url(/images/productbg.gif); background-repeat: no-repeat; background-position: top; padding: 5px 5px 5px 15px; }


#advertise-ad { background-image: url(images/advertise-ad-bg.gif); background-position: top; background-repeat: no-repeat; padding: 10px 0px 10px 10px; margin: 0px;}
#advertise-ad h1 { color: #FFFFFF; font-size: 150%; margin: 5px 0px 5px 0px; }
#advertise-ad p { font-size: 80%; line-height: 20px; margin-top: 5px; }
#advertise-ad a { color: #FFFFFF; text-decoration: none; }
#advertise-ad a:hover { color: #FFFFFF; text-decoration: underline; }

#eco-ad { background-image: url(images/eco-ad-bg.gif); background-position: top; background-repeat: no-repeat; padding: 10px 10px 10px 10px; margin: 0px;}
#eco-ad h1 { color: #FFFFFF; font-size: 150%; margin: 5px 0px 5px 0px; }
#eco-ad p { font-size: 80%; line-height: 20px; margin-top: 5px; }
#eco-ad a { color: #FFFFFF; text-decoration: none; }
#eco-ad a:hover { color: #FFFFFF; text-decoration: underline; }

.jsclass body .randomcontent{ /*Do NOT remove! CSS to hide random contents in JS enabled browsers*/
display: none;
}