/* Style sheet with blue colours */
/* -------------------------------------------------------------------------------------------------------- */
/* HEADER: General Tags & Text */
/* -------------------------------------------------------------------------------------------------------- */
/* HELP: Basic body background for your store. You can use this to alter the background colour for your entire store */
body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	height: 100%;
	font-size:100%;
}

/* HELP: Basic store link colour<br/><br/> */
a {
	color:#333;
	text-decoration: underline;
}

/* HELP: Basic store link colour (when mouse hovers over it) */
a:hover {
	color:#000;
	text-decoration: underline;
}

/* HELP: Main page headings, for example product names, section titles etc. */
h1 {
	margin: 0 0 5px 0;
	padding: 15px;
	clear: both;
	background-color: #FFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	color: #020F1C;
}

/* HELP: Sub-headings on the page, for example the section and product listing headers on section pages */
h2 {
	height: 20px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #020F1C;
	margin: 5px 0 0 0;
	padding: 8px 0px 5px 15px;
	clear: both;
	background-color: #FFFFFF;
}

/* HELP: Standard paragraph formatting for your store. Anything in a &lt;p&gt; tag will be displayed using this. */
p {
	font-size: 0.8em;
}


/* HELP: Formatting for the &lt;strong&gt; HTML tag. By default this shows text in bold */
strong {
	font-weight: bold;
}

/* HELP: Basic styling for all user input form fields, including text boxes, textarea boxes etc. */
input { 
	font-size: 1em;
	font-weight: normal;
	background-color: #FFFFFF; 
	color: #000000; 
	border: 1px solid #666666;
	margin-bottom: 1px;
}

input[type="radio"] {
	width: auto !important;
	border: none;
	background-color: transparent;
}

/* HELP: Style for checkboxes to avoid border applied to other input fields and tweak position */
.checkbox {
	position: relative;
	top: 2px;
	border: 0px;
}

/* HELP: Formatting for form select boxes (also called drop-down boxes)<br/><br/> */
select { 
	font-size: 1em;
	font-weight: normal;
	background-color: #FFFFFF; 
	color: #000000; 
	border: 1px solid #666666; 
}

/* HELP: Style for all form buttons used on your store, including form submission buttons */
.button {
	font-size: 1em;
	background: #775e3a url(../images/button-bg.gif) top repeat-x;
	border: 0px solid #000000;
	color: #ffffff;
	cursor: pointer;
	height: 21px;
	padding: 3px 5px;
}

/* HELP: Style used for places where a smaller text size is required, generally on product templates and product menu box listings */
.smaller-text {
	font-size: 0.8em;
	width: 100%;
}

/* HELP: General styling for main product prices shown in the store, excluding cart and checkout price displays */
.price {
	font-weight: bold;
	font-size: 1.1em;
	color: #f5891d;
}

/* HELP: Style used for all error text in the store, e.g. form entry validation errors etc. */
.error-text {
	font-size: 0.8em;
	font-weight: bold;
	color: #ff0000;
}

/* -------------------------------------------------------------------------------------------------------- */
/* HEADER: Page Header */
/* -------------------------------------------------------------------------------------------------------- */
/* HELP: The main header bar for your store, where your logo, search and mini cart reside */
#header {
	width: 100%;
	height: 143px;
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
	background-image: url(../images/header-bg-xmas.jpg);
	overflow: auto;
}

/* HELP: Styling for your logo that appears in the main header for the store */
	#logo a {
		width: 275px;
		height: 70px;
		float: left;
		position: relative;
		top: 40px;
		left: 100px;
		border: 0px;
	}


#menu {
	width: 100%;
	height: 30px;
	background-color: #9A7848;
}

	#menu ul {
		height: 30px;
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
		#menu li, #menu a {
			height: 30px;
			float: left;
		}
		
		#menu a {
			height: 23px;
			padding: 7px 25px 0px 25px;
			border-right: 1px solid #333;
			font-size: 0.75em;
			font-weight: bold;
			color: #FFF;
			text-decoration: none;
		}
		
			#menu a:hover {
				background-color: #594A28;
			}
	
/* HELP: This appears under the header and contains the welcome message and the mini cart plus cart and checkout links */
#sub-header {
	width: 100%;
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 0.7em;
	font-weight: normal;
	color: #000;
}

/*.sub-header-box, .sub-header-box-right {
	height: 60px;
	float: left;
	margin: 0 10px 0 0;
	padding: 3px 6px;
	background-color: #f7f3ed;
	border: 1px solid #ded7bd;
	font-size: 11px;
	position: relative;
}*/

.sub-header-box, .sub-header-box-right {
	height: 60px;
	float: left;
	margin: 0 10px 0 0;
	padding: 3px 6px;
	background-color: #f7f3ed;
	border: 1px solid #C0262E;
	font-size: 11px;
	position: relative;
}

.sub-header-box-right {
	margin: 0;
}

#sh-login, #sh-account {
	width: 268px;
}

#sh-basket {
	width: 180px;
	background: #f7f3ed url(../images/Secured-By-Sage-Pay-Header.gif) 119px 6px no-repeat;
}

#sh-recent {
	width: 293px;
}

#sh-search {
	width: 156px;
}

	.sub-header-title {
		margin: 0 0 3px 0;
		font-size: 1.1em;
		font-weight: bold;
		color: #C0262E;
	}

	.sub-header-login-email, .sub-header-login-password {
		width: 102px;
		margin: 0 10px 0 0;
		float: left;
	}
	
		.sub-header-login-email a, .sub-header-login-password a {
			float: left;
			padding: 3px 0;
			font-size: 0.9em;
			text-decoration: none;
		}

	#sh-login input.button {
		width: 38px;
		float: left;
	}
			
		input.headerInputEmail, input.headerInputPassword {
			width: 100px;
			height: 17px;
			margin: 0 0 0 0;
			padding: 2px 0 0 2px;
			border: 1px solid #999;
			color: #333;
		}
	
		input.headerInputEmail {
			background-image: url(../images/email-input-bg.gif);
			background-position: 2px 5px;
			background-repeat: no-repeat;
		}
		
		input.headerInputPassword {
			background-image: url(../images/password-input-bg.gif);
			background-position: 2px 5px;
			background-repeat: no-repeat;
		}
		
		input.headerSubmit {
			width: 52px;
			height: 24px;
			background-color: transparent;
			background-image: url(../images/header-submit-bg.gif);
			background-repeat: no-repeat;
			border: none;
			text-indent: -9999px;
			cursor: pointer;
		}

/* HELP: Formatting for the links within the mini cart<br/> */
#sh-basket a {
	width: auto;
	height: 13px;
	float: right;
	margin: 5px 0 0 5px;
	padding: 3px 5px;
	background: #775e3a url(../images/button-bg.gif) top repeat-x;
	font-weight: bold;
	font-size: 1em;
	color: #FFF;
	text-decoration: none;
}

	.minicart-items, .minicart-total {
		float: left;
	}
	
	.minicart-items {
		margin-right: 15px;
	}

.sh-product {
	width: 60px;
	float: left;
	margin: 2px 12px 0 0;
}

	#sh-product a {
		text-decoration: none;
	}
		
#sh-search input {
	float: left;
	margin-top: 8px;
}
	
	#sh-search #search-button {
		width: 45px;
	}

/* HELP: Styling for the search box itself in the search section */
.search-box {
	width: 90px;
	height: 17px;
	margin: 0 10px 0 0;
	padding: 2px 0 0 2px;
	border: 1px solid #999;
	color: #333;
}

/* -------------------------------------------------------------------------------------------------------- */
/* HEADER: Left and Right Menus */
/* -------------------------------------------------------------------------------------------------------- */
/* HELP: The div container for the left menu in the store<br/><br/> */
#left-menu {
	font-size: 1em;
	color: #000000;
	width: 205px;
	margin: 0 0 10px 0;
}

/* HELP: The div container for the right menu in the store<br/><br/> */
/*#right-menu {
	font-size: 1em;
	color: #000000;
	width: 160px;
}*/

/* HELP: The overall container for each menu box in the left and right menus */
.menu-box {
	width: 100%;
	margin-top: 10px;
	font-size: 0.75em;
	background-color: #f7f3ed;
	font-weight: normal;
	padding-bottom: 2px;
	color: #323232;
}

/* HELP: The title for the menu box<br/><br/> */
.menu-box-title {
	width: 195px;
	margin: 0;
	padding: 5px;
	font-size: 1.1em;
	font-weight: bold;
	color: #323232;
	background-color: #ded7bd;
}

/* HELP: Standard formatting for each menu's content area<br/> */
.menu-box-content, .menu-box-content-sections {
	padding: 5px;
	text-align: left;
	overflow: auto;
}

.menu-box-content-sections {
	padding: 0px;
}

/* HELP: The content area of each menu box where the contents in centered, e.g. the newsletter signup box */
.menu-box-content-center {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 2px;
	margin-right: 2px;
	text-align: center;
	overflow: auto;
}

/* HELP: List formatting for the top level sections shown in the left menu. The links themselves will use the standard a and a:hover formatting. */
#menu-section-list {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
	
	#menu-section-list li, #menu-section-list a {
		float: left;
		clear: left;
	}

	#menu-section-list a {
		width: 195px;
		margin: 0;
		padding: 3px 5px;
		color: #323232;
		text-decoration: none;
		font-size: 1em;
		outline: none;
	}
	
	#menu-section-list li.current {
		background-color: #F3E6D3;
	}
	
	#menu-section-list a:hover, #menu-section-list a.current {
		background-color: #9A7848;
		font-weight: bold;
		color: #FFF;
	}

/* HELP: List formatting for the sub-sections shown in the left menu. The links themselves will use the standard a and a:hover formatting. */
#menu-section-list ul {
	margin: 0px;
	padding: 0px;
}

	#menu-section-list ul a {
		width: 185px;
		padding-left: 15px;
	}

/* HELP: List formatting for the customer account links in the left menu. Also used for open account etc. links if customer is customer is not logged in */
#customer-links {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

	#customer-links li {
		width: 85px;
		float: left;
		margin: 0 0 7px 0;
	}

/* HELP: List formatting for the news links in the left menu. The links themselves use the standard a and a:hover formatting */
#news-links {
	margin: 0px;
	padding: 0px;
	padding-left: 17px;
	list-style-type: disc;
}

/* HELP: Used to surround the product lists shown in the right menu in your store */
.menu-product-list {
	clear: both; padding-top: 2px;
	margin-bottom: 2px;
}

/* HELP: Used to format the small thumbnail images shown in product lists on the right menu in your store */
.menu-product-image {
	margin-right: 5px; float: left; position: relative;
}

/* -------------------------------------------------------------------------------------------------------- */
/* HEADER: Main Content */
/* -------------------------------------------------------------------------------------------------------- */
/* HELP: Basic style for the main content section of all the pages in your store. This is the section between the left and right menus. */
#main-content {
	color: #000000;
	background-color: #E7E3DA;
	margin: 0 0 10px 0;
	padding-top: 0px;
	padding: 5px;
	font-size: 1em;
}

/* HELP: Style for the breadcrumb div shown above all the main content titles */
#breadcrumb {
	width: 758px;
	height: 16px;
	float: left;
	margin: 10px 0 0 10px;
	padding: 5px;
	background-color: #ded7bd;
	font-size: 0.8em;
}

/* HELP: Style for the breadcrumb links<br/><br/> */
#breadcrumb a {
	text-decoration: none;
}

/* HELP: Style for the breadcrumb links when the mouse hovers over them<br/><br/> */
#breadcrumb a:hover {
	text-decoration: none;
}


/* HELP: Style for the title of the breadcrumb trail shown within the breadcrumb div */
#breadcrumb-title {
	font-weight: bold;
}

.welcome, .xmas {
	margin: 0 0 5px;
	padding: 0;
	background-color: #FFF;
	overflow: auto;
}

.xmas {
	background: #FFF url(../images/holly.gif) 435px 100px no-repeat;
}

	.welcome p, .xmas p {
		margin-left: 10px;
	}
	
	.welcome h2 {
		padding-left: 10px;
		background: transparent;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 1.3em;
		font-style: italic;
		color: #F3891B;
	}

/* -------------------------------------------------------------------------------------------------------- */
/* HEADER: Page Footer */
/* -------------------------------------------------------------------------------------------------------- */
/* HELP: Containing div for the footer shown on every page in your store */
#footer {
	width: 963px;
	clear: both;
	margin: 0 0 10px 0;
	padding: 10px;
	background-color: #f7f3ed;
	color: #000000;
	text-align: center;
}

/* HELP: Basic list formatting for the list of links in the footer<br/> */
.footer-links {
	margin: 0;
	padding: 0;
	font-size: 0.7em;
}

/* HELP: Style for each entry in the list of links<br/><br/> */
.footer-links li {
	font-weight: bold;
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	padding-left: 2px;
	padding-right: 2px;
}

/* HELP: Style for each actual link in the footer links<br/><br/> */
.footer-links a { 
	color: #000000;
	padding: 1px 1px;
	margin: 2px 2px 0px 0px;
	white-space: nowrap;
	text-decoration: underline;
	font-weight: normal;
	color: #f08100;
}

/* HELP: Style for each link in the footer links list when the mouse hovers over it */
.footer-links a:hover {
	text-decoration: underline;
	font-weight: normal;
	color: #000000;
}

/* HELP: Formatting for the users online section of the store footer */
#users-online {
	font-size: 0.7em;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	clear: both;
}

/* HELP: Formatting for the copyright section of the store footer */
#copyright {
	font-size: 0.7em;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	clear: both;
}

/* -------------------------------------------------------------------------------------------------------- */
/* HEADER: Section Page Style */
/* -------------------------------------------------------------------------------------------------------- */
/* HELP: Container for the content (sub-sections &amp; products) on the section pages */
.section-content {
	clear: both;
}
	
	.section-content h2 select {
		float: right;
		font-size: 0.7em;
	}
	
.section-description {
	padding: 10px;
	background-color: #FFFFFF;
}

/* HELP: Container for each sub-section listed on a section page<br/><br/> */
.sub-sections {
	width: 229px;
	float: left;
	margin: 3px 3px 0 0;
	padding: 10px;
	text-align: left;
	background-color: #FFFFFF;
}

/* HELP: Style for the section thumbnails shown on section pages, both for the section and sub-section listings */
.section-thumbnail {
	float: left;
	margin-right: 5px;
	padding: 3px;
}

/* HELP: Style for the display of the sub-section title on section pages */
.sub-section-title, .sub-section-title a {
	font-weight: bold;
	font-size: 0.9em;
	text-decoration: none;
}

/* -------------------------------------------------------------------------------------------------------- */
/* HEADER: Paging Styles */
/* -------------------------------------------------------------------------------------------------------- */
/* HELP: Container for the paging links on section and search pages */
.pages-container {
	clear: both;
	margin: 10px 0;
	font-weight: bold;
	font-size: 0.6em;
	text-align: right;
}

/* HELP: Basic list formatting for the paging links, including previous and next links */
.pages-list {
	margin-left: 0px;
	padding-left: 0px;
	white-space: nowrap;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
}

/* HELP: Formatting for each entry in the paging links<br/><br/> */
.pages-list li {
	color: #000000;
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	margin: 0px;
	margin-left: 1px;
	margin-right: 1px;
}

/* HELP: Display style for the page entry in the list that you are currently viewing */
.pages-list span { 
	padding: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0px; 
	color: #FFFFFF;
	background-color: #9A7848;
	border: 1px solid #9A7848;
}

/* HELP: Actual clickable link for page numbers and previous and next links */
.pages-list a { 
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0px; 
	color: #333333;
	background-color: #FFFFFF;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #9A7848;
	text-decoration: none;
}

/* HELP: Clickable link style when mouse hovers over it<br/><br/> */
.pages-list a:hover {
	color: #FFFFFF;
	background-color: #9A7848;
}

/* -------------------------------------------------------------------------------------------------------- */
/* HEADER: Product Listing Styles */
/* -------------------------------------------------------------------------------------------------------- */
/* HELP: Styling for the product thumbnails shown in the main content where products are listed, e.g. section pages */
/*.product-thumbnail {
	margin-right: 5px; padding: 3px; padding-left: 0px; border: 0px;
}

/* HELP: Used for the product lists if you've selected to show a single column in the template options */
/*.product-single {
	clear: both; text-align: left;
	margin-left: auto; margin-right: auto;
	zoom: 1;
}

/* HELP: Used for the left hand column on product lists if you've selected to show two columns in the template options */
/*.product-column-left {
	width: 49%; float: left;
}

/* HELP: Used for the right hand column on product lists if you've selected to show two columns in the template options */
/*.product-column-right {
	width: 49%; float: right;
}

/* HELP: Container used if you have selected to show two columns for products in the template options */
/*.product-double {
	width: 100%;
	clear: both;
	margin: 0 0 5px 0;
	padding: 5px;
	background-color: #FFFFFF;
	text-align: left;
}

/* HELP: Additional formatting for product titles shown on section/search pages */
/*.section-product-title, .section-product-title a {
	font-weight: bold;
	font-size: 0.9em;
	text-decoration: none;
}

/* HELP: Gap between products if you have selected two columns for products in the template options */
/*.product-gap {
	width:2%; float: left;
}

/* HELP: Vertical separator been products on product listing pages, e.g. section pages */
/*.product-separator {
	clear: both; 
	border: 0px; 
	margin-bottom: 8px; 
	height: 5px;
	border-bottom: 1px dotted #bbbbbb; 
	background: #ffffff; 
	color: #ffffff;
}

/* -------------------------------------------------------------------------------------------------------- */
/* HEADER: Section Product Listing Styles */
/* -------------------------------------------------------------------------------------------------------- */
/* HELP: Vertical separator been products on product listing pages, e.g. section pages */
.product-separator {
	clear: both; 
	margin-bottom: 8px; 
	height: 5px;
	border: none;
	background-color: #9A7848; 
	color: #FFFFFF;
}

/* HELP: Used for the product lists if you've selected to show a single column in the template options */
.product-single {
	clear: both;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	zoom: 1;
}

/* HELP: Used for the left hand column on product lists if you've selected to show two columns in the template options */
.section-product, .section-product-left {
	width: 249px;
	height: 245px;
	margin: 0 0 5px 5px;
	float: left;
	background-color: #FFFFFF;
	position: relative;
}

/* HELP: Used for the right hand column on product lists if you've selected to show two columns in the template options */
.section-product-left {
	margin-left: 0;
}

.section-product-image-link {
	width: 245px;
	height: 152px;
	float: left;
}

/* HELP: Styling for the product thumbnails shown in the main content where products are listed, e.g. section pages */
.section-product .product-thumbnail, .section-product-left .product-thumbnail {
	width: 245px;
	height: 152px;
	margin-right: 5px;
	padding: 0;
	border: 0;
}

.section-product-details {
	padding: 5px;
	clear: both;
	border-top: 1px solid #f7f3ed;
	font-size: 0.7em;
}

.section-product-details a {
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
}

.section-product-price {
	position: absolute;
	left: 5px;
	bottom: 5px;
}

.section-product-details input.product-add {
	position: absolute;
	right: 5px;
	bottom: 5px;
}

/* HELP: Style for product add to cart buttons in your store<br/><br/> */
.product-add {
	width: 90px;
	font-size: 0.9em;
	font-weight: bold;
	background: #775e3a url(../images/button-bg.gif) top repeat-x;
	border: none;
	color: #ffffff;
	padding: 2px;
	cursor: pointer;
	height: 2em;
}

/* -------------------------------------------------------------------------------------------------------- */
/* HEADER: Other Product Styles */
/* -------------------------------------------------------------------------------------------------------- */
.product-image {
	width: 346px;
	/*height: 346px;*/
	margin: 0 1px 0 0;
	padding: 5px;
	float: left;
	background-color: #FFFFFF;
}

	.product-image img {
		border: none;
	}
	
	.product-image img.thumb {
		margin: 10px 0 0;
		border: 1px solid #999;
	}
	
.product-details {
	width: 401px;
	float: left;
}

	.product-description {
		width: 381px;
		height: 150px;
		padding: 10px;
		background-color: #FFFFFF;
		overflow: auto;
		font-size: 11px;
		line-height: 1.5;
	}
	
		.product-description p {
			margin: 0 0 10px 0;
			font-size: 11px;
		}
	
	.product-description-cd {
		width: 346px;
		height: 346px;
		margin: 0 1px 0 0;
		padding: 5px;
		float: left;
		background-color: #FFFFFF;
		overflow: auto;
		font-size: 12px;
		line-height: 1.5;
	}
		
	.product-price, .product-quantity, .product-extra-fields, .product-add-basket, .product-add-wishlist, .product-send-friend {
		width: 391px;
		height: 22px;
		margin: 1px 0 0 0;
		padding: 8px 0px 0px 10px;
		background-color: #FFFFFF;
		font-size: 11px;
		color: #222;
	}
	
	.product-add-basket, .product-add-wishlist, .product-send-friend {
		height: 25px;
		padding: 5px 0 0 10px;
	}
	
		.product-details a, .product-details input {
			margin: 0px;
			padding: 0px;
			border: 0px;
			text-decoration: none;
			color: #222;
		}
		
		.product-quantity {
			height: 25px;
			padding: 5px 0px 0px 10px;
		}
		
			.product-quantity input {
				width: 30px;
				padding: 2px;
				border: 1px solid #999;
				vertical-align: middle;
			}
		
		.product-add-basket {
			background-color: transparent;
		}
		
			.product-add-basket input {
				background-color: transparent;
				text-align: left;
				font-weight: bold;
				cursor: pointer;
			}
			
		a.product-button, input.product-button {
			width: 100px;
			padding: 3px 0;
			float: left;
			background-image: url(../images/button-bg.gif);
			color: #FFF;
			text-align: center;
		}
		
/* HELP: Used to contain the product flags where ever they appear, e.g. section pages, product pages */
.product-flag-container {
	float: right;
	margin-left: 5px;
	padding: 3px;
}

/* HELP: Used to style each individual product flag when displayed<br/><br/> */
.product-flag {
	padding: 1px 3px;
	float: right;
	font-size: 0.5em; 
	font-weight: bold;
	background-color: #A18E7F; 
	color: #FFFFFF; 
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
}

/* HELP: Container for add to basket, add to wishlist and more info links */
.links-container {
	font-weight: bold;
	margin: 3px;
}

/* HELP: Style for product links, e.g. add to wishlist and more info links */
.product-link {
	font-size: 0.7em;
	font-weight: bold;
	border: 0px;
	color: #f08100;
	padding: 0px;
	margin: 0px;
	white-space: nowrap;
	cursor: pointer;
	text-decoration: underline;
}

/* HELP: Style for product links, e.g. add to wishlist and more info links when mouse hovers over it */
.product-link:hover {
	color: #521c1d;
	text-decoration: underline;
}

/* HELP: Style for product add to cart buttons in your store, when mouse hovers over them */
.product-add:hover {
	background-color: #f08100;
}

#product-reviews {
	margin: 5px 0 10px 0;
	clear: both;
}

/* -------------------------------------------------------------------------------------------------------- */
/* HEADER: Product Option Tables */
/* -------------------------------------------------------------------------------------------------------- */
/* HELP: Overall container for the product options section of the product pages */
.product-options-container {
	margin: 1px 0 0 0;
	padding: 5px;
	background-color: #FFF;
}

/* HELP: Container for the table used to display attribute combinations, option stock levels and price combinations on product page template */
.product-table-div {
	text-align: center;
}

/* HELP: Table used to display attribute combinations, option stock levels and price combinations */
.product-table {
	margin-left: auto;  margin-right: auto;
	padding: 0px;
	width: 100%;
	border: 0px;
}

/* HELP: Caption shown about a product option table on the product page template */
.product-table caption {
	font-weight: bold;
	font-size: 0.70em;
	margin-left: auto;  margin-right: auto;
	text-align: right;
}

/* HELP: Header table cell for the product options table<br/><br/> */
.product-table th {
	font-weight: bold;
	font-size: 0.70em;
	background-color: #aaaaaa;
	padding: 2px;
	text-align: left;
	vertical-align: top;
}

/* HELP: Normal table cell for the product options table<br/><br/> */
.product-table td {
	font-weight: normal;
	font-size: 0.70em;
	background-color: #dddddd;
	padding: 2px;
	text-align: left;
}

/* -------------------------------------------------------------------------------------------------------- */
/* HEADER: Cart Table Styles */
/* -------------------------------------------------------------------------------------------------------- */
/* HELP: Overall container the cart on your cart.html template<br/><br/> */
.cart-div {
	text-align: center;
}

/* HELP: Style for the cart table itself<br/><br/> */
.cart-table {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	border-collapse: collapse;
	font-size: 0.8em;
}

/* HELP: Style for caption tag above the cart table<br/><br/> */
.cart-table caption {
	font-size: 0.70em;
	margin-left: auto;
	margin-right: auto;
}

.cart-table tr {
	border-bottom: 4px solid #E7E3DA;
	line-height: 1.8;
}

/* HELP: Style for table header cells<br/><br/> */
.cart-table th {
	font-weight: bold;
	padding: 3px 10px;
	text-align: left;
	vertical-align: top;
}

/* HELP: Style for table header sells with right justification<br/><br/> */
.cart-table th.right {
	text-align: center;
}

/* HELP: Style for table header totals<br/><br/> */
.cart-table th.total {
	text-align: right;
}

.cart-table th.center {
	text-align: center;
}

/* HELP: Style for normal table cells<br/><br/> */
.cart-table td {
	background-color: #FFF;
	font-weight: normal;
	padding: 10px;
	text-align: left;
	vertical-align: middle;
}

/* HELP: Style for normal table cells, with right justification<br/><br/> */
.cart-table td.right {
	text-align: center;
}

.cart-table a.cart-remove img {
	padding: 3px;
}

.cart-button {
	width: 150px;
	height: 25px;
	margin: 0 0 0 15px;
	float: right;
	background-image: url(../images/cart-button.gif);
	text-align: center;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	line-height: 2.1em;
}

	a.cart-button:hover {
		color: #FFF;
		text-decoration: none;
	}
	
input.cart-button {
	background-color: transparent;
	border: none;
	width: 120px;
	height: 25px;
}

/* -------------------------------------------------------------------------------------------------------- */
/* HEADER: Checkout Styles */
/* -------------------------------------------------------------------------------------------------------- */
h1.cb-sign-in, h1.cb-shipping, h1.cb-payment, h1.cb-confirm, h1.cb-submit, h1.cb-complete {
	background-repeat: no-repeat;
	background-position: right;
}

h1.cb-sign-in {
	background-image: url(../images/cb-sign-in.gif)
}

h1.cb-shipping {
	background-image: url(../images/cb-shipping.gif)
}

h1.cb-payment {
	background-image: url(../images/cb-payment-method.gif)
}

h1.cb-submit {
	background-image: url(../images/cb-submit.gif)
}

h1.cb-complete {
	background-image: url(../images/cb-complete.gif)
}

.checkout-signin-box {
	width: 368px;
	height: 200px;
	float: left;
	margin: 20px 0 0 0;
	background-color: #F1E9DF;
}

.csb-left {
	margin-right: 20px;
}

	.checkout-signin-box h2 {
		margin: 0 0 10px 0;
		padding: 5px;
		background-color: #FFFFFF;
	}
	
	.checkout-signin-box p {
		padding: 0 10px 0 10px;
		font-size: 0.7em;
		color: #555;
	}
	
	.checkout-signin-box a.cart-button {
		margin-top: 20px;
		margin-right: 100px;
		font-size: 1.2em;
		font-weight: bold;
	}
	
.address-box {
	margin: 10px 0 0 0;
	padding: 10px;
	background-color: #F1E9DF;
	border-bottom: 1px dashed #C8C098;
}

	.address-box h2 {
		margin-top: 0;
	}
	
	.address-book {
		width: 212px;
		margin: 10px 10px 0 0;
		padding: 10px;
		float: left;
		font-size: 0.8em;
		border: 2px solid #e4d3be;
	}
	
	.address-billing {
		border: 2px solid #4C3014;
	}
	
		.address-book a {
			margin: 10px 0 0 0;
			line-height: 1.8;
		}
		
#show-hide-new-address {
	width: 260px;
	height: 38px;
	margin: 20px auto;
	clear: both;
}

#show-hide-new-address a {
	width: 260px;
	height: 38px;
	float: left;
	background-image: url(../images/new-address.gif);
	text-indent: -9999px;
	overflow: hidden;
}

#new-address {
	clear: both;
	display: none;
	visibility: hidden;
}

/* -------------------------------------------------------------------------------------------------------- */
/* HEADER: Send To Friend Styles */
/* -------------------------------------------------------------------------------------------------------- */
/* HELP: Container for the send to a friend links shown in the store<br/><br/> */
.send-friend {
	font-weight: bold;
	float:right;
	font-size: 0.8em;
	margin-right: 3px;
	margin-top: 1px;
}

/* HELP: Style used for the send to friend link itself within the send-friend container */
.send-friend a {
	font-size: 1em;
	text-decoration: none; 
	color:#ff8d29; 
}

/* HELP: Style used for the send to friend link, when the mouse hovers over it, within the send-friend container */
.send-friend a:hover { 
	color:#ff8d29; 
	text-decoration: underline; 
	cursor: pointer;
}

/* -------------------------------------------------------------------------------------------------------- */
/* HEADER: Account Styles */
/* -------------------------------------------------------------------------------------------------------- */
/* HELP: Used as a container for the account home page information for both customer accounts and affiliate accounts */
#account-summary {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 420px;
}

/* HELP: Style for the left column of the account home page information */
#account-summary-left {
	float: left;
	width: 200px;
	text-align: left;
}

/* HELP: Style for the right column of the account home page information */
#account-summary-right {
	float: right;
	width: 200px;
	text-align: left;
}

/* -------------------------------------------------------------------------------------------------------- */
/* HEADER: Form Entry Tables */
/* -------------------------------------------------------------------------------------------------------- */
/* HELP: Container for form entry tables<br/><br/> */
.form-div {
	text-align: center;
}

/* HELP: Table definition for form entry tables<br/><br/> */
.form-table {
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	border: 0px;
}

/* HELP: Caption styler shown above form entry tables<br/><br/> */
.form-table caption {
	font-size: 0.70em;
	margin-left: auto;
	margin-right: auto;
}

/* HELP: Header table cell<br/><br/> */
.form-table th {
	font-weight: bold;
	font-size: 0.8em;
	padding: 2px;
	text-align: left;
	vertical-align: top;
	padding-top: 3px;
}

/* HELP: Normal table cell<br/><br/> */
.form-table td {
	font-weight: normal;
	font-size: 0.8em;
	padding: 2px;
	text-align: left;
}

.form-table input {
	width: 180px;
}

.form-table input.button, .form-table input.checkbox {
	width: auto;
}

/* HELP: Select box (drop-down) formatting for the form<br/><br/> */
.form-table select {
	font-size: 1em; 
	font-weight: normal;
	background-color: #FFFFFF; 
	color: #000000;
}

/* HELP: Style for the table row that contains the submit button for the form<br/><br/> */
.form-table td.submit-row {
	text-align: right;
}

.form-table td.submit-row input {
	width: 150px;
}

/* -------------------------------------------------------------------------------------------------------- */
/* HEADER: NEW CUSTOMER FORMS */
/* -------------------------------------------------------------------------------------------------------- */
.form-table h2 {
	height: auto;
	margin-top: 0px;
}

.new-cust-pt1 {
	border-bottom: 1px dashed #C8C098;
}

.new-cust-pt1, .new-cust-pt2 {
	padding: 8px;
}

.new-cust-pt1 td, .new-cust-pt2 td {
	padding: 3px;
}

.form-table label {
	width: 170px;
	float: left;
}

/* -------------------------------------------------------------------------------------------------------- */
/* HEADER: General Table Styles */
/* -------------------------------------------------------------------------------------------------------- */
/* HELP: Container for general tables used throughout the store templates<br/><br/> */
.general-table-div {
	text-align: center;
}

/* HELP: Sryling for the table tag itself, overall styling for the table<br/><br/> */
.general-table {
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	border: 0px;
}

/* HELP: Container for caption tag shown above general tables<br/><br/> */
.general-table caption {
	font-weight: bold;
	font-size: 0.70em;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
}

/* HELP: Style for table header cell<br/><br/> */
.general-table th {
	font-weight: bold;
	font-size: 0.70em;
	padding: 2px;
	text-align: left;
	vertical-align: top;
}

/* HELP: Style for normal table cell<br/><br/> */
.general-table td {
	font-weight: normal;
	font-size: 0.70em;
	padding: 2px;
	text-align: left;
}

/* HELP: Style for normal table cell with bold font styling<br/><br/> */
.general-table td.bold {
	font-weight: bold;
	font-size: 0.70em;
	padding: 2px;
	text-align: left;
}

/* -------------------------------------------------------------------------------------------------------- */
/* HEADER: Advanced Styles */
/* -------------------------------------------------------------------------------------------------------- */
html {
	font-size: 100%;
	margin: 0px;
	padding: 0px;
	overflow: -moz-scrollbars-vertical;
	overflow-x: hidden;

}

/* HELP: Simple style for forms to avoid any unplanned gaps */
form {
	margin: 0px;
	padding: 0px;
}

.clear-left {
	clear: left;
}

.clear-both {
	clear: both;
}

.float-right {
	float: right;
}

.float-left {
	float: left;
}

.center {
	text-align: center;
}