@charset "utf-8";
/* style.css */

body { background: #000; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #5A3614; }
h1 { font-size: 40px; font-style: italic; color: #CA1309; font-weight: normal; padding: 0; margin: 0; margin-bottom: 20px; }
h3 { font-size: 18px; font-style: italic; font-weight: normal; margin-bottom: 0; padding-bottom: 0; }
a { color: #CA1309; text-decoration: none; font-style: italic; }
a:hover { color: #CA1309; text-decoration: underline; }
.iehack { clear: both; width: 0; height: 0; visibility: none; color: #DDC694; overflow: hidden; position: relative; }

#container { width: 770px; position: absolute; top: 0; left: 50%; margin-left: -385px; }
#head { height: 303px; background: #000 url('../design/bg_head.jpg') no-repeat top left; position: relative; }
#logo { width: 190px; height: 126px; background: url('../design/logo.jpg') no-repeat top left; position: absolute; top: 5px; left: 0; }
#logo a { text-decoration: none; display: block; width: 190px; height: 126px; }
#steam-container { position: absolute; top: 0; left: 324px; }
#menu { position: absolute; bottom: 10px; left: 0; height: 40px; }
#menu a { display: block; width: 130px; height: 34px; padding-top: 6px; font-size: 20px; color: #EBDCAE; text-decoration: none; float: left; text-align: center; margin-right: 5px; }
#menu a:hover, #menu a.on { background: url('../design/bg_menu_a.gif') no-repeat top left; }

#body { background: #900; padding: 10px; position: relative; overflow: hidden; width: 770px; }
#body .design-tl, #body .design-tr, #body .design-bl, #body .design-br { position: absolute; height: 27px; width: 27px; overflow: hidden; }
#body .design-tl { top: 0; left: 0; background: url('../design/bg_body_tl.jpg') no-repeat top left; }
#body .design-tr { top: 0; right: 0; background: url('../design/bg_body_tr.jpg') no-repeat top left; }
#body .design-bl { bottom: 0; left: 0; background: url('../design/bg_body_bl.jpg') no-repeat top left; }
#body .design-br { bottom: 0; right: 0; background: url('../design/bg_body_br.jpg') no-repeat top left; }
#content { width: 750px; background: #DDC694 url('../design/bg_content.jpg') repeat-y 507px 0; padding: 10px; overflow: hidden; position: relative; }
#content .main { width: 475px; float: left; overflow: hidden; position: relative; }
#content .right { width: 240px; float: right; position: relative; }
#content .right h2 { font-size: 20px; font-style: italic; color: #CA1309; font-weight: normal; }
#content .right h3 { font-size: 18px; font-style: italic; color: #CA1309; font-weight: normal; }
#content .right h4 { font-size: 16px; font-style: italic; color: #CA1309; font-weight: normal; }


.box-top { width: 224px; background: #D1AB81 url('../design/bg_box_top.jpg') no-repeat top left; margin-top: 10px; padding: 8px; }
.box-top h2 { padding: 0; margin: 0; }
.box-top h3 { padding: 0; margin: 0; }
.box-top h4 { padding: 0; margin: 0; }
.box-body { width: 224px; background: #D1AB81 url('../design/bg_box_body.jpg') no-repeat bottom left; padding: 8px;}

#content .right ul { list-style: none; margin: 0; padding: 0; margin-left: 20px; }
#content .right ul li { display: block; margin-bottom: 3px; }
#content .right ul li a { display: block; padding-left: 20px; background-image: url('../design/bg_list_a.jpg'); background-repeat: no-repeat; background-position: top left; color: #5A3614; text-decoration: none; overflow: hidden; margin-bottom: 3px; }
#content .right ul li a:hover, #content .right ul li a.on { text-decoration: none; color: #CA1309; }
#foot-left { width: 365px; float: left; padding: 10px; padding-top: 0px; padding-bottom: 15px; overflow: hidden; background: #900 url('../design/bg_foot_l.jpg') no-repeat bottom left; color: #EBDCAE; font-size: 14px; overflow: hidden; margin-bottom: 30px; }
#foot-right { width: 365px; float: left; padding: 10px; padding-top: 5px; text-align: right; background: #000 url('../design/bg_foot_r.jpg') no-repeat bottom left; color: #900; font-size: 14px; }

.path { font-style: italic; margin: 0; padding: 0; margin-bottom: 30px; margin-top: -20px; }
.item { margin-bottom: 20px; overflow: hidden; clear: both; }
.item .image { width: 160px; float: left; }
.item .description { width: 300px; float: left; margin-left: 10px;  }
.item .description h2 { padding: 0; margin: 0; font-size: 20px; font-weight: normal; font-style: italic; margin-bottom: 7px; }
.item .description p { padding: 0; margin: 0; margin-bottom: 7px; font-size: 12px; }
.item .description p.price { padding: 0; margin: 0; margin-bottom: 7px; font-size: 12px; font-weight: bold; }
.item .description .more a { display: block; width: 107px; height: 14px; background-image: url('../design/bg_item_a.jpg'); background-repeat: no-repeat; background-position: top left; font-size: 12px; color: #DDC694; padding: 3px; padding-left: 20px; text-decoration: none; font-style: italic; }
.item .description .more a:hover { background-position: bottom left; }

/* form */
form { padding: 0; margin: 0; }
p.input { margin: 0; padding: 0; margin-bottom: 10px; }
p.input input  { width: 120px; border: 1px solid #900; background: #E5D3A1; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; color: #5A3614; }
p.input label { display: block; float: left; width: 90px; }
p.submit { text-align: center; padding: 0; margin: 0;}
#order-form input, #order-form textarea {  border: 1px solid #900; background: #E5D3A1; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; color: #5A3614; }

table.cart-table { width: 100%; margin-top: 10px; }
table.cart-table th { background: #990000; text-align: center; color: #fff; }
table.cart-table tr.row-1 { background: #D1AB81; }
table.cart-table td { padding: 4px; }
table.cart-table .amount { text-align: center; }
table.cart-table .price { width: 100px; text-align: right; }
table.cart-table tr.table-foot { background: #EADBBB; font-weight: bold; }



.order-form textarea { margin: 0 auto; width: 464px; border: 3px solid #D1AB81; background: #EADBBB; }
.order-form .form-submit { text-align: center; margin-top: 10px; }


.paging div { float: left; }
.disabled { display: none }

.altrow { background: #D1AB81; padding: 2px 8px; border-top: 1px solid #5A3614; }