@CHARSET "UTF-8";
/*

dark green: 2c2f20
mid green: a1b55d
orange: cc3300
dark tan: d6a14b
light tan: f0e39e
*/

/* global reset */
body,img,p,h1,h2,h3,h4,h5,h6,fieldset,form,table,td,ul,li,dl,ol,dd,dt,pre,blockquote,code{ margin:0; padding:0; border:0; }

/*
------------------------------
	elements
------------------------------
*/
body{
	background-color: #2c2f20;
	font-family: 'Lucida Casual', 'Comic Sans MS';
	font-size: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
}
p{
	color: #333333;
	font-size: 12px;
	line-height: 22px;
	margin: 10px 0;	
}
a,a:active,a:visited,a:hover{
	color: #93908d;
}
h2,h3{ margin: 10px 0; }
h4,h5,h6{ margin: 6px 0; }

h1{ color: #444444; padding: 15px 0 0 0; font: 2.0em Plantin, "Plantin std", "Plantin", "Baskerville", Georgia, "Times New Roman", serif; font-weight: bold; }
h2{ color: #38382f; font-size: 18px; font-weight: bold; letter-spacing: 1px; }
h3{ color: #969cb1; font-size: 16px; }

ul,ol{  }
label{ color: #2c2f20; }
textarea{ overflow: auto; }
button{ border: solid 1px #ffffff; background-color: #2c2f20; color: #ffffff; font-weight: bold; padding: 5px 10px; }
button:hover{ border: solid 1px #f4f4f4; }

/*
------------------------------
	layout
------------------------------
*/
#wrapper{
	width: 800px;
	margin: 0 auto;
	text-align: left;
}
#header{
	position: relative;
	height: 105px;
}
.left_main{
	float: right;
	width: 590px;
}
.right_main{
	float: right;
	width: 180px;
}
#main{
	background-color: #f0e39e;
	border-top: solid 15px #d6a14b;
	border-right: solid 15px #d6a14b;
	border-left: solid 15px #d6a14b;
}
#footer{
	background-color: #d6a14b;
	border-right: solid 15px #d6a14b;
	border-left: solid 15px #d6a14b;
	padding: 5px 0 8px 0;
}

/*
------------------------------
	sections
------------------------------
*/
#header h1{ margin: 0; padding: 0; }
#header h1 img{  }
#header #nav{ position: absolute; top: 75px; right: 0; }
#header #nav li{ display: inline; }
#header #nav li a{ color: #cc3300; font-weight: bold; text-decoration: none; font-size: 14px; margin: 0 17px; }
#header #nav li a:hover{ color: #dd4411; }

#footer li{ display: inline; font-size: 10px; color: #f0e39e; padding: 0 15px; border-right: solid 2px #e6b15b;  }
#footer li.last{ border: none; }
#footer li a{ color: #f0e39e; text-decoration: underline; }
#footer li a:hover{ color: #f0e39e; text-decoration: none; }

#main h2{ background: #f0e39e url(/media/images/main_bg.jpg) 5px 0 no-repeat; padding: 5px 0 10px 60px; height: 35px; font-size: 28px; color: #cc3300; }
#main .left_main{}

#main .right_main ul{ list-style: none; margin: 10px 20px; }
#main .right_main li{ margin: 5px 0 10px 0; }
#main .right_main li a{ position: relative; color: #000000; display: block; width: 150px; height: 140px; font-size: 16px; font-weight: bold; text-align: center; text-decoration: none; }
#main .right_main li a:hover{ color: #222222; }
#main .right_main li.one_line a{ padding-top: 100px; height: 40px; }
#main .right_main li.two_line a{ padding-top: 90px; height: 50px; }
#main .right_main li.nav_scents a{ background: #f0e39e url(/media/images/nav_grapes.jpg) top left no-repeat; }
#main .right_main li.nav_products a{ background: #f0e39e url(/media/images/nav_fish.jpg) top left no-repeat; }
#main .right_main li.nav_safety a{ background: #f0e39e url(/media/images/nav_seahorse.jpg) top left no-repeat; }

.scents{ padding: 0 0 0 30px; }
.scents .scent{}
.scents .scent h3{ color: #2c2f20; }

.products{ padding: 0 0 0 30px; }
.products .product{  }
.products .product a{ text-decoration: none; }
.products .product h3{ color: #2c2f20; }
.products .product img{ border: solid 2px #d0c37e; float: left; width: 150px; margin: 0 10px 10px 0; }
.products .product p{  }
.products .product .price{ font-weight: bold; }

.productdetail{ margin: 20px 20px 10px 20px; height: 168px; border-bottom: solid 1px #a4a493; }
.productdetail h3{  }
.productdetail span{ font-size: 12px; line-height: 22px; }
.productdetail a{ float: right; border: solid 4px #ccd0e0; margin: 0 0 20px 20px; }
.productdetail a img{  }

/*
------------------------------
	classes
------------------------------
*/
.clear{ clear: both; }
.error label{ color: #ff0000; }
.errorBlock{ background-color: #FFC6A5; border: solid 1px #ff0000; color: #ff0000; padding: 5px 10px; font-weight: bold; font-size: 12px; }
.successBlock{ background-color: #99ff99; border: solid 1px #00aa00; color: #00aa00; padding: 5px 10px; font-weight: bold; font-size: 12px; }
.paginglinks{ margin: 10px 0; font-weight: bold; }
.paginglinks a{}

form.contactForm{ font-size: 12px; padding: 20px 0 0 60px; }
form.contactForm .row{ margin: 10px 0; }
form.contactForm .row label{ display: block; float: left; clear: left; width: 50px; font-weight: bold; } 
form.contactForm .row input{ width: 300px; background-color: #d6a14b; border: solid 1px #6c6d6f; }
form.contactForm .row textarea{ width: 300px; height: 150px; overflow: auto; background-color: #d6a14b; border: solid 1px #6c6d6f; }
form.contactForm .buttonrow{ padding-left: 50px; }

.wysiwyg{ line-height: 22px; font-size: 0.8em; padding: 0 0 0 30px; }
.wysiwyg ul,.wysiwyg ol{ padding: 0 0 10px 40px; }
.wysiwyg li{ margin: 0 0 3px 0; }
.wysiwyg blockquote{ margin: 10px 0 10px 40px; }
.wysiwyg a{ color: #444444; text-decoration: underline; }