/*****************************************************************

	blueCart E-Commerce - (c) 2007-2008 Bergan Blue, Australia
	THIS IS COMMERCIAL SOFTWARE. DO NOT COPY/USE/SELL.
	
	Filename			: site.css (Stylesheet)
	File Version		: 1.00.00
	File Summary		: This CSS file is for site specific styles. In other words, all styles in this file
						  do not directly relate to BlueCart. They relate to the styling of the site itself and
						  its layout. For all BlueCart related styles, see bluecart.css.
	
	Developed by		: Jon Bergan <jbergan@berganblue.com.au>
	Creation Date		: 27 Sep 2007
	
	Modifications		: None
	
*****************************************************************/

body {
	background: url(../images/background-primary.png) repeat-x #dcd6d5;
	margin: 0;
	padding: 0;
	text-align: center;
}

a {
	outline: none;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

html, body {
	height: 100% !important;
}

#wrap {
	background: url(../images/background-wrap.png) no-repeat top right;
	width: 874px;
	height: auto;
	margin: auto;
	min-height: 100%;
}

#header {
	width: 874px;
	height: 180px;
	position: relative;
}

#header img {
	margin: 0 0 12px 0;
	border: none;
}

#content-wrap {
	background: url(../images/background-content-top.png) no-repeat;
	width: 874px;
	height: 22px;
	padding: 0;
	margin: 0;	
}

#content {
	background: url(../images/background-content-primary.png) repeat-y;
	width: 874px;
	padding: 0;
	margin: 0;
	position: relative;
}

#content-footer {
	background: url(../images/background-content-bottom.png) repeat-y;
	width: 874px;
	height: 24px;
	padding: 0;
	margin: 0;	
}

#navigation {
	position: absolute;
	top: 153px;
	left: 145px;
}

#navigation a img {
	border: none;
}

#content p, #content ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #494949;
	margin: 0;
	padding: 0 0 15px 0;
	line-height: 18px;
}

#content ul {
	margin-top: 0;
}

#content ul li {
	padding: 0;
	margin: 0;
}

#content a {
	color: #b91d87;
}

#content a:hover {
	color: #e084b6;
}

#footer a {
	color: #000;
}

#footer a:hover {
	color: #b91d87;
}

#content-left {
	width: 402px;
	float: left;
	margin: 0 0 0 23px;
	text-align: center;
}

#content-left img {
	margin: 30px 0 30px 0;
}

#content-right {
	width: 402px;
	float: right;
	margin: 0 23px 0 0;
	text-align: right;
}

#content-right img {
	display: block;
	margin: 0 0 12px 0;
	border: none;
}

div.clear-both {
	clear: both;
	padding: 0;
	margin: 0;
	line-height: 0;
	width: 0;
	height: 0;
}

#subscribe {
	background: #381515;
	display: block;
	margin: 5px 12px 5px 12px;
	height: 70px;
	position: relative;
}

#subscribe img {
	position: absolute;
	top: 12px;
	left: 10px;
}

#subscribe p {
	position: absolute;
	top: 13px;
	left: 285px;
	width: 175px;
	height: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #fff;
	margin: 0;
	padding: 0;
	text-align: left;
}

#subscribe-form {
	position: absolute;
	top: 13px;
	left: 472px;
	width: 368px;
	height: 50px;
	text-align: left;
}

form {
	padding: 0;
	margin: 0;
}

input.subscribe-field {
	padding: 5px;
	border: 1px solid #e084b6;
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000;
	width: 255px;
	margin: 0 0 5px 0;
}

input.subscribe-submit {
	margin: 0 0 5px 0;
	padding: 4px;
	border: 1px solid #e084b6;
	background: #b81c87;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 9pt;
	color: #fff;
	width: 95px;
	text-align: center;
}

#subscribe-form span {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #e084b6;
}

#subscribe-form span strong {
	color: #fff;
	font-weight: normal;
}

#footer {
	display: block;
	margin: 10px 12px 0px 12px;
	height: 30px;
}

#footer-left {
	width: 450px;
	float: left;
	height: 20px;
	text-align: left;
}

#footer-right {
	width: 400px;
	float: right;
	height: 20px;
	text-align: right;
}

#footer-left p, #footer-right p {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000;
}

#content h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	color: #fff;
	font-weight: normal;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
}

#content h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36pt;
	color: #e084b6;
	font-weight: normal;
	text-transform: lowercase;
	padding: 0;
	margin: 0;
}

#content h3 {
	color: #b81c87;
	font-size: 34pt;
	font-weight: normal;
	padding: 0 0 3px 0;
	margin: 0;
}

#heading {
	display: block;
	background: url(../images/content-h1.png) no-repeat #391515;
	padding: 7px 5px 0 35px;
	margin: 0 0 8px 0;
	height: 34px;
	position: relative;
}

#heading-navigation {
	position: absolute;
	top: 12px;
	left: 185px;
	z-index: 10;
}

#heading-navigation ul, #heading-navigation ul li, #heading-categories ul, #heading-categories ul li {
	margin: 0;
	padding: 0;
}

#heading-navigation ul li {
	list-style: none;
	float: left;
	margin: 0;
}

#heading-categories ul li {
	list-style: none;
	float: right;
	margin: 0;
}

#heading-navigation ul li a#link-my-account {
	display: block;
	width: 92px;
	height: 18px;
	background: url(../images/shop-my-account-off.png) no-repeat;
	text-indent: -1000em;
}

#heading-navigation ul li a#link-my-account:hover {
	background: url(../images/shop-my-account-on.png) no-repeat;
}

#heading-navigation ul li a#link-my-cart {
	display: block;
	width: 72px;
	height: 18px;
	background: url(../images/shop-my-cart-off.png) no-repeat;
	text-indent: -1000em;
}

#heading-navigation ul li a#link-my-cart:hover {
	background: url(../images/shop-my-cart-on.png) no-repeat;
}

#heading-categories ul li a#link-facecare {
	display: block;
	width: 76px;
	height: 18px;
	background: url(../images/shop-facecare-off.png) no-repeat;
	text-indent: -1000em;
}

#heading-categories ul li a#link-facecare:hover {
	background: url(../images/shop-facecare-on.png) no-repeat;
}

#heading-categories ul li a#link-bodycare {
	display: block;
	width: 82px;
	height: 18px;
	background: url(../images/shop-bodycare-off.png) no-repeat;
	text-indent: -1000em;
}

#heading-categories ul li a#link-bodycare:hover {
	background: url(../images/shop-bodycare-on.png) no-repeat;
}

#heading-categories ul li a#link-accessories {
	display: block;
	width: 73px;
	height: 18px;
	background: url(../images/shop-accessories-off.png) no-repeat;
	text-indent: -1000em;
}

#heading-categories ul li a#link-accessories:hover {
	background: url(../images/shop-accessories-on.png) no-repeat;
}

#heading-categories {
	position: absolute;
	top: 12px;
	right: 12px;
}

#content-area {
	text-align: left;
	display: block;
	margin: 0 23px 0 23px;
	padding: 0;
}

#content-padded {
	display: block;
	padding: 0 0 0 300px;
}

div.content-area-1 { background: url(../images/background-content-1.png) no-repeat bottom left; }
div.content-area-about { background: url(../images/background-content-about.png) no-repeat bottom left; }
div.content-area-services { background: url(../images/background-content-services.png) no-repeat bottom left; }
div.content-area-contact { background: url(../images/background-content-contact.png) no-repeat bottom left; }
div.content-area-store { background: url(../images/background-content-store.png) no-repeat bottom left; min-height: 500px; }
div.content-area-store-products { background: url(../images/background-content-store-products.png) no-repeat bottom right; min-height: 500px; }

div.form-row { clear: both; width: 500px; }

div.header { padding: 10px 0 0 0; float: left; width: 150px; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #381515; font-weight: bold; }

div.field { padding: 5px; float: left; width: 300px; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #000; }

div.content-field { padding: 10px 0 0 0; float: left; width: 300px; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #000; }

img.image-border { border: 1px solid #000; }

input.text-box, select.select-box, textarea.textarea-box { 	
	padding: 5px;
	border: 1px solid #e084b6;
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000;
	width: 325px;
	margin: 0 0 5px 0;
}

textarea.textarea-box { height: 120px; }

#content-shop-left {
	width: 280px;
	float: left;
}

#content-shop-right {
	width: 530px;
	float: right;
}

div.product-information-box {
	z-index: 1000;
	position: absolute;
	top: 0;
	right: 0;
	width: 350px;
	padding: 0px;
	margin: 0;
	height: 150px;
	border: 1px solid #aaa;
	background: url(../images/background-item-hover.png) no-repeat #fff;
	display: none;
	visibility: hidden;
}

a div.product-information-box {
	text-decoration: none !important;
}

div.product-information-wrap {
	position: relative;
	width: 310px;
	height: 180px;
}

div.product-information-box-image {
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
}

a div.product-information-box-content {
	text-decoration: none !important;
}

div.product-information-box-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	text-align: left;
	padding: 5px;
	border: none !important;
	text-decoration: none !important;
}

div.product-information-box-content h5 {
	display: block;
	border-bottom: 1px solid #dfdfdf;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #b91d86;
	margin: 0 0 2px 0;
	padding: 0 0 2px 0;
} 

div.product-information-box-content div {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #494949;
	margin: 0;
	padding: 0;
	border: none !important;
	text-decoration: none !important;
}

div.product-information-box-content span, #tell-a-friend span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #381515;
}

div.product-information-box-content span span {
	text-decoration: line-through;
	color: #aa0000 !important;
	font-size: 9pt !important;
}

a.hover-pointer:hover {
	cursor: pointer;
}

#product-wrap {
	min-height: 350px;
	display: block;
	position: relative;
}

#product-details {
	width: 500px;
}

#product-details span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	color: #391515;
	font-style: italic;
	font-weight: normal;
	letter-spacing: -1px;
	margin: 0 0 15px 0;
	display: block;
}

#product-details a img {
	border: none;
}

#tell-a-friend h5 {
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18pt;
	color: #b91d87;
	letter-spacing: -1px;
	font-weight: normal;
}

#tell-a-friend h6 {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #b91d87;
	letter-spacing: -1px;
	font-weight: normal;
}