@import "image.css";
@import "buttons.css";


* { padding:0; margin:0; border:0; } select option { padding:0 3px; }

body {
	font:0.75em/1.2 Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	background:#231f1f;
}

a:link {
	color:#537CAC;
}

a:visited {
	color:#B57A74;
}

a:hover {
	color:#739CCC;
	text-decoration:none;
}

em {
	font-style:italic;
}

strong {
	font-weight:bold;
}

#container {
	width:770px;
	margin:0 auto;
	text-align:left;
	position:relative;
	background:#fff;
	color:#333;
}

/* =HEADER/LOGO
============================================================= */
#header {
	height:150px;
	background:#231f1f url(../images/bg_header.jpg) no-repeat left bottom;
	z-index:5;
}

h1 {
	height:79px;
	width:226px;
	clear:both;
}

h1 a {
	display:block;
	height:79px;
	text-indent:-9999px;
	overflow:hidden;
}

#header .orderHere {
	margin:20px 75px;
	font-size:14px;
}

#nav {
	height:35px;
	background:#000 url(../images/bg_nav.jpg) repeat-x 0 0;
	z-index:5;
}

#nav li {
	position:relative;
	height:35px;
	width:19.4%;
	float:left;
	text-align:center;
	list-style:none;
	z-index:10;
}

#nav li a {
	color:#fff;
	font-weight:bold;
	display:block;
	height:16px;
	padding:10px 0 9px;
	text-decoration:none;
	overflow:hidden;
}

#nav li a:hover {
	color:#EEE100;
}

#nav li ul {
	position:absolute;
	width:180px;
	background:#393232;
	border:2px solid #231f1f;
	border-top:none;
	z-index:20;
	left:-9999px;
	top:-9999px;
}

#nav li ul ul {
	display:none;
}

#nav li:hover ul {
	left:0;
	top:100%;	
}

#nav li li {
	width:auto;	
	height:auto;
	float:none;
	text-align:left;
	line-height:auto;
}

#nav li li a {
	padding:7px 15px;
	height:auto;
	color:#f8f28f;	
	line-height:auto;
}

#nav li li a:hover {
	background:#eee100;
	color:#393232;	
}

/* =FUNCTIONS
============================================================= */
#functions {
	z-index:10;
}

#functions .meta {
	height:68px;
}

.meta input {
	padding:3px;
	border:1px solid #ccc;
	margin:3px;
	width:18em;
}

#header .meta input.button {
	padding:3px;
	border:1px solid #333;
	margin:3px;
	width:auto;
}

.functions {
	margin:0 10px 0 0;
	z-index:15;
	position:relative;
}

.functions ul {
	padding:6px 0 0;
	float:right;
	list-style:none;
}

.functions li {
	float:left;
	height:23px;
}

.functions li a {
	display:block;
	text-decoration:none;
	color:#fff;
	padding:3px 5px;
	margin:0 5px;
	font-size:11px;
	font-weight:bold;
	text-transform:capitalize;
}

#functions li:hover a {
	color:#EEE100;
	text-decoration:underline;
}

#functionsContent {
	z-index:20;
	padding:0;
	margin:0;
	visibility:hidden;
	width:290px;
	top:30px;
	right:0;
	position:absolute;
}

#functionsLogoutContent, #functionsCartContent, #functionsSearchContent, #functionsAccountContent {
	margin:0;
	border-top:0;
	z-index:25;
	background:#fff;
}

.hateyou {
	padding:5px 10px 5px;
	border:1px solid #efefef;
	border-top:0;
}

.hide {
	display:none;
}

/* =FUNCTIONS CONTENT
============================================================= */

#functions #miniCart, .cart, .optionTable {
	border-top:1px solid #ccc;
}

#functions #miniCart #miniCartEmpty td {
	border-right:1px solid #ccc;
}

.cart {
	margin:10px auto;
	width:650px;
}

#functions #miniCart td, .cart td, .optionTable td {
	vertical-align:middle;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	padding:3px;
	background:#fff;
}

#functions #miniCart tr.even td, .cart tr.even td, .optionTable tr.even td {
	background:#fcefef;
}

#functions #miniCart td.subtotal, #functions #miniCart td.value,
	.cart td.subtotal, .cart td.value {
	border-right:1px solid #ccc;
}

#functions #miniCart td.blank,
	.cart td.blank, .cart td.noborder, .optionTable td.blank, .optionTable .noborder {
	border:0;
}

#functions #miniCart .img, .cart .img, .cart img, .optionTable img {
	float:none;
	width:auto;
	border:1px solid #dedede;
}

#functions #miniCart thead td, .cart thead td, .cart th, .optionTable thead td {
	font-weight:bold;
	color:#fff;
	font-size:11px;
	background:#c90;
}

.cart td input, #functions #miniCart tbody td input, .optionTable td input {
	border:1px solid #ccc;
	border-bottom:2px solid #ccc;
	font-size:12px;
	padding:2px;
	color:#4d4d4d;
}

.cart td input.submit, .cart td input.button {
	padding:0;
	border:0;
}

#functions #miniCart tbody tr.giftwrap td {
	text-align:right;
	font-size:10px;
	font-style:italic;
}

#functions #miniCart tbody tr.giftwrap input {
	vertical-align:middle;
}

#functions #miniCart tbody td, .optionTable tbody td {
	border-bottom:1px solid #ccc;
}

#functions #miniCart tbody tr.nogiftwrap td {
	border-bottom-color:#efefef;
}

#functions #miniCart tbody tr.nogiftwrap td.subtotal {
	border-color:#ccc;
}

#mainContent .cart h4 {
	padding:3px 5px 0;
}

/* =SIDEBAR
============================================================= */
#sidebar {
	float:left;
	width:175px;
	padding:15px 5px 10px;
}

#sidebar h3 {
	color:#9c4600;
	padding:5px;
}

#sidebar p {
	font-size:11px;
	padding:5px 10px;
}

#sidebar p.thumb {
	text-indent:0;
	text-align:center;
	padding: 10px;
}

#sidebar ul {
	list-style:none;
	padding:5px 5px 5px 15px;
	color:#ccc;
	line-height:1.5;
}

#sidebar a {
	color:#7276c1;	
}


#sidebar ul ul {
	list-style:square;
	color:#aac;
}

#sidebar .productNav li {
	padding:0 0 5px;
}


#sidebar .productNav li li {
	padding:0
}

#sidebar .productNav ul a {
	font-weight:bold;
	color:#036;
}

#sidebar  .productNav  ul ul a {
	color:#369;	
	font-size:0.9em;
	font-weight:normal;
}

#mainContent {
	float:right;
	width:580px;
}

.noSidebar #mainContent {
	background:none !important;
	width:auto !important;
	float:none !important;
}

#content {
	overflow:hidden;
	zoom:1;
	background:url(../images/bg_sidebar.jpg) repeat-y 0 0;	
}

.noSidebar {
	background:none !important;
}

/* =FOOTER
============================================================= */
#footer {
	clear:both;
	padding:5px 5px 10px;
	font-size:0.8em;
	text-align:center;
}

.debug {
	clear:both;
	margin:25px 15px 10px;
	color:#999;
	font-size:0.75em;
	width:450px;
}

.clear {
	clear:both;	
}

.clearIE6 {
	clear:left;
}


/* =CONTENT
============================================================= */

#content {
	position:relative;
}

#content p#breadcrumb {
	font-size:0.9em;
	color:#000;
	padding:5px 15px 5px 25px;
	text-indent:0;
}

#content #breadcrumb a {
	color:#487BB7;
}

#mainContent h2, #mainContent h3, #mainContent h4, #mainContent h5 {
	font-weight:bold;
	padding:0.5em 25px 0;
}

#mainContent h2 {
	padding:0.5em 20px 0;
	font-size:1.5em;
	text-shadow:#cdcdcd 2px 2px 2px;
}

#mainContent h3 {
	font-size:1.25em;
	text-shadow:#cdcdcd 2px 2px 2px;
}

#mainContent h4, #mainContent h5 {
	font-size:1.1em;
	text-shadow:#cdcdcd 2px 2px 2px;
}

#mainContent p, #mainContent ol, #mainContent dl, #mainContent ul {
	padding:0.25em 25px 0.75em;
	line-height:1.5;
}

#mainContent table {
	border-left:1px solid #4d4d4d;
	border-top:1px solid #4d4d4d;
	margin:0.25em auto 0.75em;
	border-collapse:collapse;
}

#mainContent table td {
	border-right:1px solid #4d4d4d;
	border-bottom:1px solid #4d4d4d;
	padding:2px;
}

#mainContent ul, #mainContent ol {
	padding:0.25em 55px 0.75em;
	list-style:disc;
}

#mainContent ol {
	list-style:decimal;
}

#mainContent h3 a, #mainContent h4 a {
	color:#3e7449;
	font-size:0.95em;
	line-height:1.25;
}

#mainContent h3 a:hover, #mainContent h4 a:hover {
	color:#5A9665;
}

.img {
	float:right;
	margin:0 5px 5px 10px;
	width:250px;
	text-align:center;
}

.right {
	float:right;
	margin:5px 5px 5px 10px;
}

.left {
	float:left;
	margin:5px 10px 5px 5px;
}

/* =PRODUCTS
============================================================= */
#mainContent
#imageContainer ul {
	list-style:none;
	padding:0;
	width:250px;
	height:250px;
	overflow:hidden;
}
#mainContent #imageContainer li {
	width:250px;
	height:250px;
	float:left;
	display:none;
	vertical-align:middle;
	line-height:250px;
}
#mainContent #imageContainer img, 
#mainContent #imageContainer a {
	line-height:250px;
	vertical-align:middle;
}

#prevImage, #nextImage {
	width:100px;
	padding:2px 10px;
	color:#537CAC;
	cursor:pointer;
}

#prevImage {
	text-align:left;
	float:left;
}

#nextImage {
	float:right;
	text-align:right;
}

#mainContent #imageContainer li#currentImage {
	display:block;
}

#mainContent h3.price {
	padding:0 0 10px;
}

h3.price span {
	display:block;
	font-size:1.5em;
}

.optionTable {
	margin:5px auto;
	border:1px solid #efefef;
	border-bottom:0
}

.optionTable th {
	padding:2px;
	border-bottom:1px solid #ccc;
	background:#D3A7A3;
	color:#fff;
	font-weight:bold;
}

.optionTable td {
	padding:2px 5px;
	border-bottom:2px solid #ccc;
	vertical-align:middle;
}

.optionTable .even td {
	background:#feefef;
}

#mainContent .optionTable td h4 {
	padding:5px 25px 2px 5px;
}

#mainContent .optionTable td p {
	padding:3px 5px;
	text-indent:0;
	color:#CC6633;
	font-weight:bold;
}

.img a.enlargeImage {
	text-decoration:none;
	display:block;
	text-align:center;
	line-height:1.2;
}

.img .extraImages {
	display:none;
}

.reviewContainer {
	background:#333;
	border:1px solid #666;
	font-size:0.8em;
	margin:10px;
	color:#fff;
	clear:both;
}

.reviewContainer .button {
	border-color:#666;
}

.ratingContainer {
	width:200px;
	margin:0 auto;
	padding-top:20px;
	text-align:left;
}

.ratingContainer em.label {
	float:left;
	clear:left;
	width:75px;
	font-weight:bold;
	font-size:1.2em;
	padding:2px 0 0;
}

.ratingContainer span.rating {
	float:left;
}

#mainContent .ratingContainer p {
	clear:both;
	padding:2px 5px 0;
	font-size:0.8em;
	text-align:center;
}

span.price {
	font-size:1.2em;
}

#mainContent .addcart select {
	display: inline;
	margin:2px 0 2px 20px;

}

#mainContent .addcart input.qty {
	margin: 2px 20px;
	width:4em;
	border:1px solid #ccc;
	border-bottom-width:2px;
	padding:2px;
	font-size:14px;
	display: inline;
}

#mainContent .addcart input#qtyADC {
	margin-left:10px;
}

fieldset.addcart {
	clear:both;
}

#mainContent .ratingContainer h3 {
	padding:16px 0 0;
	clear:both;
	font-style:italic;
}

/* =RATING
============================================================= */

.norating {
	background:#fff url(../images/stars-white.gif) no-repeat 0 -57px !important;
}

.rating {
	display:block;
	width:100px;
	height:19px;
	background:#fff url(../images/stars-white.gif) no-repeat 0 -19px;
	overflow:hidden;
	position:relative;
	text-align:left;
}

.rating em {
	position:absolute;
	z-index:1;
	width:0;
	height:19px;
	display:block;
	background:#fff url(../images/stars-white.gif) no-repeat 0 -38px;
	text-indent:-9999px;
	overflow:hidden;
}

.rating.rated em, .details .rating.rated em {
	background-position:0 0;
}

.rateProduct span {
	position:relative;
	width:20px;
	height:19px;
	display:block;
	float:left;
	z-index:5;
	cursor:pointer;
}

.starOn {
	background:#fff url(../images/stars-white.gif) no-repeat 0 0;

}

.starOff {
	background:#fff url(../images/stars-white.gif) no-repeat 0 -19px;
}

#reviewForm div {
	padding:3px 20px 5px;
}

#reviewForm div strong {
	font-weight:bold;
}

#reviewForm span.rating {
	margin:5px 0 10px;
}

ul.review {
	padding:0 35px 10px;
}

ul.review li {
	list-style:none;
	padding:5px 10px;
	border-bottom:#bbb 1px solid;
}

ul.review li .rating {
	float:right;
}

ul.review li p {
	padding:0 0 0.5em;
}

ul.review h4 {
	padding:0;
}

ul.review li.odd {
	background:#efefef;
}

ul.review li.odd .rating, ul.review li.odd .rating em {
	background-color:#efefef;
}

ul.review li.mine {
	background:#ffd;
}

ul.review li.mine .rating, ul.review li.mine .rating em {
	background-color:#ffd;
}

ul.review div.response h4 {
	color:#000;
	font-weight:bold;
}

ul.review div.response {
	margin:5px;
	padding:5px;
	background:#f6e8f5;
	border-top:2px solid #ccc;
}


/* =CATEGORY / PRODUCT LIST
============================================================= */

#mainContent .productList li p {
	text-indent:1em;
}
#mainContent .productList li p.price, #content p.price {
	text-indent:0;
	text-align:right;
	font-weight:bold;
	font-size:1.1em;
	color:#c63;
	text-shadow:#cdcdcd 2px 2px 2px;
	padding-bottom:0;
}

#mainContent ul.productList {
	padding:0;
	list-style:none;
}

#mainContent .productList li {
	text-align:center;
	width:160px;
	float:left;
	padding:20px 5px;
	margin:0 10px 10px;
}

.productList li .imgTag {
	text-align:center;
	height:150px;
	padding:5px 0;
	line-height:150px;
}

.productList li .imgTagFeatured {
	text-align:center;
	height:150px;
	line-height:150px;
}

.productList li .imgTagFeatured img, .productList li .imgTag img {
	vertical-align:middle;
}

#mainContent .productList li h3, #content .productList li h4 {
	font-size:1.1em;
	padding:3px 10px 0;
}

#mainContent .productList li p {
	padding:5px;
}

#mainContent .search dt {
	font-weight:bold;
	display:block;
	clear:left;
	padding:5px 0 2px;
}

#mainContent .search dd {
	padding:0 15px 5px;
	border-bottom:1px solid #efefef;
	overflow:hidden;
	display:inline-block;
}

#mainContent .search dd {
	display:block;
}

#mainContent .search dd .img {
	width:75px;
	float:left;
}

/* =FORMS
============================================================= */

#mainContent select option { 
	padding-right:9px;
 }
 
#mainContent optgroup option {
	padding-left:20px;
}

#mainContent fieldset {
	padding:10px 15px 0;
}

#mainContent fieldset h4 {
	padding:0 0 5px;
}

#mainContent label, #friend label {
	font-weight:bold;
	display:block;
	padding:3px 20px 5px;
}

#mainContent label span#charCount {
	font-weight:normal;
	font-size:10px;
}

#mainContent label input, #mainContent select, #friend label input, #friend select, #mainContent label textarea {
	margin:5px 0;
	vertical-align:middle;
	display:block;
	border:1px solid #efefef;
	border-right:1px solid #ccc;
	border-bottom:2px solid #ccc;
	font-size:1.2em;
	padding:3px 5px;
}

#mainContent label input:active, #mainContent label input:focus,
	#mainContent select:active, #mainContent select:focus,
	#friend label input:active, #friend label input:focus,
	#friend select:active, #friend select:focus,
	#friend textarea:active, #friend textarea:focus, #mainContent label textarea:focus {
	background:#f9eded;
	border:1px solid #c99;
	border-bottom:2px solid #c66;
	color:#300;
}

#mainContent label select, #friend label select  { padding:3px; }

#mainContent label.checkbox input, #mainContent label.giftwrap input, #mainContent .checkbox input {
	display:inline;
	margin:0;
	vertical-align:middle;
}

#mainContent div.checkbox label {
	vertical-align:middle;
	font-weight:normal;
}

#mainContent div.checkbox input {
	margin-right:5px;
}

#mainContent div.list.checkbox div label {
	padding:3px 20px 5px;
}

#mainContent div.list.checkbox label {
	padding:8px 0 5px;
}

#mainContent label.giftwrap {
	font-weight:normal;
	padding:0 3px 5px;
	font-size:10px;
}

#friend textarea {
	margin:5px 0;
	vertical-align:middle;
	display:block;
	border:1px solid #efefef;
	border-right:1px solid #ccc;
	border-bottom:2px solid #ccc;
	font-size:1.2em;
	padding:3px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#friend textarea, #friend input {
	width:350px;
}

#mainContent fieldset.btn_container-l, #mainContent fieldset.submit {
	padding:10px 35px;
}

#friend .btn_container-l {
	padding:10px 35px;
}
#friend .btn_container-l input {
	float:none;
	margin:5px auto;
	width:120px;
}

.notification #friend p {
	padding:3px 20px 5px;
}

/* =LOGIN
============================================================= */

#mainContent .login h2 {
	padding-top:15px;
}

#mainContent .login p {
	text-align:center;
	text-indent:0;
}

#mainContent .login p.error {
	background:none;
	text-align:left;
	padding:0 15px 5px;
}

#mainContent .login fieldset.login {
	padding:25px 35px 0;
}

.checkoutAccount, .checkoutNoAccount {
}

.checkoutAccount {
	border-bottom:1px solid #efefef;
}

/* =Checkout Step 2
============================================================= */

#mainContent .checkoutPayment h3 {
	padding:0.5em 0;
}

#mainContent .checkoutPayment fieldset.billing {
	border-right:1px solid #efefef;
}

#mainContent .checkoutPayment fieldset.address, .checkoutReview {
	padding:10px 0 20px 15px;
	float:left;
	width:350px;
}

#mainContent .checkoutPayment fieldset.address label {
	padding:3px 0 5px 10px;
}

#mainContent .checkoutPayment fieldset.address label.name {
	width:170px;
	float:left;
}

#mainContent .checkoutPayment fieldset.address label.lastName {
	padding:3px 0 5px;
}

#mainContent .checkoutPayment fieldset.address label.name input {
	width:150px;
}

#mainContent .checkoutPayment fieldset.address label.address {
	width:350px;
	clear:left;
	padding-bottom:0;
}

#mainContent .checkoutPayment fieldset.address label.address input {
	width:320px;
	margin:0;
}

#mainContent .checkoutPayment .login {
	border-top:1px solid #efefef;
}

#mainContent .checkoutPayment .login p {
	background:0;
	padding:0.25em 35px 0.75em;
	text-align:left;
}

.checkoutReview {
	border-right:1px solid #efefef;
}

h3.yourOrder {
	border-top:1px solid #efefef;
	margin-top:5px;
	clear:both;
}

#mainContent .payment {
	border-top:1px solid #efefef;
	margin-top:5px;
	clear:both;	
	padding:10px 290px 0 15px;
}

#mainContent fieldset.payment .expdate {
	padding:3px 20px 5px;
}

#mainContent fieldset.payment .expdate label {
	padding:0;
}

#mainContent fieldset.payment .expdate select {
	display:inline;
}

#mainContent p.acceptance {
	float:right;
	margin:50px 0 0;
}

.noborder { border:0 !important; }

.checkoutReviewAddress {
	border-right:1px solid #efefef;
	width:250px;
	float:left;
}
.checkoutReviewAddress p, .checkoutReviewOrder p {
	text-indent:0 !important;
}

.checkoutReviewOrder {
	border-top:1px solid #fff000;
	clear:both;
}

/* =REGISTER
============================================================= */
.registerOptin {
	clear:both;
	margin-top:5px;
}

.registerLogin {
}

/* =REQUIRED / ERROR
============================================================= */

.error, .required, label em {
	color:#c00;
	text-indent:0 !important;
}

#mainContent p.error {
	padding:0.25em 5px 0.75em 25px;
}

em.oos {
	display:block;
	padding:2px 0 3px;
	text-align:center;
}

.siteSeals {
	width:250px;
	margin:0 auto;
	overflow:hidden;
	display:inline-block;
}

.siteSeals  {
	display:block;
}

.AuthorizeNetSeal, #siteseal {
	float:left;
	margin:5px 20px 0 0;;
}