@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; margin-bottom: 20px;	}
#logo	{	width: 163px; float:left; margin-top: 39px;	}
#buynow { width: 72px; float: right; }

#mainnav	{	width: 680px;	margin-right: 22px;	height: 37px;	margin-top: 10px;	float:right;	background-image:url(images/nav-bg.gif);	background-repeat: repeat-x;	padding: 0px; }
#mainnav ul	{	margin-top: 0px; padding-left:6px;	}
#mainnav li	{	float: left; list-style: none; padding-top: 3px; padding-left: 8px;	}
#mainnav a	{	color: #391C00; font-size: 80%; text-decoration: none; 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;}
#sub-nav {width: 680px;	margin-right: 22px;	height: 37px;	margin-top: 0px;	float:right;	padding: 0px; } 
#sub-nav a	{	color: #391C00; font-size: 80%; text-decoration: none; padding-top: 10px;}
#sub-nav a:hover	{	color: #391C00; font-size: 80%; text-decoration: underline;}
#sub-nav a.on	{	color: #6E7430; font-size: 80%; text-decoration: none;}


#sub-nav2 {width: 893px;	margin: 0px 0px 0px 22px; padding: 0px; padding-top: 20px;} 
#sub-nav2 ul	{	padding: 0px; margin: 0px;}
#sub-nav2 li	{	float: left; list-style: none; background-color: #E1DFD6; padding: 4px 8px 4px 8px; margin:0px; border-color: #F3F1E5; border-style: solid; border-width: 1px 1px 0px 0px; height: 20px;}
#sub-nav2 li.on	{	background-color: #fff;}
#sub-nav2 a	{	color: #676864; font-size: 80%; text-decoration: none; font-weight: bold;}
#sub-nav2 a:hover	{	color: #391C00; font-size: 80%; text-decoration: underline;}
#sub-nav2 a.on	{	color: #6B6E28; font-size: 80%; text-decoration: none;}





#beach-subnav { width: 263px; float: left;}
#portable-subnav { width: 139px; float: left;}

.home	{width: 54px; height: 28px; }
.about	{width: 63px; height: 28px;}
.portable	{width: 108px; height: 28px;}
.costume	{width: 108px; height: 28px;}

.beach	{width: 94px; 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: 63px; 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; }
.costumeon	{width: 108px; height: 28px; background-image: url(images/nav-costume-on.gif); background-repeat:no-repeat; }
.beachon	{width: 94px; 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: 61px; height: 28px; background-image: url(images/nav-buynow-on.gif); background-repeat:no-repeat; }

#intro-home	{	width: 298px;	background-image: url(images/portable-home-bg.jpg); background-repeat:no-repeat; background-position: top; height: 391px; float: left; padding-left: 10px; 	}
#beach-home	{	width: 298px;	background-image: url(images/beach-home-bg.gif); background-repeat:no-repeat; background-position: top; height: 391px; float: left; 	}
#cig-home	{	width: 298px;	background-image: url(images/costume-home-bg.jpg); background-repeat:no-repeat; background-position: top; height: 391px; float: left; 	}

#text {background-color: #FFFFFF; padding: 10px;}
#text h1 { margin-top: 0px; padding: 0px;}

#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: #498787; text-decoration: none;	 font-weight: bold; }
#intro-home a:hover	{	color: #498787; text-decoration: underline; font-weight: bold; 	}
#beach-home a	{	color: #498787; text-decoration: none;	 font-weight: bold; }
#beach-home a:hover	{	color: #498787; text-decoration: underline; font-weight: bold; 	}
#cig-home a	{	color: #498787; text-decoration: none;	 font-weight: bold; }
#cig-home a:hover	{	color: #498787; text-decoration: underline; font-weight: bold; 	}

#home-main	{	width: 915px; margin-top: 20px;	}
#home-clients 	{	width: 410px; float: left;	 margin-left: 32px;}
#home-clients	p {	margin-top: 0px; font-size: 80%; line-height: 20px;}
#home-clients	a {	color: #498787; text-decoration: none; }
#home-clients	a:hover {	color: #498787; 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	a {	color: #498787; text-decoration: none; }
#home-news	a:hover {	color: #498787; text-decoration: underline; }
#main	a {	color: #498787; text-decoration: none; }
#main	a:hover {	color: #498787; text-decoration: underline; }
#main2	a {	color: #498787; text-decoration: none; }
#main2	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; }
#home-beach-nav {	width: 802px; margin-left: 48px; margin-bottom: 10px; position:absolute;  }

.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; }
.smalltext { font-size: 80%; }


#home {	width: 260px; padding-left: 18px; padding-top:66px; height: 284px;}
#home h2 {	font-size: 220%; font-family: Helvetica, Arial, sans-serif; font-weight: normal; }
#home p {	font-size: 80%; line-height: 18px; }
#home a.nocolour { color: #2C1600; text-decoration: none; font-weight: bold; }
#home a.nocolour:hover { color: #498787; text-decoration: none; font-weight: bold; }

#homecostume {	wwidth: 260px; padding-left: 18px; padding-top:66px; height: 284px;}
#homecostume h2 {	font-size: 220%; font-family: Helvetica, Arial, sans-serif; font-weight: normal; }
#homecostume p {	font-size: 80%; line-height: 18px; }
#homecostume a.nocolour { color: #2C1600; text-decoration: none; font-weight: bold; }
#homecostume a.nocolour:hover { color: #498787; text-decoration: none; font-weight: bold; }


#home-left {width: 260px; padding-left: 18px; padding-top:66px; height: 284px;}
#home-left h2 {	font-size: 220%; font-family: Helvetica, Arial, sans-serif; font-weight: normal;}
#home-left p {	font-size: 80%; line-height: 18px; }
#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-link {background-color: #FFFFFF; float: right; margin-right: 14px; padding: 4px; }
#home-link a { color: #498787; font-size: 70%; text-decoration: none; }
#home-link a:hover { color: #498787; text-decoration: underline; }

#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: 440px; float: left; 	}
#shop-right {	width: 431px; 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;	}
#beach-header2	{	width: 915px;	background-image: url(images/beach-header2.gif); background-repeat:no-repeat; height: 214px; background-position:right;	}
#beach-header	{	width: 915px;	background-image: url(images/beach-header.gif); background-repeat:no-repeat; height: 417px; background-position:right;	}

#costume-header	{	width: 915px;	background-image: url(images/costume-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;	}
#main2	{	width: 915px; background-image: url(images/main-bg.gif); background-position: top; background-repeat: repeat-y;	}

#main	{	width: 915px; margin-top: 20px; background-image: url(images/main-bg.gif); background-position: top; background-repeat: repeat-y;	}
#shop-main	{	width: 905px; margin-top: 20px; margin-left: 10px;}
#shop-main h1 {	font-size: 180%; font-family: Arial, sans-serif; font-weight: normal;  color: #CA9C14; margin-bottom:0px; padding-bottom: 0px; }
#shop-main h2 {	font-size: 140%; font-family: Arial, sans-serif; font-weight: normal;  color: #CA9C14; }
#shop-main p {	font-size: 80%; line-height: 22px; }

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



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

#beach-right input {  font-size: 10px;  background-color: #EDEDED;  border: 1px solid #FFFFFF; margin-left:10px;}
#beach-right textarea {   font-size: 10px;  background-color: #EDEDED;  border: 1px solid #FFFFFF;}
#beach-right input.radio {  background-color: #FFFFFF;  border: 0px solid #FFFFFF; margin-left: 0px; height: 16px; width: 16px;}


#formarea { background-color: #FFFFFF; width: 327px; margin-left: 20px; }
#formarea p { margin-left: 20px; margin-right: 20px;}




#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: #498787; text-decoration: underline; font-weight: bold;  }
#media a:hover {	color: #498787; 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: 73px; background-image: url(images/footer.gif); background-repeat:no-repeat;	}
#beach-footer	{	width: 915px;	height: 73px; background-image: url(images/beach-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%; }
.browntxt { color: #2C1600; }
#shopproduct { width: 391px; 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; }


#costume-ad { background-image: url(images/costume-bg.png); background-position: top; background-repeat: no-repeat; padding: 10px 0px 10px 10px; margin: 0px;}
#costume-ad h1 { color: #FFFFFF; font-size: 150%; margin: 5px 0px 5px 0px; }
#costume-ad p { font-size: 80%; line-height: 20px; margin-top: 5px; color: #FFFFFF; }
#costume-ad a { color: #FFFFFF; text-decoration: none; }
#costume-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; }



h1.handcursor {
	padding: 5px;
	width: 56px;
	padding-left: 10px;
	color: #498787;
}
.handcursor {
	cursor:hand;
	cursor:pointer;
	font-size: 70%;
	color: #498787;
	background-color: #FFFFFF;
	text-decoration: underline;

}

#joecontent3 {
	width: 240px;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 10px;
}
#joecontent2 {
	width: 240px;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 10px;
}
#joecontent1 {
	width: 240px;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 10px;
}
#special-offer {color: #8A8981;}






.projects {	display: block;	list-style: none;	margin: 0;	padding: 0;}
.projects li {		display: block; float: left; margin:5px 5px 40px 5px; background:url(images/picbg.png) no-repeat; position:relative; }
.picbg .pinkbg { display:block;	width:299px; height:38px; background:url(images/pinkbg.png) repeat;	position:absolute; top:106px; left:6px;	z-index:25;	font-size:21px; color:#ccc; text-align:center; padding-top:12px; opacity: 0;}
	.picbg:hover{ background:url(images/picbg_h.png) no-repeat; text-decoration:none;}
	.picbg:hover span.ww{	color:#10d7e0;}
	.picbg:hover span.w{ color:#10d7e0; }
	.prj { margin:0; padding:0;	position:absolute; bottom:0; left:6px; font-size:12px; color:#ebebeb; }
		.wv{ background:url(images/web-video.png) no-repeat; margin:0; padding:0 0 0 50px; position:absolute; bottom:0; left:6px; font-size:12px; color:#ebebeb;		}
		.v{	background:url(images/video.png) no-repeat;	margin:0; padding:0 0 0 30px; position:absolute; bottom:0; left:6px; font-size:12px; color:#ebebeb; }
		.w{	background:url(images/web.png) no-repeat; margin:0; padding:0 0 0 30px; position:absolute; bottom:0; left:6px; font-size:12px; color:#ebebeb; }
		.pinkaclr span { color:#ec008c; }
		.pinkaclr span a{ font-size:10px; color:#ec008c; text-decoration:none; }
			.pinkaclr span a:hover { color:#10d7e0;	}
		.pinkaclr a.title {	color: #EBEBEB;	text-decoration:none; font-weight: bold; font-size:12px;}
			.pinkaclr a.title:hover { color: #10d7e0; text-decoration:none; font-size:12px;	}