@charset "UTF-8";
@import url(clear.css);
/* CSS Document */

body { background: #323232 url(../images/bg-body.png) repeat-x; }
#container { font-family: Tahoma, Thonburi, Helvetica, Arial, 'MS Sans Serief'; color:#666; font-weight:normal; font-size:13px; line-height:120%; width:810px; height:auto; margin:0 auto; position:relative; top:27px;   }
a { color:#858e97; text-decoration:none; }
a:hover { text-decoration:none; color:#5d80bd; }
h3 { display:none; }

#head {    }
#head h1 a { display:block; width:810px; height:210px; text-indent:-1000em; background: url(../images/bg-head.png) no-repeat; }
#head h2 { display:none; }
#bigBanner, #mainMenu { display:block; float:left; height: 226px;}
#nav { width:159px;  float:left; background: #413f40 url(../images/bg-nav.png) no-repeat; padding: 29px 0 0 0; margin: 0 0 0 4px; display:inline; position:relative;}
#nav li a { display:block; width:159px; height:28px; text-indent:-1000em; position:relative;}
.win.ie7 #nav li a  { left:-16px; }
#nav li a:hover { background-position: 0 -28px; background-repeat: no-repeat; }
a.btn-nav-1 { background-image: url(../images/btn-nav-1.png); }
a.btn-nav-2 { background-image: url(../images/btn-nav-2.png); }
a.btn-nav-3 { background-image: url(../images/btn-nav-3.png); }
a.btn-nav-4 { background-image: url(../images/btn-nav-4.png); }
a.btn-nav-5 { background-image: url(../images/btn-nav-5.png); }
a.btn-nav-6 { background-image: url(../images/btn-nav-6.png); }
a.btn-nav-7 { background-image: url(../images/btn-nav-7.png); }

#green { display:block; height:18px; width:799px; background: url(../images/bg-green.png) repeat-x; float:left; margin-left: 4px; }

#content { padding: 0 10px 0 5px; background: url(../images/bg-content.png) repeat-y;   }

/* LEFT */
#left { display:block; float:left; width:160px; padding: 10px 0 10px 0px; }
#banner-left li { margin: 5px 0; display:block; text-align:center;  }
#hot-link { display:block; width:148px; height:45px; background: url(../images/bg-hotlinks.png) no-repeat; padding: 35px 0 0 5px; position:relative; left:5px; }
.mac.safari #hot-link { padding-left: 8px; }
select.hot-link { width:100px; }
option.strong { font-weight:bold; font-size:13px; }
option.sub { text-indent:5px; }



/* RIGHT */
#right { padding-top:20px; float:left; display:block; position:relative; width:635px; }
#product { display:block; position:relative; left: 10px; height: 110px;}
#product li { display:inline; }
#product li a { display:block; float:left; height:90px;  margin: 0 5px; text-indent:-1000em; }

a.btn-product-1 { background: url(../images/btn-macpro.jpg) no-repeat; width:90px; }
a.btn-product-2 { background: url(../images/btn-imac.jpg) no-repeat; width:90px; }
a.btn-product-3 { background: url(../images/btn-macmini.jpg) no-repeat; width:90px; }
a.btn-product-4 { background: url(../images/btn-mbp.jpg) no-repeat; width:110px; }
a.btn-product-5 { background: url(../images/btn-mb.jpg) no-repeat; width:90px; }
a.btn-product-6 { background: url(../images/btn-ipod.jpg) no-repeat; width:90px; }

p.search { display:block; background: url(../images/hd-index-search.jpg) no-repeat; width:638px; height: 50px; }
p.search input { font-size: 11px; height:16px; width:122px; position:absolute; right: 3px; margin-top: 3px; color:#666; background:transparent; border: medium none; padding-left:20px; padding-top:5px; display:block; }
.mac.safari p.search input  { padding-top:7px;}
form#searchBox {margin: 0;}

#webboard { border: solid 1px #B5B5B5; margin-top:5px; border-bottom:none; border-right:none; margin-bottom:20px; width: 630px; background: #fff;  }
#webboard td, #webboard th { border-bottom: solid 1px #B5B5B5; border-right: solid 1px #B5B5B5;  }
#webboard th { text-align: center; }

#webboard td.photo { width: 110px; text-align: center; }
#webboard td.detail {  overflow: hidden; min-height:100px; }
#webboard td.price { width: 50px; text-align: right; padding-right:10px; }
#webboard td.even { background:#EFF2E6; }
#webboard td.pagination { text-align: center; padding: 10px 0 10px 0; }
#webboard td.pagination a { color:#838385; font-weight:bold; }
#webboard td.pagination a:hover { color:#000; }

#tag-hotitems { display:block; width:125px; height:105px; position:absolute; left:5px; top:5px; background: url(../images/tag-hotitem.png) no-repeat; text-indent:-1000em; z-index:1; }

#hotitems-part { position:relative; left: 5px; }
#hotitems-part td {  text-align:right; padding: 10px 10px 20px 10px; border-bottom: solid 1px #999; width:135px; font-weight:bold; color:#000; }
#hotitems-part td a { display:block; margin: 0 auto; padding-bottom:5px; }
#hotitems-part td.select { text-align: right; border:none;  }

/* FOOTER */
#footer { display:block; width:810px; height:90px; background: url(../images/bg-footer.png) no-repeat; position:relative; }
#contact-detail { display:block; width:640px; height:90px; position:absolute; bottom:9px; right:7px; background: url(../images/bg-contact-detail.jpg) no-repeat; font-size:11px; color:#838385; }
#contact-detail strong { color:#fff; }
p.fixit { left:58px; }
p.usedmacshop { left:280px;}
p.unlimitmac { right: 10px; }
p.branch { line-height:100%; position:absolute; top: 20px;}
p.branch a { display:block; }
p.copyright { font-weight:bold; position:absolute; bottom: 14px; left: 10px;}
p.copyright a { color:#e4ac44; font-weight:normal; }
p.copyright a:hover { text-decoration:underline; }



h1.product_title, table#vintage h1 {
	font-weight: bold;
	font-size: 20px;
	line-height: 22px;
}
h2.breadcrum {
	font-weight: normal !important;
	font-size: 12px;
	display: block;
	margin-bottom: 5px;
	margin-top: 5px;
}
h2.breadcrum a {
	text-decoration: underline;
	font-weight: bold;
}
span.itemName {
	display: none;
}
h3.noProduct {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	display: block;
	padding: 20px;
}
#hotitems-part, #vintage {
	width: 95%;
}
.queryHilight {background: yellow; color: red; font-weight: bold;}
div.pagenavi { float:right;padding-right:5px;height:35px;padding-top:5px;padding-bottom:5px; }
div.pagenavi span:hover { background: #eee; }
div.pagenavi span a { text-decoration: none; }
div.pagenavi span.pages {padding: 2px; border: 1px solid #DADADA; margin-right: 2px;}
div.pagenavi span.link {color: #858e97; text-decoration: none;}
div.pagenavi span.current {background-color: black; color: white;}

#product-right { display: block; float: left; width: 420px; }
#product-right h4 { text-decoration: underline; margin: 10px 0; }
/* detail area */
#product-right div.detail { display:block; }
#product-right div.detail strong { color: #9ECC4F; }


#product-right p.price { margin-top: 10px; display: block; color:#658232; }
img.border { border: solid 2px #fff; }
img.border:hover { border: solid 2px #9ECC4F; }
p.img-desc { font-size: 10px; }
#reply td.label { width: 120px;  }
#reply td strong { font-weight: normal;}
#reply td { padding: 2px 0;  color: #666; font-size: 13px;  }
h2.hd-green { padding: 5px; background: #9ECC4F; color: #fff; margin: -7px 0 20px 0;}
#reply td input[type=text] { width: 200px; border: solid 1px #999;}

/* CONTACT US */
#right iframe { display: block; margin: 0 auto; text-align: center; border: solid 1px #9ECC4F;  }
#right small a { float: right; position: relative; top:-5px; color: #333; right:10px; font-weight: bold; }
#right small a:hover { text-decoration: underline;}
#contact_info { padding: 20px; }
#contact_info p { padding: 5px 0; }
#contact_info p.address { font-size: 15px; color: #666;}
#contact_info p.tel strong { color: #9ECC4F; }
#contact_info p.hotline { color: red; }

div.clear { padding-top: 50px; }
.img-product { float:left; margin-right: 20px; display:block;}