* {margin: 0; padding: 0;}
html, body {width: 100%; height: 100%;}
body  {font: normal 11px Tahoma, Geneva, sans-serif; background: url(/media/images/bg-t-x.png) 0 0 repeat-x #000; min-height: 100%; height: auto !important; height: 100%; position: absolute; color: #fff;}
body.none {background-image: none;}
img {border: none;}
ul {list-style: none;}
.clearfloat {clear: both; height: 0; font-size: 1px; line-height: 0px;}
a {text-decoration: none; color: #FFFFFF;}
a:hover {text-decoration: underline;}
input, textarea, select {font-size: 14px;}

.hide {display: none;}

/*bg*/
.bg1 {background: url(/media/images/bg1.jpg) 50% 7px no-repeat;}
.bg2 {background: url(/media/images/bg2.jpg) 52% 7px no-repeat;}
/*bg*/

/*center*/
.center {width: 904px; margin: 0px auto; position: relative; padding-bottom: 250px;}
.logo {background: url(/media/images/logo.png) 0 0 no-repeat; width: 190px; height: 190px; position: absolute; top: 114px;}
.bg2 div.logo {top: 84px; left: 0;}
.menu {position: absolute; top: 20px; color: #FFF; left: 100px;}
.menu li {float: left; padding: 5px 11px 0 11px;}
.menu li span {display: block; float: left;}
.menu a {color: #666;}
.menu a:hover {color: #fff; text-decoration: none;}
.menu li.active {background: url(/media/images/button-l.gif) 0 0 no-repeat; padding: 0 0 0 11px; position: relative;}
.menu li.active span {background: url(/media/images/button-r.gif) 100% 0 no-repeat; padding: 0 11px 0 0;}
.menu li.active span span {padding: 5px 0 0 0; height: 18px; background-image: none; background: #333;}
.menu li.active a {color: #fff;}

.menu li.active2 {background: url(/media/images/button2-l.gif) 0 0 no-repeat; padding: 0 0 0 11px; position: relative;}
.menu li.active2 span {background: url(/media/images/button2-r.gif) 100% 0 no-repeat; padding: 0 11px 0 0;}
.menu li.active2 span span {padding: 5px 0 0 0; height: 35px; background-image: none; background: #333;}
.menu li.active2 a {color: #fff;}

.menu .drop li {float: none; padding: 0; margin-top: 5px;}
.drop {background: url(/media/images/drop-b.gif) 0 100% no-repeat; width: 138px; padding: 0 0 11px 0; position: absolute; left: 0; margin: 0; top: 39px; display: none;}
.drop-bg {background: #333; padding: 8px 0 0 11px;}
.menu .drop li a {color: #b8b8b8;}
.menu .drop li a:hover {color: #fff; text-decoration: none;}
/*center*/

/*block*/
.block {height: 623px;}
.text {color: #999; padding: 261px 0 0 0; line-height: 16px;}
.text a {color: #a1244a;}
.text p {padding: 0 0 0 205px; width: 225px;}
.text p b {color: #FFF;}
.text span {display: block; padding: 25px 0 0 186px;}
.ordernow {background: url(/media/images/ordernow.png) 0 0 no-repeat; width: 185px; height: 102px; margin: 0;}
/*block*/

/*block2*/
.block2 {text-align: center; margin: 0 0 16px;}
.block5 {text-align: center; margin: 0 0 16px;}
/*block2*/

/*block3*/
.prev {width: 49px; padding: 43px 0 25px 0; float: left;}
.block3 {width: 792px; float: left; background: url(/media/images/block3.png) 0 0 no-repeat; padding: 15px 0 25px 14px; overflow: hidden;}
.block3 div {width: 180px; float: left; margin-right: 18px;}
.next {width: 48px; padding: 43px 0 25px 0; float: left; text-align: right;}
.block3 h3 {font: bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif; font-style: italic; color: #FFF; margin: 25px 0 12px 0;}
.block3 p {color: #999; margin-bottom: 12px;}
/*block3*/

/*footer*/
.bottom {width: 100%; position: absolute; bottom: 0px;}
.footer {height: 184px; background: url(/media/images/footer.jpg) 50% 100% no-repeat; position: relative; width: 856px; margin: 0px auto;}
.footer a {color: #a1244a; text-decoration: underline;}
.f-left {position: absolute; top: 57px; left: 0;}
.f-left li {margin-bottom: 5px;}
.f-right {right: 0; top: 57px; position: absolute;}
.f-center {left: 356px; color: #3c3c3c; position: absolute; top: 57px;}
.f-center span {display: block; margin-top: 10px;}
/*footer*/

/*main*/
.main {width: 607px; float: left; padding:285px 35px 0 24px;}
.main h2 {font-size: 27px; color: #FFF; margin-bottom: 25px;}
.main div.block3 {background: url(/media/images/block3-2.png) 0 0 no-repeat; padding: 15px 0 25px 15px;}
.main div.block3 div {width: 130px;}
.main div.block3 div.empty {background: #000000; float: left; margin: -30px 0 0 -1px; width: 200px; height: 135px;}

.block4 {background: url(/media/images/block4-bg.jpg) 0 0 no-repeat; height: 305px; margin-bottom: 17px; padding: 32px 0 0 30px;}
.block4 img {float: left; margin-right: 28px;}
.block4 div {float: left; width: 195px;}
.block4 div h3 {font-size: 24px; font-style: italic; color: #FFF; margin-bottom: 10px; padding-left: 7px;}
.block4 div p {color: #999; padding: 0 0 10px 10px;}
.block4 div img {margin: 0; float: none;}

.pages {margin-bottom: 50px;}
.pages span, .pages a {display: block; padding: 6px 0 ; height: 20px; width: 26px; float: left; text-align: center; margin-right: 8px;}
.pages span {background: url(/media/images/pages-active.gif) 1px 1px no-repeat;}
.pages a {background: url(/media/images/pages-passive.gif) 0 0 no-repeat;}
/*main*/

/*right*/
.right {width: 210px; float: left; padding: 340px 0 0 0; /*background: url(/media/images/lites.jpg) 100% 270px no-repeat;*/}
.right h2 {font-size: 21px; color: #999; margin-bottom: 25px;}
.right a {color: #ccc;}
.right ul {width: 153px; text-align: center; color: #fff;}
.right li {background: url(/media/images/right-button1.png) 50% 7px no-repeat; height: 29px; padding-top: 18px;}
.right li.active {background: url(/media/images/right-button2.png) 50% 0 no-repeat; padding-top: 18px; height: 29px;}
/*right*/

/*about*/
.about {padding: 285px 0 0; width: 855px; margin: 0px auto;}
.about h2 {font-size: 27px; color: #FFF; margin-bottom: 25px;}
.about td {vertical-align: top; text-align: left;}
.screen {float: left; background: url(/media/images/screen-bg.png) 0 0 no-repeat; width: 307px; margin-right: 25px;}
.screen img {padding: 15px; margin-bottom: 25px;}
.screen span {display: block; background: url(/media/images/button3.gif) 0 0 no-repeat; width: 99px; height: 19px; padding: 4px 0 0 0; margin: 0px auto; text-align: center;}
.text2 {float: left; margin: 0;}
.text2 p {margin-bottom: 22px; color: #999; line-height: 18px;}
.text2 a {color: #a1244a; text-decoration: underline;}
.text2 a:hover {text-decoration: none;}
.text2 ul {padding: 0 0 0 15px; color: #999999;}
.text2 ul li {padding: 2px;}
/*about*/

/*t1*/
.t1 {width: 677px; margin: 0px auto 4px auto;}
.t1 td {height: 23px; background: #333; color: #fff; font-weight: bold;}
/*t1*/

/*t2*/
.t2 {margin: 0px auto 50px auto; width: 100%; background: #060606; padding: 15px;}
.t2 td {color: #999; border-bottom: 1px solid #222; padding: 7px;}
.t2 span {color: #FFF;}
.t2 tr.last td {border: none;}
.ver {}
.ver td {padding: 0 35px 0 0; width: 22%;}
.ver p a {font-weight: bold; font-size: 16px;}
p.white {color: #ffffff;}
.listing {margin: 0 0 50px;}
.listing h3 {color: #ffffff; font-size: 16px; font-weight: bold;}
.listing ul {padding: 25px 10px 0 15px; color: #999999;}
.listing ul li {padding: 2px;}
.p01 {font-size: 16px; color: #ffffff; text-decoration: underline;}
.ver .last {padding: 0;}
/*t2*/

/*t3*/
.t3 {margin: 0 0 30px; color: #FFF;}
.t3 table {background: #060606; width: 100%; padding: 15px;}
.t3 td {text-align: left; vertical-align: top; color: #999999; padding-bottom: 8px;}
.t3 td.left {text-align: right; width: 100px;}
.t3 h3 {font-size: 18px; font-weight: normal; margin-bottom: 15px;}
.t5 h3 {font-size: 18px; font-weight: normal; margin-bottom: 15px;}
.t3 td i {color: #333; font-size: 10px;}
.t3 td.q01 {padding: 0 8px 0 0; text-align: right; width: 110px;}
.f01 {width: 100px; background: #000; border: 1px solid #333; font: normal 14px Tahoma, Geneva, sans-serif; color: #b87e2a;}
.f02 {width: 150px; background: #000; border: 1px solid #333; font: normal 14px Tahoma, Geneva, sans-serif; color: #b87e2a;}
.f03 {width: 200px; background: #000; border: 1px solid #333; font: normal 14px Tahoma, Geneva, sans-serif; color: #b87e2a;}
.f04 {width: 350px; background: #000; border: 1px solid #333; font: normal 14px Tahoma, Geneva, sans-serif; color: #b87e2a;}
.t3 textarea {width: 600px; height: 160px; background: #000; border: 1px solid #333; font: normal 14px Tahoma, Geneva, sans-serif; color: #b87e2a;}
.t3 p {padding: 25px 0 0 160px;}
.t3 p span {display: block; height: 27px; padding: 12px 0 0 0; float: left; text-align: center;}
.t3 td b.block {color: #b87e2a; font-size: 16px;}
.t3 td li {margin: 0 5px 13px}
.t3 td span {padding: 0 25px 0 0;}
.t3 td span font {color: #333333; font-size: 8px;}
.t3 td span span {padding: 0 0 0 4px;}
.q02 {background: url(/media/images/button4.png) 0 0 no-repeat; width: 92px; margin-right: 11px;}
.q03 {background: url(/media/images/button5.gif) 0 0 no-repeat; width: 110px;}
.sep {min-height: 1px; height: 1px; background: #333333;}
.notice {color: red; font-size: 13px;}
.result div {margin: 25px 25px 0 162px; display: none; font-size: 14px; color: #B87E2A;}
/*t3*/

/*t4*/
.t4 table {background: #141414; width: 100%;}
.t4 td {text-align: center; padding: 10px; vertical-align: middle; font-size: 18px; color: #b87e2a; cursor: pointer;}
.t4 td.active {background: #242424;}
.t4 td span {color: #A1244A; text-decoration: none; font-size: 18px;}
.t4 td font {color: #333333; font-size: 9px;}
.t4 td.active font {color: #999999;}
.t4 td a:hover {text-decoration: none;}
/*t4*/

/*text3*/
.text3 {color: #999; padding: 15px 25px 0 165px;}
.text span {color: #fff;}
/*text3*/

/*start*/
.start {width: 333px; margin: 250px auto 0; background: url(/media/images/logo2.jpg) 0 0 no-repeat; padding: 267px 0 0 0;}
.lang {position: absolute; color: #999; background: url(/media/images/lang.png) 0 0 no-repeat; width: 45px; height: 19px; padding: 6px 0 0 23px; top: 19px; right: 0; cursor: pointer;}
.lang2 {position: absolute; color: #999; background: url(/media/images/lang2-t.png) 0 0 no-repeat #333; width: 66px; text-align: center; top: 19px; right: 1px; display: none;}
.lang2-b {background: url(/media/images/lang2-b.png) 0 100% no-repeat; padding: 5px 0 3px 0;}
.lang2 li {margin: 1px 0 8px; width: 45px; padding-left: 10px;}
.lang2 span {color: #999; padding-right: 4px;}
.start p {color: #3c3c3c; text-align: center; padding-top: 102px;}
/*start*/