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

	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
	
*****************************************************************/

@charset "UTF-8";
/* CSS Document */

/* RESETS */
* {
	margin: 0;
	padding: 0;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

html {
	overflow-y: scroll;
}

body {
	font: 62.5% Century Gothic, Arial, sans-serif;
	background: #512318;
	color: #7f7f7f;
}

ul {
	list-style: none inside;
}

p {
	font-family: "Century Gothic", Arial, sans-serif;
	font-size: 1.1em;
	line-height: 1.5em;
	margin-bottom: 1.2em;
	color: #7f7f7f;
	clear: both; 
}

p.underline {
	border-bottom: 1px dashed #4dbeed;
	padding-bottom: 1.2em;
}

em {
	font-weight: bold;
}

a, a:visited {
	outline: none;
	text-decoration: none;
	font-weight: normal;
	color: #4dbeed;
}

a:hover, a:active {
	text-decoration:underline;
}

a img, a:hover img, a:active img, a:link img {
	border: none;
	text-decoration: none;
}

h1 {
	text-indent: -9999px;
}

h3.price {
	color: #cf1289;
	font-size: 2.2em;
	font-weight: normal;
}

h3.orange {
	color: #fc4f0a;
	font-size: 1.8em;
	font-weight: normal;
}

h3.black {
	color: #000;
	font-size: 1.8em;
	font-weight: normal;
	margin-bottom: 0.3em;
}

h4 {
	color: #ef1687;
	font-weight: normal;
	font-size: 2.2em;
	width: 100%;
	padding: 5px 0 6px 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #dbdbdb;
}

h5 {
	color: #4dbeed;
	font-size: 1.6em;
	margin-bottom: 3px;
}

blockquote {
	color: #ef1687;
	font-size: 1.6em;
	font-weight: normal;
	font-style: italic;
}

form {
	font-size: 1.0em;
}

input.searchform, input.subscribe {
	color: #7f7f7f;
	width: 140px;
	text-transform: lowercase;
	padding: 3px;
	border: 1px solid #7f7f7f;
}

input.form {
	color: #7f7f7f;
	padding: 3px;
	border: 1px solid #7f7f7f;
}


/* END RESETS */

/* SITE STRUCTURE */

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

/* HEADER */

#header {
	float: left;
	width: 795px;
	background-color: #fff;
}

#header-graphic-top {
	float: left;
	width: 795px;
	height: 122px;
}

#header-bottom {
	float: left;
	clear: left;
	width: 795px;
	background-color:#000066;
	margin: 0;
	padding: 0;
}

#header-graphic-bottom {
	float: left;
	clear: left;
	width: 291px;
	height: 32px;
}

#header-search {
	float: left;
	background: #fff;
	width: 248px;
	height: 32px;
	padding: 0 0 0 50px;
}

#header-cart {
	float: left;
	width: 206px;
	height: 32px;
	background: url(/templates/images/tabbox/tabbox.jpg) no-repeat;
	font-size: 1.1em;
}

#header-cart-info {
	float: left;
	width: 206px;
	height: 22px;
	background: url(/templates/images/tabbox/2-2.png) 8px 6px no-repeat;
	text-align: center;
	padding: 10px 0 0 0;
	font-size: 95%;
	display: inline;
}

/* TOP HORIZONTAL NAVIGATION */

#nav {
	float: left;
	clear: left;
	width: 788px;
	background-color: #ef1687;
	padding-top: 0;
	margin: 0 0 0 7px;
	display: inline;
}

#nav ul {
	text-align: center;
	display: block;
	padding: 3px 0 5px 0;
}

#nav ul li {
	display: inline;
}

#nav ul li a, #nav ul li a:visited {
	color: #fff;
	font-size: 1.6em;
	text-transform: lowercase;
	font-weight: normal;
	padding: 3px 20px 5px 20px;
	letter-spacing: 2px;
}

#nav ul li a:hover, #nav ul li a:active {
	background-color: #512318;
	text-decoration: none;
}

/* MAIN CONTENT AREA */

#main-area {
	float: left;
	width: 768px;
	background: #fff;
	border-left: 10px solid #ef1687;
	border-right: 10px solid #ef1687;
	padding-top: 20px;
	margin-left: 7px;
	display: inline;
}

/* NAVIGATION LEFT SIDEBAR */

#categories-nav {
	float: left;
	width: 200px;
}

#categories-block1, #categories-block2, #categories-block3 {
	width: 200px;
	height: 41px;
	float: left;
	clear: left;
	background: url(/templates/images/nav-corner.jpg) right no-repeat;
}

#categories-block4 {
	width: 200px;
	height: 19px;
	float: left;
	clear: left;
}

#categories-heading1, #categories-heading2, #categories-heading3 {
	float: left;
	clear: left;
	background: url(/templates/images/nav-gradient.jpg) repeat-x; 
	padding: 5px 10px 0 10px;
	width: 170px;
	height: 36px;
}

#categories-heading1 h3 a, #categories-heading2 h3 a, #categories-heading3 h3 a, #categories-heading1 h3 a:visited, #categories-heading2 h3 a:visited, #categories-heading3 h3 a:visited {
	color: #fff;
	font-size: 2.2em;
	font-weight: normal;
	text-transform: lowercase;
	letter-spacing: 1px;
	margin: 10px 0 0 0;
	padding: 0;
}

#categories-heading1 h3 a:hover, #categories-heading2 h3 a:hover, #categories-heading3 h3 a:hover, #categories-heading1 h3 a:active, #categories-heading2 h3 a:active, #categories-heading3 h3 a:active {
	color: #fff;
	text-decoration: underline;
}

#category-links1, #category-links2, #category-links3 {
	float: left;
	clear: left;
}

#category-links1 ul, #category-links2 ul, #category-links3 ul {
	width: 180px;
	background-color: #c9dc50;
	padding: 0 0 14px 10px;
	margin: 0;
}

#category-links1 ul li, #category-links2 ul li, #category-links3 ul li {
	padding-top: 5px;
}

#category-links1 ul li a, #category-links1 ul li a:visited, #category-links2 ul li a, #category-links2 ul li a:visited, #category-links3 ul li a, #category-links3 ul li a:visited {
	color: #000;
	font-size: 1.3em;
	text-transform: lowercase;
}

#categories-bottom {
	float: left;
	clear: left;
	width: 190px;
	height: 19px;
	background: url(/templates/images/nav-bottom.gif) top left no-repeat;
}

/* CONTENT */

#content {
	float: right;
	width: 528px;
	padding: 0 20px;
}

/*
Please note that the following divs contain layouts which apply to the pages listed:

#general-content, #general-content-sidebar --- index.php, About Us, Contact Us, FAQs, Order Tracking, Delivery Information

#featured-item, #featured-item-sidebar --- pages for specific products

#category, #category-sidebar --- pages for specific categories of products

*/

#content hr {
	display: block;
	border: none;
	background: none;
	border-bottom: 1px dashed #4dbeed;
	height: 1px;
	margin: 10px 0 10px 0;
}
#content p em {
	color: #ff6527;
}

#content ol {
	margin-bottom: 1.2em; 
	margin-left: 25px;
	padding-left: 0;
}

#content ol li {
	display: list-item;
	list-style: decimal;
	padding: 0 0 10px 0;
}

#content ul {
	margin-bottom: 1.2em;
}

#content ul li {
	background: url(/templates/images/bullet.png) 10px 4px no-repeat;
	list-style-position: outside; 
	padding: 0 0 10px 25px;
	font-size: 1.2em;
	line-height: 1.5em;
}

#content p {
	font-size: 1.2em;
}


ul#content-breadcrumbs {
	float: left;
	margin-bottom: 20px;
}

ul#content-breadcrumbs li {
	display: inline;
	color: #7f7f7f;
	background-image: none;
	padding-left: 0;
}

ul#content-breadcrumbs li a, ul#content-breadcrumbs li a:visited {
	color: #4dbeed;
	font-size: 1.0em;
}

#general-content, #general-content2, #general-content3, #general-content4, #general-content5 {
	float: left;
	clear: left;
	width: 363px;
}

#general-content-sidebar {
	float: right;
	width: 155px;
	text-align: center;
}

#featured-item {
	float: left;
	clear: left;
	width: 220px;
	padding-right: 20px;
}

#featured-item-sidebar {
	float: right;
	width: 284px;
}

#featured-item-photo {
	float: left;
	width: 280px;
	border-radius: 1.5em;
	border: 2px solid #c9dc50;
}

#featured-item-price, #featured-item-delivery {
	float: left;
	clear: left;
	width: 284px;
	text-align: center;
	border-bottom: 1px solid #ef1687;
	padding: 10px 0 0 0;
}

#featured-item-cart {
	float: left;
	clear: left;
	width: 284px;
	text-align: center;
	padding: 20px 0;
}

#related-items {
	float: left;
	clear: left;
	width: 528px;
}

.catalogue-item {
	float: left;
	width: 150px;
	height: 320px;
	margin: 0 13px 9px 13px;
}

.catalogue-item-right {
	float: left;
	width: 160px;
	margin: 0;
}
.catalogue-photo {
	float: left;
	width: 150px;
	height: 150px;
	border-radius: 1.5em;
	border: 2px solid #c9dc50;
	margin-bottom: 10px;
}

.catalogue-details {
	float: left;
	clear: left;
	width: 160px;
	text-align: center;
}

.catalogue-details p {
	margin-bottom: 0;
}

.catalogue-details p img {
	margin-top: 5px;
}

#category {
	float: left;
	clear: left;
	width: 528px;
	text-align: center;
}

#category p strong {
	color: #fc4f0a;
	font-size: 1.5em;
	font-weight: normal;
	font-style: italic;
}

.category-items {
	float: left;
	clear: left;
	width: 528px;
	margin-bottom: 40px;
}
	

/* SUBSCRIBE FORM FIELD */

#subscribe {
	float: left;
	clear: left;
	width: 758px;
	background-color: pink;
	padding: 15px 0 10px 10px;
	background: #fff;
	border-left: 10px solid #ef1687;
	border-right: 10px solid #ef1687;
	margin-left: 7px;
	display: inline;
}

#subscribe-field {
	float: left;
}

#subscribe-button {
	float: left;
	margin-top: 5px;
}

#subscribe p {
	color: #000;
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 0.2em;
}

/* FOOTER */

#footer {
	float: left;
	clear: left;
	background: url(/templates/images/footer.png) no-repeat;
	height: 49px;
	width: 795px;
}

#footernav {
	float: left;
	clear: left;
	color: #fff;
	width: 788px;
	padding-left: 7px;
	font-size: 1.0em;
	margin-bottom: 20px;
	letter-spacing: 1px;
}

#footernav-links {
	float: left;
	width: 520px;
}

#footernav-links ul {
	padding: 3px 0;
	display: block;
}

#footernav-links ul li {
	display: inline;
	text-transform: lowercase;
}

#footernav-links ul li a, #footernav-links ul li a:visited {
	color: #fff;
	border-right: 1px solid #fff;
	padding-right: 9px;
	margin-right: 6px;
}

#footernav-copyright {
	float: right;
	width: 260px;
	text-align: right;
}

#footernav-copyright a, #footernav-copyright a:visited, #footernav-copyright p {
	color: #fff;
	padding: 1px 0;
}

.information-box { padding-left: 40px; background: url(../images/info_32.gif) no-repeat; }