/* Top Elements */
* { padding: 0; margin: 0; }

html, body {
	background: white;
	margin: 0;
	padding: 0;
	font: .90em/1.5em  Arial;
	color: black; 
	text-align:center;
}

/* headers */
h1, h2, h3 {
	font-family: Arial;
	font-weight: Bold; 		
	color: #E0581A;
}
h1 {
	font-size: 160%;	
	font-weight: bold;
}
h2 {
	font-size: 135%;
	text-transform: uppercase;
}
h3 {
	font-size: 135%;	
}

h1, h2, h3, p {
	padding: 0px;		
	margin: 0;
}
ul, ol {
	margin: 5px 20px;
	padding: 0px 20px;
	color: black;
}

ul span {
  color: black;
}

code {
  	margin: 5px 5px;
  	padding: 10px;
  	text-align: right;
  	display: block;
  	overflow: auto;  
  	font: bold 1em/1.5em 'Lucida Console', 'courier new', monospace ;
  	background: #F9F7DD;
	border: 1px solid #E0DBC9;  
}
blockquote{
	margin: 10px;
 	padding: 0 10px 0 10px;  
    background: #F0E9C6;
	border: 1px solid #CDAF33;
	font: bold 1.3em/1.5em Arial;
	color: #563E24;
}


/* Layout */
#wrap {
	position: relative;
	width: 850px;
	margin: 0 auto;
	background: white;
}

#header {
	width: 850px;
	height: 160px;
	padding: 0px;
	background: #ffffff url('images/header.jpg') no-repeat 10px 10px;		
}

#header h1#logo, #header h1#logo a {
	position: absolute;
	margin: 0; padding: 0;
	font: bold 55px Verdana, Arial;
	letter-spacing: -2.5px;
	color: #FEA628;
	text-decoration: none;
	
	/* change the values of top and left to adjust the position of the logo*/
	top: 45px; right: 20px;	
}
#header h1#logo span {
	color: #444;
}
#header h2#slogan {
	position: absolute;
	margin: 0; padding: 0;
	font: bold 16px Arial;
	text-transform: none;
	color: #444;
	
	/* change the values of top and left to adjust the position of the slogan*/
	top: 105px; right: 180px;		
}

#content-wrap {
	width: 850px;
	overflow: hidden;
}

#main {
	float: left;
	width: 650px;
	margin:0; padding:0;
	margin-right: 2px;
	text-align: right;
	padding-right:  10px;
	margin-top: 10px;	
}

.maincontent{
	float: right;
	width: 460px;
	margin:0; padding:0;
	overflow: hidden;
}
.productsbar {
	float:left;
	width: 180px;
	height: 100%;
	overflow: hidden;
	margin:0; padding:0;	
}

#sidebar {
	float: right;
	width: 180px;
	margin:0; padding:0;
	border: 0px solid black;
	text-align: right;
}	
#sidebar LI , .productsbar LI {
	LIST-STYLE-TYPE: none;

	COLOR: #3b3b3b; 
	BACKGROUND-COLOR: #ecf3eb; 
	TEXT-ALIGN: right;	
	text-indent: 6px;
	border-bottom: 1px dotted white;
	border-top: 1px dotted white;
}
#sidebar LI a {
	color: #5A912B;
	font-weight: bold;
	border-bottom: 0px dotted #5A912B;
}
#sidebar UL , .productsbar UL{
	HEIGHT: 100%;LIST-STYLE-TYPE: none; margin: 0px; padding: 0px; margin-right: 0px;
}
#sidebar h1 , .productsbar h1{
  height:28px;
  font-style:normal; font-variant:normal; font-weight:bold; font-size:16px; font-family:Arial; 
  padding:0;
  margin-top: 5px;
  line-height:2em;
  text-align: center;
  color: white; 
}
.sidemenu {
	border: 1px solid silver;
	width: 177px;	
	BACKGROUND-COLOR: #ecf3eb;
	color: #6B4F2E; 
}
#mark{  
	background: url('images/bottom.jpg') repeat-x top left;
	height: 26px;
	margin-top: -5px; 
	margin-left: -2px;
	margin-right: -2px;
  padding: 0
}
#footer {
	clear: both;
	color: gray;	
	width: 830px;
	text-align: center;
	margin: 0; padding: 0;
	text-align: center;
	direction: ltr;
}
#footer p {
	color: gray;
  	
}

/* navigatin */

#nav {
	background: transparent;	
	width: 830px;	
	height: 30px;
	margin:0;padding:0;
	margin-top: 3px;
}

#nav ul {
	list-style: none;
	text-transform: uppercase;
	padding: 0;	margin: 0;	
}

#nav li {
	display: inline;
	margin: 0px; padding: 0px;
	float: right;
	width: 115px;
	height: 25px;
}

#nav ul li a, #nav ul li a:visited {
	display: block;
	width: auto;
	margin: 0px;
	padding: 0px 10px;
	height: 20px; 
	color: #FFF;
	font: bold 13px/52px Arial;
	text-transform: uppercase;
	text-decoration: none;	
	border-width: 0px;	
    line-height:1.8em;
    font-weight: bold;
}
#nav ul li#selectednav a, #nav ul li a:hover {	
	color: #101010;	
	text-decoration: none;		
}


/* links */

a:visited, a:link {
	color: #5A912B;
	text-decoration: none;
	background: inherit;
	font-weight: bold;
	text-decoration: none;	

}

/* form */

form {
	margin:10px; padding: 0 5px;
    background: #F0E9C6;
	border: 1px solid #CDAF33;
	color: #563E24;
	TEXT-ALIGN: right;	
	text-indent: 6px;
}
form.nobg {
	background: transparent;
}
form.noborder {
	border-width: 0px;
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding:2px;
	border:1px solid #eee;
	font: normal 1em Arial;
	color:#777;
}
textarea {
	width:400px;
	padding:2px;
	font: normal 1em Arial;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}
input.submit, input.button, .btn { 
	font: bold 12px Arial; 
	height: 20px;
	margin: 0;padding:0;
	padding-left: 3px;
	padding-right: 3px;
	text-align: center;
	/*padding: 2px 3px;*/ 
	color: #E0581A;
	background: #F0F0F0;
	border-top: 1px solid #c0c0c0;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid #c0c0c0;
}

/* tables */

table {
	font: 11px  Arial;
	border-collapse: collapse;
	margin: 10px;
	text-align: right;
	direction: rtl;	
}
th strong {
	color: #fff;
}
th {
	background: #9E701B;
	height: 29px;
	padding-left: 12px;
	padding-right: 12px;
	color: #FFF;
	text-align: right;
	border-left: 1px solid silver;
	border-bottom: solid 2px #FFF;
}
tr {
	height: 30px;
}
td {
	padding-left: 11px;
	padding-right: 11px;
	border-left: 0px solid #E8E8E8;
	border-bottom: 0px solid #DFDFDF;
}
td.first, th.first {
	border-left: 0px;
}
tr.row-a {
	background: #F8F8F8;
}
tr.row-b {
	background: #EFEFEF;		
}

td.nolines {
	border-width: 0px;
}

#markettable {
  vertical-align: top;
  width: 100%; 
  padding:0;margin:0;
  color: #6B4F2E;
}
#markettable td {
  vertical-align: top;
  font-size: 10pt;
	border-bottom: 1px dotted white;
	border-top: 1px dotted white;  
	margin:0; padding:0;
  padding-right: 6px;
}
.marketdate {
  font-size: 10pt;
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }

/* login */
#logindiv {
  padding: 0px;
  margin: 0px;
}
#logindiv h2 {
  padding: 0px;
  margin-bottom: -5px;
}
/* cart */
.deltype {
	margin: 10px;
 	padding: 0 10px 0 10px;  
    background: #F0E9C6;
	border: 1px solid #CDAF33;
	color: #563E24;
}
#shoptable {
  border: solid 1px gray;
  border-spacing: 0px;
  border-collapse: collapse;
  color: #000000;
  width: 100%;
  padding: 2px;
  margin: 2px;
  text-align: center;
  background: white;
}
#shoptable td {
  padding: 1px;  
  border: solid 1px #E8E8E8;
  text-align: right;
}
#shoptable th {
	text-align: center;
	background: #9E701B;
	height: 29px;
	padding-left: 12px;
	padding-right: 12px;
	color: #FFF;
	text-align: right;
	border-left: 1px solid #B6D59A;
	border-bottom: solid 2px #FFF;	
}
#shoptable tr {
	height: 10px;
}
.errormsg {
  text-align: center;
  color: #FF0000;
  background: white;
  width: 100%;
}
.mandatory{
  color: red;
}
#msgbox, #mmsgbox {
  background: #c0c0c0;
  border: solid 1px #000000;
  color: black;
  text-align: right;
  width: 500px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  white-space: wrap;
  margin: 0px auto;
  margin-top: 5px;
}
#mmsgbox {
  background: #F1E5D3;
  border-color: #A07838;
  direction: rtl;
  text-align: right;
}
#mmsgbox li {
	color: black;
}
#tableheader {
  color: blue;
  font-size: 14pt;
  font-weight: bold;
}
#importmsg, #importmsg2 {
  border-top: solid 2px #23BA31;
  border-bottom: solid 2px #23BA31;
  margin: 0px;
  background: white;
  color: black;
  padding: 2px;
  width: 90%;
  font-weight: bold;
}
#importmsg2 {
  border-top: solid 0px #23BA31;
}

hr {
  height: 0px;
  color: #009900;
  border-bottom: solid 1px #009900;
  border-top: solid 1px #c0c0c0;
}
#categoryname{
  color: #88ac0b;
  font-size: 12pt;
  font-weight: bold;
}
#cartcategory {
  background: #E2E2E2;
  color: black;
  text-align: center;
  font-weight: bold;
}
.hiddenmsg {
  position:absolute;
  width: 200px;
  visibility: hidden;
  background-color: #ff9900;
  font-weight: bold;
  color: white;
  padding: 2px;
}
.dutytable {
	border-top:1.5pt solid black; 
	border-bottom:1.5pt solid black; 
	border-left-style:none; 
	border-right-style:none; 
	background-color:white;	
}
.dutytable th {
	border-bottom:1.5pt solid black; 
	background-color:#B42E39;	
	color:white;
	text-align: center;
	font-weight:bold;	
}
.rememberme {
  background-color: transparent;
  border-width: 0px;
}
.loginsmall {
  font-size:xx-small;
  white-space: nowrap;
}
.catHeaderLink {
	color: #88ac0b;
	text-decoration: none; 
  font-size        : 12px;
  background       : transparent;
  font-weight: bold;
}
input.spin-integer {
  margin: 0;
  padding: 3px 0;
  text-align: center;
  border: medium none;
  width: 30px;
  font-weight: normal;
  font-size: 14px;
}
input.spin-decimal {
  margin: 0;
  padding: 0 6px;
  text-align: right;
  border: medium none;
  width: 30px;
  font-weight: normal;
  font-size: 14px;
}
input.spin-list {
  margin: 0;
  border: medium none;
  width: 160px;
  font-weight: normal;
  font-size: 14px;
}
input.spin-button {
  height: 21px;
  width: 21px;
  border: 1px solid #777;
  background-color: #d5d5d5;
  margin: 0;
  padding: 0px;
  color: #424b6d;
  font-weight: bold;
  cursor: pointer;
}
input.up, input.dn {
  margin: 0;
  width: 42px;
  border: 1px solid #777;
  background-color: #d5d5d5;
  padding: 0px;
  color: #424b6d;
  font-size: 18px;
  font-weight: normal;
  cursor: pointer;  
}
a.up {
  display: block;
  height: 9px;
  width: 15px;
}
a.dn {
  margin-top: 1px;
  display: block;
  height: 9px;
  width: 15px;
}
#sendmessage-box {
  background: #FFFFCC;
  border: 1px solid black;
  position:absolute;
  display: none;
}
.postlist {
  border-top: 0px solid #CC0000;
}
.demobox {
  	margin: 5px 0;
  	padding: 10px;
  	text-align: right;
  	display: block;
  	overflow: auto;  
  	/* white-space: pre; */
  	background: #F9F7DD;
	border: 1px solid #E0DBC9;  
}

.radio {
  background: transparent;
  border-width: 0px;
}

#infoDiv {
  border: solid 1px #000000;
  color: white;
  padding-left: 3px;
  padding-right: 3px;
  margin: 0px;
  background: #9F876B;
  border-color: #6C4F2F;
  direction: rtl;
  text-align: center;
  WIDTH: 100%;
  RIGHT: 0px;
  vertical-align: middle;
  font: 18px/16.5pt Arial;   
}

.k_float
{
	z-index:9999999; 
	position: fixed !important; 
	position:absolute;
	cursor:hand;
	cursor:pointer;
}
.k_top
{
	top:0px;
	_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop : document.body.scrollTop);
}

.k_bottom
{
	bottom:0px;
	_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop + (document.documentElement.clientHeight-this.clientHeight) - 1 : document.body.scrollTop + (document.body.clientHeight-this.clientHeight) - 1);
}

.k_right
{	 
	right:0px;	
}

.k_left
{
	left:0px; 
}
.k_left_offset {
	left: 40px;
}
.k_right_offset {
	right: 40px;
}
.defcart {
	background: transparent;
	border-width: 0px;
}
.galleryThumbs {
	margin:0;
	padding:0;
	list-style:none;
	padding-left: 1px;
	padding-right: 1px;
	width: auto !important;
	font-size: 12px;
	line-height: 21px;
	white-space: nowrap;
	text-align: center;
	display:block;
}
.galleryThumbs li{
	display:inline;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0;
	width: auto !important;
	line-height: 21px;
	white-space: nowrap;
	border-left: 1px solid #FFFFFF;
  background: white;
}
.catlist {
	margin-top:20px;
	margin-bottom:20px;
  	width: 500px;
  	text-align:center;
	margin-left: auto ;
  	margin-right: auto ;
}
.catlist ul {
  	HEIGHT: 100%;
	LIST-STYLE-TYPE: none; 
	margin: 0px; 
	padding: 0px; 
	margin-right: 0px;	
}
.catlist LI  {
	display: inline;
	COLOR: #3b3b3b; 
	TEXT-ALIGN: center;	
	text-indent: 6px;
	float: right;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 5px;
}
.catlist LI a {
	color: #5A912B;
	font-weight: bold;
	padding: 0px; 
}