body{background:#FFA001 url('../img/bg-body.png') 0 0 repeat-x; text-align:center;}

/* NAVIGATION SKIP */
#nav-skip { position: absolute; left: -2000px; }
#nav-skip a:focus, #nav-skip a:active { position: absolute; left: 2000px; color: #fff; width: 150px;}

/* LAYOUT STYLE */
#bg-help {background: url('../img/bg-motive.png') 50% 0 no-repeat;}
#mother {width: 745px; margin: 0 auto; padding: 0; position: relative;}
#header {padding: 46px 0 0; background: url('../img/bg-header.png') 50% 20px no-repeat;}
#main {background: #fff; text-align: left; padding: 0 8px;}
#col-content {width: 550px; float: right; display: inline;}
#col-side {width: 166px; float: left; display: inline; background: #ECEBE6 url('../img/bg-col-side.png') 0 0 no-repeat;}
#col-side .in {padding: 15px 7px; background: url('../img/bg-col-side-in.png') 0 100% no-repeat;}
#footer {background: url('../img/bg-footer.png') 0 -4px no-repeat; color: #fff; font-size: 92%; padding: 25px 0 10px;}

/* LOGOBOX */
#header h1 {margin: 0; padding: 0; line-height: 1;}
#header img {display: block; margin: 0 auto; padding: 0 0 5px;}

/* BANNERS */
#header-banner {width: 728px; height: 90px; background: #8AA391; margin: 0 0 10px;}

/* COL SIDE */
#col-side h2 {margin: 0 0 0.2em; padding:0 0 2px; border-bottom: 4px solid #FFCB00; color: #FC4300; line-height: 1;}
#col-side .banner {margin: 0 0 15px;}
#col-side .banner .spc { /* border: 10px solid #DEDDD6; background: #8AA391; */ min-height: 240px; text-align: center; }
#col-side .banner .center {font-size: 83.4%; margin: 3px 0; color: #91908C;}

/* MENU */
.menu ul {margin: 0 0 15px; padding: 0;}
.menu li {margin: 0; padding: 2px 0; list-style: none;}
.menu li a {color: #FC4300; font-weight: bold; text-decoration: none;}
.menu li a:hover {color: #FD7000;}

/* BREADCRUMB */
#breadcrumb {font-size: 92%; margin: 0 0 13px;}
#breadcrumb a {color: #333;}
#breadcrumb a:hover {color: #FD7000;}
#breadcrumb strong {font-weight: normal;}

/* GAME HEAD */
#game-head {padding: 0 0 0 220px; position: relative; min-height: 220px;}
#game-head h1 {margin: 0 0 0.65em;}
#game-head .img-box {width: 198px; height: 220px; padding: 7px 0 0; background: url('../img/bg-img-box.png') 0 0 no-repeat; text-align: center; position: absolute; top: 0; left: 0;}
#game-head .img-box img {display: block; margin: 0 auto; border: 2px solid #ECEBE6;}
#game-head p {font-size: 117%; margin: 0 0 1em;}
#game-head .players {background: url('../img/ico-players.png') 3px 0 no-repeat; padding: 0px 0 5px 45px;}
#game-head .time {background: url('../img/ico-time.png') 5px 0 no-repeat; padding: 5px 0 5px 45px;}
#game-head .sort {background: url('../img/ico-sort.png') 0 0 no-repeat; padding: 5px 0 0px 45px;}
.fbtn {background: url('../img/inline-fbtn.png') 0 0 no-repeat; padding: 0 0 0 33px; display: -moz-inline-stack; display: inline-block; min-height: 43px; line-height: 43px; color: #fff; text-decoration: none; cursor: pointer;}
.fbtn:hover {color: #fff;}
.fbtn span {background: url('../img/inline-fbtn.png') 100% 0 no-repeat; padding: 0 25px 0 0; display: block; min-height: 43px; font-size: 92%; font-weight: bold;}
.gbtn {background: url('../img/inline-gbtn.png') 0 0 no-repeat; padding: 0 0 0 33px; display: -moz-inline-stack; display: inline-block; min-height: 43px; line-height: 43px; color: #fff; text-decoration: none; cursor: pointer;}
.gbtn:hover {color: #fff;}
.gbtn span {background: url('../img/inline-gbtn.png') 100% 0 no-repeat; padding: 0 25px 0 0; display: block; min-height: 43px; font-size: 92%; font-weight: bold;}
.hbtn {background: url('../img/inline-hbtn.png') 0 0 no-repeat; padding: 0 0 0 43px; display: -moz-inline-stack; display: inline-block; min-height: 43px; line-height: 43px; color: #fff; text-decoration: none; cursor: pointer;}
.hbtn:hover {color: #fff;}
.hbtn span {background: url('../img/inline-hbtn.png') 100% 0 no-repeat; padding: 0 25px 0 0; display: block; min-height: 43px; font-weight: bold;}

/* GAME DETAIL */
#game-detail .tabs-container {padding: 10px 15px; background: url('../img/bg-tab.png') 0 0 no-repeat; min-height: 130px;}
#game-detail .tabs-hide {display: none;}
#game-detail img.screen { cursor: pointer; }

.tabs-nav {margin: 20px 0 -1px 25px; padding: 0; color: #FC4300; overflow: hidden;}
.tabs-nav li {margin: 0 5px 0 0; padding: 0; list-style: none; float: left; display: inline;}
.tabs-nav li a {background: #ECEBE6 url('../img/bg-tab-li.png') 0 0 no-repeat; padding: 0 0 0 15px; min-height: 28px; line-height: 29px; display: -moz-inline-stack; display: inline-block;}
.tabs-nav li a span {background: #ECEBE6 url('../img/bg-tab-li.png') 100% 0 no-repeat; padding: 0 15px 0 0; min-height: 28px; display: block; cursor: pointer; text-decoration: underline;}
.tabs-nav li.tabs-selected a {background: #ECEBE6 url('../img/bg-tab-li-active.png') 0 0 no-repeat; padding: 0 0 0 15px; min-height: 28px; line-height: 29px; display: -moz-inline-stack; display: inline-block; font-weight: normal; text-decoration: none; color: #FD7000; cursor: text;}
.tabs-nav li.tabs-selected a span {background: #ECEBE6 url('../img/bg-tab-li-active.png') 100% 0 no-repeat; padding: 0 15px 0 0; min-height: 28px; display: block; color: #FD7000; cursor: text; text-decoration: none;}

/* PRODUCT LIST */
.product-list ul {margin: 0; padding: 0;}
.product-list li {width: 165px; float: left; margin: 0 10px 0 0; padding: 9px 9px 9px 89px; list-style: none;}
.product-list li:hover, .product-list li.hover {background: #ECEBE6;}
.product-list li:hover img, .product-list li.hover img {border: 3px solid #fff;}
.product-list li h2 {font-size: 112%; margin: 0 0 0.1em;}
.product-list li p {font-size: 92%; margin: 0 0 0.2em;}
.product-list li a {color: #FFA201; text-decoration: none;}
.product-list li a:hover {color: #FC4300;}
.product-list li h2 a {text-decoration: none; color: #FC4300;}
.product-list li h2 a:hover {color: #FD7000;}
.product-list li img {float: left; margin: 0 0 0 -80px; border: 3px solid #ECEBE6;}

/* FOOTER */
#footer p {margin: 0 0 0.5em;}
#footer p a {color: #333; text-decoration: none; margin: 0 5px;}
#footer p a:hover {color: #fff;}

/* hidden objects */
#divPicture { display: none; z-index: 10; position: absolute; border: solid 4px #ADC2E9; cursor: pointer; }