@font-face {
	font-family: 'LucidaCasualRegular';
	src: url('fonts/lucasr-webfont.eot');
	src: local('☺'), url('fonts/lucasr-webfont.woff') format('woff'), url('fonts/lucasr-webfont.ttf') format('truetype'), url('fonts/lucasr-webfont.svg#webfontid0hhQLI') format('svg');
	font-weight: normal;
	font-style: normal;
}

html, body { height:100%; }

/* btw, don't forget that the default font size is set in functions.js, NOT here */

body {margin:0px;padding:0px;font-family:Arial,sans-serif;color:#824100;font-size:12pt;
	background: url(layout-images/suntile.jpg) center top repeat;}

a {color:navy;text-decoration:underline;}
a:active {color:#8888FF;}
a:visited {color:#D16429;}
a:hover {color:#8888FF;}
a.hover {color:#824100;text-decoration:none;}
a.hover:visited {color:#824100;}
a.hover:hover {color:#8888FF;text-decoration:underline;}
a.closebox {text-decoration:none;float:right;font-weight:bold;border: 1px solid #824100;padding:0px 3px 0px 4px;}
a.closebox:hover {text-decoration:none;}

br.clearall {overflow: hidden;clear:both;height:0;margin:0;font-size: 1px;line-height: 0;width: auto;position: relative;}

div.infobox {border: solid #D16429 1pt;padding:10px 10px 5px 10px;font-size:90%;text-align:left;
	position:relative;z-index:20; overflow:auto;background-color:#FFFFCF;z-index:20;
	scrollbar-track-color:white;}
div.infobox a {font-size:90%;}
div.infobox a:hover {font-size:90%;}
div.infobox h3 {margin-top:0px;margin-bottom:10px;font-size:100%;}
div.infobox p {margin:8px 0;}

div.hr {border-top:1px solid #8888FF;width:100%;font-size:3pt;margin:3px 0px;}
div.dhr {border-top:3px solid #8888FF;width:100%;font-size:3pt;margin:5px 0px;}

div.toplink {text-align:center;font-size:90%;clear:both;margin-bottom:10px;}
div.toplink h4 {font-size:90%;font-weight:normal;display:inline;}

div.basket {float:right;text-align:center;font-size:9pt;width:210px;margin:12px 00px 0px 10px;}
div.new_floatbasket {text-align:center;font-size:9pt;width:175px;background-color:#FFFFCF;border:1px solid #D16429;padding:5px;z-index:19;}
div.floatbasket {text-align:center;font-size:9pt;width:210px;background-color:#FFFFCF;border:1px solid #D16429;padding:5px;z-index:19;}
#floatdiv {position:absolute;left:0px;bottom:0px;height:140px;z-index:19;display:none;}
h5.basket {color:#D16429;font-size:110%;font-weight:bold;margin:0;margin-bottom:0px;margin-top:2px;}

div.slidedown {position:absolute;top:10px;height:525px;width:500px;left:300px;visibility:hidden;border:3px solid #D4F0A3;padding:15px;
	background-color:#FFFFCF;z-index:20;}
div.slidedown h1 {font-size:15pt;font-weight:bold;margin:0;}
div.trailbox {text-align:left;position:relative;left:60px;margin-top:10px;border:1px solid #DAE076;padding:7px;
	background-color:#E3F5BB;background-color:#DAFF76;width:415px;}
div.trailbox p {margin:8px 0 0 0;}

div.menureturn {text-align:center;font-size:95%;margin:0;margin-bottom:20px;margin-top:-15px;font-style:italic;}
div.menureturn h4 {font-weight:normal;display:inline;}
div.shopping_list_boxes {float:right;font-size:80%;}
div.shopping_list_boxes span {position:relative;top:-2px;}

em {font-size:85%;font-style:normal;}

img.new {margin-left:5px;position:relative;top:2px;}

option,select {color:#824100;background-color:#FFFFCF;font-size:10pt;border:1px solid #99CC99;height:20px;}
input.submit {font-size:10pt;color:#D16429;font-weight:bold; background-color:#D4F0A3;padding-bottom:3px;border:1px solid #99CC99;width:110px;height:21px;}
input.listadd {width:80px;}
input.text  {background-color:#FFFFCF;border:1px solid #99CC99;height:16px;padding-bottom:2px;}
input.text_comp  {background-color:#D4F0A3;border:1px solid #99CC99;height:16px;padding-bottom:2px;}
input:hover  {background-color:white;}
input.textarea  {background-color:#FFFFCF;border:1px solid #99CC99;}
input.textarea:hover  {background-color:white;}

h1.tophdg {font-family:LucidaCasualRegular,Times New Roman,serif;font-size:11pt;font-weight:normal;color:#622100;
	margin:-15px 0px 0px 55px;}
h1.pagehdg {font-family:LucidaCasualRegular,Times New Roman,serif;font-size:17pt;font-weight:normal;
	letter-spacing:0pt;text-align:center;margin:0;margin-bottom:20px;}

h2.pageinfo {font-size:110%;font-weight:normal;margin:0;}
h2.subhdg {color:#D16429;font-size:15pt;font-weight:normal;
	font-family:LucidaCasualRegular,Times New Roman,serif;margin:18px 0px 4px 0px;}
h2.group {color:#D16429;font-size:110%;font-weight:bold;margin:0;margin-bottom:2px;margin-top:7px;}
h2.inline {color:#824100;font-size:100%;font-weight:bold;display:inline;margin-right:3px;}
h2.inlinenormal {color:#824100;font-size:100%;font-weight:normal;display:inline;margin-right:3px;}
h2.item {color:#D16429;font-size:110%;font-weight:bold;margin:0;margin-bottom:2px;margin-top:7px;}
/* the above tag is just used for products.php, to make the SEO better */
h3 {color:#D16429;font-size:110%;font-weight:bold;margin:0;margin-bottom:2px;}
h3.normal {margin:20px 0px 10px 0px;}
h3.item {color:#D16429;font-size:110%;font-weight:bold;margin:0;margin-bottom:2px;margin-top:7px;}
h3.inline {color:#824100;font-size:100%;font-weight:bold;display:inline;margin-right:3px;}
h4 {font-size:110%;font-weight:bold;margin:0;margin-bottom:2px;}
h5 {color:#D16429;font-size:110%;font-weight:bold;margin:0;margin-bottom:5px;}
h6 {color:#D16429;font-size:16pt;font-weight:normal;
	font-family:LucidaCasualRegular,Times New Roman,serif;text-align:center;font-size:15pt;margin:0;}
h3.item a {text-decoration:none;color:#D16429;}
h3.item a:hover {text-decoration:none;color:#8888FF;}

img {border:0px;}
img.left_inverted_comma {margin-right:3px;}
img.right_inverted_comma {}
img.introimg {float:right;margin:2px 0px 20px 20px;}

.search_results {margin:10px 0px 0px 5px;display:none;}
.smaller {font-size:80%;}
.nonbold {font-weight:normal;}
.topmargin {margin-top:10px;}

p {margin: 13px 0;}
p.legalnotes {color:red;font-size:70%;}
p.quote {color:#D16429;text-align:center;margin:17px 0;font-weight:bold;}
p.quote em {font-style:italic;font-size:95%;font-weight:normal;}
p.quote b {font-size:100%;}
p.bot_closebox {text-align:center;font-size:80%;}
p.product_code {font-style:italic;font-size:90%;margin:0 0 2px 0;}
p.comment {font-style:normal; margin:5px 0 5px 0;}
p.comment_author {font-style:italic; margin:5px 0 20px 20px;}
p.formline {margin-left:20px;text-align:left;}
p.formblock {margin-top:30px;margin-left:20px;text-align:left;}

strong {font-weight:normal;}

#maincontainer {background: url(layout-images/suntile.jpg) center top repeat;
	text-align: left;margin: 0;padding: 0;width:100%;}

#header {width:100%;height:100px;padding:0; margin:0;font-size:100%;text-align:left;
	background: url(layout-images/green-silk-990-top-new.gif) left top repeat-x;}
#headercontent {height:80px;margin:0px 20px 0px 25px;width:950px;z-index:10;}
#headercontent #topleftimage {float:left;width:107px;margin:12px 20px 0px 0px;}
#headercontent #searchbox {float:right;font-size:10pt;width:320px;margin:20px 00px 0px 0px;}
#headercontent #searchbox input:submit {width:80px;}
#headercontent #textheadercontent {float:left;margin:0;width:820px;}
#headercontent #mastheadandsearch {float:left;width:820px;padding:0;margin:0;}
#headercontent #mastheadtext {float:left;width:260px;margin-top:5px;}
#headercontent span.myriadlarge {font-family:LucidaCasualRegular,Times New Roman,serif;
	color:#824100;font-size:30pt;font-weight:normal;margin:0px;}
#header:after {content: ".";display: block;line-height: 1px;font-size: 0;clear: both;}
#headercontent:after {content: ".";display: block;line-height: 1px;font-size: 0;clear: both;}
#headercontent #textheadercontent:after {content: ".";display: block;line-height: 1px;font-size: 0;clear: both;}

#topnavi {width:100%;float:left;margin:3px 0px 0px 0px;text-align:left;padding:0;}
#topnavi:after {content: ".";display: block;line-height: 1px;font-size: 0;clear: both;}
ul#navlist {list-style-type: none;margin:0px 0px 0px 40px;padding: 0;font-weight:normal;text-align:center;}
ul#navlist li {display: block;margin: 0;padding: 0px 8px 0px 8px;float: left;width:auto;font-weight:bold;
	border-top:1px solid #EBAA6B;border-bottom:1px solid #EBAA6B;border-left:1px solid #EBAA6B;border-right:1px solid #EBAA6B;}
ul#navlist li.wide {width:130px;}
ul#navlist li.thispage {background: url(layout-images/suntile.jpg) center top repeat;}
ul#navlist li a {color:#824100;font-size:9pt;letter-spacing:0pt;display: block;text-decoration: none;padding: 1px 0px;}
ul#navlist li a:hover {color:#8888FF;text-decoration: underline; }

#pagelayout {margin:0;padding:0;background: url(layout-images/green-silk-990-side-new.gif) left top no-repeat;}
#pagelayout > tbody > tr > td {vertical-align:top;}

#leftcolumn {float:left;margin: 0;padding:0;width:160px;
	background: url(layout-images/green-silk-990-side-new.gif) left top no-repeat;}
div.leftinner {height:100%;font-size:95%;margin: 0;border:0px;padding:0;width:160px;} 

ul.leftnavi {list-style-type:none;margin:0;margin-top:18px;margin-bottom:15px;padding:0;}
ul.leftnavi li {height:27px;width:160px;margin:7px 0;padding:0;font-size:9pt;}
ul.leftnavi li h2.navi {font-family:'LucidaCasualRegular','Times New Roman',serif;color:#420100;
	font-size:14px;font-weight:normal;display:inline;margin-left: 7px;position:relative;top:4px;}
ul.leftnavi li a {text-decoration:none;}
ul.leftnavi li a:hover {text-decoration:none;}
ul.leftnavi li a.thispage {color: blue;text-decoration:none;}

/*ul.leftnavi {filter:alpha(opacity=100);-moz-opacity:1;} */ 
/*html>body ul.leftnavi {-moz-opacity:1;}   (Non IE rule) */ 
/*ul.leftnavi li {filter:alpha(opacity=100);-moz-opacity:1;} */ 
/*html>body ul.leftnavi li {-moz-opacity:1;}   (Non IE rule) */ 

#midcolumn {float:left;margin: 0;padding:0;width:830px;height:100%;}
div.midinner {margin: 23px 0px 0px 30px;padding:0;width:785px;}
div.midinner #pageintro {width:650px;margin:0 auto ;}
div.midinner #pageintro h2  {color:#824100;font-size:100%;font-weight:normal;display:inline;margin-right:3px;}
div.midinner #menupagetext {width:350px;font-size:100%;float:left;margin:0;}
div.midinner #pagetext {width:540px;font-size:100%;margin:0;float:left;}
div.midinner #fixedpage {width:775px;font-size:100%;margin:0;}
div.midinner #menupagenavi {width:180px;font-size:100%;float:left;margin-left:20px;margin-top:5px;}
div.midinner #mainnaviimage {float:right;margin-top:2px;}
div.midinner #mainfixedpageimage {float:right;margin:2px 0px 20px 20px;}
div.midinner div.botboldpagetext {text-align:center;font-weight:bold;clear:both;margin:0 0 10px 0;}
div.midinner div.section {margin:20px 0;padding:0;}
div.midinner div.htmlsection {margin:0;padding:0;}
div.midinner div.section img.sectionimg {float:right;margin:2px 0px 20px 20px;}
div.midinner img.productpageintroimg {float:right;margin:2px 0px 20px 20px;}

div.midinner div.columnproducts {margin:0;margin-left:40px;margin-right:40px;}

table.products {width:100%;font-size:100%;margin:0;margin-top:20px;clear:both;}
table.products tr td {padding:9px;width:33%;}
table.products td em {font-size:85%;font-style:normal;}
table.products td b{margin-left:10px;}
table.products td p.quote em {font-style:italic;font-size:95%;}
table.products td p.quote b {font-size:100%;margin:0;}
table.products td div.section b {margin:0;}
table.products td form {display:inline;margin:0;margin-top:4px;}
table.products td.group form {display:inline;margin:0;}
table.products td.group h3.item {font-size:100%;}
/*table.products td.group h3.item {font-size:100%;display:inline;margin-right:10px;}*/
table.products td.columnproductimage {padding-right:30px;}
table.products td.columnproductimage img {margin-bottom:10px;}
table.products td.group div.groupdisplayleft {float:left;width:50%;margin-right:20px;}
table.products td.group div.groupdisplayright {float:left;}

div.single_product {margin-left:50px;margin-right:50px;}
div.single_product em {font-size:85%;font-style:normal;}
div.single_product b{margin-left:10px;}
div.single_product form {margin:0;margin-top:4px;}

ul.midnavi {list-style-type:none;margin:0;margin-top:0px;padding:0;}
ul.midnavi li {text-align:center;height:48px;width:160px;margin:0;padding:0;font-size:9pt;}
ul.midnavi li h3.navi {display:inline;font-family:'LucidaCasualRegular','Times New Roman',serif;color:#420100;font-size:14px;
	font-weight:normal;margin:0;padding:0;margin-left: 0px;position:relative;top:14px;}
ul.midnavi li a {text-decoration:none;}
ul.midnavi li a:hover {text-decoration:none;}
ul.midnavi li a.thispage {color: blue;text-decoration:none;}

#footer {clear:both;position:relative;width: 100%;margin: 0 auto;height: 88px;font-size:75%;
	border-top:1px solid #824100;}

#footer div {margin:0;padding: 6px 4px 0 4px;text-align: left;}
#footer #credits {float:right;text-align:right;}
#footer #credits h3 {font-size:100%;font-weight:normal;display:inline;}
#footer #credits h4 {font-size:100%;font-weight:normal;display:inline;}
#footer #credits h4:after {content: " ";}
#footer #credits span.legal {color:red;}
#footer #credits span.swanvision {color:#6D78C7;font-weight:normal;letter-spacing:0pt;}

#footer #sizer {float:left;}

/* all following are for the CP menu */
h5.cp {font-size:100%; font-weight:bold;margin:10px 0px 5px 30px;}
h5.cp a {color:navy;text-decoration:underline;}
h5.cp a:hover {color:#8888FF;text-decoration:underline;}
div.cpexplanation {margin:0;margin-left:50px;margin-bottom:10px;}

/*div,table {border:1px solid black;}*/