﻿body {
	height: 100%;
}

html {
	height: 100%;
}

body {
	margin: 0px;
	padding: 5px;
	background: #b7d543 url('../images/bg.jpg') no-repeat top;
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #80795F;
}

h1{
	margin-top: 0px;
	margin-left: 0px;
	text-transform: lowercase;
	font-weight: bold;
	font-size: 25px;
	color: #5E5945;
}


h2 {
	margin: 0;
	padding: 0;
	color: #002343;
}
 	


hr {
	display: none;
}

ul {

	line-height: 160%;
}

ol {

	line-height: 160%;
}

p {

	line-height: 160%;
}

ul {
	list-style-type: square;
}

a {
	color: #488081;
}

a:hover {
	text-decoration: none;
}

/** HEADER */

#header {
	float: left;
	width: 180px;
	margin-right: 1px;
	padding: 10px;
}

#header h1 {
	margin: 0px;
	padding-top: 12px;
	text-align: center;
	font-size: 20px;
}

#header h2 {
	margin: 0px;
	text-align: center;
	font-size: 11px;
}

/** MENU */

#menu {
	margin: 0px auto;
	width: 930px;
   	padding: 5px 0px 5px 0px;
	background-color: #002343	;
	font-size: 10px;
	color: #FFFFFF;
}

html>body #menu {
}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#menu li {
	display: inline;
	text-align: center;
}

#menu a {
	display: inline;
	padding: 5px;
	background-color: #002343;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	color: #FFFFFF;
}

#menu a:hover {
	padding: 5px;
	background-color: #AFC797;
	text-decoration: none;
	color: #5E5945;
}

/** CONTENT */

#content {
	background: #3e5622 url(../images/.jpg) repeat top left;
	margin: auto;
	width: 930px;
	padding: 0px;
	background-color: #FFFFFF;
	border-left: 1px solid #5E5945;
	border-right: 1px solid #5E5945;
	border-top: 1px solid #5E5945;
	border-bottom: 1px solid #5E5945


}

#content h2 {
}



#left{
	 float: left;
	 margin: 0px auto;
	 padding: 10px;
	 width:600px;
	 color: #000000;

}

#left1{
	 float: left;
	 margin: 0px auto;
	 padding: 10px;
	 width:300px;
	 color: #000000;

}





#right {
	float: right;
	margin: 10px;
	padding: 10px;
	width: 250px;
	border: 1px dashed #5E5945;
	color: #000000;
}

#right2 {
	 float: right;
	 margin: 10px;	 
	 padding: 10px;
	 width: 250px;
   	 border: 1px dashed #5E5945;
}

#right3 {
	float: right;
	margin: 10px;
	padding: 10px;
	width: 250px;
	border: 1px #002343 double;
	color: #000000;
}

#right4 {
	float: right;
	margin: 50px;
	padding: 10px;
	width: 400px;
	border: 0px #002343 double;
	color: #000000;
	
}


#right_feedback{
	 float: right;
	 margin: 0px;
	 padding: 10px;
	 width: 250px;
	 border-style:solid;
}


/** FOOTER */

#footer {
	clear: both;
	padding: 0px 0px 0px 0px;
}

#footer p {
	margin: 0px auto;
	width: 930px;
    padding: 0px 0px 0px 0px;
	background-color: #002343;
	font-size: 10px;
	text-align: center;
	color: #FFFFFF;
}







#leftnav {
	width: 150px;
	font-size: 12px;
	vertical-align: top;
	font-size: 85%;
}

#leftnav a {
	/*/*/padding: 3px; 
	display: block;
	border: 1px dotted #CCC;
	text-decoration: none;
	line-height: 1em;
	width: 150px /* */
}

#leftnav a:visited {
	color: #666;
}

#leftnav a:link {
	color: #666;
}

#leftnav a:active {
	color: #FFFFFF;
	background-color: #6699CC;
	border: 1px solid #000;
}

#leftnav a:hover {
	color: #FFFFFF;
	background-color: #6699CC;
	border: 1px solid #000;
}

#leftnav ul {
	/*/*/padding: 0em;
	margin-left: 0em;
	margin-right: 0em;
	list-style-type: none; /* */
}

#leftnav li {
	/*/*/margin: 0px 0px 6px 0px; /* */	
}

#current a {
	color: #FFFFFF !important; /*/*/;
	background-color: #999999 !important;
	border: 2px #666666 dotted !important; /* */
}

#minicart {
	font-size: 10px;	
}

.entryTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #DDDDDD;
}

.entryTableHeader {
	font-family: "Courier New", Courier, mono;
	font-size: 14px;
	color: #FFFFFF;
	background-color: #000000;
	font-weight: bold;
	background-position: center;
}

.entryTable .label {
	background-color: #EFEFEF;
}

.entryTable .content {
	background-color: #FFFFFF;
}


.infoTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #DDDDDD;
}

.infoTableHeader {
	font-family: "Courier New", Courier, mono;
	font-size: 14px;
	color: #FFFFFF;
	background-color: #000000;
	font-weight: bold;
	background-position: center;
}

.infoTable .label {
	background-color: #EFEFEF;
}

.infoTable .content {
	background-color: #FFFFFF;
}

.box {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #336699;
}

.notice {
	color: #996600;
	font-weight: bold;
}

.addToCartButton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333333;
	font-weight:bold;
	border: 1px solid #336699;
	background-color:#FFCC00;
}

#errorMessage {
	color: #990000;
	font-weight: bold;
}





	
	h3 {
		margin: 0px;
		padding: 0px;	
	}

	.suggestionsBox {
		position: relative;
		left: 00px;
		margin: 0px 0px 0px 0px;
		width: 150px;
		background-color: #212427;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border: 2px solid #000;	
		color: #fff;
	}
	
	.suggestionList {
		margin: 0px;
		padding: 3px;
	}
	
	.suggestionList li {
		
		margin: 0px 0px 3px 0px;
		padding: 3px;
		cursor: pointer;
	}
	
	.suggestionList li:hover {
		background-color: #659CD8;
	}


