/*
	Page Areas
*/
html,body{
    margin:0;
    padding:0}
    
body{
    font:75%/1.3 Verdana,Arial,sans-serif;
    text-align:center;
    background:#FFF url(../img/biggrad-B79889.png) repeat-x;
    padding-bottom:10px;}

div#loading {
	width:92px;
	height:32px;
	position:absolute;
	top:40%;
	left:50%;
	margin-top:-16px;
	margin-left:-16px;
	background-color:#FFF;
	border:1px solid #CCCFBC;
	display:none;
	padding:2px;
	font:bold 9pt Arial,sans-serif;
	color: #003399}

div.outer{
        margin:5px auto;
        text-align:left;
        background-color:#FFF;
        width:870px;
        border:1px solid #CCCFBC;}

div#inner{
    margin:5px 5px;
    width:100%;
    height:600px;
    text-align:left;
    color:#333;}

div.header{
    width:860px;
    margin:5px auto 5px;
    overflow:hidden;
    background:#FDFAF8 url(../img/banner3.png) no-repeat;
    color:#000;
    border:1px solid #CCCFBC;
    clear:both;}

div.footer {
	text-align:center;
	padding:5px;
	width:850px;
    	margin:5px auto 5px;
    	color:#000;
    	background-color:#F0E6E1;
    	border:1px solid #B79889;
    	clear:both;}

/*
	Menus / Buttons
*/
div.same, div.notsame {
	padding:5px 0 0;
	border:1px solid #FFF5F0;
	border-top:none;
	border-left-color:#FFFAF7;
	height:575px;
	overflow:auto;}
	
/* horizontal menu at top of page */
ul.menu-top,ul.menu-top li{list-style-type:none;margin:0;padding:0;}
ul.menu-top{float:right;font-size:8pt;}
ul.menu-top li{float:left; margin-left:3px; text-align:center;}
ul.menu-top a{
    float:left;
    width:120px;
    padding:5px 0;
    text-decoration:none;
    color:#333;
    background-color:#B79889;}
ul.menu-top a:hover{background-color:#F0E6E1;}
ul.menu-top li.activelink a, ul.menu-top li.activelink a:hover{background-color:#B7785B;}

/* vertical button on left of page */
ul.menu-contents {
    margin:0px 5px;
    padding:0 0 10px;
    list-style-type:none;}
ul.menu-contents li {
    margin:0px 5px;
    padding:0 0 10px;
    list-style-type:none;
    width:170px; font-size:10pt;}
ul.menu-contents a {
    display:block;
    width:170px;
    padding:5px;
    font:8pt Verdana,Arial,sans-serif;
    color:#333;
    background-color:#EAE4AF;
    text-decoration:none;
    text-align:center;}
ul.menu-contents a:hover{background-color:#EAE7CD;}
ul.menu-contents li.activelink a, ul.menu-contents li.activelink a:hover{background-color:#EDE376;}

/* buttons in main section used for product lists */
ul.menu-list {
    margin:5px;
    padding:5px;
    list-style-type:none;}
ul.menu-list li {
    padding:8px;
    margin:5px;
    list-style-type:none; float:left;
    width:125px; font-size:10pt;}
ul.menu-list a {
    display:block;
    width:125px;
    padding:5px;
    font:7pt Verdana,Arial,sans-serif;
    text-decoration:none;
    text-align:center;
    background-color:#B79889;
    color:#333}
ul.menu-list a:hover{background-color:#F0E6E1;}

ul.menu-list2 li {
	width:130px;
	padding:5px 0px 10px 10px
	}
ul.menu-list2 a {
	width:130px;
	padding:10px 5px 10px 5px;
	}

/* positions top menu correctly */
div#menu{width:855px; padding-top:28px;}

/*
	Page Sections
*/
ul.split {
    margin:0;
    padding:0;
    list-style:none;}

li.split {
    margin:0;
    padding:0;
    list-style:none;
    float:left;
    width:200px;
    margin:0 5px 5px 0;}

ul.split h1, ul.split h4 {border-bottom:dashed #B7785B; margin-bottom:10px;}
ul.split h1 {
    font:normal 150% Verdana,sans-serif;
    color:#333;
    border-bottom-width:medium;
    line-height:1.5;}
ul.split h2 {
    font:bold 125% Verdana,sans-serif;
     color:#333;}
ul.split h3 {
    font:normal 150% Verdana,sans-serif;
    text-transform:uppercase;
    margin:0px;
    padding:3px 0;
    text-align:center;
    color:#111;}
ul.split h4 {
    font:normal 100% Verdana,sans-serif;
    color:#333;
    border-bottom-width:thin;
    line-height:1.25;
    font-weight:bold;}

ul.split p {
    margin:0;
    padding:5px 8px 15px;}

ul.split div.same {background-color:#FDFAF8;}

li.contents div.same {background-color:#FFFEF9;}
li.main {
	width:655px;
	text-align:justify;}
li.other {
	 width:860px;
	 text-align:justify;}
li.contents h3 {
	background:url(../img/grad-EDE376-FFFEF9.png) repeat-x;}
li.main h3 {
	background:url(../img/grad-B79889-FDFAF8.png) repeat-x;}
li.other h3 {
 	background:url(../img/grad-B79889-FDFAF8.png) repeat-x;}

li.download a {background-color:#C9AFEA; color:#333;}

.show {display:inline;}
.hide {display:none;}

div.page {
	padding:0px 5px;
	}

div.menu-list2 {
	background-color:#B79889;
	padding:0px 5px 5px 5px;}

/* link at bottom of every product description back to source list */
a.returnlink {
    text-decoration:none;
    font-weight:normal;
    border:1px dashed #CCC;
    padding:2px;}

/* normal bullet lists */
ul.reglist li {
	list-style:disc outside;
	vertical-align:text-top;
	float:none;
	width:90%;
	margin:0 0 1.3em 2.5em;}

ol.reglist li {
	list-style:disc outside;
	float:none;
	width:95%;
	margin:0 0 1.3em 2.5em;}

/*
	Tables
*/
table.stripeMe {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.stripeMe thead tr th, table.stripeMe tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.stripeMe thead tr .header {
	background-image: url(../img/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.stripeMe tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.stripeMe tbody tr.odd td {
	background-color:#F0F0F6;
}
table.stripeMe thead tr .headerSortUp {
	background-image: url(../img/asc.gif);
}
table.stripeMe thead tr .headerSortDown {
	background-image: url(../img/desc.gif);
}
table.stripeMe thead tr .headerSortDown, table.stripeMe thead tr .headerSortUp {
background-color: #8dbdd8;
}

table.stripeMe tbody tr.over td{background-color: #CEE;}

/*
	Misc
*/
div.herbgarden img {
	margin:8px 36px 8px 36px;
	border:1px solid #CCCFBC;}

ul.split p.odd, ul.split p.even, ul.split p.precautions {padding:5px; margin:5px;}

p.odd {background-color:#EFE6E1;}

p.even {background-color:#EAE7CD;}

p.precautions {
    	font-style:italic;
    	border:2px dashed;
		background-color:#FFDDDD;}

div#abbr {
	font-size: 75%;
	display:block;
	position:relative;
 	top:70px;}

div#page-welcome {
	 background: url(../img/fade1.jpg) no-repeat bottom right;}