/* CSS Document */

body {
	background: #fff;
	color: #000;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, sans-serif;
	font-size: .8em;
}

td {
	font-family: Verdana, sans-serif;
	font-size: .8em;
}

/* These are the wrappers */
#wrapper {
	color: inherit;
	margin: 5px;
	width: auto;
	background: transparent;
}


/* These styles define the columns that appear within the body of the page */
div#content {
	margin: 5px;
	padding: 5px;
	border: 0px;
	display: block;
	width: 600px;
	background: transparent;
}

div#subnav {
	display: none;
}

div#content #banner{
	display: none;
}
	
/* Image Styles */
img {
	border: none;
}

img.right {
	float: right;
	padding: 0px;
	margin:0px;
}

img.left {
	margin-top: 5px;
	margin-right: 5px;
	float: left;
}

img.center{
	margin: 0px;
}

div.rightimage{
	float: right;
	padding: 0px;
	font-size: 10px;
	text-align: center;
	width: 300px;
	margin-left: 5px;
}

div.rightimage .mytext{
	font-size: 10px;
	text-align: center;
	width: 300px;
	padding: 5px;
}

div.leftcolumn {
	float: left;
	width: 65%;
	border-right:thin dotted #d5d5d5;
	padding-right: 5px;
}

div.rightcolumn {
	float: left;
	padding-left: 5px;
	width: 32%;
	height: 400px;
	/* border: 1px solid #000; */
}

html>body div.rightcolumn {
  height: auto; 
  min-height: 400px;
}

.clear {
	clear: both;
}

#websiter {
	margin-top: 10px;
	padding: 0px 0px 0px 0px;
	float: right;
}

/* Heading can be used alone or with Boxbeige and Boxwhite below */
.heading {
	background: #004731;
	border: 1px solid #004731;
	color: #FFFFFF;
	font: bold 11px Verdana, sans-serif;
	padding: 3px 8px;
	text-transform: uppercase;
	width: auto;
}

/* Boxbeige and Boxwhite should be used with the Heading style above */
ul.navlist
{
list-style: none;
padding: 0;
margin: 0 0;

}

ul.navlist li
{

display: block;
margin: 0;
padding: 0;
}
ul.navlist li a {
	background: url("/images/navlist.gif") 4px 1px no-repeat transparent;
	color : #004731;
	display: block;
	width: auto;
	font-size:100%;
	padding: 2px 2px 2px 19px;
	text-decoration: none;
	font-weight: 500px;
}  

ul.navlist li#active a {
	background: url("/images/navlist.gif") 4px -159px no-repeat transparent;
	color : #004731;
	font-weight: 600px;
}
	

ul.navlist li a:hover, ul.navlist li#active a:hover{
	background-position: 4px -79px;
	color:#004731;
	font-weight: 600px;
}

ul#categories 
{
list-style-type: none;
margin: 0;
padding: 0;

}

ul#categories  li  { display: inline;}


ul#categories  a {
	width: 175px;
	float:left;
	padding:3px;
	text-decoration:none;
	color:#000;
	white-space:nowrap;
	font-size: 85%;
}  
	
ul#categories a:hover {
	color:#333;
	text-decoration:underline;
}


.sidepanel {
	right: 10px;
	position: absolute;
	top: 76px;
	width: 168px;
}
.ecommerce {
	background: #fff;
	border-bottom: 1px solid #004731;
	border-left: 1px solid #004731;
	border-right: 1px solid #004731;
	color: inherit;

}

.specialoffers {
	background: #FFFFFF;
	border-bottom: 1px solid #004731;
	border-left: 1px solid #004731;
	border-right: 1px solid #004731;
	color: inherit;

}

.centeralign {
	text-align: center;
}

.rightalign {
	text-align: right;
}

.underline {
	text-decoration: underline;
}

.labelwrapper{
	clear: both;
	float: left;
	font-size: 10px;
	padding-right: 4px;
	padding-top: 4px;
	text-align: right;
	width: 100px;
}

.checkbox {
	margin: 0px;
	padding: 0px;
	width: 20px;
}

.thumbnail {
	border: 0px;
	float: left;
	margin: 0px;
	padding: 14px 14px 0px 0px;
	width: inherit;
}



.white{
	color: #FFFFFF;
	background-color: inherit;
}

/* These styles define default link behaviors */
a{
color: green;
}

a:hover {
	text-decoration: none;
	color: red;
}

a:active {
	color: green;
}


/* Index Page Styles */

.splashbox {
	border: 1px solid #000000;
	margin: 25px 25% 25% 25%;
	text-align: center;
	width: 50%;
}

.splashbox h1{
	color: #FFFFFF;
	font-size: 16px;
	margin-bottom: 14px;
	width: 100%;
	background: #000;

}

.splashbox p{
	padding: 5px;
}

.splashbox a{
	font-size: 18px;
	text-decoration: none;
color: #004731;
}

.splashbox .keywords{
	font-size: 9px;
	color: #FFFFFF;
	background-color: #FFFFFF;
}

h1 {
	font-size: 12px;
	font-weight: 600;
	margin: 0px 0px 5px 0px;
	padding: 8px 0px 8px 5px;
	background-color: #004731;
	color: #fff;
}

h2 {
	clear: both;
	font-size: 13px;
	font-weight: 600;
	margin: 5px 0px 5px 0px;
	padding: 2px 0px 2px 5px;
	background-color: #00774B;
	color: #fff;
	display: block;
	width:100%;
	
}
html > body h2{width:auto;}

h2 a, h2 a:hover, h2 a:visited{
	color: #fff;
	text-decoration: none;
}

h3{
	font-size: 12px;
	font-weight: 600;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	color: #000;
}

p {
	margin: 8px 0 8px 0;
	padding: 0px 0px 5px 5px;
}

li {
	
}

ol {
	font-style: normal;
	font-weight: normal;
	list-style: decimal;
}

strong {
	font-style: normal;
	font-weight: bold;
}

.small {
	font-size: 9px;
}

hr {
	color:#fff;
	background:#fff;
	border-top:thin dotted #d5d5d5;
}

ul {
	font-style: normal;
	font-weight: normal;
}

form{
	margin: 0px;
	padding: 0px;
}
textarea {
	font: 11px Verdana, Helvetica, Arial, sans-serif;
	height: 100px;
	margin-bottom: 2px;
}

fieldset { 
	margin: 5px 10px 5px 10px;
	padding: 10px 10px 10px 10px;
	}

.buttons {
	text-align: right;
	font-size: 10px;
	margin-top : 5px;
	margin-right : 10px;
	padding-top : 5px;
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
}

legend {
  padding: 0.2em 0.5em;
  color:green;
  font-size:120%;
  text-align:right;
  font-weight: bold;
  }

th {
	background: #004731;
	color: #FFFFFF;
	font-size: 10px;
	font-style: normal;
	font-weight: 600;
	padding: 2px 2px 2px 2px;
	text-align: left;
}


div#footer {
	clear: both;
	color: #000000;
	font-size: 10px;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	position: relative;
	width: auto;
}
/* Navigation Styles */
/* Footer Style */
div#footer ul
{
list-style-type: none;
margin: 0;
padding: 0;
}

div#footer ul li  { display: inline;}

.footelement {
	white-space:nowrap;
	margin: 5px 0px 0px 0px;
	}  
	
.footelement a {
	float:left;
	padding:4px;
	text-decoration:none;
	color:#000;
}  
	
.footelement a:hover {
	color:#333;
	text-decoration:underline;
}

.topofpage a, .topofpage a:visited, .topofpage a:hover {
font-size: 10px;
float:left;
padding:4px;
color:#000;
text-decoration:none;
}


/* Level 1 Navigation Style */
div#nav ul
{
list-style-type: none;
margin: 0;
padding: 0;
}

div#nav ul li  { display: inline;}

div#nav .pagelevel1, div#nav .folderlevel1 {
	font-size:11px;
	white-space:nowrap;
}  
div#nav .pagelevel1 a, div#nav .folderlevel1 a {	
	background: url("images/topnavbullet.gif") transparent 7px 5px no-repeat;
	padding:3px 8px 3px 22px;
	margin: 0px 0px 0px 0px;
	text-decoration:none;
	color:#fff;
	border-right:1px solid #000;
	float:left;
}  

div#nav .pagelevel1 a:hover, div#nav .folderlevel1 a:hover {
	background: url("images/topnavbullet.gif") 7px -15px no-repeat;
	color:#fff;
}
	
div#nav .selected1 a, div#nav .selected1 a:hover{
	color:#fff;
	background: url("images/topnavbullet.gif") #000 7px -35px no-repeat;
}
/* Level 2 Navigation Style */
div#subnav ul
{
list-style-type: none;
margin: 0;
padding: 0; 
width: 100%;
}

div#subnav ul li  { display: inline;}


/* Navigation Style */

div#subnav .pagelevel1 a, div#subnav .folderlevel1 a {
	background: url("/images/subnav1.gif") 12px 1px no-repeat transparent;
	color : #fff;
	display: block;
	width: auto;
	font-size:100%;
	padding: 2px 2px 2px 28px;
	text-decoration: none;
	font-weight: 500px;
}  

div#subnav .pagelevel1 a:hover, div#subnav .folderlevel1 a:hover {
	background: url("/images/subnav1.gif") 12px -159px no-repeat transparent;
	color : #fff;
	font-weight: 600px;
}
	

div#subnav .selected1 a, div#subnav .selected1 a:hover{
	background-position: 12px -79px;
	color:#fff;
	font-weight: 600px;
}
	
div#subnav .pagelevel2 a, div#subnav .folderlevel2 a {
	background: url("/images/subnav2.gif") 12px 1px no-repeat transparent;
	color : #fff;
	display: block;
	width: auto;
	font-size:95%;
	padding: 2px 2px 2px 28px;
	text-decoration: none;
	font-weight: 500px;
}  

div#subnav .pagelevel2 a:hover, div#subnav .folderlevel2 a:hover {
	background: url("/images/subnav2.gif") 12px -159px no-repeat transparent;
	color : #fff;
	font-weight: 600px;
}


div#subnav .selected2 a, div#subnav .selected2 a:hover{
	background-position: 12px -79px;
	color:#fff;
	font-weight: 600px;
}


/* E-commerce Styles */
.imagecolumn
{
width:250;
float: right;
}

div.imagecolumn .shopprice{
font-size: 26px;
padding: 10px 0px 0px 0px;
display: block;
width:250;
text-align: center;
}

div.imagecolumn.shopdel{
font-size: 14px;
padding: 0px 0px 10px 0px;
text-align: center;
}

div.imagecolumn .shopsummary {
margin: 0px 0px 10px 0px;
text-align: center;
}

div.imagecolumn .shopbuy {
margin: 0px 0px 10px 0px;
text-align: center;
}

div.shopitem{
	border: #C6E4D7 1px SOLID;
	margin: 4px 4px 0px 0px;
	padding: 2px;
	float: left;
	width: auto;
}

div.shopitem .shopcontentwrapper {
	float: right;
	width: auto;
}

div.shopitem .shopimagewrapper {
	float: left;
}

div.shopitem .shoptitle {
	color: #fff;
	background: #004731;
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 2px;
	padding: 2px 2px 2px 2px;
	display: block;
}

div.shopitem .shopprice {
	font-size: 18px;
	font-weight: 600;
	width:100%;
}

div.shopitem .shopdel {
font-size: 10px;
display: block;
text-align: left;
padding: 0;
margin: 0;
}

div.shopitem .shopsummary {
	font-size: 90%;
	height: 120px;
	overflow: auto;
	margin: 0;
	padding: 5px;
}

div.shopitem .shopvariations {
	color: #fff;
	font-size: 11px;
	text-align: right;
	height: 18px;
	clear: both;
	margin-bottom: 3px;
}

div.shopitem .shopbuy {
	color: #fff;
	font-size: 11px;
	text-align: right;
	padding: 2px;
}

div.shopitem label {
	width: 20px;
	font-weight: 600;
	font-size: 11px;
}

div.shoplist  {
	background: #cccccc;	
	color: #000;	
	font-size: 11px;
	width: 100%;
	margin: 0px 0px 1px 0px;
	padding: 0px;
	clear: both;
}

div.shoplist .shoptitle {
	background: inherit;	
	width: 35%;
	height:29px;
	float: left;
	border-right: 1px solid #fff;
	padding: 4px 0px 0px 4px;
	margin: 0px;
}

div.shoplist.shopprice
{
	background: inherit;	
	width: 20%;
	height:29px;
	float: left;
	border-right: 1px solid #fff;
	padding: 4px 0px 0px 4px;
	margin: 0px;
	font-size: 11px;
}

div.shoplist .shopquantity {
	background: inherit;	
	width: 73px;
	height:29px;	
	float: left;
	border-right: 1px solid #fff;
	padding: 4px 0px 0px 4px;
	margin: 0px;


}

div.shoplist .shopbuy
{
	background: inherit;	
	width: 20%;
	height:29px;	
	float: left;
	padding: 4px 0px 0px 4px;
	margin: 0px;
}

#shopheader {
background: #303030;
font-weight: 800;
color: #e0e0e0;	
}

/* used on continue pages */
div.shopform {
	float: left;
	width: 340px;
}

div.shopinstructions {
	margin-top: 20px;
	padding: 5px;
	width: auto;

}



/* E-commerce quantity buttons */
.shopud {
	background: #808080;
	border: 0px;
	color: #fff;
	width: 16px;
margin: 1px;
	padding:1px;
}

.shopselect {
	font-size: 9px;
	padding: 0px;
	margin: 0px;
}

.input {
	color: #000;
	font-size: 12px;
	text-align: center;
	margin: 1px;
}

.inputsubmit {
	background: lime;
	border: 1px solid #000;
	color: #000;
	font-size: 14px;
	font-weight: 600;
	padding:2px;
	margin: 1px
}

.tablewrapper {
width: 100%;
}

table.shopbaskettable {
width: 100%;
}

.shopbaskettable td {
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}

.shopbaskettable th {

}
td.shoplight {
	background: #e0e0e0;
	color: #000;
	font-size: 10px;
	font-weight: 400;
	padding: 2px 2px 2px 2px;
}

td.shopclear {
	font-size: 10px;
	font-weight: 400;
	padding: 2px 2px 2px 2px;
	text-align: right;
}

td.shopdark{
	background: #303030;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: 400;
	padding: 4px 4px 4px 4px;
	border-right: 0;
}

#divNewsCont {position:absolute; left:220px; top:10px; width:300px; height:50px; clip:rect(0px 300px 50px 0px); visibility:hidden; overflow:hidden;}
#divNews     {position:absolute;}

.description {color:#dddddd; font-size:11px; padding:5px;}

td.discuss {border-bottom: 1px solid #004731;}

.authordetails {
text-align: right;
font-size: 10px;
width: auto;
}

.help {
font-size: 85%;
color: #505050;
}