/*** : Initialize : ***/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; font: normal normal normal 12px Arial, Helvetica, sans-serif; }
html { background-color: #fff; color: #000; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
ul { list-style: none; }
caption { text-align: left; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
a, img { border: 0; }
pre { font-family: monospace; }
a { color: #000; }

/*** : Defaults : ***/
html { background-image: url('../img/bg.png'); background-repeat: repeat-y; overflow: scroll; }
#main { margin: 20px auto !important; min-height: 550px !important; width: 920px !important; }
#main_item { margin: 20px auto !important; min-height: 550px !important; width: 920px !important; }
#head, #main, #foot { clear: both; }
#main-body { background-image: url('../img/bg.png'); background-repeat: repeat-y; clear: both; margin: 5px 0px; min-height: 550px; }
#main-inner { background: url('../img/spacer_gray.png') repeat-y 173px 0; border: 1px solid #c2c2c2; min-height: 550px; overflow: hidden; }

ul.h-menu, ul.h-menu li { display: block; }
ul.h-menu li { float: left; }
input.submit-action { height: 22px; vertical-align: middle; background-color: #000; border: 1px solid #858585; color: #fff; cursor: pointer; font: normal normal normal 11px Arial, Helvetica, sans-serif; padding: 0; text-transform: uppercase; }
input.disabled { background-color: #888; color: #ccc; }
input.btn-checkout { border: 1px solid #c2c2c2; width: 74px; }
input.btn-checkout2 { background-color: #000; width: 74px; }
input.btn-addcart { background-color: #000; width: 167px; }
input.btn-login { background-color: #000; width: 80px; }
input.btn-register { width: 120px; }
input.btn-general { background-color: #464646; }
input.btn-general2 { background-color: #aaa; }
input.btn-go { background-color: #000; }


.section { background-color: #fff; clear: both; }
.section-inner { margin: 0 25px; min-height: 550px; }
.page-heading { font-size: 18px; font-weight: bold; height: 30px; line-height: 30px; text-transform: uppercase; vertical-align: baseline; padding: 15px 0; }

/*** : Header : ***/
#head-logo { color: #323232; height: 69px; margin-bottom: 4px; width: 209px; }
#head a { text-decoration: none; }
#head-t, #head-b #head-c { clear: both; }

#head-t { margin-bottom: 5px; }
#head-t ul { height: 10px; margin: 14px 0 4px 0; }
#head-t ul li { border-right: 2px solid #000; color: #323232; height: 13px; padding: 0 8px; vertical-align: top; }
#head-t ul li a { color: #323232; font-size: 12px; line-height: 12px; text-transform: uppercase; text-decoration: none; vertical-align: middle; }
#head-t ul li a:hover { text-decoration: underline; }

#head-c { margin-bottom: 5px;}
#head-c ul { height: 10px; margin: 0px 0 4px 0; }
#head-c ul li { border-right: 2px solid #000; color: #323232; height: 13px; padding: 0 8px; vertical-align: top; }
#head-c ul li a { color: #323232; font-size: 12px; line-height: 12px; text-transform: uppercase; text-decoration: none; vertical-align: middle; }
#head-c ul li a:hover { text-decoration: underline; }

#head-b { background-color: #000000; border: 1px solid #c1c2c4; height: 28px; overflow: hidden; }
#head-b ul { height: 12px; margin: 4px 0; }
#head-b ul li { border-right: 1px solid #fff; font-size: 12px; margin: 2px 0 4px 0; padding: 0 32px; }
#head-b ul li a { color: #fff; font-size: 13px; text-decoration: none; text-transform: uppercase; }
#head-b ul li a:hover, #head-b ul li a.selected { color: #ffffff; }
#head-b ul li a.selected:hover { color: #000; }

/*** : Footer : ***/
#foot-inner { background-color: #cbcbcb; border: 1px solid #63686b; min-height: 60px; }
#foot-gclogo { height: 72px; margin: 5px 15px; overflow: hidden; width: 71px; }
#foot-up { border-bottom: 1px solid #63686b; height: 50px; margin-bottom: 7px; }
#foot-links, #foot-copy { margin: 0 12px 12px 12px; }
#foot-links { float: left; }
#foot-links ul { height: 9px; }
#foot-links ul li { border-right: 1px solid #000; font-size: 11px; line-height: 9px; margin-top: 2px; padding: 0 5px; }
#foot-links ul li a { color: #000; font-size: 11px; text-decoration: none; text-transform: uppercase; }
#foot-links ul li a:hover { text-decoration: underline; }
#foot-copy { float: right; }

/*** : Home : ***/
#home { margin: 5px 0; }

/*** : Left Navigtion : ***/
#main-left { float: left; width: 174px; }
.left-catlist { color: #000; padding-top: 20px; }
.left-catlist h2 { font-size: 16px; margin: 15px; text-transform: uppercase; }
.left-catlist ul { margin-bottom: 20px; }
.left-catlist ul li { font-size: 12px; }
.left-catlist ul li a { color: #000; display: block; min-height: 20px; line-height: 20px; padding: 0 15px; text-decoration: none; vertical-align: middle; }
.left-catlist ul li.selected a, .left-catlist ul li a:hover { background-color: #000; color: #fff; }

/*** : Right Body : ***/
#main-right { background-color: #fff; float: right; min-height: 550px; overflow: hidden; width: 744px; }
#main-right-item { background-color: #fff; float: right; min-height: 550px; overflow: hidden; width: 744px; }
h1.cat-title { background-color: #acacac; border-bottom: 1px solid #c2c2c2; display: block; font-size: 47px; height: 69px; line-height: 69px; margin-left: 1px; min-width: 689px; padding: 0 27px; vertical-align: middle; }

.item-list { margin: 5px; }
.item-list ul, .item-list ul li { display: block; }
.item-list, .item-list ul { clear: both !important; }
.item-list ul li { float: left; margin: 2px; }

.item-detail { margin: 15px; }
.item-detail-default { width: 200px; }
.item-detail-info { width: 480px; }
.item-detail-info h1 { font-size: 20px; font-weight: bold; }

/*** : Images : ***/
.item-thumb, .item-sm, .item-lg { background-color: #fff; overflow: hidden !important; text-align: center !important; vertical-align: middle !important; }
.item-thumb { height: 75px !important; line-height: 50px !important; width: 50px !important; }
.item-sm { height: 150px !important; line-height: 150px !important; width: 100px !important; }
.item-lg { height: 225px !important; width: 140px !important; }
.item-border { border: 1px solid #bebebe; }
img.fixh-thumb { height: 75px !important; }
img.fixh-sm { height: 150px !important; }
img.fixh-lg { height: 225px !important; }
img.fixw-thumb { width: 50px !important; }
img.fixw-sm { width: 100px !important; }
img.fixw-lg { width: 140px !important; }


/*** : Pagination : ***/
.page-link { clear: both; margin: 15px; text-align: right; }
.pg-on, .pg-off, .pg-sel { line-height: 17px; margin: 1px; text-decoration: none; vertical-align: top; }
.pg-on, .pg-off, .pg-sel { font-weight: bold; text-decoration: none; }
.pg-sel { color: #4d3e5f; text-decoration: underline; }
.pg-on:hover { text-decoration: underline; }

/*** : Detail Page : ***/
#store-item { clear: both; margin: 10px; }
#store-item-image { background-color: #eee; float: left; width: 280px; }
.img-default, .img-thumb-list { width: 200px; }
.img-default { float: right; margin: 10px; width: 200px; }
.img-thumb-list { float: left; margin: 10px 0 10px 10px; width: 50px; }
.img-thumb-list ul, .img-thumb-list ul li { display: block; }
.img-thumb-list ul li { margin: 0 2px 4px 2px; }

#store-item-info { float: right; width: 428px; }
.item-preview { background-color: #eee; float: right; width: 130px; }
.item-prev, .item-next { margin: 5px; width: 50px; }
.item-prev { float: left; }
.item-next { float: right;  }

/*** : Common Area : ***/
.common-section { margin: 15px; }
.common-section p { margin: 15px 0; }

/*** : Log In : ***/

/*** : Shopping Cart & Checkout : ***/
.cart-item tr th { background-color: #717274; color: #fff; height: 22px; }
.sectit { font-weight: bold; font-size: 16px; padding: 8px 0; margin-top: 24px; }

#checkout_terms {
    background-color: #eee;
    border: solid 1px #363636;
    margin: 12px;
    padding: 12px;
    width: 734px;
    }
#checkout_terms h2 {
    color: #c60500;
    font-size: 16px;
	font-weight: bold;
    margin-bottom: 12px;
    }
#checkout_terms ol li {
    font-size: 11px;
    margin: 5px 36px;
    }

span.form-text-disp {
  background-color: #eef; 
  border: solid 1px #ccf; 
  color:#006;
  display:block;
  font-size:13px;
  height:16px;
  line-height:16px;
  padding:0 4px 1px 4px;
  width:181px;
  }
table#checkout_info tr td label {
    color: #c60500;
    font-weight: bold;
    padding: 4px 4px 4px 0;
    }
  

div.section span.emphasis {
    color: #009;
    font-weight: bold;
    }
	
div.section h1.sectit {
    background-color: #ddd;
    color: #000;
    display: block;
    font: normal normal bold 14px Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 4px 8px;
    text-align: left;
    width: 300px;
    }
div.section div.seccon {
    border-top: solid 3px #ddd;
    clear: both;
    margin: 0;
    padding: 12px 0 4px 0;
    text-align: left;
    width: 100%;
    }
div.section div.seccon div.secship, div.section div.seccon div.secpay {
    background-color: #fff;
    border-top: dashed 1px #ccc;
    float: left;
    margin: 0 0 12px 12px;
    padding: 4px 12px;
    text-align: left;
    width: 700px;
    }
div.section div.seccon h2.ttl {
    background-color: #eee;
    display: block;
    float: left;
    font: normal normal bold 12px Arial, Helvetica, sans-serif;
    height: 16px;
    margin: 0 0 0 12px;
    padding: 4px 12px;
    width: 700px;
    }	
	
/*** : Account : ***/
.account-info td { vertical-align: top; padding: 8px; }


.srt_link { text-decoration: none; color:#000;font-weight:bold;}

/*****  FOR list.php  ***//
table #store-list-item {
    font-size: 11px;
    }
table #store-list-item tr td {
    border: solid 1px #f00;
	margin:0px 2px;
    }
	
ul.list_item { float: left; margin-bottom: 8px; width: 742px; }
ul.list_item, ul.list_item li { display: block; }
ul.list_item li { float: left; margin: 0px 2px 4px 0; text-align: center; width: 102px; }
ul.list_item li.last { margin-right: 0; }
.item_price, .item_style_no, .more_info, .more_color, .empty { clear: both; width: 100px; }
.item_price { font-size: 11px; }
.item_style_no { height: 16px; }
.item_style_no, .more_info { font: normal 11px Arial, Helvetica, sans-serif; line-height: 12px; }
.more_color, .empty { display: block; height: 18px; line-height: 18px; margin: 0; padding: 0; width: 102px; }
.more_color { background-color: #ddd; border-top: 2px solid #fff; }
.more_color a { color: #000; text-decoration: none; }
.more_color a:hover { color: #c60500; text-decoration: underline; }

.store-list-item-main, .store-list-item-more, .store-list-item-less, .store-list-item-misc, .store-list-item-atc { background-color: #fff; clear: both !important; text-align: center; }
.store-list-item-misc { width: 140px !important; }
.store-list-item-less, .store-list-item-more { font-weight: bold; height: 20px; margin-top: 2px; text-decoration: none; width: 142px !important; }
.store-list-item-less { background-color: #fff; }
.store-list-item-more { background-color: #ddd; }
.store-list-item-more a, .store-list-item-less a { color: #000; text-decoration: none; font-size: 10px;}
.store-list-item-more a:hover, .store-list-item-less a:hover { color: #c60500; text-decoration: underline; }
.alert-new { color: #c60500; font-weight: bold; }
.alert-no  { color: #363636; font-weight: bold; }
.large-view { font-size: 12px; }
.small-view { font-size: 10px; }
.store-list-item-atc { height: 20px; width: 140px; }
.cartimg { text-decoration: none; }

.pp_size_av {background-color: #fff; clear: both !important; text-align: center; font-size:11px; color: #ff0000; font-weight: regular; height: 20px;text-decoration: none; width: 152px !important;}
.v2-size-sm, .v2-size-lg { background-color: #fff; overflow: hidden !important; }
.v2-size-sm { height: 150px !important; width: 100px !important; }
.v2-size-lg { height: 225px !important; width: 140px !important; }
.v2-border { border: 1px solid #ddd; }
a.qv_link { border: 2px solid #fff; display: block; float: left; height: 17px; width: 16px; }
a.qv_link:hover { border: 2px solid #c60500; }

#dhtmltooltip {
position: absolute;
width: 200px;
border: 1px solid black;
padding: 1px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
}

/**** FOR QUICK VIEW **/

.qv-width { clear: both !important; min-width: 540px !important; }
.qv-width2 { width: 360px !important; }
.qv, .qv-last {
	background-color: #efefef;
	display: none;
	height: auto ! important;
	height: 440px;				
	border: 1px solid #c60500;
	margin-left: -140px;
	margin-top: -180px;
	min-height: 440px;
	min-width: 540px !important;
	overflow: auto;
	position: absolute;
	z-index: 100;
}
.qv-last { margin-left: -360px; }

.qv-top a { background-color: #c60500; color: #fff; display: block; font-weight: bold; text-decoration: none; text-transform: uppercase; }
.qv-top a:hover { background-color: #d00; color: #ffe; }
.qv-logo { background-color: #fff; border-bottom: 2px solid #c60500; }
.qv-store-logo4 { float: left; font-size: 0; line-height: 0; width: 159px !important; }
.qv-tab { float: right; overflow: hidden !important; width: 360px !important; }
.qv-style-title { clear: both; margin: 0 0 2px 0; }
.qv-style-title label { display: block; font-size: 20px; font-weight: bold; height: 28px; line-height: 28px; text-align: left; vertical-align: middle; }
.qv-main { clear: both !important; min-height: 320px; height: auto !important; width: 532px !important; }
.qv-button, .qv-button-ro  { cursor: pointer; font: normal normal bold 11px Arial, Helvetica, sans-serif; margin: 0; }
.qv-button { background-color: #0000ff; color: #fff; border: 1px solid #fff; }
.qv-button:hover , .qv-button-ro { background-color: #fff; color: #0000ff; border: 1px solid #c60500; }
.qv-inner { background-color: #fff; }
.qv-body { min-height: 332px; }
.qv-body ul, .qv-menu ul { clear: both; display: block; list-style: none; margin: 4px; }
.qv-body ul li { float: left; }

.qv-menu { clear: both; overflow: hidden !important; }
.qv-menu ul { float: right; margin: 0 !important; }
.qv-menu ul li { display: block; float: left; margin: 0 2px; }
.qv-menu ul li a { display: block; text-decoration: none; padding: 2px 8px; }
.qv-menu ul li a.regular { background-color: #eee; border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-left: 1px solid #ddd; }
.qv-menu ul li a.selected { background-color: #c60500; color: #fff; border-top: 1px solid #a00; border-right: 1px solid #a00; border-left: 1px solid #a00; }
.qv-menu ul li a.regular:hover { background-color: #ddd; border-top: 1px solid #bbb; border-right: 1px solid #bbb; border-left: 1px solid #bbb; }

.store-list-item-main { overflow: hidden !important; }

#store-itemL { font-size: 10px; float: left; }
#store-itemC { font-size: 10px; float: left; margin:10px 5px; }
#store-itemL a { color: #c60500; font-size: 10px; text-decoration: underline; }
#store-itemL p { padding: 4px; }
#store-itemL table { width: 100px; }
#store-itemL table tr th { background-color: #ddd; color: #556; padding: 0 4px; text-align: center; white-space: nowrap; }
#store-itemL table tr td { white-space: nowrap; text-align: left; }
.div-list-item-main { float: left; width: 200px; }
.div-list-item-more { float: left; margin: 5px; width: 260px; }
.div-list-item-more span { background-color: #ddd; display: block; font-weight: bold; text-align:center; width: 260px; }
p.div-list-item-mores { float: left; margin: 2px; height:65px; width:45px; }
.store-itemn table { margin: 0 0 12px 4px; }
.store-itemn table tr th { background-color: #ddd; color: #556; padding: 0 4px; text-align: center; white-space: nowrap; }
.store-itemn table tr td { white-space: nowrap; }

.m2px { margin: 2px; }
.m4px { margin: 4px; }
.m8px { margin: 4px; }
.qv-note { margin: 8px 4px; min-height: 32px; }
.qv-image-large { float: left; }
.qv-desc { float: right; min-height:320px; text-align: left !important; }
.fields { color: #000000; font-size: 10px; font-weight: bold;}
.values { color: #000000; font-size: 10px; font-weight: normal;}
.big { font-size: 12px; }
.price { color:#0000dd;font-size: 12px; font-weight: bold;}
.prepack { color:#ff0000; font-size: 12px;font-weight: bold;}

/** picview.php  ***/

#picview-itemD {
    background-color: #f4f2ef;
    border: solid 1px #ddd;
    color: #363636;
    clear: both;
    font-size: 9px;
    margin: 4px 0 0 0;
    width: 490px;
    }
#picview-itemD a {
    color: #7e3a51;
    font-size: 11px;
    text-decoration: underline;
    }
#picview-itemD1 {
    background-color: #f4f2ef;
    border-right: dashed 1px #ddd;
    float: left;
    font-size: 9px;
    padding: 0 0 12px 0;
    width: 77px;
    }
#picview-itemD1 h1 {
    background-color: #e2ddd8;
    font-size: 9px;
    text-align: center;
    width: 77px;
    }
#picview-itemD1 p.sub_img,
#picview-itemD1 p.add_img  {
    text-align: center;
    }
#picview-itemD1 p.sub_img img,
#picview-itemD1 p.add_img img {
    border: solid 1px #ddd;
    margin: 10px 10px 0px 10px;
    padding: 2px;
    text-align: center;
    }
#picview-itemD2 {
    float: right;
    width: 410px;
    }
#picview-itemD2 div.container {
    clear: both;
    margin: 4px 0;
    width: 404px;
    padding: 0;
    }
#picview-itemD2 div.container a.close {
    background-color: #7e3a51;
    border: solid 1px #7e3a51;
    color: #fff;
    float: right;
    font-weight: bold;
    padding: 2px 4px 1px 4px;
    text-decoration: none;
    text-transform: uppercase;
    }
#picview-itemD2 div.container a.close:hover {
    background-color: #000;
    border: solid 1px #7e3a51;
    color: #fff;
    }
#picview-itemD2 div.container img {
    border: solid 1px #ddd;
    margin: 4px 0 8px 0;
    float: right;
    }

table#checkout_items tr.odd td {
    background-color: #eee;
    }
table#checkout_items tr.even td {
    background-color: #ddd;
    }
	

/***  cart.php ***/

input.remove,
input.remove-ro {
  border-top:solid 1px #aaa;
  border-right:solid 1px #363636;
  border-bottom:solid 1px #363636;
  border-left:solid 1px #aaa;
  font:normal normal bold 9px Verdana, Helvetica, sans-serif;
  padding:0 4px 1px 4px;
  cursor:pointer;
  text-transform:uppercase;
  }
input.remove {
  background-color:#aaa;
  color:#000;
  }
input.remove-ro {
  background-color:#c60500;
  color:#fff;
  }
input.upd,
input.upd-ro {
  border-top:solid 1px #ddd;
  border-right:solid 1px #363636;
  border-bottom:solid 1px #363636;
  border-left:solid 1px #ddd;
  font:normal normal bold 9px Verdana, Helvetica, sans-serif;
  padding:2px 4px;
  cursor:pointer;
  text-transform:uppercase;
  }
input.upd {
  background-color:#aaa;
  color:#000;
  } 
input.upd-ro {
  background-color:#c60500;
  color:#fff;
  }
 
input.ctd-ro,
input.ctd-off {
  border-top:solid 1px #ddd;
  border-right:solid 1px #363636;
  border-bottom:solid 1px #363636;
  border-left:solid 1px #ddd;
  font:normal normal bold 9px Verdana, Helvetica, sans-serif;
  padding:2px 4px;
  cursor:pointer;
  text-transform:uppercase;
  } 
input.ctd-ro {
  background-color:#0000ff;
  color:#fff;
  }  
 input.ctd-off {
  background-color:#464646;
  color:#fff;
  } 
table#cart-item tr th {
    background-color:#12345e;
    color:#fff;
    padding:4px 0;
}

table#cart-item tr td       { padding:4px; }
table#cart-item tr td.first { border-left:solid 1px #888; }
table#cart-item tr td.last  { border-right:solid 1px #888; }
table#cart-item tr td.full  { border-right:solid 1px #888; border-left:solid 1px #888; }
table#cart-item tr td.r     { text-align:right; }
table#cart-item tr td.l     { text-align:left; }
table#cart-item tr td.c     { text-align:center; }

table#cart-item tr.style-item td { border-bottom:solid 1px #ddd; }

table#cart-item  tr.odd td {
    background-color: #eee;
    }
table#cart-item  tr.even td {
    background-color: #ddd;
    }
	
table#cart-item tr td.action-cell {
  background-color:#d5d5d5; 
  border:solid 1px #888; 
  padding:4px;
  }
table#cart-item tr.total td { 
  color:#363636; 
  font:normal normal bold 12px Arial, Helvetica, sans-serif; 
  padding:4px; 
  }
table#cart-item tr.large td { font-size: 16px; }