/*********************** Reset Styles *********************/

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, 
fieldset, form, label, legend
/*,
table, caption, tbody, tfoot, thead, tr, th, td */ {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}
body { line-height: 1; }
blockquote, q { quotes: none; }
:focus { outline: 0 }
/*table { border-collapse: collapse; border-spacing: 0; }*/

.left { float:left }
.right { float:right }
.center { text-align: center }
.clear { clear:both }
br.clear { line-height: 0 }

hr { 
	height: 1px;
	border-width: 0;
	color: #c6b292;
	background-color: #c6b292;
	clear: both;
	}

ol, ul, li { margin:0; padding:0; }
ul, li { list-style: none; }

/*********************** Default Styles *********************/

body {
	background: url(../images/bg.gif) repeat-x;
	font: normal 12px/16px Verdana, Arial, sans-serif;
	color: #2e2723;
	}
a {
	font: normal 12px/16px Verdana, Arial, sans-serif;
	color: #137e7d;
	text-decoration: underline;
	}
a:hover { text-decoration: none; }
p { padding: 0 0 12px }
label:hover {
	cursor: pointer;
	text-decoration: underline;
}
h1 {
	padding: 4px 0 12px;
	font: bold 18px/20px Verdana, Arial, sans-serif;
	color: #867366;
}
h1.productName
{
	color: #fff;
}
h2 {
	padding: 4px 0 12px;
	font: bold 17px/20px Verdana, Arial, sans-serif;
	color: #2e2723;
}
h2.productName
{
	font: bold 14px/20px Verdana, Arial, sans-serif;
	color: #f7f6f8;
}
h3 {
	padding: 12px 2px 8px;
	font: normal 18px/22px "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #0e8991;
	cursor: default;
	text-shadow: 1px 1px 1px #adf5f4;
}
h3.warning { color: #b10f12; text-shadow: 1px 1px 1px #ffcccd; }
h4 {
	padding: 0 0 20px;
	font: normal 28px/32px "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #0e8991;
	cursor: default;
	text-shadow: 1px 1px 1px #adf5f4;
}

/*********************** Page Styles *********************/

#wrap {
	width: 980px;
	margin: 0 auto;
}
	
#header {
	position: relative;
	height: 256px;
	background: url(../images/topimg.jpg) no-repeat left 66px;
}
.logo {
	position: absolute;
	top: 31px;
	left: 28px;
}
.search {
	position: absolute;
	top: 29px;
	right: 0;
}

#menu {
	position: absolute;
	bottom: 6px;
	left: 28px;
	background-color: #c6a682;
	border-top: 6px solid #867366;
}
.menu {
	float: left;
	border-right: 1px solid #d6bea3;
	border-left: 1px solid #8f7a6c;
}
.menu li { float: left; }
.menu li a, .menu li span {
	display: block;
	padding: 0 12px;
	border-right: 1px solid #8f7a6c;
	border-left: 1px solid #d6bea3;
	border-bottom: none;
	font: bold 12px/29px Verdana, Arial, sans-serif;
	color: #ffffff;
	text-decoration: none;
	text-shadow: 1px 1px 0px #a0897a;
}
.menu li a:hover { 
	text-decoration: underline;
	text-shadow: -1px -1px 0px #a0897a;
}
.menu li.selected span {
	background-color: #decbb5;
	color: #6f462b;
	text-shadow: -1px -1px 0px #f5e0c8;
	cursor: default;
}

#content {
	padding: 20px 28px;
	min-height: 200px;
}
#content p a { 
	text-decoration: none;
	border-bottom: 1px dotted #137e7d; 
	}
#content p a:hover { border-bottom: 1px solid #137e7d; }
hr.thick { 
	height: 3px;
	border-width: 0;
	color: #867366;
	background-color: #867366;
	clear: both;
	}
.catList li { float: left; }
.catList li a {
	display: block;
	width: 430px;
	margin: 0 0px;
	padding: 0 5px 0 20px;
	background: url(../images/bullet.gif) no-repeat 5px 10px;
	font: normal 15px/30px Arial, Verdana, sans-serif;
	color: #2e2723;
	text-decoration: none;
}
.catList li a:hover {
	font-size: 14px;
	font-weight: bold;
}
.catLink {
	width: 210px;
	float: left;
	margin-right: 4px;
	padding-right: 4px;
}
.catDetails li {
	margin-bottom: 30px;
	border: 1px solid #867366;
	border-bottom-width: 6px;
}
.catDetailsTable {
	padding: 0 20px;
}
.catDetailsTable p {
	padding: 5px 20px;
}
.cdLeft, .cdRight {
	float: left;
	padding: 5px 0;
	font: bold 12px/16px Verdana, Arial, sans-serif;
}
.cdRight { float: right; }
.formEditQty {
	width: 83px;
	height: 19px;
	border: 1px solid #8d7b6f;
	background: #ece2d6 url(../images/qty-bg.gif) repeat-x;
	font: normal 13px/21px Verdana, Arial, sans-serif;
	direction: rtl;
}
.btnSearch,
.btnEdit,
.btnAddToCard,
.btnSubmit,
.btnUpdate,
.btnProceed,
.btnContinueShopping,
.btnUpdateAll,
.btnCancel,
.btnPayWithPayPal,
.btnPayWithCreditCard {
	border: none;
	margin: 5px 0;
	width: 120px;
	height: 23px;
	background: url(../images/btn-add-to-card.gif) no-repeat 0px 0px;
	cursor: pointer;
}
.btnSearch { width: 69px; background: url(../images/btn-search.png) no-repeat 0px 0px; }
.btnEdit { width: 70px; background: url(../images/btn-edit.gif) no-repeat 0px 0px; }
.btnCancel { width: 90px; background: url(../images/btn-cancel.gif) no-repeat 0px 0px; }
.btnSubmit { width: 100px; background: url(../images/btn-submit.gif) no-repeat 0px 0px; }
.btnUpdate { width: 100px; background: url(../images/btn-update.gif) no-repeat 0px 0px; }
.btnUpdateAll { width: 110px; background: url(../images/btn-update-all.gif) no-repeat 0px 0px; }
.btnProceed { width: 170px; background: url(../images/btn-proceed.gif) no-repeat 0px 0px; }
.btnContinueShopping { width: 160px; background: url(../images/btn-continue-shopping.gif) no-repeat 0px 0px; }
.btnPayWithPayPal { width: 140px; background: url(../images/btn-pay-with-paypal.gif) no-repeat 0px 0px; }
.btnPayWithCreditCard { width: 160px; background: url(../images/btn-pay-with-credit-card.gif) no-repeat 0px 0px; }
.thumbImages li {
	border: none;
	float: left;
	margin: 30px 10px 10px;
}
.thumbImages li img { cursor: pointer; }
.cartTable th { padding: 0 10px; }
.cartTable td {
	padding-left: 10px;
	border-bottom: 1px solid #c6b292;
}
.checkOutTable td {
	padding: 2px 10px;
}

#footer {
	height: 124px;
	background: url(../images/footer-bg.gif) repeat-x;
}
.footer {
	width: 980px;
	margin: 0 auto;
}
.footerMenu { padding: 6px 0 0 28px; }
.footer p {
	padding: 0;
	font: normal 12px/29px Verdana, Arial, sans-serif;
	color: #ffffff;
	text-shadow: 1px 1px 0px #a0897a;
}
.footer p a {
	font: bold 12px/29px Verdana, Arial, sans-serif;
	color: #ffffff;
}

#uspsDelivery { display: none; }

/*********************** Form Data *********************/

.formEdit, .formHalfEdit, .formSmallEdit, .formLongEdit, .formTextarea, .formBigTextarea {
	border: 1px solid #8d7b6f;
	font: normal 13px/21px Verdana, Arial, sans-serif;
}
.formEdit { 
	width: 190px;
	height: 19px;
	background: #ece2d6 url(../images/qty-bg.gif) repeat-x;
}
.formHalfEdit {
	width: 140px;
	height: 17px;
	background: #ece2d6 url(../images/qty-bg.gif) repeat-x;
	}
.formSmallEdit { width: 60px; }
.formLongEdit { width: 160px; }
.formLongerEdit { width: 200px; }
.formTextarea {
	width: 190px;
	height: 80px;
	background: #ece2d6 url(../images/textarea-bg.gif) repeat-x;
}
.formBigTextarea { height: 150px; width: 100%; }

.formButton, .formSmallButton, .formLongButton {
	border: 1px solid #0fb6f7;
	background-color:#0fb6f7;
	font-weight: bold;
	color: #FFFFFF;
}
.formButton { height: 23px; width: 100px; }
.formSmallButton { height: 20px; width: 80px; }
.formLongButton { height: 30px; width: 120px; }

/*********************** Table Data *********************/

.tableBorder { border: 1px solid #2462AB; }
.tableBorderHeader {
	height: 27px;
	background-color: #DCDBBD;
	padding-left: 5px;
	}
.tableHeader {
	height: 30px;
	background-color: #867366;
	padding-left: 30px;
	font: bold 15px/30px Verdana, Arial, sans-serif;
	color: #ffffff;
	}
.tableHeader a {
	font: bold 13px/30px Verdana, Arial, sans-serif;
	color: #ffffff;
	text-decoration: none;
	}
.tableDataDark {
	background-color: #ECECEC;
	padding-left: 5px;
	height: 24px;
	}
.tableDataLight {
	background-color: #FFFFFF;
	padding-left: 5px;
	height: 24px;
	}

/*********************** Picture Frame *********************/

.pictureBoxLeft {
	float: left;
	margin-top: 9px;
	margin-right: 9px;
	}
.pictureBoxRight {
	float: right;
	margin-top: 9px;
	margin-left: 9px;
	}
.tlc { background: transparent url(../images/frame/tlc.gif) no-repeat 0% 0%; }
.trc { background: transparent url(../images/frame/trc.gif) no-repeat 100% 0%; }
.blc { background: transparent url(../images/frame/blc.gif) no-repeat 0% 100%; }
.brc { background: transparent url(../images/frame/brc.gif) no-repeat 100% 100%; }
.tb { background: transparent url(../images/frame/tb.gif) repeat-x 0% 0%; }
.bb { background: transparent url(../images/frame/bb.gif) repeat-x 50% 100%; }
.rb { background: transparent url(../images/frame/rb.gif) repeat-y 100% 0%; }
.lb { background: transparent url(../images/frame/lb.gif) repeat-y 0% 100%; }
.picPadd { padding: 0 }

/*********************** Designed by MetaVisia *********************/