/**************************************

 BODY

**************************************/

body {
	margin: 0;
	padding: 0;
	font: 80%/140% Verdana,Sans-serif;
	text-align: center;
	background-color:#ffffff;
}

/* ie fix */


/**************************************

 LAYOUT

**************************************/


html, body {height: 100%;} /*ie fix*/


#container {
overflow:auto;
	text-align:left;
	padding: 0;	
    min-height: 100%;
     height: auto !important;
     height: 100%;
     margin: 0 auto -4em;
	background-color:#b7dcdc;
	background:url(/img/bg.png) repeat-x #b7dcdc;	
	background-position:left top;		 
}

 * {
     margin: 0;
}
 html, body {
     height: 100%;
}

#iheader {
	margin:0;
	padding:0;
	height: 126px;
	border-bottom:1px solid #21bdbf;
	background-color:#99cccc;
	background:url(/img/tbg.png) repeat-x #99cccc;	
	background-position:left top;	
}

#header {
	background:url(/img/logo_top.gif) no-repeat;	
	background-position:left top;	
}

#title
{
	font-family:arial;
	font-size:28px;
	width:245px;
	height:46px;
	background:url(/img/logo.gif) no-repeat;
	background-position:bottom right;	
	color:#FFFFFF;
	font-weight:bold;
	padding:47px 0 0 240px;
}

#logo {
	position:absolute;
	margin:0;
	padding:0;
	height: 160px;
	width:160px;
	top:0px;
	left:0px;
	background:url(/img/header.gif) no-repeat;
}

#topnavwrapper {
	position:relative;
	color: #000000;
	width:100%;
	background:url(/img/topnav_bg.gif) repeat-x #d3e9e9;
	border-bottom:1px solid #21bdbf;
	margin-top: 1px;
	margin-bottom: 1px;
	height:25px;
}

#content {
	position:relative;
	width:100%;
}

#contentmain {
	margin-left:160px;
	margin-top:10px;
	padding-right:10px;
	text-align:left;
	vertical-align:top;
}

 /*style for IE*/
* html #contentmain {
	margin-left:0px;
	float:left;
	clear:right;
	text-align:left;
	vertical-align:top;
}

#left {
	margin-right:10px;
	float:left; 
	width:152px;
}

#footer {
	position:relative;
	text-align:center;
	clear:both;
	font-size:10px;
	width:100%;
	height:165px;
	background:url(/img/btm.jpg) repeat-x #b7dcdc;
	background-position:left bottom;	
}

#footer a:link, #footer a:visited{
	text-decoration:none;
	color:#0000FF;
}

#footer a:hover{
	color:#CC6600;
	text-decoration:underline;
}

p {
	margin:0px;
	padding:0px;
}


/*********************************

 SEARCH

**********************************/

#header_search { 
	position:absolute;
	float: right;
	top:52px;
	right:0; 
	padding: 0px 8px 0px 0px; 
	margin:0;
}

.input_search{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: normal; 
	font-size:12px;
	color: #666; 	
	background: #FFFFF;
	width:120px; 	 
	height:16px;
	border:solid 1px #57abaa;
}

.input_submit {
	background: #FFF; 
	color: #666; 
	font-weight: normal; 
	border:solid 1px #57abaa;
	padding-bottom:4px;
	font-weight: bold;
	height:20px;
	position:relative;
	top:1px;
}

* html .input_submit {
	font-size:1.05em;
	top:0px;
}

/**************************************

 NAVIGATION

**************************************/

/*	TOP NAVIGATION	*/

#topnav {
	color: #000000;
	padding: 0;
	margin-left:160px;
	width:700px;
}

#topnav form {
white-space:nowrap;
margin:0;
padding:0;
}

#topnav .input_box{
	border:none;
}

#topnav ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;	
	}

#topnav ul li {
	display: block;
	float: left;
	text-align: center;
	margin: 0;
}

#topnav ul li a {
	display: block;
	float: left;
	color: #000000;
	text-align: center;
	padding: 0 21px 0 21px;
	margin: 0;
	border-right: 1px dotted #ffffff;
	font: bold 10px/19px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;	
	line-height:23px;
	height:25px;
}

*html #topnav ul li a {
	border-right: 1px solid #ffffff;
}

#topnav ul li a:hover {
	text-decoration: none;
	color: #cfe7ef;
	background: #d9a027;
}

#topnav ul li a.lastlink {
	border: 0;
}

/* LEFT NAVIGATION */

#leftnav {
	border-right:solid 1px #adbe20;
	background-color:#f0f8af;
}

#leftnav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#leftnav ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:0.9em;	
	text-decoration: none;
	text-align: left;	
	margin: 0px;
	padding: 0px 0px 0px 10px;
	color: #3b7574;
	display: block;
	border-bottom:1px dotted #adbe20;
}

* html #leftnav ul li a {
	width:140px;
	border-bottom:1px solid #d3e252;
}

#leftnav a:hover {
	text-decoration: none;
	color: #3b7574;
	background-color:#fbfde7;	
}
#leftnav ul li.sub a {
	padding-left: 19px;
	font-size: 11px !important;
	font-weight: normal;
	overflow: hidden;
}

* html #leftnav ul li.sub a {
	width:131px;
}

#leftnav ul li.sub2 a {
	padding-left: 30px;
	font-size: 11px !important;
	font-weight: normal;
	overflow: hidden;
}

* html #leftnav ul li.sub2 a {
	width:120px;
}

/**************************************
 BOXES
**************************************/

.bx_shadow {
	background-color:#e1e1e1;
	padding-right:2px;
	padding-bottom:2px;
	margin-bottom:20px;
}

.bx_header {
	margin:0px;
	margin-top:9px;	
	width:100px;
	height:28px;
}

.bx_header img {
	border: none;
}

.bx_content {
	font-size:0.8em;
	font-weight:bold;
	color:#415519;
}

.bx_content hr{
	color:#cae785;
	border-style:solid;
}

.textfield {
	border: solid 1px #b6dd57;
	background-color: #FFFFFF;
	width:130px;
}

.textfield2 {
	border: solid 1px #6b8f8f;
	background-color: #FFFFFF;
	width:250px;
}

*html .textfield2 {
	border: solid 1px #6b8f8f;
	background-color: #FFFFFF;
	width:250px;
	font-size:12px;
}

.textfield3 {
	border: solid 1px #6b8f8f;
	background-color: #FFFFFF;
	width:100px;
}

.button {	
	margin-top:4px;
	margin-right:4px;
	border:solid 1px #7d7b5f;
	background: #FFFFFF url(/img/button_bg.gif) repeat-x;
	font-size:1em;
	font-weight:bold;
	cursor:pointer;
}

.select {
	border: solid 1px #b6dd57;
	background-color: #FFFFFF;
}



.bx_one {
	width:147px;
	padding-right:2px;
	border:solid 1px #b5dc58;
	border-top:none;
	border-left:none;	
	background-color: #dbeeac;
}

.bx_two {
	width:147px;
	padding-right:2px;
	border:solid 1px #b5dc58;
	border-top:none;
	border-left:none;	
	background-color: #e2f0ca;
}

* html form {
	margin-top:0px;
	margin-bottom:0px;
}


/*
	LARGE BOXES
*/

.lbx_top {
	padding:0;
	height: 24px;
	margin:0;
	padding-top:4px;
	padding-left:4px;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	background:url(../img/corner.gif) no-repeat;
	background-position:top left;	
}

.lbx_top a:link,.lbx_top a:hover,.lbx_top a:visited{
	color:#ffffff;
	text-decoration:none;
}

.lbx_box
{
	background:url(../img/content_bg.gif) repeat-x #408080;
	background-position:top left;
	margin-bottom:0px;
	padding-bottom:1px;
}

.lbx_content{
	padding:6px;
	margin:0 1px 0 1px;
	background-color:#ffffff;
}

.lbx_logo img{
	float:left;
	margin:4px 8px 0px 4px;
}

.lbx_logo{
position:relative;
}

/** PRODUCTS **/

.full{
	width:100%;
}

.third{
	width:33%;
}


#checkoutbox {
	width:500px;
	background-color:#e0efef;
	border: 1px solid #81a2a2;
	padding:4px;
}

/* test */

#cartproduct {
	position:absolute;
	text-align:right;
	margin:0;
	padding:0;
	display:block;
	font-weight:bold;
	top:0px;
	right:0px;
	background-color:#f0df5f;
	border: 1px solid #57abaa;
	color:#000000;
	cursor:default;
}

.cheque img {
	border:none;
}

.cheque {
	text-align:center;
}

.cheque td {
	padding-right:10px;
	padding-left:10px;
}

.searchbutton {
	font-size:1em;
}

.searchresults p {
	line-height:25px;
}


/** PRODUCTS **/

#products {
	background:url(../img/content_bg.gif) repeat-x #408080;
	background-position:top left;
	margin-bottom:0px;
	padding-bottom:1px;
}

#products .content{
	margin:0 1px 0 1px;
	background-color:#ffffff;
	padding:10px;
}

#products .sideimage{
	float:right;
	padding:6px 4px 0 0;
}

#products a:link, a:hover, a:visited {
	color:#0000FF;
}

#products input {
	background-color:#35617a;
	color:#FFFFFF;
	font-weight:bold;
	border:1px solid #FFFFFF;
	border-style:groove;

}

#products input:hover {
	background-color:#3a6984;
}



.product{
	width:100%;
	margin: 12px 0 12px 0 ;
}

.product input{
	background-color:#35617a;
	color:#FFFFFF;
	font-weight:bold;
	border:1px solid #FFFFFF;
	border-style:groove;
}


*html .addbutton {
	
	background-color:#3a6984;
	cursor:pointer;
}

.productleft {
	text-align:center;
}

.productright {
	width:350px;
}

.quantity {
	width:25px;
	text-align:center;
}


.productright img{
	border:none;
}

.checkout {
	text-align:right;
}
.checkout img {
	border:none;
}

.right {
	text-align:right;
}

.left {
	padding-left:4px;
	text-align:left;
}

.left2{
	text-align:left;
	font-size:10px;
	font-weight:bold;
	padding-left:4px;
	color:#415519;
}

.error {
	color:#FF0000;
}

hr {
	color:#408080;
	background-color: #408080;
	height: 2px;
}

.support-left {
	vertical-align:top;
	width:90px;
}
.support-right {
	vertical-align:top;
}

#shoppingcart {
	padding-left:4px;
}

#shoppingcart input{
	border: solid 1px #b6dd57;
	width:30px;	
	text-align:center;	
	background-color: #FFFFFF;
}

#shoppingcart .left {
	padding-right:4px;
	text-align:right;
	width:55%;
}

.sleft {	
	width:105px;
	padding:0px 8px 0px 8px;
	vertical-align:middle;
	text-align:center;
	border-right:1px solid #CCCCCC;
}

.sright {
	padding-left:8px;	
}

h2{
	font-size:1.2em;
}

h3{
	font-size:1em;
}

img {
	border: none;
}

#paymentoptions {
	margin-top:20px;
}