body {
	background: url("/img/body-background.gif") #808080 top center no-repeat;
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 75%; /* set the base size to 12px */
	padding-top: 78px;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;	
}

a {
	text-decoration: none;	
}

a:hover {
	text-decoration: underline;	
}

#logo {
	position: absolute;
	left: 0;
	top: 0;		
}

#wrap {
	margin: 0 auto;
	width: 800px;
}

header {
	position: relative;	
	width: 800px;
}

header #badge {
	position: absolute;
	top: -6px;
	left: 670px;	
}

header nav {
	font-family: Georgia, "Times New Roman", Times, serif;	
}

header nav ul {

}

header nav ul {
	background: url("/img/header-nav-default.gif") #020202 repeat-x;	
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;		
	overflow: auto;
	padding: 0 140px 0 0;
	margin: 0;
	min-height: 30px;	
	width: 660px;
}

header nav ul li {
	background: url("/img/header-nav-spacer.gif") no-repeat center left;
	display: block;	
	float: left;
	list-style: none;
	margin: 0 0 0 1px;
	padding: 0 0 0 3px;
}

header nav ul li:first-child {
	background: transparent;
	margin-left: 38px;	
}

header nav ul li:last-child.cart {
	background: transparent;		
}

header nav ul li.cart {
	float:right;		
}

header nav ul li a {
	color: #FFFFFF;
	display: block;
	line-height: 30px;
	padding: 0 12px;
}

header nav ul li a:hover {
	background: url("/img/header-nav-hover.gif") repeat-x;
	color: #FFFFFF;
	text-decoration: none;
}

.accessibility {
	display:block;
	height:1px !important;
	left:-9999px !important;
	line-height:1px !important;
	overflow:hidden !important;
	position:absolute !important;
	top:-9999px !important;
	width:1px !important;
}

article #content {
	background: #FFFFFF;
	color: #4D4D4D;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	box-shadow: 5px 5px 8px #818181;
	-webkit-box-shadow: 5px 5px 8px #818181;
	-moz-box-shadow: 5px 5px 8px #818181;
	line-height: 1.4167em;
	overflow: auto;
	padding: 0 269px 0 41px;
	width: 490px;	
}

article #content a {
	color: #FF8F1E;	
}

article #content #keyContent {
	clear: both;
	float: left;
	margin-left: 41px;
	width: 490px;
}

article #content #sidebar {
	float: right;
	margin: 35px 41px 0 0;
	width: 155px;	
}

article #content .productCategories {
	font-size: 1.167em;
	overflow: auto;
	padding: 0;
}

article #content .productCategories li {
	display: block;
	height: 26px;
	list-style: none;
	margin-bottom: 4px;
	width: 126px;
}

article #content .productCategories li a {
	background: #FFFFFF;
	color: #FF8F1E;
	display: block;
	line-height: 26px;
	padding: 0 7px;
}

article #content .productCategories li a:hover {
	background: #FFE5CD;
	color: #FF8F1E;	
	text-decoration: none;
}

article #content .productCategories li.selected a {
	background: #FF7D12 url("/img/products-sidebar-selected.gif") repeat-x;
	color: #FFFFFF;
}

body#homepage article #content {
	margin: 0;
	padding: 0;	
	width: 100%;
}

body#homepage #sidebar #about {
	background: #8F9292 url("/img/homepage/about-gradient.png") repeat-x top;
	border: 1px solid #9B9B9B;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #FFFFFF;	
	font-size: 0.83em; 
	padding: 15px 12px;
}


article #content #sidebar #yourCart {
	background: #1F1E20 url("/img/cart-sidebar-gradient.png") repeat-x top;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #FFFFFF;
	font-family: Georgia;
	font-size: 1em;
	margin-bottom: 1em;
	padding: 9px 14px;	
	width: 97px;	
}

article #content #sidebar #yourCart h2 {
	font-size: 1.4em;
	border-bottom: 2px groove #6C6C6C;
	margin: 0 0 0.5em;
	padding: 0.1em 4px 0.5em;	
}

article #content #sidebar #yourCart .cartContents {
	padding-left: 0;	
}

article #content #sidebar #yourCart .cartContents li {
	display: block;
	line-height: 1.2em;
	list-style: none;
	margin-bottom: 1em;
}

article #content #sidebar #yourCart p {
	padding: 0 4px;	
}

article #content #sidebar #yourCart .subtotal {
	border-color: #6C6C6C;
	border-width: 2px 0;
	border-style: groove;	
}

article #content #sidebar #yourCart .editCart a {
	color: #FFFFFF;
}

article #content #sidebar #yourCart .checkout a {
	background: url("/img/header-nav-hover.gif") repeat-x;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #FFFFFF;
	display: block;
	font-size: 1.1em;
	margin-top: 5px;	
	padding: 4px 4px 4px 1em;
	text-decoration: none;
}

article #content #sidebar #relatedProducts {
	border: 1px solid #B2B2B2;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-family: Georgia;
	line-height: 1.25em;
	margin-bottom: 10px;
	overflow: auto;
	padding: 10px 15px;
	width: 123px;
}

article #content #sidebar #relatedProducts h2 {
	font-size: 1.33em;
	margin-top: 0;	
}

article #content #sidebar #relatedProducts .photo {
	float: left;
	margin-right: 5px;
	width: 70px;	
}

footer {
	font-size: 0.83em;	
}

footer a {
	color: #FFFFFF;	
}

footer #credits {
	background: #676767;
	color: #FFFFFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 5px 5px 8px #818181;
	-webkit-box-shadow: 5px 5px 8px #818181;
	-moz-box-shadow: 5px 5px 8px #818181;
	overflow: auto;		
	padding: 12px 40px;
	width: 720px;	
}

footer #credits p {
	float:left
}

footer #credits ul {
	float:right
}

footer #credits ul li {
	display: inline;
	list-style: none;
}

footer .nav {
	color: #FFFFFF;	
	padding: 0;
	margin: 0;
	width: 100%;
}

footer .nav li {
	display: inline;	
	line-height: 30px;
	list-style: none;
	margin: 0;
	padding: 0;
}

footer .nav li:before {
	content: "|";
	margin: 0 11px;
}

footer .nav li:first-child {
	margin-left: 44px;	
}

footer .nav li:first-child:before {
	content: "";
	margin: 0;
}

/* Cart */

input.cart_submit {
	float: left;
	margin-right: 1em;
}

table.cart {
	width: 100%;
	background: #EEEEEE;
	border-collapse: separate;
	border-spacing: 2px;
	margin: 1em 0 0em 0;
}

#content table.cart a{
	font-weight: normal;
}

table.cart thead tr {
	background: #DDDDDD;
}

table.cart tbody td {
	background: #EEEEEE;
	/* border: 5px;*/
}

table.cart tbody tr.odd td {
	background: white;
}

table.cart tbody tr.total td {
	background: #DDDDDD;;
}

/* Form fields */

form legend {
	font-weight: bold;
	border-bottom: 1px dotted black;
	margin: 1em 0 0.5em 1em;
}

form fieldset {
	border-left: 1px solid black;
	padding-left: 1em;
	margin-bottom: 0.5em;
}

form div.required,
form div.optional {
	clear:left;
	display:block;
	margin: 0;
	padding: 0 0 0.5em 0;
	overflow: auto;
	width: 100%
}

form div.required label,
form div.optional label {
	width: 30%;
	float: left;
	display: block;
}

form div.required label {
	font-weight: bold;

}

form div.required .error-message,
form div.optional .error-message,
form div.rating .error-message {
	color: #EF2C2C;
	float: left;
	margin-left: 1em;
}

form div.required select,
form div.optional select,
form div.required input,
form div.optional input {
	float: left;
	display: block;
	width: 180px;
}

/* Homepage */

body#homepage #sidebar #about {
	background: #8F9292 url("/img/homepage/about-gradient.png") repeat-x top;
	border: 1px solid #9B9B9B;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #FFFFFF;	
	font-size: 0.83em; 
	padding: 15px 12px;
}

body#homepage #sidebar #about h2 {
	margin-top: 0;
}


.productListing {
	overflow: auto;
	margin: 0;
	padding: 0;
	width: 100%;
}

.productListing .hproduct {
	float: left;
	list-style: none;
	margin: 0 32px 5px 0;
	min-height: 160px;	
	position: relative;
	width: 130px;
}

.productListing .hproduct .photo {
	display: block;
	height: 130px;
	margin-bottom: 8px;
	width: 130px;
}

.productListing .hproduct .price {
	background: url("/img/product-listing-price.png") no-repeat;
	color: #FFFFFF;
	display: block;
	font-family: Georgia;
	font-size: 17px;
	height: 57px;
	line-height: 57px;
	overflow: hidden;
	padding: 2px;	
	position: absolute;
	right: 7px;
	text-align: center;
	top: 75px;	
	width: 56px;
}

.productListing .hproduct .name {
	font-size: 0.9em;		
}

.productListing .hproduct .name a  {
	color: #FF8F1E;
}

body#products article #content {
	margin: 0;
	padding: 0;	
	width: 100%;
}

body#products article #content .productCategories {
	font-family: Georgia;
}

body#products article #content .productCategories li {
	float: left;
	line-height: 26px;
	text-align: center;
	width: 100px;
}


/* Product styles */

body#product article #content {
	margin: 0;
	padding: 0;
	width: 100%;	
}

body#product .hproduct {
	margin: 50px 40px 20px 4px;
}

body#product .hproduct .info {
	float: right;
	width: 370px;	
}

body#product .hproduct h2.name {
	width: 280px;
}

body#product .hproduct .description {
	width: 280px;
}

body#product .hproduct .details {
	border-top: 1px solid #B2B2B2;
	overflow: auto;
	padding: 1em 0;
	width: 100%;
}

body#product .hproduct .details dl {
	float: left;
	margin: 0;
	width: 285px;
}

body#product .hproduct .details dt {
	float: left;
	font-size: 1.1em;
	font-weight: normal;
	clear: left;
	margin-right: 0.5em;	
}

body#product .hproduct .details dt:after {
	content: ":";
}

body#product .hproduct .details dd {
	float: left;
}

body#product .hproduct .details .fairtrade {
	float: right;
	margin: 0;
	padding: 0;
	width: 45px;
}

body#product .hproduct .details .fairtrade li {
	list-style: none;
}


body#product .hproduct .photoPrice {
	float: left;
	position: relative;
	width: 380px;
}

body#product .hproduct .price {
	background: url("/img/product/product-price-bg.png") no-repeat;
	color: #FFFFFF;
	display: block;
	font-family: Georgia;
	font-size: 17px;
	height: 89px;
	line-height: 89px;
	overflow: hidden;
	padding: 2px;	
	position: absolute;
	right: 50px;
	text-align: center;
	top: 212px;	
	width: 87px;
}

body#product form {
	clear: both;
	width:100%;	
}

body#product #orderOptions {
	border-left: none;
	clear: both;
	display: block;
	float: right;
	font-family: Georgia;	
	overflow: auto;
	padding: 0;
	margin: 0;
	width: auto;
}

body#product #orderOptions .option {
	background: #C3C3C3;
	border: 1px solid #B1B1B1;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	color: #4D4D4D;
	display: block;
	float: left;
	font-size: 1.3em;
	height: 27px;
	margin-right: 8px;
	padding: 0 11px;
	line-height: 27px;
}

body#product #orderOptions .option label {
	margin-right: 1em;
}

body#product #orderOptions .addToCart {
	background: #202022;
	border: 1px solid #4E4E50;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	color: #FFFFFF;
	float: left;
	font-family: inherit;
	font-size: 1.3em;
	font-weight: normal;
	height: 29px;
	padding: 0 11px;
	line-height: 27px;
}

body#product article #content #keyContent {
	overflow: hidden;	
}

body#product #addReview {
	background: #444444;
	color: #FFFFFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	overflow: auto;
	padding: 0.5em 1em;
	width: auto;			
}

body#product #addReview .rating .label {
	line-height: 2em;	
}

body#product #addReview .submit {
	float: left;	
}

body#product #addReview .submit input {
	background: url("/img/header-nav-hover.gif") repeat-x;
	border: 0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #FFFFFF;
	display: block;
	font-size: 1.1em;
	padding: 4px 1em;
	text-align: center;
	text-decoration: none;
}


body#product #sidebar #productCategories {
	color: #FF8F1E;
	font-family: Georgia, "Times New Roman", Times, serif;	
}

body#product #sidebar #productCategories h2 {	
	font-size: 1.83em;
}

body#product #sidebar #productCategories h2 a {	
	color: #FF8F1E;
	text-decoration: none;
}

body#product #sidebar #productCategories ul {
	font-size: 1.167em;
	padding: 0;
}

body#product #sidebar #productCategories ul li {
	display: block;
	height: 26px;
	list-style: none;
	margin-bottom: 4px;
	width: 126px;
}

body#product #sidebar #productCategories ul li a {
	background: #FFFFFF;
	color: #FF8F1E;
	display: block;
	line-height: 26px;
	padding: 0 7px;
}

body#product #sidebar #productCategories ul li a:hover {
	background: #FFE5CD;
	color: #FF8F1E;	
	text-decoration: none;
}

body#product #sidebar #productCategories ul li.selected a {
	background: #FF7D12 url("/img/products-sidebar-selected.gif") repeat-x;
	color: #FFFFFF;
}

/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,
div.star-rating {
	float:left;
	width:24px;
	height:24px;
	text-indent:-999em;
	cursor:pointer;
	display:block;
	background:transparent;
	overflow:hidden
}

div.rating-cancel,
div.rating-cancel a {
	background:url("/img/rating/delete.gif") no-repeat 0 -16px;
}

div.rating-cancel {
	display:none !important;	
}

div.star-rating,
div.star-rating a {
	background:url("/img/reviews/star-sprite.png") no-repeat 0 0px;
}

div.rating-cancel a,
div.star-rating a { 
	display:block;
	width:24px;
	height:100%;
	background-position:0 0px;
	border:0
}



div.star-rating-on a {
	background-position:0 -24px!important;
}

div.star-rating-hover a {
	background-position:0 -48px;
}

/* Read Only CSS */
div.star-rating-readonly a {
	cursor:default !important;
}

/* Partial Star CSS */
div.star-rating {
	background:transparent!important;
	overflow:hidden!important
}

/* END jQuery.Rating Plugin CSS */

.js .rating label {
	display: none;
}

form .rating .label {
	display:block;
	float:left;
	font-weight:bold;
	width:30%;	
}

form .rating .rating-control {
	display:block;
	float:left;
	width:180px;	
}

.ui-widget-overlay {
	background:#000000; 
	left: 0;
	opacity: 0.8;
	position: absolute;
	top: 0;	
}

.ui-dialog {
	background-color: #302F31;
	background-image: url("/img/reviews/review-gradient.png");
	background-position: top;
	background-repeat: repeat-x;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;		
	color: #FFFFFF;
	width: 360px;
}

.ui-dialog-titlebar {
	margin: 22px 22px 2px;	
}

.ui-dialog-titlebar-close {
	background: url("/img/reviews/close-button.png") no-repeat right top;
	color: #FFFFFF;
	float: right;
	line-height: 20px;
	min-height: 17px;
	padding-right: 16px;	
}


.ui-dialog-content {
	padding: 0 40px 40px;
	width: 280px;
}

.ui-dialog-content a {
	color: #FF8F1E; 	
}


.ui-dialog-titlebar-close:hover {
	text-decoration: none;	
}

.ui-dialog-titlebar-close span {
	margin-right: 0.5em;	
}

.ui-dialog-titlebar-close:hover span {
	text-decoration: underline;
}

#ReviewAddForm fieldset {
	border-left: 0;
	padding-left: 0;	
}

#ReviewAddForm legend {
	border-bottom: none;
	font-size: 2em;
	margin: 0 0 1em;
}

#ReviewAddForm .input,
#ReviewAddForm .rating {
	clear: both;
}

#ReviewAddForm .input label,
#ReviewAddForm .rating .label {
	float: left;
	width: 38%;
}

#ReviewAddForm .captcha img {
	float: left;	
}

#ReviewAddForm .input input,
#ReviewAddForm .input textarea {
	float: right;
	border: 0;
	width: 62%;
}

#ReviewAddForm .submit input {
	background: url("/img/header-nav-hover.gif") repeat-x;
	border: 0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #FFFFFF;
	display: block;
	float: right;
	font-size: 1.1em;
	margin-top: 1.5em;	
	padding: 4px 1em;
	text-align: center;
	text-decoration: none;
}

#ReviewAddForm fieldset {
	border-bottom: 1px solid #6B6B6C;
	padding-bottom: 1em;	
}