/* v1.2.0 */

/* init */
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; } 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: normal 12px monospace; }
html { background: #323232; font-family: Arial, Helvetica, sans-serif; overflow-y: scroll; }

a { cursor: pointer !important; }
a.link { color: #ff5d00; text-decoration: none; }
a.link:hover { color: #323232; }

/* form elements */
label.label-input { color: #206ba4; font-weight: bold; }
input.ipt-text { border: 1px solid #cbcbcb; font-size: 13px; height: 16px; line-height: 16px; margin: 2px 0; padding: 2px; }
input.ipt-text-disable { background-color: #dedede; }
input.ipt-text-error { background-color: #fee; border: 1px solid #f99; }
select.ipt-text-error { background-color: #fee; border: 1px solid #f99; }

input.ipt-qty { text-align: center; }
input.ipt-page { width: 20px; }

optgroup { font-size: 10px; font-style: normal; text-transform: uppercase; }
option { font-size: 13px; font-style: normal; padding: 1px 2px; text-transform: none; }

.form-options { background-color: #eee; border: 1px solid #cbcbcb; padding: 8px; }
.form-options select { margin-right: 8px; }
.form-options-filter { min-height: 30px; }

input.form-button { background-color: #cbcbcb; cursor: pointer; font: normal normal bold 11px Arial, Helvetica, sans-serif; height: 24px; line-height: 19px; margin: 0; min-width: 80px; padding: 1px 8px 1px 8px; text-align: center; text-transform: uppercase; vertical-align: middle; 
	border-radius: 5px !important; -moz-border-radius: 5px !important; -webkit-border-radius: 5px !important; }

input.form-button-regular { background-color: #626262; border-color: #fff; border-style: solid; border-width: 1px; color: #fff; }
input.form-button-regular:hover { background-color: #323232; border-color: #fff; border-style: solid; border-width: 1px; color: #fff; }
span.form-button-regular-wrapper { border-color: #626262 #626262 #626262 #626262; border-style: solid; border-width: 1px; display: inline-block; height: 24px; 
	border-radius: 5px !important; -moz-border-radius: 5px !important; -webkit-border-radius: 5px !important; }
span.form-button-regular-wrapper:hover { border-color: #323232 #323232 #323232 #323232; }
input.form-button-action { background-color: #ff5d00; border-color: #fff; border-style: solid; border-width: 1px; color: #fff; }
input.form-button-action:hover { background-color: #323232; border-color: #fff; border-style: solid; border-width: 1px; color: #fff; }
span.form-button-action-wrapper { border-color: #ff5d00 #ff5d00 #ff5d00 #ff5d00; border-style: solid; border-width: 1px; display: inline-block; height: 24px; 
	border-radius: 5px !important; -moz-border-radius: 5px !important; -webkit-border-radius: 5px !important; }
span.form-button-action-wrapper:hover { border-color: #323232 #323232 #323232 #323232; }

input.form-button-qv { border: none; font-size: 10px !important; margin: 100% auto 0 auto !important; padding: 0 !important; text-transform: uppercase !important; width: auto !important; }
input.form-button-qv:hover { border: none; }
input.form-button-disable { color: #aaa; }
span.wrapper-disable { border: none; color: #aaa;}
span.form-button-disable { color: #aaa; }

/* common: head, main, foot */
#body_head, #body_main, #body_main_lower, #body_foot { clear: both; width: 100%; }
#body_head { height: 170px; margin-top: 10px; }
#body_main { min-height: 460px; }
#body_main_lower { min-height: 100px;}
#body_foot { min-height: 120px; margin-bottom: 16px; }

/* change the background-color here for all section backgrounds */
#head, #main, #main_lower, #foot { background-color: transparent; margin: 0 auto !important; width: 1000px !important; }
#head_edge, #head_inner, #foot_inner, #foot_inner_home { margin: 0 auto !important; width: 1000px !important; }

#main_inner, #main_inner_full { margin: 0 auto !important; min-height: 460px; width: 1000px !important; }
#main_inner, #main_inner_full { background-color: #626262; }

/* header (common) */
#dev_message { background-color: #ff0000; color: #fff;  font-size: 18px; font-weight: bold; height: 25px; line-height: 25px; text-align: center; }
#dev_message > p { display: inline-block; margin: 0; padding: 0; width: 95%;}

#head { background-repeat: no-repeat; background-position: -27px 0; min-height: 170px !important; }
#head_edge { background: transparent url('../img/head_edge.jpg') no-repeat 0 0; height: 59px !important; max-height: 59px !important; min-height: 59px !important; }
#head_inner { background: #000 url('../img/head_inner_bg.jpg') repeat-x 0 0; font-family: Arial, Helvetica, sans-serif; min-height: 170px;
	border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; -webkit-border-top-left-radius: 5px !important; -webkit-border-top-right-radius: 5px !important; -moz-border-radius-topleft: 5px !important; -moz-border-radius-topright: 5px !important; }

#head_logo { display: block; float: left; max-width: 360px !important; overflow: hidden; }
#head_top { background: transparent; height: 120px; text-align: right; }

#head_top_l { padding: 20px 0 0 20px; }
#head_top_r { padding: 20px 20px 0 0; }
#head_top_l { float: left; height: 100px; overflow: hidden; width: 360px; }
#head_top_r { float: right; height: 100px; overflow: hidden; width: 600px; }

#head_search { height: 24px; margin-bottom: 10px; }
#search_form { clear: both; display: inline-block; text-align: left; }
#search_box { background-color: transparent; border: 1px solid #c8c8c8; color: #c8c8c8; display: inline-block; font-size: 12px; height: 20px; margin-top: 0px; margin-left: 12px; text-align: right; vertical-align: middle; width: 150px !important; 
	border-radius: 5px !important; -moz-border-radius: 5px !important; -webkit-border-radius: 5px !important; }
#search_field { background-color: transparent; border: 0; color: #c8c8c8; font-size: 10px; height: 16px; line-height: 16px; padding: 2px 0 0 5px; text-align: left; vertical-align: top; width: 120px !important; }
#search_submit { height: 20px; width: 20px; }
#head_nav { height: 24px; margin-bottom: 10px; text-align: right; }
#head_nav_list { float: right; height: 24px; text-align: right; width: 600px; }
#head_nav_list span.nav-link a { color: #c8c8c8; display: inline-block; font: normal normal normal 11px Arial, Helvetica, sans-serif; height: 16px; line-height: 16px; margin: 0 0 0 12px; text-decoration: none; text-transform: uppercase; vertical-align: middle; }
#head_nav_list span.nav-link a:hover { color: #323232; }
#head_nav_list span.nav-link a.hl:hover { text-decoration: underline; color: #c8c8c8; }
#head_shopping_bag { margin-top: 8px; }

#head_checkout_box { background-color: transparent; border: 1px solid #c8c8c8; color: ; display: inline-block; height: 35px; line-height: 32px; min-width: 300px; vertical-align: middle;
	border-radius: 5px !important; -moz-border-radius: 5px !important; -webkit-border-radius: 5px !important; }
#head_checkout_box_bag { background-color: ; border-right: 1px solid #c8c8c8; float: left; height: 35px !important; overflow: hidden; text-align: center; width: 35px; 
	border-top-left-radius: 5px !important; border-bottom-left-radius: 5px !important; -webkit-border-top-left-radius: 5px !important; -webkit-border-bottom-left-radius: 5px !important; -moz-border-radius-topleft: 5px !important; -moz-border-radius-bottomleft: 5px !important; }
#head_checkout_box_bag > a > img { margin-top: 0px !important; }
#head_checkout_box_link { float: right; padding-top: 7px; text-align: right; width: 260px; }
#head_checkout_box_link a.link-normal { color: #323232; float: left; font: normal normal bold 12px Arial, Helvetica, sans-serif; margin-left: 8px; padding-top: 3px; text-decoration: none; text-transform: uppercase; vertical-align: middle; }
#head_checkout_box_link a.link-normal:hover { color: #ff5d00; }
#head_checkout_box_link a.link-button { background-color: #ff5d00; border: 1px solid #ff5d00; color: #fff; float: right; font: normal normal bold 11px Arial, Helvetica, sans-serif; margin: 0 8px; padding: 3px 8px; text-decoration: none; text-transform: uppercase; vertical-align: middle; 
	border-radius: 5px !important; -moz-border-radius: 5px !important; -webkit-border-radius: 5px !important; }
#head_checkout_box_link a.link-button:hover { color: #000; }

#head_new_arrivals { float: right; height: 24px; text-align: right; width: 600px; }

#head_main_menu_container { background: #000 url('../img/head_navigation_bg.jpg') repeat-x 0 0; border: 0px solid transparent; height: 50px; }
#head_main_menu { float: left; height: 50px !important; margin-left: 20px; max-height: 50px !important; max-width: 980px !important; overflow: hidden !important; width: 980px !important; }
#head_main_menu ul li,
#head_main_newarrival { height: 50px; line-height: 50px; }
#head_main_menu ul li a,
#head_main_newarrival a  { color: #c8c8c8; font: normal normal normal 15px Arial, Helvetica, sans-serif; margin: 0 20px 0 0; text-decoration: none; text-transform: uppercase; vertical-align: middle; white-space: nowrap !important; }
#head_main_menu ul li a:hover, 
#head_main_newarrival a:hover { color: #323232; }
#head_main_menu ul li.selected a, #head_main_menu ul li.selected a:hover,
#head_main_newarrival a.selected, #head_main_newarrival a.selected:hover { color: #323232; }
#head_main_newarrival { float: right; }

#head_main_newarrival { height: 30px !important; line-height: 28px !important; }
#head_main_newarrival a { margin: 0 !important; }

/* home */
#main_inner_home { background: #fff url('../img/main_inner_home_bg.jpg') no-repeat right bottom; margin: 0 auto; width: 1000px !important; }
#main_lower { height: 100px !important; }
#main_lower_inner { background: #323232 url('../img/main_image_bottom.jpg') no-repeat top left; color: #323232; height: 100px; margin: 0 auto !important; overflow: hidden !important; width: 1000px !important; }

#main_inner_common { background: #fff url('../img/main_inner_home_bg.jpg') no-repeat right bottom; border: 0px solid transparent; margin: 0 auto !important; min-height: 460px; width: 1000px !important; }
#main_inner_common h1 { color: #000; font-size: 18px; margin: 20px; text-transform: uppercase; }
 
#main_inner_container { color: #000; margin: 20px; }
#main_inner_container h2,
#main_inner_container h3 { font-size: 13px; font-weight: bold; margin: 24px 0 20px 0;  }
#main_inner_container h2 { text-transform: uppercase; }
#main_inner_container p { font-size: 11px; margin: 10px 0; text-align: justify; }
#main_inner_container ol { font-size: 11px; margin: 10px 0; }
#main_inner_container ol li { margin-left: 24px; }

/* main */
#main { margin-top: 0 !important; }

/* home main lower */
#home_title,
#home_intro { float: left; height: 60px; max-height: 60px; overflow: hidden; width: 420px; }
#home_title,
#home_intro { margin: 40px 0 0 30px; }
#home_title h1 { color: transparent; font-size: 16px; font-weight: bold;  }
#home_intro p { color: transparent; font-size: 12px; font-weight: bold; line-height: 16px; }

/* footer */
#foot_inner { font-family: Arial, Helvetica, sans-serif }
#foot_inner, #foot_inner_home { height: 120px; margin-bottom: 20px; min-height: 120px; }
#foot_inner_home { background: transparent url('../img/main_lower_bottom.jpg') no-repeat right top; }
#foot_left { float: left; margin-left: 20px; width: 580px; }
#foot_left ul li a { color: #c8c8c8; font-size: 11px; margin-right: 20px; padding-bottom: 4px; text-decoration: none; text-transform: uppercase; }
#foot_left ul li a:hover { border-bottom: 0px solid #000; color: #000; }
#foot_left ul li a.last { margin-right: 0; }
#foot_right { float: right; padding-top: 4px; text-align: right; width: 380px; margin-right: 20px; }

#foot_bar { background: #c8c8c8 url('../img/foot_bar_bg.jpg') repeat-x 0 0; border-color: #c8c8c8 #c8c8c8 #c8c8c8 #c8c8c8; border-style: ; border-width: 1px; color: ; height: 30px; margin-bottom: 0px;
	border-bottom-left-radius: 5px !important; border-bottom-right-radius: 5px !important; -webkit-border-bottom-left-radius: 5px !important; -webkit-border-bottom-right-radius: 5px !important; -moz-border-radius-bottomleft: 5px !important; -moz-border-radius-bottomright: 5px !important; }
.copy { font-size: 11px; color: #c8c8c8; text-transform: uppercase; }

#social_icons { margin: 20px; }
#social_icons > a > img { margin: 0 0 0 10px; }

/* main content (left nav) */
ul.left-nav-cat { margin: 20px 0; }
ul.left-nav-cat > li { margin: 0 0 4px 0; }
ul.left-nav-cat > li > a { color: #c8c8c8; display: block; font-size: 12px; min-height: 20px; line-height: 14px; padding: 2px 20px; text-decoration: none; text-transform: uppercase; vertical-align: middle; width: 138px !important; }
ul.left-nav-cat > li > a:hover { color: #323232; }
ul.left-nav-cat > li.selected > a,
ul.left-nav-cat > li.selected > a:hover { color: #323232; }
ul.left-nav-cat > li.left-nav-cat-heading { border-top: 1px solid #c8c8c8; color: #fff; display: block; font-size: 12px; font-weight: bold; min-height: 20px; line-height: 14px; padding: 20px 20px 0px 20px; text-decoration: none; vertical-align: middle; width: 138px !important;}

ul.left-nav-cat > li.no-group > a { font-size: 12px; }

ul.left-nav-cat-first li a { font-weight: bold; }
ul.left-nav-cat > li > ul.left-nav-group-list { font-size: 11px; margin: 0 0 20px 0; }
ul.left-nav-cat > li > ul.left-nav-group-list > li { margin: 0 0 2px 0; min-height: 14px; line-height: 14px; }
ul.left-nav-cat > li > ul.left-nav-group-list > li > a { color: #c8c8c8; display: block; font-size: 11px; min-height: 14px; line-height: 14px; padding: 2px 16px 2px 24px; text-decoration: none; text-transform: uppercase; vertical-align: middle; }
ul.left-nav-cat > li > ul.left-nav-group-list > li > a:hover { color: #323232; }
ul.left-nav-cat > li > ul.left-nav-group-list > li.selected > a,
ul.left-nav-cat > li > ul.left-nav-group-list > li.selected > a:hover { color: #323232; }

/* main content (right) */
#main_left { background-color: transparent; border: 0px solid transparent; float: left; min-height: 600px; padding-bottom: 20px; width: 178px !important; }	
#main_right { background-color: #fff; border: 0px solid transparent; float: right; min-height: 600px; padding-bottom: 20px; width: 822px !important; }
#main_right > div { margin-right: 20px; margin-left: 20px; }

.browse-title { background: transparent no-repeat 0 0; color: #383838; font-size: 19px; font-weight: bold; height: 32px !important; padding: 20px 20px 10px 20px; text-transform: uppercase; }

.pager-bar { min-height: 16px; font-size: 12px; margin: 8px 8px 8px 0; padding: 8px 0; text-align: right; }
.pager-bar-top { border-bottom: 1px solid #626262; }
.pager-bar-bottom { border-top: 1px solid #626262; }

.pager a { color: #ff5d00; font-size: 12px; font-weight: bold; min-height: 16px; line-height: 16px; margin: 0 1px; padding: 0 1px; text-decoration: none; vertical-align: top; }
.pager a:hover { color: #323232; }
.pager a.selected,
.pager a.selected:hover { color: #323232; text-decoration: underline; }

.pager-bar .pager-block, .pager-bar .pager-block-off { background-color: #eee; border: 1px solid #ddd; padding: 0 2px; }
.pager-bar a.pager-block { color: #ff5d00; text-decoration: none; }
.pager-bar .pager-block-off { color: #ddd; }

.sort-option-bar { color: #323232; height: 16px; font-size: 11px; margin: 0 8px 8px 0; }
.sort-option-bar label { font-weight: bold; margin-right: 8px; }
.sort-option a, 
.sort-option-spacer { font-weight: bold; text-decoration: none; }
.sort-option a { color: #ff5d00; }
.sort-option a.selected { color: #323232 !important; }
.sort-option-spacer { color: #323232; font-size: 13px; padding: 0 2px; }
.sort-order-arrow { width: 11px; height: 9px; } 

.sort-option-image-order { float: left; width: 320px; }
.sort-option-image-size { float: left; margin-left: 64px; width: 200px; }
.sort-option-image-display { float: right; text-align: right; width: 160px; }

/* main content (full) */
#main_inner_full { background-color: #fff; min-height: 460px; }
#main_inner_full h1.page-title { font-size: 18px; padding: 20px; text-transform: uppercase; }
.main-inner-content { margin: 20px; }
.main-inner-content .module { margin: 10px; }
.main-inner-content .module-double { margin: 10px 0; }

/* item list */
.browse-view-container { margin: 20px 0; }

ul.item-list-row { clear: both; margin-bottom: 10px !important; }
div.item-container { border: 1px solid #626262; overflow: hidden !important; }
div.item-image-overlay { display: none; text-align: center !important; }
div.item-more-color { background-color: #626262; color: #fff; cursor: default; font-weight: bold; padding: 2px 0; text-align: center; }
div.item-style { margin-bottom: 10px; text-align: center; }
span.item-style-no { height: 11px; }
span.item-style-extra { color: #00f; font-size: 11px; text-transform: uppercase; }

ul.item-list-row-small { height: 210px; min-height: 220px; }

.item-small { font-size: 11px; margin-right: 13px; max-width: 100px !important; width: 100px !important; }
.item-small div.item-container, .item-small div.item-image-container { height: 148px !important; max-height: 148px !important; max-width: 98px !important; width: 98px !important; }
.item-small div.item-container img.item-image { margin-left: -1px !important; max-width: 100px !important; width: 100px !important; }
.item-small div.item-container div.item-image-overlay { height: 148px !important; max-height: 148px !important; max-width: 98px !important; width: 98px !important; }
.item-small div.item-more-color { font-size: 9px; height: 12px; }
.item-small div.item-style { line-height: 12px; }


ul.item-list-row-large { height: 291px; min-height: 312px; }

.item-large { font-size: 11px; margin-right: 8px; max-width: 150px !important; width: 150px !important; }
.item-large div.item-container, .item-large div.item-image-container { height: 223px !important; max-height: 223px !important; max-width: 148px !important; width: 148px !important; }
.item-large div.item-container img.item-image { max-width: 150px !important; width: 150px !important; }
.item-large div.item-container div.item-image-overlay { height: 223px !important; max-height: 223px !important; max-width: 148px !important; width: 148px !important; }
.item-large div.item-more-color { font-size: 10px; height: 18px; line-height: 18px; vertical-align: middle; }
.item-large div.item-style { line-height: 16px; }

ul.item-list-row-xlarge { height: 291px; min-height: 283px; }

.item-xlarge { font-size: 12px; margin-right: 8px; max-width: 200px !important; width: 200px !important; }
.item-xlarge div.item-container, .item-xlarge div.item-image-container { height: 298px !important; max-height: 298px !important; max-width: 198px !important; width: 198px !important; }
.item-xlarge div.item-container img.item-image { max-width: 200px !important; width: 200px !important; }
.item-xlarge div.item-container div.item-image-overlay { height: 298px !important; max-height: 298px !important; max-width: 198px !important; width: 198px !important; }
.item-xlarge div.item-more-color { font-size: 10px; height: 18px; line-height: 18px; vertical-align: middle; }
.item-xlarge div.item-style { line-height: 16px; }

ul.item-list-row-thumb { height: 107px; min-height: 107px; border-bottom: 1px solid #cbcbcb; padding-bottom: 10px; margin-bottom: 10px; }

.item-thumb { font-size: 11px; margin-right: 4px; max-width: 70px !important; width: 70px !important; }
.item-thumb div.item-container { height: 103px !important; max-height: 103px !important; max-width: 68px !important; width: 68px !important; }
.item-thumb div.item-container img.item-image { margin-left: -1px !important; max-width: 70px !important; width: 70px !important; }

.item-micro { font-size: 11px; margin-right: 4px; max-width: 50px !important; width: 50px !important; }
.item-micro div.item-container { height: 73px !important; max-height: 73px !important; max-width: 48px !important; width: 48px !important; }
.item-micro div.item-container img.item-image { margin-left: -1px !important; max-width: 50px !important; width: 50px !important; }

/* item detail */
#item_detail > div { margin-right: 0px !important; }
#item_detail_top,
#item_detail_left,
#item_detail_right { margin-top: 10px; }

#item_detail_top { height: 16px; line-height: 16px; }
#item_detail_top a { color: #ff5d00; }
#item_detail_top a:hover { color: #323232; }

#item_detail_top { border-bottom: 1px solid #cbcbcb; margin-right: 10px; padding-bottom: 4px; }
#item_detail_left { float: left; width: 320px; }
#item_detail_right { float: right; width: 460px; }

#item_detail_image_container,
#item_detail_image_more { max-width: 300px; }
#item_detail_image_more p { margin: 10px 0; }
#item_detail_image_container { border-bottom: 1px solid #cbcbcb; margin-bottom: 10px; min-height: 450px; padding-bottom: 10px; }
#item_detail_img { background-color: #eee; min-height: 450px; width: 300px; }
#thumb_list_title { border-top: 1px solid #cbcbcb; font-size: 10px; font-weight: bold; margin-bottom: 10px; padding-top: 4px; text-transform: uppercase; }

#item_information { margin-right: 0px; }
#item_information h1 { font-size: 20px; }
#item_information p { font-size: 12px; margin: 10px 0 20px 0; }

#item_color_size_grid { border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; margin-right: 0px; overflow-x: autoo; overflow-y: hidden; padding-top: 10px; }

table.table-description { font-size: 11px; margin: 10px 0 20px 0; min-width: 240px; }
table.table-description tbody th, table.table-description tbody td { height: 18px; text-align: left; vertical-align: top; }
table.table-description tbody th.label { width: 100px; }
table.table-description tr.title th { background-color: #eee; padding: 4px; text-align: center; }
table.table-description tr.title-pp th { border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; padding: 2px; }

table.item-order-matrix { margin: 10px 0; width: 452px; }
table.item-order-matrix th, table.item-order-matrix td { font-size: 11px; padding: 1px; text-transform: uppercase; }
table.item-order-matrix th.color-name { width: 100px; }
table.item-order-matrix th.color-name label { width: 100px !important; overflow: hidden; }
table.item-order-matrix th.size-loose { width: 26px; }
table.item-order-matrix th.size-closeout,
table.item-order-matrix td.size-closeout { width: 80px; text-align: center !important; }
table.item-order-matrix th.size-pp { width: 96px; }
table.item-order-matrix thead th { background-color: #323232; color: #fff; }
table.item-order-matrix thead th.cell-spacer { min-width: 1px; }
table.item-order-matrix th.color-name { padding: 3px; text-align: left; }
table.item-order-matrix td.size-qty { width: 26px; }
table.item-order-matrix td.size-units { width: 68px; }
table.item-order-matrix td.size-units label { font-size: 9px !important; height: 16px; line-height: 16px; margin-right: 2px; text-transform: lowercase; vertical-align: middle; }
table.item-order-matrix td input.ipt-text { border: 1px solid #cbcbcb; width: 24px; }
table.item-order-matrix td input.ipt-text-ppunit { background-color: transparent; border: 1px solid transparent; text-align: right; width: 32px; }
table.item-order-matrix td input.ipt-text-disable { background-color: #dedede; }
table.item-order-matrix td input.ipt-text-error { background-color: #fee; border: 1px solid #f99; }
table.item-order-matrix tfoot tr th, table.item-order-matrix tfoot tr td { border-top: 1px solid #eee; }
table.item-order-matrix tfoot td { font-size: 11px; font-style: italic; padding-top: 10px; text-align: right; text-transform: none; }

table.item-order-matrix tr.even th, table.item-order-matrix tr.even td { background-color: #fff; border-top: 1px solid #eee; }
table.item-order-matrix tr.odd th, table.item-order-matrix tr.odd td { background-color: #fff; border-top: 1px solid #eee; }
table.item-order-matrix tr.even td input.ipt-text-ppunit { background-color: #fff; border: 1px solid #fff; }
table.item-order-matrix tr.odd td input.ipt-text-ppunit { background-color: #fff; border: 1px solid #fff; }

#item_maxtrix_status_box { min-height: 56px; padding: 0 !important; }
#item_maxtrix_status_box p { margin: 0 !important; }
#item_maxtrix_status { display: none; }
#item_add_status_msg { display: none; margin-right: 10px; }

#item_image_notes p { margin: 10px 10px 0 0; }
.item-add-checkout { margin: 10px 0 !important; text-align: left; }

/* item quick view */
#dim_bg { background-image: url('../img/dim_bg.png'); display: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 80 !important; }
#item_qv { background-color: #000; border: 2px solid #eee; display: none; height: 628px; position: absolute; width: 840px; z-index: 81 !important; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#363636');
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#363636));
	background: -moz-linear-gradient(top, #000, #363636);
}
#item_qv_menubar { background-color: #000; color: #fff; height: 24px !important; max-height: 24px !important; text-align: right; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
}
#item_qv_menubar a.close { font-size: 11px; font-weight: bold; margin: 4px; }
#item_qv_content { background-color: #fff; height: 602px !important; margin: 1px 1px 10px 1px; max-height: 602px !important; z-index: 82 !important; overflow-x: hidden; overflow-y: auto; }

#item_qv_detail { margin: 20px; }
#item_qv_detail_l { float: left; width: 300px; }
#item_qv_detail_img,
#item_qv_detail_img img,
#item_qv_detail_img_more { width: 300px !important; } 

#item_qv_detail_r { float: right; width: 459px; }
#item_qv_detail_r item_color_size_

/* home items */

ul.item-home-list-row { clear: both; height: 291px; margin: 30px auto 0 auto !important; min-height: 283px; width: 900px; }
div.item-home-container { overflow: hidden !important; }
div.item-home-image-overlay { display: none; text-align: center !important; }
li.item-home { font-size: 12px; margin: 0 4px; max-width: 160px !important; width: 160px !important; }
li.item-home div.item-home-container { border: 1px solid #fff; padding: 4px; }
li.item-home div.item-home-container img.item-home-image { margin: 0 auto; max-width: 150px !important; width: 150px !important; }
li.item-home div.item-home-container div.item-home-image-overlay { height: 225px !important; max-height: 225px !important; max-width: 150px !important; width: 150px !important; }
li.item-home div.item-home-more-color { font-size: 10px; height: 18px; line-height: 18px; vertical-align: middle; }
li.item-home div.item-home-style { line-height: 16px; text-align: center; }

.style-no, .style-price, .style-date { color: #383838 !important; }
.style-no { color: #2c2a2d !important; font-weight: bold !important; }
.style-price { color: #383838 !important; }
.style-date { color: #383838 !important; }

/* cart */
table.cart-table { font-size: 12px; width: 100%; }
table.cart-table th, table.cart-table td { padding: 2px 4px; }
table.cart-table thead th { background-color: #888; color: #fff; font-size: 11px; padding: 4px; text-transform: uppercase; }
table.cart-table tfoot td { padding: 4px; text-align: right; }

table.cart-table tr.foot-top td { border-top: 1px solid #dadada; }
table.cart-table tr.border-top td { border-top: 1px solid #cbcbcb; }
table.cart-table tr.border-bottom td { border-bottom: 1px solid #cbcbcb; }
table.cart-table tbody tr.even td,
table.cart-table tbody tr.odd td { border-top: 1px solid #dadada; }
table.cart-table tbody tr.even td { background-color: #eee; }
table.cart-table tbody tr.odd td { background-color: #fff; }
table.cart-table tbody tr.empty td { height: 300px; min-height: 300px; }

table.cart-table td input.ipt-text { border: 1px solid #cbcbcb; width: 24px; }
table.cart-table td input.ipt-text-disable { background-color: #dedede; }
table.cart-table tfoot tr.cart-total { line-height: 18px; }

table.cart-table td input.ipt-text-error { background-color: #fee; border: 1px solid #f99; }

#cart_form { margin: 0 auto 10px auto; width: 764px; }
#cart_form h1.browse-title { padding: 10px 0; }
#cart_form_action { margin: 16px 0; }
#cart_form p.footnote { clear: both; margin: 10px; padding: 10px 0; }

#cart_update_status_box { min-height: 40px; padding: 0 !important; }
#cart_update_status_box p { margin: 0 !important; }

/* checkout */
#checkout_form { margin: 0 auto 10px auto; width: 764px; }
#checkout_form h1.browse-title { padding: 10px 0; }
#checkout_form_action { margin: 16px 0; }
#checkout_form p.footnote { clear: both; margin: 10px; padding: 10px 0; }

#checkout_terms { background-color: #dadada; font-size: 11px; }
#checkout_terms ol li { margin-left: 24px; }
#checkout_terms h2.checkout-step-title { border: 1px solid #cbcbcb; }

h2.checkout-step-title { background-color: #efefef; border: 1px solid #dadada; font-size: 12px; font-weight: bold; margin: 0 0 10px 0; padding: 10px; text-transform: uppercase; }

.checkout-step-module { border: 1px solid #cbcbcb; clear: both; margin: 10px 4px 20px 4px; padding: 10px; }
.checkout-step-module-inner { margin: 2px; }

.checkout-table { font-size: 12px; margin-bottom: 16px; }
.checkout-table thead th { background-color: #888; color: #fff; padding: 4px; text-transform: uppercase; }
.checkout-table tbody th label.required { color: #c00; }
.checkout-table tbody td { padding: 2px 4px; }

.checkout-table-address { width: 350px; }
.checkout-table-address tbody th { text-align: left; padding: 2px 4px; }
.checkout-table-address tbody td { padding: 2px 4px; }

.checkout-table-address-full { width: 100%; }
.checkout-table-address-full tbody th { text-align: left; padding: 2px 4px; }
.checkout-table-address-full tbody td { padding: 2px 4px; }

.checkout-table-shippay { width: 700px; }
.checkout-table-shippay tbody th,
.checkout-table-shippay tbody td { height: 36px; padding: 4px; vertical-align: top; }

.shippay-option { width: 164px; }
.shippay-option option { margin-left: 12px; }

/* sign in */
.signin-box { border: 1px solid #cbcbcb; font-size: 12px; min-height: 350px; padding: 10px; width: 350px }
.signin-box p { margin: 10px; }
h2.signin-box-title { background-color: #efefef; border: 1px solid #cbcbcb; font-size: 12px; font-weight: bold; padding: 10px; text-transform: uppercase; }

#signin_form, #recover_password_form { margin-top: 16px; }
.signin_form_toggle { border-bottom: 1px dotted #ff5d00; color: #ff5d00; font-weight: bold; font-size: 12px; line-height: 32px; padding: 10px 2px 2px 2px; }
.signin_form_toggle:hover { color: #323232; }

/* various forms */
#signin_form .ipt-text, #signin_form .ipt-select,
#recover_password_form .ipt-text, #recover_password_form .ipt-select,
#account_form .ipt-text, #account_form .ipt-select,
#register_form .ipt-text, #register_form .ipt-select,
#checkout_form .ipt-text, #checkout_form .ipt-select { width: 200px; }

/* misc */

#action_status_box { min-height: 32px; margin: 10px 0; padding: 0 !important; }
#action_status_msg { margin: 0 !important; }

.hmenu, .hmenu li { display: block; }
.hmenu li { float: left; }

.mgn { margin: 10px !important; }
.mgn-t { margin-top: 10px !important; }
.mgn-r { margin-right: 10px !important; }
.mgn-b { margin-bottom: 10px !important; }
.mgn-l { margin-left: 10px !important; }

.square { list-style: square; }

.msg { font-size: 12px; padding: 10px; margin: 10px 0; border-radius: 3px !important; -moz-border-radius: 3px !important; -webkit-border-radius: 3px !important; }
.msg-success { background-color: #529f4f; color: #fff; font-weight: bold; }
.msg-error { background-color: #cf3333; color: #fff; font-weight: bold; }
.msg-note { background-color: #feffbf; border: 1px solid #dedf99; color: #000; font-weight: normal; }

.new-icon { background-color: #ff5d00; color: #fff; font: normal normal bold 8px Arial, Helvetica, sans-serif; height: 11px; padding: 1px 6px; text-align: center; text-transform: uppercase; border-radius: 3px !important; -moz-border-radius: 3px !important; -webkit-border-radius: 3px !important; }