/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0b1 | 201101 
   NOTE: WORK IN PROGRESS
   USE WITH CAUTION AND TEST WITH ABANDON */

@import url("fonts.css?v=1.0");    
   
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
table, tbody, tfoot, thead, tr, th, td{ vertical-align:top; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
html { /*overflow-y:scroll;*/ }
body { 
	line-height: 1;
	font:500 12px Arial,Helvetica,sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}
/*ol, ul { list-style: none; }*/
a { text-decoration:none; color:#007eb2; }

.clear{ clear:both; display:block; height:0; }
.left{ float:left; }
.right{ float:right; }
.wrap{ margin:auto; }
a.inactive{ cursor:default; }
img.mceimg{ max-width:100%; }
.tinymce div, .tinymce p, .tinymce span, .tinymce li, .tinymce a{ 
    color: #242424;
	line-height:1.6em;
	font-size:13px;
}
.tinymce div, .tinymce p{ margin: 0 0 10px 0; }
.tinymce ul{ padding-left:40px; }

input[type='submit']{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
}

#wrap-trigger{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:url(../images/fancybox_overlay.png); z-index:100; }
#page{ width:100%; }
#sidebar{ position:fixed; left:0; top:0; width:285px; min-height:100%; border-right:1px #d0d0d0 solid; background:#FFF; }
#sidebar .wrap{ width:81%; }
#sidebar #logo{ margin:30px 0; text-align:center; }
#sidebar #join{ font:500 14px 'DBOzoneX-Light'; color:#1a1a1a; padding-bottom:5px; border-bottom:1px #d0d0d0 solid; }
#sidebar #join .right a{ font:500 14px 'DBOzoneX-Bold'; color:#1a1a1a; }
#sidebar #classify{ margin:23px 0 0; }
#sidebar #classify #nav-cloth, #sidebar #classify #nav-motorcycle{ display:none; }
#sidebar #classify .row{ margin-bottom:20px; }
#sidebar #classify .row a.parent{ font:500 18px 'DBOzoneX-Bold'; color:#555; display:inline-block; padding-right:25px; }
#sidebar #classify .row a.icon-expand{ background:url(../images/classify-expand.png) right no-repeat; }
#sidebar #classify .row ul{ margin:13px 0 0 31px; padding:0; display:none;}
#sidebar #classify .row ul.expand{ display:block; }
#sidebar #classify .row ul li{ margin:10px 0 0; padding:0; list-style:none; }
#sidebar #classify .row ul li:first-child{ margin:0; }
#sidebar #classify .row ul li a{ font:500 16px 'DBOzoneX'; color:#555; }
#sidebar #classify .row ul.lang-th li a{ font-size:18px; }
#sidebar #classify .row ul li a.current{ text-decoration:underline; }
#sidebar #nav ul{ margin:0; }
#sidebar #nav ul li{ margin:0; padding:10px 0; list-style:none; border-bottom:1px #d0d0d0 solid; }
#sidebar #nav ul li:first-child{ border-top:1px #d0d0d0 solid; }
#sidebar #nav ul li a{ font:500 18px 'DBOzoneX-Bold'; color:#555 }

#container{	margin-left:286px; max-width:100%; }
#header{ border-bottom:1px #d0d0d0 solid; background:#FBFBFB; }
#header #menu-trigger{ float:left; display:none; padding:9px 15px 10px; text-align:center; border-right:1px #d0d0d0 solid; cursor:pointer; background:none; }
#header #nav{ float:left; display:block; }
#header #nav ul{ margin:0; padding:0; }
#header #nav ul li{ display:block; float:left; list-style:none; margin:0; padding:0; border-right:1px #d0d0d0 solid; }
#header #nav ul li a{ display:block; font:500 16px 'DBOzoneX'; color:#555; padding:10px 0; text-align:center; height:19px; background-repeat:no-repeat; background-position:0 39px; }
#header #nav ul li a.current, #header #nav ul li a:hover{ font:500 16px 'DBOzoneX-Bold'; color:#FFF; background-position:0 0; }
#header #nav ul li:nth-child(1) a{ width:113px; background-image:url(../images/bg-nav-apparels.jpg); }
#header #nav ul li:nth-child(2) a{ width:194px; background-image:url(../images/bg-nav-motorcye.jpg); }
#header #nav ul li:nth-child(3) a{ width:134px; background-image:url(../images/bg-nav-collectable.jpg); }
#header #cartshow{ float:left; display:block; margin:0 70px; font:500 18px 'DBOzoneX-Bold'; line-height:2.1em; color:#555; }
#header #cartshow a{ font-size:36px; color:#555; text-decoration:underline; margin-right:10px; vertical-align:middle; }
#header #social{ float:right; display:block; padding:7px 20px 0 0; }
#header #social ul{ margin:0; padding:0; }
#header #social ul li{ display:block; float:left; list-style:none; margin:0 0 0 5px; padding:0; }
#header #lang{ float:right; display:block; font:500 15px 'DBOzoneX'; color:#000; padding:11px 20px; position:relative; z-index:7777; }
#header #lang .current{ cursor:pointer; }
#header #lang .current strong{ font-weight:500; }
#header #lang .current img{ vertical-align:middle; margin:-2px 0 0 3px; }
#header #lang ul{ display:none; position:absolute; top:40px; left:0; margin:0; padding:0; }
#header #lang ul li{ list-style:none; padding:11px 20px; display:block; border:1px #d0d0d0 solid; background:#fbfbfb; }
#header #lang ul li:first-child{ border-top:none; border-bottom:none; }
#header #lang ul li a{ color:#000; }
#header .clear{ display:block; height:0; visibility:hidden; }

#footer{ background:#f2f2f2; padding:50px 0 120px; }
#footer .col{ float:left; font:500 18px 'DBOzoneX-Bold'; padding:0 50px; }
#footer .col a{ font:500 18px 'DBOzoneX-Bold'; color:#000; } 
#footer #subscribe h2{ margin-bottom:17px; }
#footer #subscribe #field-subscribe{  margin-bottom:17px; }
#footer #subscribe input[type=text]{ border:1px #000 solid; padding:3px 5px; width:200px; font:500 18px 'DBOzoneX-Bold'; color:#000; }
#footer #subscribe input[type=submit]{ margin-left:5px; border:none; padding:3px 10px; background:#242424; font:500 18px 'DBOzoneX'; color:#FFF; }
#footer #subscribe p{ font:500 18px 'DBOzoneX'; color:#515151; line-height:1em; }
#footer #subscribe #msg-box{ display:none; }
#footer #subscribe #msg-box h1{ color:#F00; font: 500 18px "DBOzoneX-Bold"; }
#footer #subscribe #msg-box p{ color: #515151; font: 500 18px/1em "DBOzoneX"; margin:5px 0 17px; }
#footer #social h2{ margin-bottom:7px; }
#footer #social div a{ margin-right:7px; }
#footer #nav ul{ margin:0; padding:0; }
#footer #nav ul li{ margin:0 0 10px; padding:0; list-style:none; }

#slider .flexslider{ border:none; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; margin:auto; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; box-shadow:none; }
#slider .flexslider .flex-control-nav{ bottom:15px; left:0; width:100%; text-align:center; }
#slider .flexslider .flex-control-nav li{ margin:0 5px; }
#slider .flexslider .flex-control-paging li a{ border:none; width:13px; height:13px; background:#2c2c2c; box-shadow:none; }
#slider .flexslider .flex-control-paging li a.flex-active{ background:#ff0011; }

#homenav{ width:100%; }
#homenav ul{ display:block; width:100%; margin:0; padding:0; }
#homenav ul:after{ content:'.'; clear:both; display:block; height:0; visibility:hidden; }
#homenav ul li{ width:33%; float:left; display:block; list-style:none; margin:0.5% 0 0 0.5%; padding:0; }
#homenav ul li:first-child{ margin-left:0; }
#homenav ul li a img{ width:100%; }

.arrival{ margin:125px 0 0; }
.arrival h1{ font:500 36px 'plantagenet_cherokeeregular'; text-align:center; }
.arrival h2{ font:500 21px 'DBOzoneX'; text-align:center; }
.arrival h3{ font:500 48px 'plantagenet_cherokeeregular'; line-height:0.9em; text-align:center; }
.arrival h3 span{ font:500 48px 'DBOzoneX-UltraLight'; margin-left:5px; line-height:0.8em; position:relative; top:-2px; }
.arrival h3 strong{ color:#ff0000; }
.arrival h4{ display:block; width:120px; margin:60px auto 0; font:500 18px 'DBOzoneX'; text-align:center; padding:3px 0; border-top:1px #000 solid; border-bottom:1px #000 solid; }
.arrival ul#gender{ display:block; width:100%; text-align:center; margin:16px auto 0; padding:0; } 
.arrival ul#gender li{ display:inline-block; margin:0 0 0 -3px; padding:0; list-style:none; border-top:1px #000 solid; border-right:1px #000 solid; border-bottom:1px #000 solid;  } 
.arrival ul#gender li:first-child{ border-left:1px #000 solid; margin:0; }
.arrival ul#gender li a{ display:block; padding:1px 7px; font:500 18px 'DBOzoneX'; color:#000; }
.arrival ul#gender li a:hover, .arrival ul#gender li a.current{ background:#ff3333; color:#FFF; }
.arrival .wrap{ margin:120px 0 50px; }
.arrival .wrap ul.product-list{ position:relative; display:list-item; list-style:none; }
.arrival .wrap ul.product-list:after{ display:none; }
.arrival .wrap ul.product-list li:nth-child(1), .arrival .wrap ul.product-list li:nth-child(2){ position:absolute; bottom:0; }
.arrival .wrap ul.product-list li:nth-child(1){ left:0; }
.arrival .wrap ul.product-list li:nth-child(2){ right:0; }

#homepage .direct-up{ text-align:right; padding:0 0 20px; width:95%; margin:auto; }
#homepage .direct-up a{ font:500 18px 'DBOzoneX-Medium'; color:#3f3f3f; }
#homepage .direct-up img{ vertical-align:middle; margin-left:10px; }

.product-row{ margin:0 0 100px; }
.product-row-last{ margin:0 0 50px; }
.product-row .banner{ width:100%; }
.product-row .banner img{ width:100%; }
.product-row .banner .flexslider{ border:none; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; margin:auto; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; box-shadow:none; }
.product-row .banner .flexslider .flex-control-nav{ bottom:15px; left:0; width:100%; text-align:center; }
.product-row .banner .flexslider .flex-control-nav li{ margin:0 5px; }
.product-row .banner .flexslider .flex-control-paging li a{ border:none; width:13px; height:13px; background:#2c2c2c; box-shadow:none; }
.product-row .banner .flexslider .flex-control-paging li a.flex-active{ background:#ff0011; }

.product-row .readmore{ text-align:center; margin-top:20px; }
.product-row .readmore a{ display:inline-block; color:#2e2e2e; padding:3px 7px; border:1px #000 solid; font:500 16px 'DBOzoneX-Bold'; color:#000; }
ul.product-list{ display:block; margin:0; padding:0; }
ul.product-list:after{ content:'.'; clear:both; display:block; height:0; visibility:hidden; }
ul.product-list li{ float:left; display:block; width:22%; margin:0 1.5% 40px; list-style:none; text-align:center; height:271px; }
ul.product-list li .photo{ display:block; width:80%; margin:auto; position:relative; }
ul.product-list li .photo img{ width:100%; }
ul.product-list li .photo img.shadow{ display:none; position:absolute; top:0; left:0; }
ul.product-list li h5{ font:500 24px 'DBOzoneX-Bold'; color:#2f2f2f; height:26px; overflow:hidden; }
ul.product-list li .name{ font:500 18px 'DBOzoneX'; color:#2f2f2f; display:block; /*height:22px; overflow:hidden;*/ }
ul.product-list li p{ font:500 18px 'bebas_neueregular'; margin:0 0 15px; display:block; height:24px; line-height:1.4em; overflow:hidden;  }
ul.product-list li p .noprice{ font:500 20px 'DBOzoneX'; cursor:pointer; }
ul.product-list li div{ text-align:center; height:19px; overflow:hidden; }
ul.product-list li div span{ display:inline-block; width:16px; height:16px; padding:1px; background:#DDD; margin:0 5px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; vertical-align:top; }
ul.product-list li div span a{ display:inline-block; width:16px; height:16px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; overflow:hidden; }
ul.product-list li div span a img{ width:100%; }

#homepage ul.product-list{ margin-top:40px; }

#product .banner{ width:100%; }
#product .banner img{ width:100%; }
#product .banner .flexslider{ border:none; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; margin:auto; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; box-shadow:none; }
#product .banner .flexslider .flex-control-nav{ bottom:15px; left:0; width:100%; text-align:center; }
#product .banner .flexslider .flex-control-nav li{ margin:0 5px; }
#product .banner .flexslider .flex-control-paging li a{ border:none; width:13px; height:13px; background:#2c2c2c; box-shadow:none; }
#product .banner .flexslider .flex-control-paging li a.flex-active{ background:#ff0011; }
#product .wrap{ width:90%; }
#product h1{ font:500 30px 'bebas_neueregular'; text-align:center; margin:55px 0 10px; }
#product h2{ font:500 18px 'DBOzoneX'; text-align:center; margin-bottom:43px; }
#product .filter{ border-bottom:1px #ababab solid; padding-bottom:10px; }
#product .filter h5{ float:left; font:500 21px 'bebas_neueregular'; position:relative; top:5px; }
#product .filter select{ float:right; font:500 18px 'DBOzoneX-Bold'; border:1px #BBB solid; padding:3px 5px; }
#product .sort-result-page{ padding:20px 0 60px; }
#product .sort{ float:left; width:30%; }
#product .sort label{ font:500 18px 'DBOzoneX'; color:#3f3f3f; }
#product .sort select{ font:500 18px 'DBOzoneX-Bold'; border:1px #BBB solid; padding:3px 5px; margin-left:10px; }
#product .result{ float:left; width:40%; font:500 18px 'DBOzoneX'; color:#3f3f3f; text-align:center; margin-top:-10px; }
#product .result strong{ font:500 40px 'DBOzoneX-Bold'; color:#fe000f; padding:0 5px; }
#product .sort-result-page .pagination{ float:right; width:30%; padding:0; text-align:right; }
#product .pagination-footer{ margin:10px 0; }
#product .pagination-footer .direct-up{ text-align:right; padding-bottom:10px; }
#product .pagination-footer .direct-up a{ font:500 18px 'DBOzoneX-Medium'; color:#3f3f3f; }
#product .pagination-footer .direct-up img{ vertical-align:middle; margin-left:10px; }
#product .pagination-footer .pagination{ padding:15px 0; text-align:right; border-top:1px #ababab solid; }
#product ul.product-list li:first-child{ width:47%; height:100%; min-height:100%; }
#product ul.product-list li:first-child img{ width:60%; max-width:314px; margin:50px auto 0; vertical-align:middle; }

#product-detail .breadcrumb{ background:#f6f6f6; padding:5px 25px; }
#product-detail .breadcrumb img{ margin:0 10px; }
#product-detail .breadcrumb a{ font:500 16px 'DBOzoneX-Bold'; color:#888; }
#product-detail .breadcrumb a.current{ color:#2a2a2a; }
#product-detail .product-row{ margin:70px 0 50px; }
#product-detail .product-row h3{ font:500 36px 'bebas_neueregular'; text-align:center; }
#product-detail .product-row h4{ font:500 18px 'DBOzoneX'; text-align:center; }
#product-detail .product-row ul.product-list{ margin-top:50px; }
#product-detail #detail{ padding:75px 0; background:#fbfbfb; }
#product-detail #detail .wrap{ width:90%; }
#product-detail #detail #thumb{ width:10%; float:left; }
#product-detail #detail #photo{ width:55%; float:left; position:relative; }
#product-detail #detail #desc{ width:35%; float:left; color:#2a2a2a; }
#product-detail #detail #thumb ul{ padding:0; margin:0; }
#product-detail #detail #thumb ul li{ padding:0; margin:0 0 10px; width:50px; height:50px; display:block; list-style:none; }
#product-detail #detail #thumb ul li a img{ width:48px; border:2px #f9f9f9 solid; }
#product-detail #detail #thumb ul li a:hover img, #product-detail #detail #thumb ul li a.current img{ border-color:#212121; }
#product-detail #detail #photo img{ width:90%; }
#product-detail #detail #photo img.shadow{ display:none; position:absolute; left:0; top:0; }
#product-detail #detail #desc h2{ font:500 21px 'DBOzoneX'; }
#product-detail #detail #desc h3{ font:500 36px 'DBOzoneX-Bold'; border-top:1px #202020 solid; border-bottom:1px #202020 solid; line-height:1.3em; /*padding:5px 0; line-height:0.7em;*/ }
#product-detail #detail #desc h4{ font:500 21px 'DBOzoneX'; margin:9px 0 0; }
#product-detail #detail #desc #note{ font:500 16px 'DBOzoneX'; margin:0; }
#product-detail #detail #desc #color{ margin:10px 0 33px; }
#product-detail #detail #desc #color span{ display:inline-block; width:16px; height:16px; padding:1px; background:#DDD; margin:0 5px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
#product-detail #detail #desc #color span a{ display:inline-block; width:16px; height:16px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; overflow:hidden; }
#product-detail #detail #desc #color span a img{ width:100%; }
#product-detail #detail #desc #size-field label{ display:block; font:500 24px 'bebas_neueregular'; }
#product-detail #detail #desc #size-field select{ font:500 18px 'DBOzoneX'; background:#FFF; border:1px #FFF solid; padding:5px; margin-top:5px; }
#product-detail #detail #desc #price{ margin-top:45px; font:500 24px 'bebas_neueregular'; }
#product-detail #detail #desc #price .noprice{ font:500 24px 'DBOzoneX'; cursor:pointer; }
#product-detail #detail #desc a#button{ display:inline-block; background:#ff0000; padding:5px; font:500 21px 'bebas_neueregular'; color:#FFF; margin-top:20px; white-space:1em; letter-spacing:0.05em; }

.alert-msg-wrap .fancybox-close{ background:url(../images/close.png?v=1.0); width:107px; height:44px; top:10px; right:10px; }

#motorcycle{ background:#000; color:#FFF; }
#motorcycle .arrival h4{ border-color:#FFF; }
#motorcycle .arrival .wrap{ margin-bottom:0; padding-bottom:50px; }
#motorcycle .arrival ul#gender li{ border-color:#FFF; }
#motorcycle .arrival ul#gender li a{ color:#FFF; }
#motorcycle .arrival .wrap ul.product-list{ margin-top:60px; }
#motorcycle .arrival ul.product-list li{ height:302px; }
#motorcycle .arrival ul.product-list li h5{ margin-top:10px; } 
#motorcycle .arrival ul.product-list li h5,
#motorcycle .arrival ul.product-list li p,
#motorcycle .arrival ul.product-list li .name{ color:#FFF; }
#motorcycle .banner img{ width:100%; }
#motorcycle .banner .flexslider{ border:none; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; margin:auto; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; box-shadow:none; }
#motorcycle .banner .flexslider .flex-control-nav{ bottom:15px; left:0; width:100%; text-align:center; }
#motorcycle .banner .flexslider .flex-control-nav li{ margin:0 5px; }
#motorcycle .banner .flexslider .flex-control-paging li a{ border:none; width:13px; height:13px; background:#2c2c2c; box-shadow:none; }
#motorcycle .banner .flexslider .flex-control-paging li a.flex-active{ background:#ff0011; }


#product.motorcyclelist{ background:#000; color:#FFF; }
#product.motorcyclelist .pagination-footer{ margin-bottom:0; padding-bottom:10px; }
#product.motorcyclelist select{ background:#000; color:#FFF; }
#product.motorcyclelist ul.product-list li{ height:302px; }
#product.motorcyclelist ul.product-list li h5{ margin-top:10px; }
 
#product.motorcyclelist ul.product-list li p{ color:#FFF; }
#product.motorcyclelist ul.product-list li h5, #product.motorcyclelist ul.product-list li .name{ color:#989494; }

#product-detail.motorcycledetail, #product-detail.motorcycledetail #detail{ background:#000; color:#FFF; }
#product-detail.motorcycledetail .breadcrumb{ background:#1E1E1E; }
#product-detail.motorcycledetail .breadcrumb a.current{ color:#FFF; }
#product-detail.motorcycledetail .product-row{ margin-bottom:0; padding-bottom:50px; }

#product-detail.motorcycledetail #detail #desc h4,
#product-detail.motorcycledetail #detail #desc #size-field label,
#product-detail.motorcycledetail #detail #desc #price{ color:#FFF; }
#product-detail.motorcycledetail #detail #desc h2, #product-detail.motorcycledetail #detail #desc h3{ color:#989494; border-color:#FFF; }
#product-detail.motorcycledetail #detail #photo img.shadow{ display:block; }
#product-detail.motorcycledetail select{ background:#000; color:#FFF; }
#product-detail.motorcycledetail ul.product-list li{ height:302px; }
#product-detail.motorcycledetail ul.product-list li h5{ margin-top:10px; }
#product-detail.motorcycledetail ul.product-list li h5, 
#product-detail.motorcycledetail ul.product-list li p,
#product-detail.motorcycledetail ul.product-list li .name{ color:#FFF; }
#product-detail.motorcycledetail #detail #desc #size-field select{ background:#000; }

#motorcycle .arrival .wrap ul.product-list li .photo img.shadow,
#product.motorcyclelist ul.product-list li .photo img.shadow,
#product-detail.motorcycledetail ul.product-list li .photo img.shadow{ display:block; }

#forgetpwd{ width:640px; margin:100px auto; border:1px #e6e6e6 solid; padding-bottom:20px; }
#forgetpwd .wrap{ width:90%; }
#forgetpwd h1{ font:500 32px 'DBOzoneX-Bold'; text-align:center; position:relative; width:100%; margin:0 auto 10px; padding:50px 0 20px; border-bottom:1px #e6e6e6 solid; }
#forgetpwd h1 img{ position:absolute; left:0; top:35px; }
#forgetpwd .field{ width:250px; margin:50px auto 100px; }
#forgetpwd label{ font:500 14px 'DBOzoneX'; color:#999999; display:block; margin-bottom:5px; }
#forgetpwd input[type=text]{ font:500 16px 'DBOzoneX'; color:#000; border:1px #000 solid; width:95%; padding:3px 2.5%; }
#forgetpwd .button-field{ width:100%; margin-top:10px; }
#forgetpwd .button-field input[type=submit]{ width:100%; padding:2px 0; text-align:center; font:500 20px 'DBOzoneX'; color:#FFF; border:none; background:#FF0000; }

#resetpwd{ width:640px; margin:100px auto; border:1px #e6e6e6 solid; padding-bottom:20px; }
#resetpwd .wrap{ width:90%; }
#resetpwd h1{ font:500 32px 'DBOzoneX-Bold'; text-align:center; position:relative; width:100%; margin:0 auto 10px; padding:50px 0 20px; border-bottom:1px #e6e6e6 solid; }
#resetpwd h1 img{ position:absolute; left:0; top:35px; }
#resetpwd .field{ text-align:center; margin:50px auto 100px; }
#resetpwd .field p{ font:500 20px 'DBOzoneX'; }

#account{ width:80%; margin:50px auto; border:1px #e6e6e6 solid; padding-bottom:50px; }
#account .wrap{ width:90%; }
#account h1{ font:500 32px 'DBOzoneX-Bold'; text-align:center; position:relative; width:100%; margin:0 auto 10px; padding:50px 0 20px; border-bottom:1px #e6e6e6 solid; }
#account h1 img{ position:absolute; left:0; top:35px; }
#account #profile{ margin:30px auto 0; }
#account #ship{ margin:50px auto 0; }
#account .field-edit .field{ background:#f2f2f2; padding:20px 20px 10px; }
#account .field-edit h2{  font:500 24px 'DBOzoneX'; text-align:center; margin-bottom:20px; }
#account .field-edit p{ position:relative; padding:0 0 10px 180px; }
#account .field-edit p label{ font:500 18px 'DBOzoneX'; position:absolute; top:4px; left:0; }
#account .field-edit p input[type=text]{ border: 1px solid #000; color: #000; font: 500 16px "DBOzoneX"; padding: 3px 2.5%; width: 45%; }
#account .field-edit p select{ border: 1px solid #000; color: #000; font: 500 16px "DBOzoneX"; padding: 3px 5px; width:50%; }
#account .field-edit .button{ display:inline-block; padding:3px 50px; background:#F00;  font: 500 16px "DBOzoneX"; color:#FFF; margin-top:10px; border:none; }
#account #orders{ margin:50px auto 0; }
#account #orders h2{  font:500 24px 'DBOzoneX'; text-align:center; margin-bottom:20px; }
#account #orders table{ width:100%; border-collapse: separate; border-spacing: 0; }
#account #orders table thead tr th{ font:500 18px 'DBOzoneX-Bold'; text-align:left; padding:10px; }
#account #orders table tbody tr td{ font:500 16px 'DBOzoneX'; padding:10px; background:#f2f2f2; }
#account #orders table tbody tr td a{ color:#000; text-decoration:underline; }

#orders-detail{ width:80%; margin:50px auto; border:1px #e6e6e6 solid; padding-bottom:50px; }
#orders-detail .wrap{ width:90%; }
#orders-detail h1{ height:32px; position:relative; width:100%; margin:0 auto 10px; padding:50px 0 20px; border-bottom:1px #e6e6e6 solid; }
#orders-detail .back{ margin:10px 0 0; }
#orders-detail .back a{ font:500 18px 'DBOzoneX'; color:#000; text-decoration:underline; }
#orders-detail h1 img{ position:absolute; left:0; top:35px; }
#orders-detail #cart{ float:none; padding:0; width:100%; margin:50px 0 0; }

#signin{ width:640px; margin:100px auto; border:1px #e6e6e6 solid; padding-bottom:20px; }
#signin .wrap{ width:90%; }
#signin h1{ font:500 32px 'DBOzoneX-Bold'; text-align:center; position:relative; width:100%; margin:0 auto 10px; padding:50px 0 20px; border-bottom:1px #e6e6e6 solid; }
#signin h2{ font:500 24px 'DBOzoneX-Bold'; }
#signin h1 img{ position:absolute; left:0; top:35px; }
#signin .left{ width:49%; border-right:1px #e6e6e6 solid; padding:10px 0 50px; }
#signin .left p, #signin .left .button-field{ margin-top:10px; }
#signin .left label{ font:500 14px 'DBOzoneX'; color:#999999; display:block; margin-bottom:5px; }
#signin .left input[type=text], #signin .left input[type=password]{ font:500 16px 'DBOzoneX'; color:#000; border:1px #000 solid; width:85%; padding:3px 2.5%; }
#signin .left .button-field{ position:relative; text-align:right; width:90%; padding-bottom:10px; }
#signin .left .button-field input[type=submit]{ width:106px; padding:3px 0; text-align:center; font:500 20px 'DBOzoneX'; color:#FFF; border:none; background:#FF0000; }
#signin .left .button-field #remember-field{ position:absolute; left:0; top:0; font:500 14px 'DBOzoneX'; color:#000; }
#signin .left .button-field #remember-field input[type=checkbox]{ position:relative; top:2px; } 
#signin .left .button-field a{ position:absolute; bottom:0; left:3px; font:500 14px 'DBOzoneX'; color:#000; text-decoration:underline; }
#signin .right{ width:50%; text-align:center; }
#signin .right h2{ margin:80px 0 5px; }
#signin .right a{ display:block; width:106px; padding:3px 0; text-align:center; font:500 20px 'DBOzoneX'; color:#FFF; border:none; background:#FF0000; margin:auto; }

#register{ width:641px; margin:50px auto; padding-bottom:20px; }
#register #tabs ul{ padding:0; margin:0; }
#register #tabs ul li{ padding:0; margin:0; display:block; float:left; list-style:none; width:318px; border-top:1px #e6e6e6 solid; text-align:center; padding:10px 0; border-bottom:1px #ec1b2e solid; border-right:1px #e6e6e6 solid; }
#register #tabs ul li a{ font:500 20px 'DBOzoneX-Bold'; color:#000; }
#register #tabs ul li:first-child{ width:318px; border-right:1px #ec1b2e solid; border-left:1px #e6e6e6 solid; }
#register #tabs ul li.current{ border-color:#ec1b2e; border-bottom:none; }
#register #tabs ul li.current a{ color:#b3b3b3; }
#register #register-field{ width:99.4%; border:1px #ec1b2e solid; border-top:none; padding-bottom:30px; }
#register #register-field .wrap{ width:90%; }
#register #register-field h3{ color:#ff0000; width:100%; padding:20px 0 10px; margin-bottom:20px; border-bottom:1px #e6e6e6 solid; font:500 18px 'DBOzoneX-Bold'; position:relative; }
#register #register-field h3 div{ position:absolute; top:20px; right:0; font:500 14px 'DBOzoneX'; color:#b3b3b3; }
#register #register-field h3 div span{ color:#FF0000; margin-right:5px; }
#register #register-field form p, #register #register-field form .p{ padding-left:200px; position:relative; margin:0 0 12px 0; }
#register #register-field form p label{ display:block; position:absolute; top:4px; left:0; width:180px; text-align:right; font:500 18px 'DBOzoneX'; color:#000; }
#register #register-field form p label span{ color:#FF0000; }
#register #register-field form p input[type=text], #register #register-field form p input[type=password]{ font:500 16px 'DBOzoneX'; color:#000; border:1px #000 solid; width:75%; padding:3px 2.5%; }
#register #register-field form p select{ border:1px #000 solid; font:500 16px 'DBOzoneX'; color:#000; padding:3px 5px; }
#register #register-field form .submit-field{ font:500 16px 'DBOzoneX'; color:#000; }
#register #register-field form .submit-field a, #register #register-field form p.submit-field span{ color:#FF0000; }
#register #register-field form .submit-field input[type=checkbox]{ position:relative; top:2px; } 
#register #register-field form .submit-field input[type=submit]{ width:80%; padding:3px 0; text-align:center; font:500 20px 'DBOzoneX'; color:#FFF; border:none; background:#FF0000; margin:5px 0 0; }
#register #register-field form .submit-field .newsletter-field{ padding:5px 0 0; }
#register #register-field form .submit-field .term-field{ margin:10px 0 7px; }
#register #register-field #business{ display:none; }

#step{ width:90%; margin:50px auto 30px; }
#step #logo{ float:left; }
#step #desc{ float:right; margin:30px 0 0; font:500 16px 'DBOzoneX'; text-align:right; }
#step #desc strong{ font:500 16px 'DBOzoneX'; color:#FF0000; text-decoration:underline; }
#step #step-nav{ margin:30px 0 0; }
#step #step-nav ul{ display:block; margin:0; padding:0 0 10px; border-bottom:4px #e6e6e6 solid; display:table; width:100%; }
#step #step-nav ul:after{ content:'.'; clear:both; display:block; height:0; visibility:hidden; }
#step #step-nav ul li{ float:left; display:block; height:20px; margin:0; padding:0 2.5%; list-style:none; text-align:center; position:relative; background:url(../images/arrow-step.png) center right no-repeat; display:table-cell; float:none; }
#step #step-nav ul li:nth-child(1){ width:27.5%; }
#step #step-nav ul li:nth-child(2){ width:35%; }
#step #step-nav ul li:nth-child(3){ width:20%; }
#step #step-nav ul li:nth-child(4){ width:22.5%; background:none; }
#step #step-nav ul li .icon{ display:none; width:77px; height:9px; background:url(../images/step-current.png) no-repeat; position:absolute; bottom:-19px; left:50%; margin-left:-38px; }
#step #step-nav ul li.current .icon{ display:block; }
#step #step-nav ul li.current a{ color:#FF0000; }
#step #step-nav ul li a{ font:500 20px 'DBOzoneX'; color:#b3b3b3; }

#shipping{ width:90%; margin:0 auto 50px; }
#shipping #address{ float:left; width:45%; }
#shipping #address h2{ color:#ff0000; width:100%; padding:0 0 10px; margin-bottom:10px; border-bottom:1px #e6e6e6 solid; font:500 18px 'DBOzoneX-Bold'; position:relative; }
#shipping #address .remark{ font:500 14px 'DBOzoneX'; color:#b3b3b3; margin-bottom:10px; }
#shipping #address .remark span{ color:#FF0000; margin-right:5px; }
#shipping #address .remark input[type=checkbox]{ position:relative; top:3px; }
#shipping #address form p{ padding-left:200px; position:relative; margin:0 0 12px 0; }
#shipping #address form p label{ display:block; position:absolute; top:4px; left:0; width:180px; text-align:right; font:500 18px 'DBOzoneX'; color:#000; }
#shipping #address form p label span{ color:#FF0000; }
#shipping #address form p input[type=text], #shipping #address form p input[type=password]{ font:500 16px 'DBOzoneX'; color:#000; border:1px #000 solid; width:75%; padding:3px 2.5%; }
#shipping #address form p select{ border:1px #000 solid; font:500 16px 'DBOzoneX'; color:#000; padding:3px 5px; }
#shipping #address form p.submit-field{ margin-top:20px; }
#shipping #address form p.submit-field input[type=submit]{ width:80%; padding:3px 0; text-align:center; font:500 20px 'DBOzoneX'; color:#FFF; border:none; background:#FF0000; margin:5px 0 0; }
#shipping #address form .ship-topic{ margin-top:40px; }

#cart{ float:right; width:50%; padding:1%; background:#f2f2f2; }
#cart h2{ font:500 20px 'DBOzoneX-Bold'; margin:0 0 10px; }
#cart table{ width:100%; border-collapse:separate; border-spacing: 0; }
#cart table thead tr th{ font:500 18px 'DBOzoneX'; border-bottom:1px #CCC solid; padding:5px; text-align:right; }
#cart table thead tr th:nth-child(1){ text-align:left; }
#cart table tbody tr td, #cart table tfoot tr td{ padding:5px; border-top:1px #CCC solid; font:500 18px 'DBOzoneX'; vertical-align:top; }
#cart table tbody tr:nth-child(1) td{ border-top:none; }
#cart table tfoot tr td:nth-child(2){ text-align:right; }
#cart table tbody tr td.product a.photo{ display:block; width:30%; max-width:75px; float:left; }
#cart table tbody tr td.product a.photo img{ width:75px;  }
#cart table tbody tr td.product .desc{ float:left; width:65%; margin-left:5%; margin-top:2px; }
#cart table tbody tr td.product .desc .type{ font:500 20px 'DBOzoneX-Bold'; line-height:0.9em; height:36px; padding-top:3px; overflow:hidden; }
#cart table tbody tr td.product .desc .type a{ display:none; font:500 14px 'DBOzoneX';color:#FF0000; text-decoration:underline; margin-left:5px; }
#cart table tbody tr td.product .desc .size h4{ font:500 16px 'DBOzoneX'; }
#cart table tbody tr td.product .desc .size p{ font:500 18px 'DBOzoneX-Bold'; }
#cart table tbody tr td.product .desc .size select{ display:none; border:none; }
#cart table tbody tr td.product .desc .cat{ font:500 16px 'DBOzoneX-Bold'; margin-top:14px; }
#cart table tbody tr td.price{ text-align:right; padding-top:8px; position:relative; }
#cart table tbody tr td.price .button{ display:none; position:absolute; right:5px; bottom:10px; width:100%; font:500 14px 'DBOzoneX';color:#FF0000; text-align:right; }
#cart table tbody tr td.price .button a{ font:500 14px 'DBOzoneX';color:#FF0000; text-decoration:underline; }
#cart table tbody tr td.qty{ text-align:right; position:relative; padding-top:8px; }
#cart table tbody tr td.qty a{ display:block; border:1px #FF0000 solid; padding:2px 0; text-align:center; font:500 14px 'DBOzoneX';color:#FF0000; position:absolute; left:10%; bottom:10px; width:80%; }
#cart table tbody tr td.qty select{ display:none; border:none; }
#cart table tfoot tr.amount td strong{ font:500 20px 'DBOzoneX-Bold'; }
#cart table tfoot tr.amount td span{ font:500 20px 'DBOzoneX-Bold'; }
#cart table tfoot tr.total td strong{ font:500 22px 'DBOzoneX-Bold'; }
#cart table tfoot tr.total td span{ font:500 24px 'DBOzoneX-Bold'; }

#cart table tbody tr.cart-update td.product .desc .size p, #cart table tbody tr.cart-update td.qty span{ display:none; }
#cart table tbody tr.cart-update td.qty select, #cart table tbody tr.cart-update td.product .desc .size select{ display:inline-block; }
#cart table tbody tr.cart-update td.price .button{ display:block; }
#cart table tbody tr.cart-update td.product .desc .type a{ display:inline; }

#cart table tbody tr.cart-update td.qty a{ color:#000; border-color:#000; }


#payment{ width:90%; margin:0 auto 50px; }
#payment h2{ color:#ff0000; width:100%; padding:0 0 10px; margin-bottom:10px; border-bottom:1px #e6e6e6 solid; font:500 18px 'DBOzoneX-Bold'; position:relative; }
#payment .remark{ font:500 14px 'DBOzoneX'; color:#b3b3b3; margin-bottom:10px; }
#payment #how-to-shipping{ margin-bottom:20px; float:left; width:47%; }
#payment #how-to-shipping ul{ margin:0; padding:0; }
#payment #how-to-shipping ul li{ list-style:none; font:500 20px 'DBOzoneX'; margin-bottom:7px; }
#payment #gateway{ float:right; width:47%; }
#payment #gateway ul li{ list-style:none; font:500 20px 'DBOzoneX'; margin-bottom:7px; padding-bottom:10px; border-bottom:1px #e6e6e6 solid; }
#payment #gateway ul li img{ vertical-align:middle; }
#payment #gateway .submit-field{ margin-top:20px; }
#payment #gateway .submit-field input[type=submit]{ width:80%; padding:3px 0; text-align:center; font:500 20px 'DBOzoneX'; color:#FFF; border:none; background:#FF0000; margin:5px 0 0; }

#confirm{ width:90%; margin:0 auto 50px; }
#confirm #data{ float:left; width:45%; }

#confirm #frm-paysbuy{ display:block; width:40%; margin:50px auto 0; }
#confirm #frm-paysbuy input[type=submit]{ width:100%; padding:3px 0; text-align:center; font:500 20px 'DBOzoneX'; color:#FFF; border:none; background:#FF0000; }
#confirm #data h2{ color:#ff0000; width:100%; padding:0 0 10px; margin-bottom:10px; border-bottom:1px #e6e6e6 solid; font:500 18px 'DBOzoneX-Bold'; position:relative; }
#confirm #data h2 a{ position:absolute; right:0; top:0; display:inline-block; font:500 16px 'DBOzoneX-Bold'; color:#F00; border:1px #F00 solid; padding:2px 10px; }
#confirm #data .data-row{ margin-bottom:40px; }
#confirm #data .data-row p{ font:500 18px 'DBOzoneX'; color:#000; line-height:1.3em; }

#thank{ text-align:center; margin:150px 0 250px; }
#thank h1{ font:500 48px 'DBOzoneX-UltraLight'; color:#a9a9a9; }
#thank h2{ font:500 48px 'DBOzoneX-Bold'; color:#0e0e0e }
#thank p{ margin:40px 0 0; font:500 24px 'DBOzoneX-Light'; color:#737272; }
#thank p strong{ font:500 24px 'DBOzoneX-Bold'; color:#0e0e0e; }