/* Main Layout */
#home .home a, #about .about a, #products .products a, #service .service a, #contacts .contacts a, #zodiac .zodiac, #wholesale .wholesale {
	text-decoration:none;
	color: #CDDFE1;
}
html, body {
	height: 100%;
}
body {
	color: #2D2422;
	background: #CCDADF url(../media/images/layout/bg1.jpg) repeat-y top center;
}
#stick {
	min-height: 100%;
}
* html #stick {
	height: 100%;
}
#wrap-hdr {
	background: #dfdbc2 url(../media/images/layout/bg_hdr1.jpg) repeat-x top center;
}
#wrap-content {
	padding-bottom: 100px;
}
#wrap-ftr {
	clear: both;
	margin-top: -80px;
	height: 80px;
	background: #dfdbc2 url(../media/images/layout/bg_ftr1.jpg) repeat-x center bottom; position: relative;
}
#content {
	min-height:500px;
	height:auto !important;
/*	height:300px;*/
}

/* Global Classes */
h1 {
	font-size: 20px;
	text-transform: capitalize;
}
h2 {
	color: #FFF;
	font-size: 14px;
	display: block;
	padding: 0px 2px 0px 5px;
	line-height: 30px;
	text-transform: capitalize;
	background: #877CA1 url(../media/images/layout/h2.jpg) repeat-x center center;
	border: 1px solid #6C6187;
}
h3, .main-heading {
	font-size: 16px; padding:0; border: none; background: none;
	line-height: 26px;
	display: block;
	color: #1C161C;
}
h4 {
	font-size: 14px;
	text-transform: capitalize;
	font-weight: bold;
	margin-bottom: 5px;
}
h5 {
	color: #2D2422;
	font-size: 12px;
	display: block;
	padding: 5px;
	line-height: 18px;
	text-transform: uppercase;
	background: #b3c8de url(../media/images/layout/h5.jpg) repeat-x center center;
	border-bottom: 1px solid #9EB0E4;
	font-weight: bold;
	margin: 0px;
}
h6 {
	display: block;
	margin: 0px;
	padding: 3px;
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
}
.wrap {
	width: 920px;
	margin: 0 auto;
	position: relative;
}

/* Header */
#header {
	height: 120px;
	width: 960px;
	margin: 0 auto;
	position: relative;
}
#tagline {
	color: #F9E8BA;
	position: absolute;
	right: 15px;
	bottom: 60px;
}
#nav-main {
	position: absolute;
	bottom: 15px;
	right: 5px;
}
#nav-main li {
	display:inline;
	margin:0;
	padding:0;
}
#nav-main a {
	display: block;
	float:left;
	margin: 0px 2px;
	text-decoration:none;
	line-height: 25px;
	padding: 0px 10px;
	color: #F9E8BA;
}
#nav-main a:hover {
	text-decoration:none;
	color: #CDDFE1;
}
#breadcrumb {
	padding: 5px 5px 10px 5px;
	display: block;
}
#breadcrumb li {
	display: inline;
	margin-right: 5px;
	font-size: 12px;
}
#breadcrumb a {
	font-size: 12px;
}
#search {
	color: #2D2422;
	font-size: 12px;
	display: block;
	padding: 5px;
	line-height: 18px;
	text-transform: uppercase;
	background: #b3c8de url(../media/images/layout/h5.jpg) repeat-x center center;
	font-weight: bold;
	margin-bottom: 5px;
	border: 1px solid #9EB0E4;
}
#search input {
	border: 1px solid #9EB0E4;	
}
/* Content */
#col-left {
	float: left;
}
.side-col {
	width: 175px;
}
#page {
	float: right;
	width: 735px;
	overflow: hidden;
}
#col-mid {
	position: relative;
	float: left;
	width: 550px;
	padding-bottom: 15px;
	overflow: hidden;
}
#col-right {
	float: right;
	overflow: hidden;
}
#col-order {
	float: left;
	width: 60%;
	margin: 20px 0px 0px 20px;
}
.col-third {
	float: left;
	width: 30%;
	margin: 20px 0px 0px 20px;
	border: 1px solid #998DB3;
	background: #E9E6EE;
}
.col-half {
	width: 48%;
	border: 1px solid #998DB3;
	background: #FFF;
}
.col-third p, .col-half p {
	margin: 10px;
	font-size: 14px;
	line-height: 21px;
}
.col-third h4, .col-half h4 {
	color: #FFF;
	font-size: 16px;
	display: block;
	padding: 0px 3px;
	line-height: 30px;
	text-transform: capitalize;
	background: #212234;
	text-align: center;
}
.col-half h4 {
	background: #E9E6EE;
	color: #212234;
	border-bottom: 1px solid #998DB3;
}
#page-hdr {
	position: relative;
	margin: 0px 10px;
	padding: 2px 5px;
	border-bottom: 1px solid #1C161C;
}
.prod-col {
	width: 510px;
}
#page-hdr a, #page-hdr a:visited {
	text-decoration: none;
	color: #1C161C;
}
#page-hdr a:hover {
	text-decoration: underline;
	color: #1C161C;
}
.sub-item {
	margin-bottom: 5px;
	border: 1px solid #D6CE9F;
}
.sub-item a {
	color: #2A2220;
}
.sub-item a:hover {
}
.sub-item form, .sub-right form {
	display: inline;
}
.sub-right {
	margin-bottom: 5px;
	border: 1px solid #9EB0E4;
}
.sub-right-content {
	padding: 5px;
}
#subcart {
}
.cart-thumb {
	width:50px;
	height:50px; 
	display: block;
	cursor: pointer;
	border: 1px solid #9F9A7C;
	margin-right: 5px;
	float: left;
}
.subcart-row {
	font-size: 12px;
/*	border-bottom: 1px dotted #D6CE9F;*/
	padding: 3px;
}
.subcart-total {
	font-size: 12px;
	line-height: 18px;
	padding: 5px 3px;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #D6EAF5;
}
.subcart-link a, .subcart-link a:visited {
	font-size: 11px;
	text-transform: lowercase;
}
.feature-img {
	display: block;
	margin: 0px 5px;
	height: 120px;
}
.offer-img {
	display: block;
	height: 120px;
	margin: 0px 5px;
}
.offer-hdr, .offer-text, .price-ex, .offer-price {
	font-size: 12px;
	line-height: 16px;
	margin: 0px 5px;
}
.offer-hdr {
	font-weight: bold;
	display: block;
}
.offer-text {
	display: block;
	font-size: 12px;
}
.price-ex {
	text-decoration: line-through;
}
.offer-price {
	color: #990000;
}
.price {
}
#prodtext {
	margin: 10px;
	padding: 10px;
	background: #F5F3F5;
	border: 1px solid #D7CCD5;
	font-size: 14px;
	line-height: 21px;
}
#prodtext p {
	margin-bottom: 10px;
}
/* Side Navigation */

#nav-price {
	margin: 0px;
	padding: 5px;
	color:#3B2C36;
	background: #FFF;
	border-left:1px solid #CDC5C2;
	border-right:1px solid #CDC5C2;
	border-bottom:1px solid #CDC5C2;	
}

#prodimg {
	float: left;
	text-align: center;
	margin: 10px 0px 0px 10px;
}
#prodimg img {
}
#prodcard {
	float: right;
	width: 165px;
	margin: 5px 5px 0px 0px;
}
#prodcard-option {
	margin: 5px;
}
#prodcard-option li {
}
.search-result { clear: both; margin: 0 10px 10px 10px; }
.search-hdr { font-size: 14px; font-weight: bold; padding: 0; margin: 0 0 5px 0; border: none; text-decoration: underline; }
.search-hdr a{ text-decoration: none;}
.search-thumb { display: block; width: 110px; height: 110px; border: 1px solid #D7D7D7; cursor: pointer; margin: 0 20px 5px 0; }
#nav-search { display: block; margin: 10px; text-align:center; }
#nav-search li { display: inline; margin: 0 10px; }
.page-subhdr {
	margin: 15px;
	font-weight: bold;
	font-size: 14px;
	text-decoration: underline;
}
.page-text p {
	margin: 0px 15px 10px 15px;
	line-height: 21px;
}
/* Footer */
#footer {
	width: 960px;
	margin: 0 auto;
	position: relative;
	text-align: center;
	height: 80px;
	color: #FFF;
}
#nav-ftr {
	position: absolute;
	left: 0px;
	top: 25px;
	width: 940px;
	display: block;
}
#nav-ftr li {
	display: inline;
	margin: 0 10px;
}
#nav-ftr li a {
	color: #FFF;
	font-size: 11px;
	text-transform: uppercase;
}
#nav-ftr li a:hover {
	color: #C6A764;
	text-decoration: none;
}
#copyright {
	position: absolute;
	left: 0px;
	top: 45px;
	width: 940px;
	display: block;
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	line-height: 15px;
}
#copyright a {
	color: #FFF;
	text-decoration: underline;
}
#copyright a:hover {
	color: #C6A764;
	text-decoration: underline;
}
.news {
	font-size: 12px;
	padding: 3px;
}
.zodiac-img {
	float:right;
	margin:15px;
	padding:0px;
	text-align: center;
}
.zodiac-text p {
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 12px;
}
/* Common Classes */

.small { font-size: 10px; }
.text-bold { font-weight: bold }
.text-grey { color: #999; }
.green { color: #339900; }
.clear {clear:both;}
.text-center { text-align: center; }
.text-right { text-align: right; }
.red { color: #990000; }
.float-right { float: right; }
.float-left { float: left; }
.line-space { margin-bottom: 10px; }
.box {
	margin: 10px;
	padding: 5px;
	background: #F5F3E7;
	border: 1px solid #E6E0C4;
}
.email-img img {
	margin-top: 3px;
}
.box input {
	padding: 2px;
	border: 1px solid #999999;
}
.message {
	color:#150F0B;
	padding:5px;
	background: #F5F3F5;
	border: 1px solid #D7CCD5;
	margin-bottom: 12px;
	line-height: 21px;
}
.error{
	color:#990000;
	font-size:12px;
	padding:5px;
	border:1px solid #990000;
	background:#FFE6FF;
	margin-bottom: 12px;
}
.pad {
	padding: 5px;
}
.btn {
	margin: 10px 5px 5px 5px;
	font-size: 12px;
	cursor: pointer;
}
.btn-add {
	cursor: pointer;
}
.form-row {
	position: relative;
	margin: 5px 0px;
}
#navcheckout {
	padding: 15px;
}
#navcheckout li {
	margin: 10px 0px;
}
.zodiac-check {
	width: 172px;
	margin: 10px auto;
}
.zodiac-btn {
	display: block;
	width: 160px;
	padding: 3px 0;
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	color: #212234;
	border: 1px solid #A0A3C2;
	background: url(../media/images/layout/bg_head_grad.png) repeat-x center center;
}
/* Product Navigation */
.arrowlistmenu{ 
}
.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
background: #E3DCF5 url(../media/images/layout/h3.jpg) repeat-x center center;
	color: #242646;
	display:block;
	font-size: 12px; font-weight: normal; line-height: 18px; text-transform: capitalize;
	padding: 3px 5px;
	margin: 0;
	cursor:pointer;
	border-top:1px solid #EBE7F8;
	border-bottom:1px solid #B9B1C7;
	border-right:1px solid #B9B1C7;
	border-left:1px solid #B9B1C7;
	text-decoration:none;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
	color:#DCD5C9;
	background: #242646;
	border-top: 1px solid #CDC5C2;
	border-bottom:1px solid #CDC5C2;
	border-right:1px solid #242646;
	border-left:1px solid #242646;
	display:block;
	font-size: 12px; font-weight: normal; line-height: 18px; text-transform: capitalize;
	padding: 3px 5px;
	margin: 0;
	cursor:pointer;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
padding: 3px 0; /*bottom spacing between each UL and rest of content*/
	background: #FFF;
	border-left:1px solid #CDC5C2;
	border-right:1px solid #CDC5C2;
	border-bottom:1px solid #CDC5C2;
}

.arrowlistmenu ul li{
padding: 0 0 2px 0; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a, .arrowlistmenu ul li a:visited {
font-size:12px;
	display:block;
	color:#1C161C;
	text-transform:capitalize;
	text-decoration:none;
	padding:3px 5px 3px 22px;
	line-height:16px;
	border:1px solid #FFF;
	background:#FFF url(../media/images/layout/blt.png) no-repeat left center;
}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
	color:#FFF;
	background: #1C161C url(../media/images/layout/blt1.png) no-repeat left center;
	text-decoration:none;
 	border:1px solid #1C161C;
}