/* 

Stylesheet for Xenergie.com store section
Created by Didats Triadi - February 2007.
Last updated by Michael Heraghty - 06 June 2007.

*/

/* General */
.clear {
	clear:both;
}
a.add-cart {
	background:transparent url("../images/xcart/bg_cart.gif") no-repeat top left;
	text-transform:lowercase;
	padding-left:25px;
	color:#000;
	font:bold 11px/25px verdana,arial,sans-serif;
	height:auto !Important;
	height:25px;
	display:block;
	margin:5px 0px 5px 1px;
	text-decoration:none;
}
a.add-cart:hover {
	text-decoration:none;
	color: #8B4513;
	background:transparent url("../images/xcart/bg_cart_hover.gif") no-repeat top left;
}
#viewcart {
	clear: both;
	border: 1px solid #8B4513;
	padding: 30px 0;
	margin-top: 30px;
}

#viewcart img.cart{
	padding: 0 6px 0 12px;
	border: 0;
	float: left;
}

a.buy {
	background:transparent url("../images/xcart/cart.gif") no-repeat top left;
	padding-left:25px;
	font:bold 11px/25px verdana,arial,sans-serif;
	display:block;
	height:auto !important;
	height:25px;
	text-decoration:none;
}
/*a.checkout {
	background:transparent url("../images/xcart/checkout.gif") no-repeat top left;
	padding-left:25px;
	font:bold 11px/30px verdana,arial,sans-serif;
	display:block;
	height:auto !important;
	height:30px;
	text-decoration:none;
	width:150px;
	float:left;
	margin-top:5px;
}*/
/*a.continue-shopping {
	background:transparent url("../images/xcart/continue.gif") no-repeat top left;
	padding-left:25px;
	font:bold 11px/30px verdana,arial,sans-serif;
	display:block;
	height:auto !important;
	height:30px;
	text-decoration:none;
	width:150px;
	float:left;
	margin-top:5px;
}*/

input.number {
	width:30px;
	border:1px solid #CCCCCC;
	font:12px verdana,arial,sans-serif;
}

#the-content {
	position:relative;
	margin-top:30px !important;
	margin-top:10px;
}

#the-content #localnav ul{
	padding-bottom: 1px;  IE5 and below 
	p\adding-bottom: 40px;
}


/* Changed by MH - to make it consistent with #localnav h2 */
#the-content h3.latest {
	margin-top: 60px; /* firefox */
	*margin-top: 30px; /* ie */
	margin-bottom: 1px;
	padding: 4px 0;
	font-size: 0.85em;
	color: #8B4513;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	border-bottom: 1px solid #8B4513;
}

#custumer {
	width:360px;
	border-right:1px dotted #CCCCCC;
	margin-top: 0;
}

#custumer h2, #shipping h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #8B4513;
	margin: 0 0 3px 0;
	text-transform: capitalize;
}

#shipping {
	float: right;
	margin-top: -380px;
	*margin-top: -400px; /* IE */
	width: 350px;
}
#other {
	clear:both;
	border-top:1px dotted #CCCCCC;
	padding-top:10px;
	padding-bottom:20px;
}

/* Latest Products */
#latest {
	border:1px solid #DEB887;
	margin-bottom: 10px; /* ff */
	*margin-bottom: 25px; /* ie */
	padding-left: 5px;
}

#latest h3{
	margin-top: 0;
	margin-left: -5px;
	font-size: 0.85em;
	color:#FFFFFF;
	background:#DEB887;
	padding:5px 0px 5px 5px;
	margin-bottom:5px;
}

#latest img{
	border: 1px solid #CCCCCC;
	margin: 0 5px;
	float: right;
}

#latest a{
	font-weight: bold;
}
#latest h4 {
	clear: both;
	margin: 0;
	color:#990000;
	font:1em Arial,verdana,sans-serif;
}

/* List of Categories */
.cat-wrap {
	margin-bottom:10px;
}
.cat-img {
	border:1px solid #CCCCCC;
	padding:3px;
	background:#FFFFFF;
	float:left;
	width:100px;
	margin-right:10px;
	margin-bottom:5px;
}
.cat-name {
	margin-bottom:3px !important;
}


/* Pathway */
.pathway {
	border-bottom:1px solid #CCCCCC;
	font-size:11px;
	padding-bottom:4px;
	font-weight:bold;
	margin-bottom:20px;
}
.pathway a {
	font-weight:normal;
}

/* List Product & Detail */
.list-wrap {
	margin-bottom:10px;
	padding-bottom:10px;
	height: auto;
	border-bottom: 1px solid #ccc;
}
.list-detail {
	margin-top:8px;
}
.list-product {
	/*float:left;*/
	width:300px;
}
img.list-image {
	float:right;
	margin:20px 10px 5px 0px;
	padding:3px;
	background:#FFFFFF;
	border:1px solid #CCCCCC;
}


/* Table */
table.data {
	background:#CCCCCC;
	margin-top:10px;
}
table.data td {
	background:#FFFFFF;
	padding:3px 3px;
}
table.data th {
	background:#EFEFEF;
	padding:5px 3px;
}
table.data td a {
	display:block;
}

/* Form */
form#form {
	margin:0px;
	padding:0px;
	margin-top:20px;
}
#form label {
	float:left;
	width:130px;
	margin-bottom:20px;
	position:relative;
	top:2px;
}
label span, span.star {
	color:#990000;
}
form .inputbox {
	font:12px Arial,verdana,sans-serif;
	width:175px;
}

/* Navigation */
ul#left-nav {
/*	padding-bottom:50px;*/
	margin-bottom: 70px; /* ff */
	*margin-bottom: 20px; /* ie */
	height:70px;
}
ul#left-nav li.selected a {
	background:#B56B21 !important;
	color:#FFFFFF;
}

/*Homepage Intros*/

ul#front-nav{
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#front-nav li{
	clear: left;
}

ul#front-nav li img{
	float: left;
	padding-right: 10px;
}

ul#front-nav h3 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	color: #435F1F;
	margin: 20px 0 3px 0;
	text-transform: capitalize;
}

img.paypal{
	float: right;
}

/* Customer Instructions - Small Text */
.small{
	font-size: 10px;
}

p.small{
	padding-bottom: 10px;
}

/* Continue Shopping or Proceed to Checkout options */

#shopping{
	margin-top: 10px;
	float: left;
	font-weight: bold;
}

#checkout{
	margin-top: 10px;
	float: right;
}

#checkout img{
	float: left;
	margin-top: -5px;
}

#checkout a{
	color: #264E75;
	font-weight: bold;
}

#checkout a:hover{
	color: #000;
}

input.chksame{
	float: left;
	margin-top: 0; /* firefox */
	*margin-top: -4px; /* ie */	
}

#other label{
	width: 500px;
}

img.proceed{
	float: left;
	margin: 2px 10px 0 50px;
	*margin-left: 0; /* Internet Explorer */
	padding-left: 416px;
}

input.proceed{
	margin-bottom: 20px;
	background: #efefef;
	color: #264E75;
	font-weight: bold;
	padding: 3px;
	border: 3px double #999999;
	border-top-color: #eee;
	border-left-color: #eee;
}

p.text-voucher {
	position:relative;
	top:8px;
}

input.thebutton{
	background: #efefef;
	color: #264E75;
	font-weight: bold;
	padding: 3px;
	border: 3px double #999999;
	border-top-color: #eee;
	border-left-color: #eee;
}