@import url(_reset.css); 
@import url(_hacks.css);

.sample {
background: url("/_images/bg_png.png") left repeat-y;
behavior: url("/iepngfix.htc") !important;
}

/* @ Magic Begins Here
------------------------------*/

body {
margin: 0px;
padding: 0px;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
color: #333333;
background: #d4bc92 url('../image/bg_new.jpg') top center no-repeat;
}

form			{ padding: 0; margin: 0; display: inline; }
input, textarea, select { border: 1px solid #fff; }
a, a:visited	{ text-decoration: none; cursor: pointer; }
img				{ border: none; }

/* layout */
#container {
width: 990px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
#header { position: relative; }

/*#header .div1 { height: 130px; background: url('../image/bg_feature_1.gif') bottom right no-repeat; }*/
#header .div1 { height: 130px; }
#header .div2 {	position: relative;	top: 21px; }
#header .div3 {
width: 215px;
height: 30px;
position: absolute;
top: 65px;
right: 0px;
}
#header .div3 { font: 11px Verdana, Arial, Helvetica, sans-serif; text-align: right; }
#header .div3 input { border: 1px solid #000; font: 11px Verdana, Arial, Helvetica, sans-serif; padding: 3px; width: 125px; color: #333 !important; }
#header .div3 a.button { background: #222; color: #fff; padding: 2px 3px; border: 1px solid #000; }
#header .div4 {	height: 27px; }
#header .div4 img { float: left; margin-right: 5px; }
#header .div4 a {
width: 109px;
height: 25px;
border: 1px solid #000;
line-height: 25px;
padding-left: 10px;
margin-right: 0.22em;
display: inline-block;
color: #fff;
text-align: left;
font-size: 12px;
background: #222;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#header .div4 a:hover { color: #222; border: 1px solid #222; background: #fff; }

#header .mLinks1 {
width: 270px;
height: 30px;
position: absolute;
top: 10px;
right: 0px;
text-align: right;
text-transform: uppercase;
padding-right: 5px;
}

#footer a,
#header .mLinks1 a { font-size: 10px; color: #222 !important; display: inline-block; padding: 0 7px; font-family: Arial, Helvetica, sans-serif; }

#footer { color: #222; }
#footer a:hover,
#header .mLinks1 a:hover { color: #fff !important; background: #222; }

#header .div5 a { float: left; }
#header .div6 a { float: right; }

#breadcrumb { padding-top: 13px; padding-bottom: 15px; font-size: 10px; color: #222; }
#breadcrumb a { color: #222 !important; font-family: 'trebuchet ms', arial  !important; }
#breadcrumb a:hover { color: #333 !important; }

.modCart { }
.modCart small { color: #999;}

#module_cart { padding-bottom: 0 !important; }

#module_cart td,
#module_cart a { color: #ccc !important; }
#module_cart a:hover { color: #ccc !important; }
#module_cart { background: #414141; border: 1px solid #333; }

#column_left {
	float: left;
	width: 160px;
	padding-right: 22px;
	background: url('../image/dot_vert_black.gif') right repeat-y; 
	margin-right: 22px;
}

#module_cart,
#module_cart td,
#module_cart a { font-size: 11px; }

#module_cart .inner { padding: 3px; }
#module_cart .inner table { margin-bottom: 2px; }
#module_cart .inner .z1 { color: #C2AD99; padding-top: 2px; border-top: 1px solid #333; }
#module_cart .inner .z2 { color: #C2AD99; padding: 2px 0; }
.ttlCart { color: #713b0d; padding-bottom: 3px; font-size: 14px; }

#module_cart div { text-align: left !important;}
#module_cart div div { color: #C2AD99; }
#module_cart br { display: none; }

table.vTab {
width: 100%;
margin-bottom: 10px;
border-bottom: 1px solid #999;
border-right: 1px solid #999;
border-left: 1px solid #999;
background: #fff;
}
table.vTab .v1 { background: url('../image/dot_sep_1.gif') right 50% no-repeat; }
table.vTab .v2 {}
table.vTab td { text-align: center; padding: 2px 0; width: 50%; }
table.vTab td a { color: #222 !important; }
table.vTab td a:hover { color: #cc0000 !important; }

#module_cart td a:hover { color: #673c1c !important; background: #fff; }


/*
#column_right {
	float: right;
	width: 180px;
	margin-left: 20px;
}*/

#content {
	float: left;
	width: 780px;
	margin-bottom: 10px;
	position: relative;
}
#content .top {
	padding: 0 0px 6px 0;
}
#content .top h1, .heading {
	color: #333;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	border-bottom: 1px dotted #000;
	border-top: 1px dotted #000;
	padding: 7px 0;
}

#content p { margin-bottom: 10px; line-height: 17px; font-size:12px; }

.heading { margin-bottom: 10px; }

#content .top h1 { position: relative; }

.mAddthis { font: 11px arial; color: #999; width: 278px; text-align: right; position: absolute; top:0; right:0; padding-top: 7px; }
.mAddthis span { display: none; }
.mAddthis a { color: #999; padding: 0 6px !important; display: inline-block !important; background: url('../image/dot_sep_1.gif') right 50% no-repeat; }
.mAddthis a:hover { color: #009999; }

#content .middle {
	padding: 10px 0 0 0;
	min-height: 280px;
}
#content .bottom { display: none;
	height: 5px;
}

.box { margin-bottom: 10px; position: relative; background: url('/_images/bg_shade.png') bottom center no-repeat; padding-bottom: 20px; }

.box .top {
	padding: 0 0px 6px 0;
	color: #663300;
	font-size: 14px;
}
.box .top img {
	float: left;
	margin-right: 5px;
}
.box .middle {
	padding: 10px;
}
.box .bottom {
	height: 5px;
	border-bottom: 1px dotted #ccc;
}

.box { font-family: Verdana, Arial, Helvetica, sans-serif; }

.shopDesigner {}

.box ul li a,
.designer a {  }

.box ul li a:hover,
.designer a:hover { }

.designer ul,
#category ul { }

#category ul li { }

.box ul li a { display: block; padding: 3px; margin-bottom: 1px; background: #222; color: #fff; font-size: 12px; border: 1px solid #000; }
.box ul li a:hover { background: #fff; color: #111; }

.box ul li ul li a { color: #CCCCCC; padding-left: 10px; font-size: 11px !important; background: #333 !important; }
.box ul li ul li a:hover { padding-left: 15px; background: #fff !important; color: #111 !important; }

.success {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #E4F1C9;
	border: 1px solid #A5BD71;
	font-size: 11px;
	text-align: center;
}
.warning {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #FFDFE0;
	border: 1px solid #FF9999;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
	color: #a00009;
}
.wait {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #FBFAEA;
	border: 1px solid #EFEBAA;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}

div.itemLeft img {  }
img#image { /*border-top: 1px solid #fff; border-bottom: 1px solid #fff;*/  }
a#mini img { /*border-left: 1px solid #fff; border-top: 1px solid #fff; border-bottom: 1px solid #fff;*/ }
a#mini { margin-right: 3px; display: block; width: 74px; height: 100px; float: left; border: 1px solid #222; overflow: hidden; }
a#highImg { display: block; width: 319px; height: 425px; border: 1px solid #222; overflow: hidden; margin-bottom: 3px; }
a#highImg img { display: block; }


.required {
	color: #FF0000;
	font-weight: bold;
}
.error {
	color: #FF0000;
	display: block;
}
.help {
	cursor: pointer;
}
.tooltip {
	border: 1px solid #FDDA5C;
	background: #FBFF95;
	padding: 5px;
	font-size: 11px;
	width: 250px;
}
.clear { /* generic container (i.e. div) for floating buttons */
	overflow: hidden;
	width: 100%;
}
a.button {
	color: #333;
	display: inline-block;
	font: normal 11px arial, sans-serif;
	text-decoration: none;
	text-align: center;
	background: #f5f5f5;
	border: 1px solid #fff; 
	ursor: pointer;
	padding: 3px 10px;
}
a.button span {
	display: inline-block;
}
a.button:hover { border: 1px solid #ff9900; color: #cc6600;  }

.buttons {
	margin-bottom: 10px;
	clear: both;
	padding: 5px;
	border: 1px solid #333;
	background: url('../image/bg_dia.gif');
}
.buttons input {
	padding: 0px;
	margin: 0px;
}
.buttons table {
	width: 100%;
	border-collapse: collapse;
}
.buttons table td {
	vertical-align: middle;
}
.list {
float: left;
margin-right: 13px;
margin-left: 13px;
margin-bottom: 20px;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.list td {
text-align: center;
vertical-align: top;
font-size: 11px;
}

.list td span.p0 { color: #c49f82; display: block; background: #222; padding: 3px 0; width: 129px; margin: 0 auto; }
.list td span.p1 { color: #fff !important; display: block; padding: 3px 0; width: 129px; margin: 0 auto; background: #222; }
.list td span.p2 { color: #FF0000 !important; text-decoration: line-through; }
.list td span.p3 { color: #0099CC !important; }
.list a.pItem { color: #ccc; display: block; background: #333; width: 129px;
margin: 0 auto; padding: 3px 0;
height: 30px; vertical-align: middle;
}
.list a.pItem:hover { color: #fff; }
.list a.pImg { display: block; width: 127px; height: 170px; border: 1px solid #333; overflow: hidden; margin: 0 auto; }
.list a.pImg img {  }
.list a.pImg:hover { border: 1px solid #fff; }

.sort {
width: 250px;
position: absolute;
top: 2px;
right:0;
font-size: 11px;
padding-top: 6px;
}
.sort .div1 {
	float: right;
	margin-left: 5px;
}
.sort .div2 {
	text-align: right;
	padding-top: 2px;
	color: #666666;
}
.sort select {
	font-size: 11px;
	margin: 0;
	padding: 3;
	border: 1px solid #ccc;
}
.pagination {
	display: inline-block;
	width: 100%;
	font-size: 10px;
	font-family: 'trebuchet ms', arial;
	color: #333;
	border-top: 1px dotted #222;
	padding-top: 10px;
}
.pagination .links, .pagination .results {
	padding: 2px 0;
}
.pagination .links {
	float: left;
}
.pagination .links a {
	border: 1px solid #333;
	padding: 4px 7px;
	text-decoration: none;
	color: #000000;
}
.pagination .links b {
	border: 1px solid #CCCCCC;
	padding: 4px 7px;
	text-decoration: none;
	color: #000000;
	background: #FFFFFF;
}
.pagination .results {
	float: right;
}
.tabs {
	display: block;
	width: 100%;
	margin-bottom: 0px;
}
.tabs a {
	float: left;
	display: block;
	padding: 6px 15px 7px 15px;
	margin-right: 2px;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	background: #FFFFFF url('../image/tab.png') repeat-x;
	color: #000000;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	z-index: 1;
	position: relative;
	top: 1px;
}
.tabs a.selected {
	background: #FFFFFF url('../image/tab.png') repeat-x;
	border-bottom: 0px;
	padding-bottom: 8px;
	z-index: 3;
}
.page {
	border: 1px solid #DDDDDD;
	background: #FFFFFF;
	display: inline-block;
	padding: 10px;
	display: block;
	width: 536px;
	clear: both;
	z-index: 2;
	margin-bottom: 10px;
}
#footer {
	width: 100%;
	clear: both;
	padding-top: 5px;
	border-top: 1px dotted #000;
	height: 30px;
	/*background: url('../image/bg_feature_2.gif') top left no-repeat;*/
}
#footer .div1 {
	float: left;
	text-align: left;
}
#footer .div2 {
	float: right;
	text-align: right;
}
#category ul {
	margin-top: 0px;
	margin-bottom: 0px;
	}
#information ul {
	margin-top: 0px;
	margin-bottom: 0px;
}
.cart {
border-collapse: collapse;
margin-bottom: 10px;
width: 100%;
border: 1px solid #333;
background: #url('../image/bg_dia.gif');
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.cart th {
background: #333;
padding: 5px;
font-weight: normal;
color: #ff9900;
font-size: 13px;
}
.cart td {
padding: 10px;
color: #fff;
background: #414141;
vertical-align: middle;
border-top: 1px solid #333;
font-size: 13px;
}

.cart td a { color: #c2ad99; }
.cart td a:hover { text-decoration: underline; }
.cart td input { text-align: center;}
.cart td img { border-left: 1px solid #fff; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }



.itemRight { font-family: verdana, Arial, Helvetica, sans-serif; color: #444; }
.itemRight h4.ttl { font-size: 16px; margin-bottom: 3px; font-weight: normal; color: #c2ad99; }
.itemRight h4 { font-size: 13px; margin-bottom: 5px; color: #fff; }
/*.itemRight h4 span { font-weight: bold; color: #c2ad99; }*/
.itemRight p { font-size: 13px !important; margin-bottom: 15px; color:#fff; }
.itemRight a { color: #ff9900; }
.itemRight a:hover { color: #FFFF00; text-decoration: underline; }
.itemRight td { color: #fff; font-size: 13px; }

.zoom_01 { /*background: #65584a;*/ background: #292929; padding: 10px; margin-bottom: 5px; border-bottom: 1px solid #413930; }
.zoom_02 { /*background: #95816c;*/ background: #414141; padding: 10px; margin-bottom: 5px; border-bottom: 1px solid #65584a; font-weight: normal !important; }
.zoom_02 table td { text-align: left; width: 100px; }

.zoom_02 h4,
.zoom_02 h4 span { font-weight: normal !important; }

#CartBtn a.button {
color: #333 !important;
font-size: 13px !important;
text-transform: uppercase !important;
background: url('../image/addtocart.png') top left no-repeat !important;
width: 181px !important;
height: 33px !important;
line-height: 33px !important;
border: none !important;
padding: 0 !important;
}

#CartBtn a.button:hover { background-position: bottom !important; color: #000 !important; }

.addThis span { display: none; }
.addThis table { border-top: 1px solid #333; border-bottom: 1px solid #333; margin: 0 auto; margin-top: 20px; width: 100%; }
.addThis table td { padding: 10px; text-align: center; background:#292929; font-size: 11px !important; font-family: Arial, Helvetica, sans-serif !important; }
.addThis table td a:hover { color: #FFFF00 !important; }

/* Product Viewing Styling
--------------------------------------------*/
td.proImg {vertical-align: top; width: 320px; height: 425px; padding-right: 20px; background: url('../image/dot_sep_2.gif') right repeat-y;}
td.proImg a { width: 320px; height: 425px; display: block; position: relative; }
td.proImg a .mZoom { display: block; width: 23px; height: 23px; background: url('../image/icon_zoom.png') top left no-repeat; position: absolute; bottom: 0; right: 0; z-index: 2;  }

table.proDetails { width: 100%; }
table.proDetails .pr1 { font-size: 16px; }
table.proDetails .pr2 { font-size: 12px; padding-bottom: 7px; border-bottom: 1px dotted #ccc; }
table.proDetails .pr3 { font-size: 16px; padding: 7px 0px; border-bottom: 1px dotted #ccc; color: #0099CC; }

table.proDetails td a { color:#333; }
table.proDetails td a:hover{ color:#222; }

ul.thumb-images li { float: left; margin-right: 2px; margin-bottom: 2px; }

table.proInfo {  margin-top: 7px; border-bottom: 1px dotted #ccc; width: 100%; margin-bottom: 7px; }
table.proInfo .d1 { font-weight:bold; font-size: 12px; padding-bottom: 7px; }
table.proInfo .d2 { padding-bottom: 7px; vertical-align: middle; line-height: 17px; width: 90px; }
table.proInfo .d3 { padding-bottom: 7px; }
table.proInfo .d3 select { vertical-align: middle; padding: 3px; font-size: 11px; }

.mailist { padding-left: 0; text-align: left; }
.mailist li { padding-bottom: 3px; color: #222; font-size: 12px; }
.mailist li input { width: 150px; font: 11px verdana, arial; padding: 3px; color: #333; border: 1px solid #222; }
.mailist li.btnJoin input { font: 10px arial;
padding: 2px; text-transform: uppercase; background: #222; border: 1px solid #000; cursor: pointer; color: #fff;
width: 156px;
}
.mailist li.btnJoin input:hover { border: 1px solid #000; color: #000; background: #fff; }

.noBg { background-image: none !important; }
.noPad { padding: none !important; }
.noMar { margin: none !important; }
.vertDot1 { background: url('../image/dot_sep_1.gif') right repeat-y; }
.vertDot2 { background: url('../image/dot_sep_2.gif') right repeat-y; }
.w130 { width: 130px; }

/* Contact Form
----------------------------------------------------------*/
.contactPage { }
.middle p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; font-weight: normal; }
.middle p a { color: #000; text-decoration: underline; }
.middle p a:hover { color: #FF0000; }
.contactPage .c1 { width: 360px; float: left; background: url('../image/dot_vert_black.gif') right repeat-y; }
.contactPage .c2 { width: 400px; float: right; }
.contactPage .conForm td span { display: block; }
.contactPage .conForm td { padding: 5px; }

.contactPage .conForm td textarea,
.contactPage .conForm td input { font: 12px Arial, Helvetica, sans-serif; padding: 3px; }

.contactPage .conForm td .tin1 { height: 120px; width: 380px; }
.contactPage .conForm td input.cin1 { width: 180px;}

/* Login Page
----------------------------------------------------------*/
.middle h2 { display: block; background: #333; color: #ff9900; font: 13px Verdana, Arial, Helvetica, sans-serif;
padding: 7px; margin-bottom: 10px;
border-bottom: 1px solid #555;
border-left: 1px solid #555;
border-top: 1px solid #222;
border-right: 1px solid #222;
}
.pageLogin { color: #fff; }
.pageLogin .l-left { float: left; width: 360px; background: #414141; border: 1px solid #333333; height: 200px; padding: 10px; }
.pageLogin .l-right { float: right; width: 360px; background: #414141; border: 1px solid #333333; height: 200px; padding: 10px; }
.pageLogin .pLogin { margin: 0 auto; }
.pageLogin .pLogin td { padding: 3px; text-align: left; vertical-align: middle; font-size: 12px;  }
.pageLogin .pLogin td input { border: 1px solid #222; padding: 4px; width: 220px; vertical-align: middle; font: 11px Tahoma, arial; }

.miscOne table td.p-1,
.pageLogin .pLogin .p-1 { padding-right: 15px; }

.pageLogin .pLogin .p-2 {}

/* Misc One
----------------------------------------------------------*/
.miscOne { background: #414141; border: 1px solid #333333; padding: 10px !important; margin-bottom: 15px;  }
.miscOne p { color:#fff; }
.miscOne p a { color: #cc6609; }
.miscOne p a:hover { text-decoration: underline; }
.miscOne table { color:#fff; margin-bottom: 15px; }
.miscOne table td { padding: 3px; text-align: left; vertical-align: middle; font-size: 12px;  }
.miscOne table td input { border: 1px solid #222; padding: 4px; width: 220px; vertical-align: middle; font: 11px Tahoma, arial; }
.miscOne ul { margin-left: 25px; margin-bottom: 20px;}
.miscOne ul li { font-size: 12px; list-style-type: square;  }
.miscOne ul li a { color: #c2ad99; }
.miscOne ul li a:hover { text-decoration: underline; }

.miscOne table td a { color: #c2ad99; }
.miscOne table td a:hover { text-decoration: underline; }

.miscOne .cartFinal { width: 100%;}
.miscOne .cartFinal th {
background: #333; color: #ff9900; font: 13px Verdana, Arial, Helvetica, sans-serif;
padding: 7px; margin-bottom: 10px;
border-bottom: 1px solid #555;
border-left: 1px solid #555;
border-top: 1px solid #222;
border-right: 1px solid #222;
width: 20%;
}

.miscOne .cartFinal td { padding: 7px; border-bottom: 1px solid #555; vertical-align: top;  }

div.otherItem { float: left; width: 80px; margin-right: 5px; }
div.otherItem table { border: none;}
div.otherItem table td { text-align: center; }
div.otherItem table td a { color: #222; }
div.otherItem a.otherImg { display: block; width: 79px; height: 106px; border: 1px solid #222; overflow: hidden;  }

/*#663300*/