/* CSS Document */

/******************* HTML STYLES *************************/

html {
	padding: 0;
	margin: 0;
}

body {
	padding: 0;
	margin: 0;
}

form {
	padding: 0;
	margin: 0;
}

/******************* PAGE LAYOUT STYLES ********************/
.homebox h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #908c85;
}
.homebox a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
.homebox2 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
.homebutt {
	width: 88px;
	height: 106px;
	float: left;
}
#catsubsbox {
	text-align: left;
}
.catsubsboxhead {
	float: left;
	display:block;
	width: 165px;
	padding-bottom: 10px;
	padding-right: 5px;
}
.catsubsboxhead h2 {
	font-size: 16px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top: 5px;
	margin-bottom: 5px;
}
.catsubsboxhead a {
	font-family:Arial, Helvetica, sans-serif;
	color: #908c85;
	font-size: 12px;
	text-decoration:none;
}
.catsubsboxhead a:hover {
	text-decoration:underline;
}
.catsubsboxhead h2 a {
	font-size: 16px;
	color: #8cc63e;
}

#topMenuacc {
	position: absolute;
	padding-left: 550px;
	
}
.container2 {
	margin: 0 auto 0 auto;
	text-align: center;
	width: 980px;
}
.container {
	margin: 0 auto 0 auto;
	text-align: center;
	width: 980px;
}
.frontlist {
	padding-left: 10px;
	padding-right: 10px;
}
.frontlist a {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}
#header {
	width: 980px;
	height: 90px;
	text-align: right;
	background: url(../images/misc/header.jpg);
	background-repeat:no-repeat;
}

#flashBannerBar {
	background: #685B53;
}

#flashBanner{
	margin: 0 auto 0 auto;
	width: 980px;
	height: 144px;
}

#page {
	padding: 10px 0 0 10px;
	margin: 0;
	overflow: hidden;
	
}

#leftColumn {
	clear: both;
	float: left;
	width: 230px;
	padding: 0 0 175px 0;
}

#rightColumn {
	float: right;
	width: 700px;
	padding: 0 0 25px 0;
}

#footerBar {
	background: #685B53;	
}

#footer {
	margin: 0 auto 0 auto;
	padding: 15px 0 0 0;
	text-align: left;
	width: 750px;
	height: 35px;
}

/******************** TOP MENU STYLES *********************/

#topMenu {
	float: right;
}

.topMenu {
	margin-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.topMenu a {
	cursor: pointer;
	color: #685B53;
	text-decoration: none;
	
}

.topMenu a:hover {
	color: #FFFFFF;
	background: #8dc73f;	
}

/******************** FOOTER MENU STYLES *********************/

#footerMenu {
	width: 750px;
	float: left;
	display: block;
}

.footerMenu {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 750px;
}

.footerMenu td a {
	margin: 0 5px 0 5px;
	padding: 0;
	/*display: block;
	height: 21px;
	line-height: 21px;*/
	cursor: pointer;
	color: #FFF;
	/*text-align: center;*/
	text-decoration: none;
}

.footerMenu td a:hover {
	text-decoration: underline;
}

/******************** SEARCH PRODUCTS STYLES *********************/

#keywordSearch {
	width: 165px;
	height: 21px;
	float: left;
	display: inline;
}

#keywordSearch input {
	float: left;
	padding: 3px 0 0 4px;
	display: inline;
	width: 140px;
	height: 18px;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	background: url(../images/misc/searchField.jpg);	
}

#keywordSearch button {
	float: left;
	margin: 0;
	padding: 0;
	width: 21px;
	height: 21px;
	line-height: 21px;
	border: none;
	color: #FFF;
	font-size: 10px;
	cursor: pointer;
	background: url(../images/buttons/go.jpg);
}

#keywordSearch button:hover {
	color: #000;
	background: url(../images/buttons/goOver.jpg);	
}

/******************** ADMIN LOGIN STYLES *********************/

#adminLogin {
	width: 165px;
	float: left;
}

#adminLogin input {
	float: left;
	padding: 3px 0 0 4px;
	display: block;
	width: 140px;
	height: 18px;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	background: url(../images/misc/searchField.jpg);	
}

#adminLogin button {
	float: left;
	margin: 0;
	padding: 0;
	width: 100px;
	height: 21px;
	line-height: 21px;
	border: none;
	color: #FFF;
	font-size: 10px;
	cursor: pointer;
	background: #685B53;
	border: 1px solid #908C85;
}

#adminLogin button:hover {
	color: #000;
	background: #8dc73f;
	border: 1px solid #908C85;
}

/******************** DIALOGUE BOX STYLES *********************/

#boxLeft {
	float: left;
	width: 100%;
}

#boxRight {
	float: right;
	width: 49%;
}

.dialogueBox {
	padding: 10px 9px 8px 9px;
	display: block;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFF;
	background: #8dc73f;
	border: 1px solid #FFF;
}

.dialogueBoxSurround {
	border: 4px solid #8dc73f;
}

.boxTextBig {
	margin: 0;
	padding: 0;
	font-size: 16px;	
}

.boxTextSmall {
	margin: 0;
	padding: 8px 0 8px 0;
	font-size: 12px;
}

.dialogueBox a {	
	margin: 0;
	font-size: 11px;
	text-decoration: none;
	color: #685B53;
}

.dialogueBox a:hover {
	text-decoration: underline;
}

/******************** PRODUCT DETAILS STYLES *********************/

.listingDetails {
	display: block;
	width: 220px;
	height: 80px;
	text-align: left;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
}

.listingThumb {
	float: left;
	margin: 0 8px 0 0;
	width: 55px;
	height: 65px;
}
.counter {
	float: left;
	margin: 0 8px 0 0;
	width: 13px;
	color: #8dc73f;
}

.listingThumb img {
	text-align: center;
	border: 1px solid #908C85;
}

.listingDetails img:hover {
	border: 1px solid #8dc73f;
}

.listingThumbTitle {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #333;
}

.listingDesc {
	margin: 0;
	padding: 2px 0 4px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
}

.listingLink {
	font-size: 11px;
	color: #8dc73f;
	text-decoration: none;
}

.expiryDate {
	display: block;
	height: 16px;
	line-height: 16px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999;
	text-decoration: none;	
}

.listingLink:hover {
	text-decoration: underline;
}

.spacer20 {
	height: 16px;
}

.spacer5 {
	height: 5px;
	clear: both;
}

.pageTitleBrown {
	padding: 24px 0 5px 0;
	height: 24px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #685B53;
	border-bottom: 1px solid #908C85;
}

.pageTitleGreen {
	display: block;
	padding: 24px 0 5px 0;
	margin: 0 0 20px 0;
	width: 100%;
	height: 24px;
	text-align: left;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #8dc73f;
	border-bottom: 1px solid #908C85;	
}

.pageTitleGreen2 {
	display: block;
	padding: 0px 0 5px 0;
	margin: -4px 0 20px 0;
	width: 100%;
	height: 24px;
	text-align: left;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #8dc73f;
	border-bottom: 1px solid #908C85;	
}

.pageTitleGreen a {
	text-decoration: none;
	color: #8dc73f;
}

.pageTitleGreen a:hover {
	text-decoration: none;
	color: #908C85;	
}

#categoryTitleContainer {
	display: block;
	padding: 0;
	margin: 0 0 5px 0;
	height: 63px;
	text-align: left;
	border-bottom: 1px solid #908C85;	
}

#categoryPageTitle {
	float: left;
	padding: 24px 0 5px 0;
	text-align: left;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #8dc73f;
}

#listingCount {
	float: right;
	padding: 40px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
}

#listingCount2 {
	float: right;
	padding: 10px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
}

/********************** FORM STYLES ***************************/

#form {
	padding: 0;
	margin: 0;
	text-align: left;
}

#form form {
	margin: 0;
	padding: 0;
}

#form label {
	margin: 0 7px 0 7px;
	padding: 0;
	float: left;
	width: 155px;
	height: 14px;
	line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #685B53;
}

.formField {
	margin: 0 0 8px 0;
	padding: 0;
	display: inline;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-transform: none;
	border: 1px solid #908C85;
}

.passwordField {
	margin: 0 0 8px 0;
	padding: 0;
	display: inline;
	color: #8dc73f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-transform: none;
	border: 1px solid #908C85;	
}

#form input {
	padding: 0 0 0 3px;
}

#form select {
	margin: 0 0 8px 0;
}

#form textarea {
	display: inline;
	margin: 0 0 3px 0;
	padding: 0 0 0 2px ;
}

#form br {
	clear: both;
}

#form button {
	float: left;
	margin: 0 5px 0 0;
	padding: 0 10px 0 10px;
	height: 21px;
	line-height: 21px;
	border: none;
	color: #FFF;
	font-size: 10px;
	cursor: pointer;
	background: #685B53;
	border: 1px solid #908C85;
}

#form button:hover {
	color: #000;
	background: #8dc73f;
	border: 1px solid #908C85;
}

#form a {
	color: #8dc73f;
	text-decoration: none;
}

#form a:hover {
	text-decoration: overline;
	text-decoration: underline;
}

.formError {
	margin: 0 0 0 170px;
	padding: 0;
	height: 12px;
	line-height: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	text-transform: uppercase;
	text-align: left;
	color: red;
}

.formNote {
	margin: 0 0 5px 170px;
	padding: 0;
	width: 300px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;	
	text-align: left;
	color: #999;
}

.greenStar {
	font-weight: bold;
	color: #8dc73f;
}

.green {
	margin: 7px 0 0 0;
	padding: 0;
	display: inline;
	color: #8dc73f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}

.statusMessage {
	margin: 0;
	padding: 0 0 5px 18px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	color: #8dc73f;
	background: url(../images/buttons/topMenuOver.jpg);
	background-repeat: no-repeat;
}

.formField2 {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

.texterror {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	text-align: left;
	color: #8dc73f;
}

/********************** SPAW STYLES ***********************************/

.default {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	text-transform: uppercase;	
	color: #000;
}

.Style {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	text-transform: uppercase;	
	color: #000;
}

.pageTitle {
	float: left;
	padding: 24px 0 5px 0;
	height: 24px;
	text-align: left;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #8dc73f;
}

.pageSubTitle {
	margin: 0 7px 0 7px;
	padding: 0;
	float: left;
	width: 95px;
	height: 14px;
	line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #685B53;
	border-bottom: 1px solid #908C85;	
}

.pageCopy {
	margin: 0;
	padding: 0 0 5px 18px;
	display: block;
	width: 364px;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	background: url(../images/misc/topMenuVR.jpg);
	background-repeat: no-repeat;
}

.pageContent {
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	overflow: hidden;
}

.pageContent a {
	color: #8dc73f;
	text-decoration: none;
}

.pageContent a:hover {
	text-decoration: overline;
	text-decoration: underline;
}
.pageContent2 {
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.pageContent2 a {
	color: #8dc73f;
	text-decoration: none;
}

.pageContent2 a:hover {
	text-decoration: underline;
}

.pageContent img {
	border: 1px solid #908C85;
	display: inline;
}

.breadCrumbs {
	clear: both;
	display: block;
	padding: 0 0 4px 0;
	margin: 0 0 20px 0;
	width: 100%;
	height: 16px;
	line-height: 16px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #908C85;
}

.breadCrumbs a {
	color: #8dc73f;
}

.breadCrumbs a:hover {
	color: #908C85;	
	text-decoration: none;
}

/****************** HORIZONTAL MENU STYLES *********************/

#menuh-container {
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	text-align: right;
	color: #999;
}

#menuh {
	margin: 0;
	padding: 0;
	white-space: nowrap;
	text-align: center;
	display: block;
	width: 700px;
	height: 21px;
	border-bottom: 1px solid #908C85;
}
		
#menuh a {
	padding: 0;
	margin: 0;
	height: 21px;
	line-height: 21px;
}
	
#menuh a, #menuh a:visited {
	color: #999;
	background: #FFF;
	text-decoration:none;
}
	
#menuh a:hover{
	color: #8dc73f;
	background: #FFF;
}

#menuh ul {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
}

#menuh li {
	position: relative;
    min-height: 1px;
    vertical-align: bottom;
}

#menuh ul ul {
	margin: 0;
	padding: 0;
	display: none;
	position: absolute;
	z-index: 500;
	top: auto;
	background: #FFF;
	border: 1px solid #908C85;
}

div#menuh a:hover {
	cursor: pointer;
	z-index: 100;
}

div#menuh li:hover ul ul{
	display: none;
}

div#menuh li:hover ul {
	display:block;
}

.menuSelected {
	padding: 0;
	margin: 0;
	height: 21px;
	line-height: 21px;
	color: #8dc73f;
	cursor: default;
}

/******************** CATEGORIES STYLES *********************/

#categoriesMenu {
	margin: 0;
	padding: 0 0 20px 0;
	width: 198px;
	float: left;
	text-align: left;
	background: #FFF;
}

#categoriesMenu ul {
	list-style: none;
	margin: 0;
	padding: 0px;
}

#categoriesMenu a {
	margin: 0;
	padding: 0;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #685B53;
	text-align: left;
	text-decoration: none;
	padding-left: 5px;
	cursor: pointer;
	border: 1px solid #FFF;	
}

#categoriesMenu a:hover {
	color: #8dc73f;
	background: #FFF;
	text-decoration: none;
	border: 1px solid #908C85;
}

#menuitemon {
	margin: 0;
	padding: 0;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-left: 5px;
	color: #8dc73f;
	text-decoration: none;
}

#menuitemon a {
	margin: 0;
	padding: 0;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #8dc73f;
	text-align: left;
	text-decoration: none;
	padding-left: 5px;
	cursor: pointer;
	border: 1px solid #FFF;	
}

#categoriesMenu li {
	position: relative;
	padding: 0;
}

#categoriesMenu ul ul {
	margin: 0 0 0 0;
	position: absolute;
	top: 0;
	left: 100%;
	z-index: 500;
	background: #FFF;
	border: 1px solid #908C85;
}

#categoriesMenu ul ul a {
	margin: 0;
	padding: 0;
	text-indent: 5px;
	color: #908C85;
	background: #FFF;
}

#categoriesMenu ul ul a:hover {
	color: #8dc73f;
	background: #FFF;
	border: 1px solid #fff;
}
/* Changed this one */
div#categoriesMenu ul ul, div#categoriesMenu ul li:hover ul ul {
	display: none;
}

div#categoriesMenu ul li:hover ul, div#categoriesMenu ul ul li:hover ul {
	display: block;
	text-align: left;
	width: 200px;
	padding-right: 5px;
}

/************************* PRICE MATRIX *************************************/

#priceMatrixHeader {
	display: block;
	width: 486px;
	height: 20px;
	line-height: 20px;
	font-weight: bold;
	border: 1px solid #908C85;
}

#priceMatrixHeaderPriceRange {
	display: inline;
	float: left;
	width: 230px;
	text-indent: 5px;
}

#priceMatrixHeaderPlacementFee {
	float: right;
	width: 237px;
}

.priceMatrixRow {
	display: block;
	width: 486px;
	height: 20px;
	line-height: 20px;
	border-left: 1px solid #908C85;	
	border-right: 1px solid #908C85;
}

.priceMatrixRowPriceRange {
	display: inline;
	float: left;
	width: 230px;
	text-indent: 5px;
}

.priceMatrixRowPlacementFee {
	float: right;
	width: 237px;
}

/************************* LISTING STYLES ******************************/

.listingTitle {
	display: block;
	margin: 0 0 5px 0;
	width: 100%;
	height: 16px;
	line-height: 16px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

.salePrice {
	color: #8dc73f;
}

/***************************** BASKET STYLES ******************************/

#basketHeader {
	display: block;
	width: 686px;
	height: 20px;
	line-height: 20px;
	text-transform: uppercase;
	border: 1px solid #908C85;
}

.basketHeaderTitle {
	font-weight: bold;
	text-indent: 5px;
}

.basketRow {
	display: block;
	width: 686px;
	height: 20px;
	line-height: 20px;
	border: 1px solid #908C85;
	border-top: none;
}

.basketRowTitle {
	float: left;
	width: 433px;
	text-indent: 5px;
	text-align: left;
	clear: left;
}

.basketRowPlacementFee {
	float: left;
	width: 100px;
	text-align: right;
}

.basketRowCheckbox {
	float: left;
	width: 145px;
	padding: 0 5px 0 0;
	text-align: right;
}

#basketTotal {
	display: block;
	margin: 2px 0 2px 0;
	height: 24px;
	line-height: 24px;
}

.basketTotalTitle {
	float: left;
	width: 433px;
	font-weight: bold;
	text-indent: 5px;
	text-align: left;
}

.basketTotalValue {
	float: left;
	width: 100px;
	text-align: left;
}

.basketTotalValue input {
	width: 100px;
	margin: 4px 0 2px 0;
	padding: 0;
	display: inline;
	color: #8dc73f;
	background: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	border: none;
}

/***************************** CHECKOUT STYLES ******************************/

.checkoutFormField {
	margin: 0 0 8px 0;
	padding: 0;
	display: inline;
	width: 200px;
	color: #000000;
	background: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	border: none;
	cursor: default;
}

.placementFeeTotal {
	margin: 0 0 8px 0;
	padding: 0;
	display: inline;
	width: 200px;
	color: #8dc73f;
	background: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	border: none;
	cursor: default;
}

#orderbox {
	display: block;
	width: 300px;
	margin: 0 0 20px 0;
	text-align: left;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
.featuredbox {
	text-align: left;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
.ordertext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #908C85;
}

#orderbox button {
	display: inline;
	margin: 0 0 0 5px;
	padding: 0;
	width: 21px;
	height: 21px;
	line-height: 21px;
	border: none;
	color: #FFF;
	font-size: 10px;
	cursor: pointer;
	background: url(../images/buttons/go.jpg);
}

#orderbox button:hover {
	color: #000;
	background: url(../images/buttons/goOver.jpg);	
}