/* Site Body and Globals */
html, body {color:#666;width:100%;margin:0; padding:0;font: 12px Verdana, Arial, sans-serif;line-height:18px;}
body > #mainbody{height:auto;}

table, td, th {border-collapse: collapse; vertical-align: top;font-size:11px;font-weight:normal;}
th {text-align: left;font-weight: bold;font-size: 12px;}
img{border:0;}
a{color:#666;font-weight:normal}
a:hover {text-decoration:underline;}
hr {margin:5px 0 5px 0; color:#a4a4d2;background:#a4a4d2;border:0;height:1px;}
#mainbody {padding:0;margin:0 12px;width:778px;}

/* Header */
#navbar_top {height:18px;padding:0 0 0 0;margin:6px 0 6px 0;}
#navbar_top ul {margin:0 0 0 144px;padding:0;}
#navbar_top li {list-style:none;float:left;margin:0;padding-left:16px;line-height:18px;white-space:nowrap;border-right: 1px solid #acadad;}
#navbar_top a {display:block;float:left;padding: 0 16px 0 0;font-size:11px;text-decoration:none; font-weight:bold; color:#99cccc;}
#navbar_top a:hover{text-decoration:underline;}
#navbar_top .cart {
background-image:url(../images/bag_turquoise_sm.gif);
background-repeat:no-repeat;
background-position: 112px 0;padding-right:22px;}

#header {height:120px; width:775px; background:#fff;padding:0;margin:0 0 6px 0;
background-image:url(../images/bg_header.jpg);background-repeat:no-repeat;}
#header img{padding:11px 25px 0 15px;margin:0;}

#navbarholder {width:100%;background:#fff;}
#navbarholder td {margin:0;padding:0;}
#navbar {padding:0;margin:0;width:100%;}
#navbar td {margin:0;padding:0;width:24%; list-style: none; line-height: 16px; white-space: nowrap;border:2px #fff solid;border-bottom-width:0;}
#navbar a {display:block;text-decoration: none;color: #666; background: #efefef;padding: 0 0 0 3px; height:18px; font-size: 11px; font-weight:bold;}
#navbar .currentmain a {background:#ccc; color:#fff;}
#navbar a:hover {background: #ccc; color: #fff;}

/*Page Layout */
.leftcol {width:160px;padding-right:6px;overflow:hidden;}
.leftcol img {margin: 20px 0 0 0;}
.maincol {border:1px solid #ccc;margin:0;padding:0;width:607px;}
.maincol img {margin:2px 0 0 2px;}

/* Main Content */
#pagecontent {width:100%;margin:0;padding:0;}
#pagecontent p{font-size:11px;line-height:18px;margin:3px 0 14px 14px;}
#pagecontent h1{font-size:11px;margin:0 0 0 14px;padding:0;}
#pagecontent h2{font-size:11px;margin:0;padding:0;margin:14px;}
#pagecontent h3{font-size:11px;margin:0;padding:0;margin:14px;}
#pagecontent h4{font-size:11px;margin:0;padding:0;}
#pagecontent .tbl{margin:0 14px 14px 0; width:95%;}
.categorydescription {margin:14px;}

/*Home Page */
#homepage, #page {width:450px;margin:0 75px 0 75px;}
#homepage h1, #page h1 {font-size:14px;padding:0;margin:0;}
#page h1 {margin-top:12px;}

.pager {height:12px;clear: both; padding: 8px 0 10px 0; text-align: center; font-size:11px;}
.pager a.on {font-weight: bold; font-size: 11px;}
.pager a:link,.pager a:visited {font-size:11px;text-decoration:underline;}

/* Department Navigation */
.deptnav {padding:0;margin:0;width:160px;overflow:hidden;}
.deptnav li {list-style:none;white-space:nowrap;line-height:19px;border-top:2px #fff solid;}
.deptnav a:hover {background:#eafbfb;text-decoration:none;}
.deptnav li.selected {font-weight:bold;}
.deptnav li.sub {padding-left:8px;}
.deptnav li.perm a {background:#99cccc;color:#fff;font-weight:bold;}
.deptnav li.perm a:hover {background:#99cccc;}
.deptnav a {display:block;text-decoration:none;height:19px;font-size:11px;padding: 0 0 0 10px;margin:0;font-weight:bold;}

/*Category Heading*/
.cat_heading{background:#eafbfb;height:78px;}

/* Product Thumbs */
div.prodthumb_holder{position:relative;left:0;width:600px;margin-top:0px;padding:0;float:clear;clear:both;}

div.shorttn {float:center;margin-bottom:25px;padding:0;}
div.shorttn img {border:1px solid #ccc;height:137px;width:100px;margin:14px 3px 0 14px;padding:0;}

div.shorttn2 {padding:0;margin:0;}
div.shorttn2 img {border:none;height:137px;width:100px;margin:14px 0 10px 10px;padding-bottom:25px;}

div.pic2 {margin:7px 3px 0 4px;padding:0;float:left;}
div.pic2 img {margin:0;border:none;height:137px;width:100px;}

div.pic {float:left;height:204px;width:100px; margin: 20px 20px 10px 19px;}
div.pic img {margin:0;border: none;height:137px;width:100px;border:1px solid #ccc;}
div.pic ul {text-align:left;height:70px;margin:0;padding:5px 6px;font-size:11px;line-height:1.2em;background:#fff;}
div.pic a {color:#666;text-decoration:none;}
div.pic a:hover {font-size:11px;color:#666;}

div.pic3 {float:left;width:100px;padding:20px 0 10px 19px;}
div.pic3 span.title {font-size:14px;text-decoration:none;padding:4px;background:#9999cc;width:94px;height:38px;display:block;text-align:center;}
div.pic3 img {margin:0;border: none;height:137px;width:100px;border:1px solid #9999cc;}
div.pic3 a {font-weight:bold;color:#fff;text-decoration:none;}

li.title,li.price {list-style:none;}
li.title {display:block;margin-bottom:4px;}
li.price {font-weight:bold}

/*Brands Page */
.prodlist {clear:both;margin:10px;height:140px;}
.prodlist img.pic3 {float:left;margin-right:10px;border: none;height:137px;width:100px;}
.prodlist h1 {padding:0;margin:0;}
.prodlist a {text-decoration:underline;}

/* Product Detail */
#prodleft{padding:0;margin:7px 0px 7px 7px;float:left;}
#prodleft img.icon {margin-right:7px;} 

#prodcenter{margin:7px 0px 0 7px;float:left;}
#prodcenter .wasprice{font-size:12px;}

#prodright{width:240px;background:#e6eDfb;color:#666;padding:14px;margin:7px 2px 7px 0;text-align:right;}
#prodright hr {margin:5px 0 5px 0; color:#a4a4d2;background:#a4a4d2;border:0;height:1px;}
#prodright p {margin:0 5px 0 0;padding:0;}
#prodright img {margin:0 10px 0 0;padding:0;}
#prodright select{margin-bottom:3px;}

#proddetail {width:100%;margin-bottom:14px;}
#proddetail td {padding:0 7px 0 7px;margin:0}
#proddetail li {color:#666;}
#proddetail li span {color:#666;}

.prodflash{float:right;position:relative;top:-19px;left:-7px;margin:0;padding:0;}

.prodprice{font-size:14px;font-weight:bold;white-space:nowrap;}
.wasprice{color:#c36; text-decoration: line-through;}

.prodcode {font-size:10px;font-style:italic;margin:0;padding:0;white-space:nowrap;}
.prodyourselection{width:100%;text-align:center;margin-bottom:14px;}

.productstockmessage{margin-top:5px;width:100%;text-align:right;color:red;font-weight: bold;}

.detailimg img{margin:0;padding:0;border:1px solid #ccc;}
.detailthumb{width:85px;height:85px;padding:8px;margin:0;}

/*Button*/
a.button:link,a.button:active,a.button:visited{background:#b1be5a;display:inline;height:auto;width:auto;padding:3px 10px 3px 10px;color:#fff;font-weight:bold;line-height:22px;text-decoration:none;}

/*Panels*/
.panel {margin-bottom: 3px; margin-top:0; text-align:left;border-left:1px solid;border-right:1px solid;border-bottom:1px solid}
.panel p {text-align: left;font-size:10px;margin: 0 3px 5px 3px;padding: 5px 0 0 5px;}
.panel a {font-size: 10px;}
.panel img {margin-top: 3px;}
.panel h4 {display:block;color:#FFF;font-size:10px;font-weight:bold;margin:0;padding: 3px 0 3px 5px;text-align: left;}

.ptype1 strong {color: red;}
.ptype1 {background: #fff; border-color: #ccc;width:118px;margin:-14px}
.ptype1 h4 {background: #99cccc;}
.ptype2 {background: #eafbfb; border-color: #ccc;width:158px;}
.ptype2 h4 {background: #5d96ff;}
.ptype3 {background:#f1f1e1; border:1px solid #999; border-top:0;text-align: center; margin:0 0 3px 0;padding:0 15px 5px 0;font-weight:bold; color:#669999;}
.ptype3 h6{font-size:20px;padding:0;margin:0;}

.panelheader {width:120px; text-align: left; margin:0;padding:0;background: #99cccc;}
.panelheader h4 {display:block;color:#FFF;font-size:11px;font-weight:bold;margin:0;padding: 3px 0 3px 5px;text-align: left;}
.panelheader2 {height:19px;width:160px; text-align: left; margin:0;padding:0;background: #99cccc;}
.panelheader2 h4 {display:block;color:#FFF;font-size:11px;font-weight:bold;margin:0;padding: 0 0 0 12px;text-align: left;}
.panelheader3 {background:#9999cc;margin:0 7px 0 7px;padding:0 0 0 50px;height:19px;
background-image:url(../images/love_icon.gif);
background-repeat:no-repeat;
background-position: 0px 3px;}
.panelheader3 h4 {line-height:18px;font-size:10px;padding:0;color:#fff;margin:0;width:100%;}

.paneltype1 {background:#9999cc; text-align:center;margin:0;padding:1px 2px 2px 0;height:15px;}
.paneltype1 h1 {line-height:14px;font-size:10px;padding:0;color:#fff;margin:0;}
.paneltype3 {background:#F1F1E1;margin:0 7px 7px 7px;padding:0;height:163px;}

/*Search*/
.SearchResult {padding: 0px;margin: 2px;width: 100%;background-color: white;}
.SearchResult .Empty{padding: 30px 0px 40px 0px;text-align: left;color: #666666;font-size: 12px;font-weight: bold;}
.SearchResult .Highight {background-color:#99cccc;}
.SearchResult .ProductName {padding: 0px;padding-bottom: 5px;text-align: left;}

/* the following styles are inherited from Product Styles */
.SearchResult .ProductName a:hover{color: #888888;}
.SearchResult .ProductDescription a {color: #333333;text-decoration: none;}
.SearchResult .ProductDescription a:hover {color: #888888;}
.SearchResult .ProductNumber {color: #666666;font-size: 11px;font-weight: bold;}

/*Footer */
#footer {position:relative; left:166px;height:auto;bottom:2px;white-space: nowrap; font-size:10px; font-weight:bold; color: #666; padding:0; margin:0;}
#footer img{vertical-align:text-bottom;}
#footer p {padding:0 0 0 0;font-weight:normal;}
#footer a {font-size:10px; text-decoration:none;}

/*Forms*/
#searchform{padding:10px;margin:0;}
#searchform input.text{padding:1px;margin:0 0 2px 0;border:1px solid #ccc;font:11px Verdana, Arial, sans-serif;width:133px;}
#searchform input.button{font-size:11px;margin:0;padding:0;}

.form {font-size:12px;line-height:15px;padding:2px 10px 3px 0;margin:0px;text-align:right;}
.form td {font-size:12px;}

input.quant {width:15px;}
input.text{font-size:12px;padding:2px 0 2px 0;margin:1px 0 1px 0;}

input,
textarea,
select {
    border: 1px solid gray; 
    font-family: Verdana, Arial, sans-serif;
    color: #333333;
    font-size: 11px;
    background-color: #FFEEFF;
}

input[type="checkbox"],
input[type="radio"],
input[type="image"] {
    border: 0;
    background-color: transparent;
}

input[type="button"],
input[type="submit"]{
    border: 1px solid gray; 
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    background-color: #DDDDDD;
}

/*Contents Page*/
#contentspage{margin:0 14px 14px 14px;}
#contentspage h1{margin:0;padding:0;}
#contentspage a{font-size:11px;font-weight:bold;}
#contentspage a.variant{font-size:11px;font-weight:normal;}
#contentspage p {margin:0;padding-bottom:12px;}

/*Links Page */
#links{padding:14px;border:0;}
#links ul{padding:0;margin:0;list-style:none;}
#links li{padding-bottom:10px;}
#links a {text-decoration:underline;font-weight:bold;}

/*Currency*/
#currency {float:right;}
#currency a {padding-right:3px;margin:0;}

/* Misc */
#featureditems {margin: 6px 0 0 20px;}
#featureditems h2 {padding:0; margin:0;font-size:12px;}
.warning {color:red;}
.info {color:green;font-weight:bold;}
.receipt td {padding:0;margin:0;}
#pagecontent .receipt h2 {padding:0;margin:0;}
a.underline:link, a.underline:hover, a.underline:visited{text-decoration:underline;font-size:12px;}
.light {font-weight:normal;}
#pagetext {width:450px;}
.PageTitle {font-size: 12px;font-weight: bold;text-align: left;}

/*Cart*/
a.cart_button:link,a.cart_button:active,a.cart_button:visited{
	background:#b7cc8e;
	display:block;
	height:auto;
	width:135px;
	padding:3px;
	padding-left:10px;
	padding-right:10px;
	color:#fff;
	font-weight:bold;
	margin-bottom:5px;
	text-align:center;
}
select.qty {width:40px;}

/* CheckOut*/
table#cartTbl {margin:0 14px 0 14px;padding:0;width:95%;}
table#cartTbl th{font-size:11px;padding-left:5px;}
table#cartTbl td{margin:0;background:#e6eDfb;padding:5px 5px;border:2px solid #E2E2E2;}
table#cartTbl td#total{background:#a4a4d2;font-weight:bold;color:#fff;}
table#cartTbl select {font-size:10px;color:#333;border:1px solid #333;}
table#cartTbl .right {text-align:right;}
table#cartTbl .center {text-align:center;}
table#cartTbl .totallabel {font-weight:bold;}
.Title {padding: 12px 0px 5px 25px;color: #C63983;font-weight: bold;text-align:left;}
#PaymentMethod br {display:none;}

.orderinfo {margin-bottom:15px;}
.orderinfo .field {text-align: right;padding-right:10px;}
.orderinfo .value {text-align: left;}

.OrderInvoice {
    color: black;
    font-size: 8pt;
}

.OrderInvoice .field {
    font-weight: bold;
    text-align: right;
}

.OrderInvoice .value {
    color: #666666;
    text-align: left;
}

.OrderInvoice .group_header {
    color: black;
    text-decoration: underline;
    font-size: 10pt;
    font-weight: bold;
}

.OrderInvoice .price_field {
    font-weight: normal;
    text-align: right;
    color: black;
}

.OrderInvoice .price_value {
    font-weight: bold;
    color: black;
    text-align: left;
}

table.tabulationTbl{margin-top:10px;border:1px solid #D0DEB5;border-bottom:0;width:100%;}
table.tabulationTbl td{	border-bottom:1px solid #D0DEB5;vertical-align:middle;}
table.tabulationTbl tr.colHeaders{font-weight:bold;background:#D0DEB5;}
table.tabulationTbl tr.colHeaders td{color:#000;}
table.tabulationTbl td{padding:3px;}

table.variantFieldTbl{border:0px solid #ccc;padding:0;}
table.variantFieldTbl td{border:0;padding:0;}

.formTbl {font-size:12px;line-height:15px;font-weight:bold;}

/* For Print */
 @media print {
	.leftcol,#navbar,#searchbar,#button{display:none;}
	.paneltype1 h1 {font-size:16px;padding:0 5px 0 0;}
	.paneltype4 {padding:5px 0 5px 0;}
  }

