/* ----------------------------------------------------------------------------------------------------------
Reset
---------------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border:0; outline:0; vertical-align:baseline; background:transparent;}
.noscreen {display:none;}
.box {min-height:1px;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}
.fix {float:none; clear:both; width:0; height:0; margin:0; padding:0; border:0; line-height:0; font-size:0;}
.f-left {float:left !important;} img.f-left {margin-right:10px;}
.f-right {float:right !important;} img.f-right {margin-left:10px;}
.t-left {text-align:left !important;}
.t-center {text-align:center !important;}
.t-right {text-align:right !important;}
.t-justify {text-align:justify !important;}
.va-top {vertical-align:top !important;}
.va-middle {vertical-align:middle !important;}
.va-bottom {vertical-align:bottom !important;}
.nom {margin:0 !important;}
.nomt {margin-top:0 !important;}
.nomb {margin-bottom:0 !important;}
.hidden {position:absolute; left:-1000em; top:-1000em; width:1px; height:1px; overflow:hidden;}

/* ----------------------------------------------------------------------------------------------------------
HTML
---------------------------------------------------------------------------------------------------------- */

body {background:url("../design/bg.gif") 0 0 repeat-x; font:0.8em/1.5 "arial", sans-serif;}
h1, h2, h3, h4, h5, h6, p, address, blockquote, table, dl, ul, ol, fieldset {margin:15px 0;}
a {color:#05417d;}
a:hover {background-color:#05417d; color:#fff !important; text-decoration:none;}

table {width:980px; margin:20px 0; border-collapse:collapse;}
table th, table td {padding:5px; vertical-align:middle;}
table th {padding:7px 5px;}
table table {margin:0; width:100%;}
table table td, table table th {padding:2px 5px;}
table td img.border {display:block; margin-top:5px; width:150px; height:100px;}
table table tr.last th, table table tr.last td {border-bottom:0;}
table td.price .price-alt {font-size:60%; font-family:"tahoma",sans-serif; color:#000;}
table td.pos {text-align:center; font-size:140%;}

table.table-01 {border:1px solid #9EC8FA;}
table.table-01 th {border-top:1px solid #9EC8FA; border-bottom:2px solid #9EC8FA;}
table.table-01 td {border-bottom:1px solid #B8D6F9;}
table.table-01 tr.bg td {background:#F1F7FE;}
table.table-01 table th {border-top:0; border-bottom:1px solid #CBE1FB; text-align:left; font-weight:normal; color:#075BAF;}
table.table-01 table td {border-bottom:1px solid #CBE1FB;}
table.table-01 a.bigger {color:#e50;}
table.table-01 td.price {background:#E2EEFD !important; text-align:center; font-size:140%; color:#e50; line-height:1.2;}

table.table-02 {border:1px solid #CCC;}
table.table-02 th {border-top:1px solid #CCC; border-bottom:2px solid #CCC;}
table.table-02 td {border-bottom:1px solid #DDD;}
table.table-02 table th {border-top:0; border-bottom:1px solid #EEE; text-align:left; font-weight:normal; color:#777;}
table.table-02 table td {border-bottom:1px solid #EEE;}
table.table-02 a.bigger {color:#e50;}
table.table-02 td.price {background:#F5F5F5 !important; text-align:center; font-size:140%; color:#e50; line-height:1.2;}

table.table-03 {border:1px solid #9EC8FA;}
table.table-03 th {border:1px solid #9EC8FA; border-bottom:2px solid #9EC8FA; text-align:left;}
table.table-03 td {border:1px solid #B8D6F9; vertical-align:top;}
table.table-03 tr.bg td {background:#F1F7FE;}
table.table-03 table td {border-bottom:1px solid #CBE1FB;}
table.table-03 a.bigger {color:#e50;}

form {margin-top:20px;}
form table {margin:0; width:auto;}

code {font-family:"",monospace;}

/* ----------------------------------------------------------------------------------------------------------
Layout
---------------------------------------------------------------------------------------------------------- */

#main {width:980px; margin:0 auto;}

#header {position:relative; height:86px;}
#header #logo {position:relative; overflow:hidden; width:216px; height:54px; margin:0; padding:0; font-size:100%; cursor:pointer;}
#header #logo span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../design/logo.gif") 0 0 no-repeat;}
#header #slogan {position:absolute; top:30px; right:0; margin:0; font-size:120%; color:#9EC8FA;}
#header #nav {position:absolute; top:24px; left:250px; margin:0; list-style:none;}
#header #nav li {display:inline;}
#header #nav li a {display:block; float:left; padding:7px 10px; color:#fff;}
#header #nav li a:hover {background:none; text-decoration:underline; color:#9EC8FA !important;}
#header #nav li a#active {background:url("../design/nav-active.gif") 0 0 repeat-x; text-decoration:none; color:#fff;}

#tray {padding:10px 0; border-bottom:1px solid #CEE4FC;}
#tray ul {margin:0; list-style:none;}
#tray ul li {display:inline;}
#tray ul li a {display:block; float:left; margin-right:12px;}
#tray ul li a#tray-active {font-weight:abold; text-decoration:none; color:#e50;}

#content {padding:25px 0;}
#content h2 {margin-top:0; font-size:160%; font-weight:normal; background:url("../design/dot.gif") 0 100% repeat-x;}
#content h3 {font-size:140%; background:url("../design/dot.gif") 0 100% repeat-x; color:#e50;}
#content h4 {font-size:100%;}
#content ul {list-style:none;}
#content ul li {padding-left:15px; background:url("../design/ul-01.gif") 0 7px no-repeat;}

#footer {clear:both; padding:15px 0 30px 0; border-top:1px solid #ddd; color:#777; font-size:85%; font-family:"tahoma",sans-serif;}
#footer p {margin:0;}
#footer a {color:#777;}

/* ----------------------------------------------------------------------------------------------------------
Page: Homepage
---------------------------------------------------------------------------------------------------------- */

#welcome {float:left; width:570px; padding-left:225px; background:url("../design/server.gif") 0 50% no-repeat;}

#tip {float:right; width:165px;}
#tip h4, #tip p {margin:0;}
#tip img {margin-top:7px; display:block;}

#promo {border:1px solid #CEE4FC; border-left:0; border-right:0; background:#f1f7fe url("../design/promo.gif") 15px 50% no-repeat;}
#promo-in {padding:10px; padding-left:105px; background:url("../design/promo-in.gif") 835px 50% no-repeat;}
#promo strong {color:#05417d;}
#promo p {margin:0;}

.ico-paypal {width:44px; height:16px; margin-top:10px;}
.ico-trend {width:14px; height:18px;}
.ico-add {padding-left:20px; background:url("../design/add.gif") 0 50% no-repeat;}

/* ----------------------------------------------------------------------------------------------------------
Page: Detail
---------------------------------------------------------------------------------------------------------- */

.col-screen {float:left; width:315px;}
.col-screen p {margin:0;}
.col-screen dl#rating {margin-top:10px;}
.col-screen dl#rating dt {clear:both; float:left; width:150px; color:#777;}
.col-screen dl#rating dd {float:left; width:100px;}
.col-desc {float:right; width:655px; padding-top:5px;}
.col-desc h2 {margin:0; background:none !important; font-size:220% !important; color:#e50; font-weight:bold !important;}
.col-desc table {margin:12px 0; width:655px;}
.col-desc table td {padding:0;}
.col-desc table table {width:320px; border-top:1px solid #CBE1FB;}
.col-desc table table th {width:100px; border-bottom:1px solid #CBE1FB; text-align:left; font-weight:normal; color:#05417d;}
.col-desc table table td {border-bottom:1px solid #CBE1FB;}
.col-desc table table th, .col-desc table table td {padding:3px 5px;}
.col-desc table table tr.bg th, .col-desc table table tr.bg td {background:#F1F7FE;}
.col-desc #gold {padding-left:50px; background:url("../design/gold.gif") 0 50% no-repeat; line-height:1.2;}
.col-desc #gold p {margin:0;}
.col-desc .link {margin-top:0; font-size:160%;}

/* ----------------------------------------------------------------------------------------------------------
Page: Contact
---------------------------------------------------------------------------------------------------------- */

.msg {padding:10px; background:#F1F7FE; color:#075BAF; text-align:center; font-weight:bold;}
.input-text, .input-area {border:1px solid #DFDFDF; border-right:1px solid #BBB; border-bottom:1px solid #BBB; padding:4px; font-size:100%; font-family:"",monospace;}
.input-area {width:700px; height:175px;}

/* ----------------------------------------------------------------------------------------------------------
Others
---------------------------------------------------------------------------------------------------------- */

.border {padding:3px; border:1px solid #B8D6F9; background:#fff;}
a:hover .border {border:1px solid #88BAF5;}

.high {color:#05417d;}
.more {padding-right:22px; background:url("../design/more.gif") 100% 50% no-repeat;}
.smaller {font-size:85%; font-family:"tahoma",sans-serif;}
.bigger {font-size:120%;}