/*  Style Sheet by HyperArts 2005

	 dark green: #3f4a15; 
	 light green: #97cc44;
	 green text: #4c5625;
*/

body {
	margin:0; padding:0; border:0;
	font: 11px/16px verdana,arial,helvetica;
	background:#fff;
	color:#4c5625;
	text-align:center;
	}


/* temp styles */

.note { color:red; font-weight:bold; }

#hyperarts {
	font-size:9px; line-height:normal; font-weight:normal;
	color:#ccc;
	text-align:center;
	}
	
	#hyperarts a {
		color:#ccc; text-decoration:none; font-weight:normal;
		}



p { margin-top:0; margin-bottom:1em; font: 11px/16px verdana,arial,helvetica;}

p.nospace  { margin-top:0; margin-bottom:0; }

p.first	{ margin: 1.4em 0 1em 0; }

.clear	{ font-size: 1px; line-height: 1px; height: 1px; clear:both; }

img { border:0; }

.clear	{ font-size: 1px; line-height: 1px; height: 1px; clear:both; }

.bold { font-weight:bold; }

.italic { font-style:italic; }

.indent { margin-left:20px; }
	
a:link, a:visited { font-weight:bold; text-decoration:none; color:#97cc44;}
a:hover { color:#3f4a15;}

#homelink a { text-decoration:none; color:#3f4a15; }


div#toptitle {
	text-align:right;
	padding:10px 22px;
	margin:0;
	height:20px;
	border-bottom:1px solid #97cc44;
	}

div#toptitle a {color:#f90;}
div#toptitle a:hover {color:#4c5625;}

h1#title {
	font: bold 16px/22px arial,helvetica,sans-serif;
	float:left;
	color:#97cc44;
	margin:0;
	}

h1 {
	font-size:14px; line-height:18px; font-weight:bold;
	color:#3f4a15;
	margin: 1em 0;
	border:0;
	clear:both;
	}
	
h2 {
	font-size: 12px; line-height: 16px;
	text-align:left;
	font-weight:bold;
	color:#4c5625;
	margin:1em 0 0 0;
	}

h3 {
	font-size: 11px; line-height: 16px;
	text-align:left;
	font-weight:bold;
	color:#4c5625;
	margin:1em 0 0 0;
	}
	
#wrapper {
	width:800px;
	margin:0 auto; padding:0; border:0;
	}
	
#masthead {
	background:#3f4a15 url(/_img/masthead.gif) no-repeat;
	width:800px; height:92px;
	text-align:left;
	position:relative;	
	}

#maincontent {
	width:100%;
	background: transparent url(/_img/bg_content.gif) repeat-y;
	}
	
#content {
	float:left;
	margin: 8px 0 8px 25px;
	text-align:left;
	width:525px;
	}

#contentpopup {
	float:left;
	margin: 8px 0 8px 15px;
	text-align:left;
	}

html>body #contentpopup  {margin: 8px 0 8px 25px;} 
/* what we really want - IE 4/5/6 can't see */


#content-wide {
	float:left;
	margin: 8px 0 8px 25px;
	text-align:left;
	width:600px;
	}	
	
	
#homelink {
	float:right;
	width:200px; height: 80px;
	position:absolute; right:0; bottom:0;
	background:transparent;
	display:block;
	}
	
.buylinks { color:#97cc44; margin-left:10px;}	

.buylinks a:active, .buylinks a:link, .buylinks a:visited { font-weight:bold; text-decoration:none; color:#f90;}
.buylinks a:hover { color:#97cc44;}

	
/* HOME PAGE STYLES */

#homepix {
	width:800px; height:288px;
	background:#fff url(/_home/home_mirage.jpg) no-repeat;
	letter-spacing:none;
	line-height:-1%;
	text-align:right;
	border:0; margin:0; padding:0;
	margin-top:5px;
	clear:both;
	}

#pooltext {
	margin:268px 6px 0 0;
	width:328px; height:20px;
	letter-spacing:none;
	float:right;
	text-align:center;
	}

div#pooltext a {color:#fff;}
div#pooltext a:hover {color:#f90;}


#callwrapper {
	width:800px; height:171px;
	border:0; margin:0; padding:0;
	margin-bottom:5px;
	}
	
.callbox {
	border:1px solid #97cc44;
	height:165px;
	background:white;
	padding: 0 10px; margin:5px 0 0 5px;
	float:left;
	text-align:left;
	color:#4c5625;
	}

.callbox h1 {
	color:#97cc44;
	margin:10px 0 3px 0;
	border:0;
	padding:0;
	font: bold 18px/22px arial,helvetica,sans-serif;
	}


.callbox#kitchen {
	width:285px;
	margin-left:0;

	voice-family: "\"}\""; voice-family:inherit;
	
	width:262px;
	} 

html>body .callbox#kitchen { /* nice to Opera 5 */
  width:262px;
	} 

.callbox#bath {
	width:286px;

	voice-family: "\"}\""; voice-family:inherit;
	
	width:265px;
	} 

html>body .callbox#bath { /* nice to Opera 5 */
  width:265px;
	} 
	
.callbox#special {
	width:576px;
	margin-left:0;

	voice-family: "\"}\""; voice-family:inherit;
	
	width:554px;
	} 

html>body .callbox#special { /* nice to Opera 5 */
  width:554px;
	} 



.callbox#feature {
	width:217px; height:165px;
	background:#fff url(/_home/home_handle.jpg) no-repeat;
	letter-spacing:none;
	line-height:-1%;	
	padding:0; margin:5px 0 0 5px;	
	} 

#pebbletext {
	width:213px; height:66px;
	margin:99px 0 0 1px;
	padding:0 0 0 3px;
	background:transparent url(/_img/semi-trans.gif) repeat;
	letter-spacing:none;
	}

div#pebbletext a, #vanitytext a {color:#fff;}
div#pebbletext a:hover, #vanitytext a:hover {color:#f90;}

#vanitytext {
	width:214px; height:20px;
	margin:268px 0 0 0;
	padding:0 0 0 4px;
	text-align:left;
	background:transparent url(/_img/semi-trans.gif) repeat;
	letter-spacing:none;
	}


/* GENERAL STYLES */

div.toplink {
	text-align:right;
	font-size:10px;
	}
	
div.toplink a {
	color:#3f4a15; text-decoration:none;
	}
	
div.toplink a:hover { color:#97cc44; }

#footer {
	width:800px; height:18px;
	background:#3f4a15;
	border:0; margin:0; padding:0;
	margin-top:5px; padding-top:5px;
	color:#fff;
	clear:both;
	font: bold 11px arial,helvetica,sans-serif;
	}

#footer a { color:#fff; text-decoration:none;}
	
#footer a:hover { color:#97cc44; }


.space { padding:10px 0; }

.smalltextbox {
	float:left;
	width:75px;
	margin-right:15px;
	font: 10px/14px verdana,arial,helvetica;	
	}

/* INDIVIDUAL PAGE STYLES */

table#links {
	width:99%;
	border:0; margin:0 auto; padding:0;
	}
	
table#links td {
	width:33%;
	padding-right:8px;
	vertical-align:top;
	}
	
	
table.products {
	width:100%;
	margin:0; padding:0;
	}

	table.products td	{
		vertical-align:top;
		padding:1.5em 10px;
		text-align:center;
		}
		
		table.products td h1 { text-align:left; }
		table.products td h2 { text-align:left; }
		table.products td h2.center { text-align:center; }
		table.products td p { text-align:left; }
		
	table.products td.green	{
		border-bottom: 1px #97cc44 solid;
		}
	
	
	table.products ul {
		margin-top:0; padding-top:0;
		margin-left:15px; padding-left:15px;
		text-align:left;
		}
		
	table.products ul li {
		margin:0; padding:0;
		text-align:left;
		}

div.left { text-align:left;	}		
		
img.finish 	{padding:2px 0;}	

table.textonly {
	width:400px;
	margin:1em 0; padding:0;
	border-top: 1px #97cc44 solid;
	border-left: 1px #97cc44 solid;
	}

	table.textonly td	{
		vertical-align:top;
		padding:5px;
		text-align:left;
		border-bottom: 1px #97cc44 solid;
		border-right: 1px #97cc44 solid;
		}



/* Form Field control */

.formspace {
	margin:0;
	padding:0;
	}

#newsletterform {
	border:1px solid #97cc44;
	padding:1px;
	margin:1em 0 2em 0;
	width:250px;
	color:#4c5625;
	background:#fff;
	vertical-align:top;
	}


#emailformbox {
	border:1px solid #97cc44;
	margin:1em 30px 2em 0;
	float:left;	
	padding:1px;
	width:250px;
	color:#4c5625;
	background:#fff;
	}

.formheader {
	background:#97cc44;
	color:#fff;
	text-align:center;
	padding:0;
	margin:0;
	font-weight:bold;
	border-bottom:1px solid #fff;
	}
	
.formbody {
	 padding:5px 10px 5px 0;
	 color:#4c5625;
	 text-align:right;
	 }

.formsubmit {
	background:#97cc44;
	color:#fff;
	text-align:center;
	padding:0;
	margin:0;
	font-weight:bold;
	border-top:1px solid #fff;
	}
	
.formfield {
	font-family: "Courier New", Courier, monospace;  
	font-size : 11px;
	color: black;
	background-color: #efefef;
	border:1px solid #4c5625;
	width:60%;
	vertical-align:middle;
	}

.submitbutton {
	font: bold 10px verdana,arial,helvetica;
	text-transform:uppercase;
	color:#4c5625;
	background:#f0f1de;
	border:0;
	border:1px solid #333;
	padding:0 5px;
	margin:1px auto;
	line-height:normal;
	}

/* Pebble Collection */
#product_thumbs {
	float:left;
	}

#product_thumbs_wrapper {
	margin-right:-10px;
	}
#side_col #product_thumbs_wrapper {
	margin:0 10px;
	}
/* */
.product_thumb {
	padding:0 10px 0 0;
	float:left;
	}

.product_thumb_text {float:left; width:130px;}

.product_thumb .controls {
	width:71px;
	white-space:normal;
	}
#product_thumbs a {
	}
#product_thumbs a:link img, #product_thumbs a:visited img {
	border:1px solid #FFF;
	}
#product_thumbs a.current:link img, #product_thumbs a.current:visited img {
	border-color:#949383;
	}
#product_thumbs a:hover img {
	border-color:#CCC;
	}
#product_thumbs a:active img {
	border-color:#FFF;
	}	
	
	td.stove img {margin: 0 10px 10px 0;}
	td.dish img {margin: 0 5px 5px 0;}
	
	table#chill {float: left;}
	
	table#chill.products td.fridge {
		width: 330px;
		}
		
		table#chill.products td {padding-right:0;}