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

a { color: #7b7b7b; }
a:hover { color: #000; text-decoration: underline; }

/* form */
form label { font-weight: bold; }

input.form-text { border: 1px solid #c2c2c2; color: #363636; font-size: 14px; height: 24px; line-height: 20px; margin: 5px 0; padding: 0 5px; vertical-align: middle; }
input.form-text-long { width: 200px; }
input.form-text-num { border: 1px solid #c2c2c2; color: #363636; font-size: 14px; height: 24px; line-height: 20px; margin: 5px 0; padding: 0 2px; text-align: center; vertical-align: middle; width: 25px; }
textarea.form-textarea { border: 1px solid #c2c2c2; color: #363636; font-size: 14px; line-height: 20px; margin: 5px 0; padding: 0 5px; font-family: Arial, Helvetica, sans-serif; }
textarea.form-textarea-long { width: 200px; }
select.form-select { border: 1px solid #c2c2c2; color: #363636; font-size: 14px; height: 24px; line-height: 20px; margin: 5px 0; vertical-align: middle; }
select.form-select-long { width: 210px; }

.button { background: #eee url('../img/button-bg.png') repeat-x 0 0; border-top: 1px solid #bbb; border-right: 1px solid #555; border-bottom: 1px solid #555; border-left: 1px solid #bbb; color: #555; cursor: pointer; font: normal normal bold 11px 'Trebuchet MS', Arial, Helvetica, sans-serif; height: 26px; line-height: 20px; margin: 5px 0; padding: 0 10px; vertical-align: middle; text-transform: uppercase; }
.button:hover { background: #eee url('../img/button-bg.png') repeat-x 0 0; border-top: 1px solid #888; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #888; color: #000; }
.button:active { background: #eee url('../img/button-bg.png') repeat-x 0 -52px; border: 1px solid #000; color: #000; }
.button-action { background: #eee url('../img/button-action-bg.png') repeat-x 0 0; border-top: 1px solid #bbb; border-right: 1px solid #555; border-bottom: 1px solid #555; border-left: 1px solid #bbb; color: #000; cursor: pointer; font: normal normal bold 11px 'Trebuchet MS', Arial, Helvetica, sans-serif; height: 26px; line-height: 20px; margin: 5px 0; padding: 0 10px; vertical-align: middle; text-transform: uppercase; }
.button-action:hover { background: #eee url('../img/button-action-bg.png') repeat-x 0 0; border-top: 1px solid #888; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #888; color: #363636; }
.button-action:active { background: #eee url('../img/button-action-bg.png') repeat-x 0 -52px; border: 1px solid #000; color: #363636; }

.button-warn:hover, .button-warn:active { color: #f00; }

label.req { color: #d00; }
label.error { margin-left: 10px; color: #d00; }

/* body */
#body { margin: 0 auto; width: 920px; }

/* header */
#head { height: 84px; }
#head_logo { height: 65px; float: left; margin: 10px 20px; }
#head_menu { float: right; margin-top: 50px; text-align: right; width: 600px; }
#head_menu a, #head_menu span.spacer { line-height: 15px; text-transform: uppercase; vertical-align: bottom; }
#head_menu a { color: #000; font-size: 12px; margin-top: 40px; text-decoration: none; }
#head_menu a:hover { text-decoration: underline; }
#head_menu span.spacer { font-size: 14px; margin-top: 40px; padding: 0 10px; }

/* footer */
#foot { min-height: 84px; }
#foot_links { height: 64px; margin: 14px auto 0 auto; text-align: center; width: 850px; }
#foot_links a { color: #7b7b7b; display: block; float: left; margin: 0 23px; font-size: 13px; text-decoration: none; }
#foot_links a.first { margin-left: 0; }
#foot_links a.last { margin-right: 0; }
#foot_links a:hover { color: #000; text-decoration: underline; }
.foot-copy { color: #7b7b7b; font-size: 11px; text-align: center; }

/* home */
#home { border: 1px solid #c2c2c2; height: 610px; width: 918px; }
.home-image { width: 918px; }

/* main */
#main { border: 1px solid #7b7b7b; min-height: 550px; width: 918px;}

.content { font-size: 12px; margin: 30px; }
.content h2 { color: #888; font-size: 16px; font-weight: bold; margin: 10px 0; }
.content p { margin: 0 0 20px 0; }

.list { margin-bottom: 20px; }
.list li { margin: 0 0 5px 25px; }
.list-disc { list-style: disc; }
.list-roman { list-style: lower-roman; }

/* left nav (main common) */
#main_left { float: left; width: 175px; position: absolute;}
#leftnav, #leftnav li { display: block; }
#leftnav { margin: 20px 0; width: 175px; }
#leftnav li { height: 20px; margin-bottom: 5px; width: 175px; }
#leftnav li a { color: #282828; cursor: pointer; display: block; font-size: 12px; height: 20px; line-height: 20px; text-decoration: none; text-transform: uppercase; vertical-align: middle; }
#leftnav li a:hover { background-color: #c2c2c2; }
#leftnav li a span { margin: 0 0 0 10px; }

#leftnav li a.vip { background-color: #efefef; color: #d00; font-weight: bold; }
#leftnav li a.selected { background-color: #000; color: #f00; }

/* right content (main common) */
#main_right { border-left:1px solid #7b7b7b; float: right; min-height: 550px; width: 742px !important;}

/* category listing / VIP */
#category { margin: 10px; }

div.category-option-sort, div.category-option-pager { margin: 10px; }
div.category-option-sort { float: left; }
div.category-option-pager { float: right; }
ul.list-item { clear: both; display: block; margin-left: 20px; }
ul.list-item li { float: left; margin: 0 20px 30px 0; text-align: center; width: 152px !important; }
ul.list-item li div.item-image { float: left; border: 1px solid #eee; height: 225px !important; overflow: hidden; width: 150px !important; }
ul.list-item li div.item-image img { width: 150px !important; }

.category-option-sort label { margin-right: 10px; }
.category-option-sort label, .category-option-sort a { font-size: 11px; font-weight: bold; }
.category-option-sort span.sort-spacer { color: #aaa; font-size: 9px; padding: 0 5px; }

img.new-ani { width: 33px; height: 14px; }
.list-item span.new { color: #c00; font-weight: bold; } 
.list-item span.list-styleno, .list-item span.list-price, .list-item span.list-price-cents { line-height: 20px; height: 20px; } 
.list-item span.list-styleno { float: left; font-size: 11px; } 
.list-item span.list-price { font-size: 17px; } 
.list-item span.list-price-cents { font-size: xx-small; vertical-align: top; } 

/* item detail page */
#item_main { margin: 5px; padding: 10px 0;}
#item_main_left, #item_main_right { margin: 5px 0; }
#item_main_left { background-color: #eee; float: left; width: 312px; }
#item_main_left div.inner { margin: 5px; }
#item_main_right { float: right; width: 400px; }
#main_img { border: 1px solid #ddd; width: 300px !important; }

ul.item-image-thumb-list { clear: both; display: block; margin-bottom: 5px; }
ul.item-image-thumb-list li { float: left; height: 75px !important; margin: 0 8px 8px 0; text-align: center; width: 52px !important; }
ul.item-image-thumb-list li div.item-image-sm { float: left; border: 1px solid #ddd; height: 75px !important; overflow: hidden; width: 50px !important; }
ul.item-image-thumb-list li div.item-image-sm img { width: 50px !important; }

table.item-detail-table th, table.item-detail-table td { padding: 2px; }
table.item-detail-table th { background-color: #e0e0e0; }

#item_prev_next_box { background-color: #eee; float: right; height: 150px !important; overflow: hidden; width: 150px !important; margin: 0 10px 10px 10px; }
a.prev-next-link { color: #000; font-size: 11px; font-weight: bold; line-height: 15px; padding: 5px 0; text-decoration: none; text-transform: uppercase; }
a.prev-next-link:hover { color: #c60500; }
.prev-next-thumb a { border: 1px solid #ddd; display: block; height: 75px !important; overflow: hidden !important; width: 50px !important; }
.prev-next-thumb img { width: 50px !important; }
.item-prev { margin-left: 10px; width: 50px !important; }
.item-next { margin-right: 10px; width: 50px !important; }

/* lookbook */
#lb_main_l { float: left; padding-top: 100px; text-align: center; width: 509px; position:absolute; }
#lb_main_l ul { margin-top: 20px; }
#lb_main_l ul li, #lb_main_l ul li a { color: #848484; text-decoration: none; text-transform: uppercase; }
#lb_main_l ul li { display: block; margin-bottom: 20px; }
#lb_main_l ul a { font-size: 14px; }
#lb_main_l ul a:hover { color: #000; text-decoration: underline; }
#lb_main_r { float: right; width: 409px; }


.page-title-bar { background-color: #dcdcdc; color: #5c5c5c; height: 40px !important; line-height: 40px; font-size: 20px; margin-top: 30px !important; padding: 0 30px; }
.page-title-bar a { text-decoration:none; }
.page-title-normal { font-size: 22px; margin: 20px 15px 15px 15px; text-transform: uppercase; }

.section-title { color: #000 !important; background-color: #efefef; border-top: 1px solid #eee; border-left: 1px solid #eee; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 10px; }

/* cart */
table.cart-table { margin: 0 10px 50px 10px; width: 722px; }
table.cart-table th, table.cart-table td { line-height: 24px; padding: 2px 5px; }
table.cart-table th { background-color: #bbb; text-align: center; }
table.cart-table td { background-color: #fff; text-align: left; vertical-align: top; }
table.cart-table tr.style-end td { background-color: #e0e0e0; border-bottom: 1px solid #bbb; }
table.cart-table tr.even td { background-color: #efefef; }
table.cart-table tr.odd td { background-color: #e0e0e0; }
table.cart-table tr.row-total td { border-top: 1px solid #bbb; }

/* box */
.box-msg p { margin: 10px; }
.box-no { background-color: #fdd; border: 1px solid #faa; }
.box-ok { background-color: #d1efd1; border: 1px solid #42af41; }

/* locate */
.locate-img { margin-top: 50px; }
.locate-links a { color: #7b7b7b; font-size: 13px; text-decoration: none; }
.locate-links a:hover { color: #000;}
#locate_form_content { width:100%; background-color:#dcdcdc; min-height:200px; margin: 50px 0;text-align:center;}
#locate_form table{text-align:left;width: 400px;margin:30px auto;}
#locate_form tr td{text-align:left;}
#locate_form td{width:150px;}

/* press */
h3.press-list-title { background-color: #efefef; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 16px; font-weight: bold; margin-bottom: 8px; padding: 8px; }
ul.press-list { clear: both; margin-left: 0; width: 640px; margin: 0 auto;}
ul.press-list:first-child { margin-left: 0; }
ul.press-list, ul.press-list li { display: block; min-height: 300px; }
ul.press-list li { float: left; margin: 10px; text-align: center; width: 300px; } 
ul.press-list li a { display: block; height: 200px !important; overflow: hidden !important; width: 300px !important; } 
label.press-year { font-weight: bold; }
/* checkout */
#checkout { margin: 20px; }
h2.section-title { margin: 30px 0 10px 0; }

table.cart-review-table { margin: 0 0 50px 0; width: 702px; }
table.cart-review-table th, table.cart-table td { line-height: 24px; padding: 2px 5px; }
table.cart-review-table th { background-color: #bbb; text-align: center; }
table.cart-review-table td { background-color: #fff; text-align: left; vertical-align: top; }
table.cart-review-table tr.style-end td { background-color: #e0e0e0; border-bottom: 1px solid #bbb; }
table.cart-review-table tr.even td, table.cart-review-table tr.odd td { padding: 5px; }
table.cart-review-table tr.even td { background-color: #efefef; }
table.cart-review-table tr.odd td { background-color: #e0e0e0; }
table.cart-review-table tr.row-total td { border-top: 1px solid #bbb; }
table.cart-review-table tr.row-number td { height: 20px; line-height: 20px; }

a.item-cart-thumb { display: block; border: 1px solid #ddd; height: 60px !important; margin: 5px auto; overflow: hidden !important; width: 40px !important; }
a.item-cart-thumb img { width: 40px !important; }

.checkout-notice { margin: 10px 0 20px 0; padding: 10px; background-color: #e3e8d2; }
#checkout_bill_ship { width: 680px; }
#checkout_bill_ship td, #checkout_bill_ship th { padding: 2px 5px; }
#checkout_bill_ship th { background-color: #eee; text-align: right; }
#checkout_bill_ship th.top-title { background-color: #fff; text-align: center; }
#checkout_bill_ship th.top-title label { border-bottom: 1px solid #ddd; font-size: 13px; margin-bottom: 10px; padding-bottom: 10px; text-align: center; }
#checkout_bill_ship td { text-align: left; }

#checkout_terms ol { margin: 10px 20px; }

/* misc */
.paginate, .paginate a, .paginate span { font-size: 11px; }
.paginate a, .paginate span { padding: 0 2px; text-decoration: none; vertical-align: middle; }
.paginate a { color: #c60500; }
.paginate a.sel, .paginate a:hover { color: #000; text-decoration: underline; }
.paginate span { color: #aaa; }
.paginate .page-block { font-weight: bold; }
.paginate .page-block, .paginate .page-block-off { background-color: #eee; border: 1px solid #ddd; }
.paginate .page-block-off { color: #ddd; }
