/**
* Description：Layout CSS for the website
* Author：Gavin
* E-mail: shengzhizhang@gmail.com
* Created On：2008-10-27
* Last modification On：2010-3-8
**/

/***** Container *****/
#container {
margin:0 auto;
width:975px;
}

/***** Header *****/
#headTop {
background:#2A2A2A url(slogan.gif) no-repeat 93% 10px;
height:122px;
position:relative;
}

/***** Logo *****/
#logo {
left:30px;
position:absolute;
top:8px;
}

/***** Secondary navigation *****/
#secondaryNav {
position:absolute;
right:10px;
top:50px;
text-align:right;
width:320px; 
}
#secondaryNav li {
display:inline;
float:left;
margin:0 3px;
}
#secondaryNav li a {
color:#DDD3AC; 
}
#secondaryNav li a:hover { 
color:#fff; 
}
/***** login *****/
#login {
position:absolute; 
top:84px;
right:10px;
}
#login label{
margin-left:8px; 
color:#626262; 
}
#login .textLogin {
background:#161616; 
border:none; 
color:#ddd;
width:77px; 
padding:2px; 
}
#login .submitLogin {
border:none; 
outline:none;
width:58px; 
height:22px;
cursor:pointer;
background:url(btn_submit_login.gif) no-repeat 0 0;
}

/***** Banner *****/
#banner {
height:400px;
overflow:hidden;
position:relative; 
}
#banner .banner_info {
height:50px;
line-height:50px; 
width:950px;
font-size:24px;
text-align:left; 
color:#fff; 
padding-left:25px; 
background:url(bg_product_info.png); 
position:absolute; 
top:400px;
left:0;
}
#banner img, #insideBanner img{
display:block; 
}
.kwicks {
list-style: none;
position: relative;
margin: 0;
padding: 0;
width:975px;
height: 400px;
overflow:hidden;
}
.kwicks li {
width:755px;
height: 400px;
display: block;
overflow: hidden;
position:absolute; 
top:0;
left:0;
border-left: 0 solid #1B1B1B; 
padding: 0;  
}
.kwicks li a{
display:block; 
}
#insideBanner {
height:175px;
overflow:hidden;
position:relative; 
}
#insideBanner .kwicks li{
height:175px; 
border-color:#131313;
}

/***** Main *****/
#main {
overflow: hidden;
text-align:left;
}

/***** Sidebar *****/
#sidebar {
background:#090A09;
float:right;
width:208px;
}

/***** Content *****/
#content {
float:left;
width:725px;
display:inline; 
margin-left:14px; 
}

/* Self-Adaptive height */
#main:after {
clear:both;
content:'[DO NOT LEAVE IT IS NOT REAL]';
display:block;
height:0;
visibility:hidden;
}
#main {
display:inline-block;
}
/*\*/
#main {
display:block;
}
/*\*/
#sidebar, #content {
margin-bottom:-32767px !important;
padding-bottom:32767px !important;
}
@media all and (min-width: 0px) {
#sidebar, #content {
margin-bottom:0 !important;
padding-bottom:0 !important;
}
#sidebar:before, #content:before {
background:inherit;
content:'[DO NOT LEAVE IT IS NOT REAL]';
display:block;
height:0;
margin-bottom:-32767px !important;
padding-top:32767px !important;
}
}

/***** Footer *****/
#footWrapper {
background:#050505;
text-align:center; 
}
#footer {
width:965px; 
margin:0 auto; 
padding:20px 5px;
text-align:left; 
}
#copyright {
line-height:20px;
float:left;
width:600px; 
color:#626262; 
}
#copyright .hilight, #copyright a {
color:#A0A0A0; 
}
#copyright a:hover {
text-decoration:underline; 
}
#footNav {
float:right;
width:300px;
text-align:right; 
}
#footNav a{
margin:0 10px; 
}

/***** Index modules *****/

/***** Sub navigation *****/
#subNav h2 {
font-size:14px;
height:32px;
line-height:32px;
text-align:left;
}
#subNav ul#subMenu{
width:90px;
padding:10px 8px; 
}
#subNav ul li {
float:left;
font-size:12px;
width:90;
position:relative; 
}
#subNav ul ul {
background:#121312;
padding:0;
position:absolute;
left:90px;
top:0;
width:102px;
display:none;
}
#subNav ul li a {
background:url(bg_sub_nav_item.jpg) no-repeat 0 0;
display:block;
width:75px; 
line-height:14px;
padding:5px 5px 5px 10px;
}
#subNav ul li a.current, #subNav ul li a:hover, #subNav ul li a.active{
color:#fff; 
}
#subNav ul li li{
width:97px;
border-top:1px solid #1C1C1C;
border-left:5px solid #1C1C1C; 
}
#subNav ul li li a {
background:none;
width:82px; 
}

/***** Inside Pages *****/
#booking {
text-align:center; 
padding:10px 0; 
}
.widget {
margin-bottom:20px; 
}
.widget h2 {
font-size:14px;
color:#E5E5E5; 
font-weight:normal;
border-bottom:1px solid #303030;
height:30px; 
line-height:30px; 
padding-left:15px; 
}
.widget .content{
padding:10px 15px; 
line-height:18px; 
}
#weather {
color:#E5E5E5; 
}
#weather h2{
margin-bottom: 10px;
}
#weather .content{
padding: 0 12px;
height: 264px;
overflow: hidden;
position: relative;
}
#weather .forecast{
position: absolute;
top: -22px;
left: 10px;
line-height: 20px;
}
#weather .forecast .forecast-layout{
position: absolute;
height: 263px;
width: 90px;
background: #000;
left: 0;
bottom: 0;
filter: Alpha(opacity=0);   
-moz-opacity:0;   
opacity:0;
}
#mainTitle {
background:#090A09; 
position:relative; 
height:38px; 
line-height:38px;
margin-top:22px; 
}
#mainTitle h2{
font-size:18px;
font-weight:normal;
color:#fff; 
padding-left:25px; 
}
#mainTitle span{
position:absolute; 
top:0;
right:20px;
background:url(listIcon03.gif) no-repeat 0 50%;
padding-left:20px; 
}
#mainTitle span a.current{
color:#fff; 
}
#function {
padding:20px 25px;
min-height: 480px;
height: auto !important;
height: 480px;
overflow: visible;
line-height:22px;
}
/***** Product list *****/
.productList {
text-align:center;
}
.productList li {
display: -moz-inline-stack;
display:inline-block;
*display:inline;
text-align:center; 
vertical-align: top;
zoom:1;
width:24.9%;
min-height:120px;
_height: 120px;
}
.productList a {
display:block; 
margin:0 auto;
width:136px; 
}
.productList a img {
display:block; 
border:#ddd 1px solid;
padding:2px;
width:130px;
height:100px; 
}
.productList a:hover img {
border-color:#f00;
}
.productList a span {
cursor:pointer;
display:block;
overflow:hidden;
text-align:center;
color:#333;
margin:4px auto 0;
line-height:20px;
}
.productList a:hover span {
text-decoration:underline;
color:#f00;
}

/***** News list *****/
.newsList {
margin:0 auto;
}
.newsList li {
background:url(listDiv01.gif) repeat-x 0 100%;
float:left;
line-height:14px;
padding:15px 0;
text-align:left;
width:100%;
}
.newsList li a {
padding-left:20px;
font-size:14px;
color:#fff; 
}
.newsList li a:hover{
color:#FFF799; 
}
.newsList li span {
color:#999;
display:block; 
line-height:20px; 
padding-left:20px; 
color:#88ABDA; 
font-size:11px;
background:url(listIcon03.gif) no-repeat 0 50%;
}
.newsList li p{
margin:5px 20px; 
color:#959595; 
}
/***** Pagination *****/
.pagination {
height:22px;
padding:30px 0;
}
.pagination span, .pagination a {
background:#fff;
border:1px solid #ddd;
display:inline;
float:left;
height:20px;
line-height:20px;
margin-right:4px;
padding:0 8px;
}
.pagination a:hover {
background:#EDFEFF;
border-color: #78D0D6;
color:#0B93C6;
}
.pagination .current {
border:none;
color:#f00;
font-weight:bold;
}
.pagination .pr_off, .pagination .nt_off {
color:#ccc;
}

/***** Question list *****/
.questionList dt, .jobList dt {
font-weight:normal;
margin-top:10px;
}
.questionList dt span, .jobList dt span {
cursor:pointer;
font-weight:bold;
margin:0 4px;
}
.questionList dd, .jobList dd {
border:#ccc 1px solid;
padding:6px 10px;
}

/***** Video list *****/
td.videoList a {
background:#fff url(videoIcon.jpg) no-repeat left 50%;
padding-left:25px;
}
div.videoShow {
background:#fff;
border:solid 1px #eee;
margin:0 auto;
padding:10px;
text-align:center;
width:80%;
}
div.videoShow h4 {
background:url(videoIcon.jpg) no-repeat left 50%;
font-size:14px;
height:50px;
line-height:50px;
margin:0 auto;
padding-left:25px;
text-align:left;
width:80%;
}

/***** Search result list *****/
#mainContentSearch {
margin:30px;
}
.searchTitle {
background:#f8f8f8;
border:1px solid #ddd;
border-width:1px 0;
line-height:22px;
padding:0 10px;
}
.searchTitle a {
background:url(listImg.gif) no-repeat right 50%;
padding-right:10px;
}
#mainContentSearch strong {
padding-left:2em;
}
.resultTopicTitle {
}
#mainContentSearch .newsList {
width:100%;
}

/***** Webmap *****/
#webmap {
padding:20px 20px 20px 80px;
}
.mapList ul {
margin-left:40px; 
margin-bottom:3px;
padding-bottom:12px; 
background:url(ulBg.gif) repeat-y 0 0;
}
.mapList ul ul{
padding:0; 
}
.mapList ul li{
line-height:19px;
margin-top:5px; 
float:left;
width:100%; 
}
.mapList li a{
height:19px; 
line-height:19px; 
display:inline-block; 
background:url(webmapBg.gif) no-repeat 100% -19px;
}
.mapList li a span{
display:inline-block; 
height:19px; 
line-height:19px; 
background:url(webmapBg.gif) no-repeat 0 -57px;
padding:0 20px 0 40px; 
cursor:pointer;
white-space:nowrap;
}
.mapList li a:hover{
background-position:100% 0;
}
.mapList li a:hover span{
background-position:0 -38px;
}
.mapList li a.firstItem{
background-position:100% 0;
}
.mapList li a.firstItem span, .mapList li a.firstItem:hover span{
background-position:-19px -38px;
padding:0 20px; 
}
.mapList li a.lastChild span{
background-position:0 -95px;
}
.mapList li a.lastChild:hover span{
background-position:0 -76px;
}

/***** Article *****/
.article h3 {
border-bottom:1px solid #ddd;
font-size:14px;
line-height:28px;
text-align:center;
}
.article .newsDate {
line-height:22px;
margin-bottom:16px;
text-align:center;
}

/***** Related news list *****/
.relatedNews {
padding:10px;
}
.relatedNews h3 {
font-size:14px;
margin-bottom:8px;
}
.relatedNews a {
background:url(listIcon06.gif) no-repeat 0 50%;
line-height:22px;
padding-left:12px;
}

/***** Product details *****/
#largeImage {
text-align:center;
margin:0 auto;
border:3px solid #2A2A2A;
width:644px; 
position:relative; 
}
#largeImage img{
width:644px; 
display:block; 
}
#caseDetails {
background:#090A09; 
width:630px; 
padding:0 10px; 
margin:8px auto 0;
}
#caseDetails h1{
font-size:16px;
color:#fff; 
font-weight:normal;
height:40px; 
line-height:40px; 
padding-left:20px;
border-bottom:1px solid #303030; 
position:relative; 
}
#caseDetails h1 span{
position:absolute; 
top:10px;
right:20px;
}
#caseDetails .description{
padding:20px; 
color:#959595; 
}
#caseDetails .pagination {
background:#EFEFEF;
margin:0; 
}

.btnPrev, .btnNext {
background-image:url(btnArrow.png);
background-repeat:no-repeat;
width:36px;
height:36px;
position:absolute;
top:160px;
z-index:100;
}
.btnPrev {
backgroun-position:0 0;
left:20px;
}
.btnNext {
background-position:0 -73px;
right:20px;
}
.btnPrev:hover {
background-position:0 -36px;
}
.btnNext:hover {
background-position:0 -109px;
}
#product_info {
background:url(bg_product_info.png) 0 0;
text-align:center; 
font-size:18px;
color:#fff; 
position:absolute; 
height:54px; 
line-height:54px; 
width:100%; 
top:381px;
left:0;
z-index:10000;
}

/***** Form elements *****/
fieldset {
border:none;
padding-left:60px;
}
fieldset legend {
font-weight:bold;
height:40px;
line-height:40px;
*margin-left:-7px;
}
fieldset ol {
list-style: none;
margin-top: 1em;
}
fieldset li {
display:inline;
float: left;
padding-bottom: 1em;
width: 100%;
}
fieldset li label {
float: left;
line-height:20px;
margin-right:1em;
text-align: left;
}
fieldset li .tips {
display:inline;
float:left;
line-height:18px;
margin-left:10px;
width:8em;
}
fieldset input.text, fieldset textarea {
display:inline;
float:left;
font:12px Arial, Helvetica, sans-serif;
outline:none;
padding:2px;
width:300px;
}
fieldset em {
float:left;
text-align:center;
width:7px;
}
fieldset input.text2 {
width:42px;
}
fieldset input.text3 {
width:145px;
}
fieldset textarea {
height:8em;
}
/*.focusField {
border:solid 1px #83C6FA;
background:#F6FCFF;
color:#000;
padding:1px;
}
.idleField {
background:#fff;
color: #6F6F6F;
padding:1px;
border: solid 1px #ddd;
}*/

/***** pageNav *****/
.pageNav {
padding:20px;
text-align:center; 
margin:20px 0;
}

/***** Default buttons *****/
button { 
position: relative;
border: 0; 
padding: 0;
height:24px; 
vertical-align:middle;
cursor: pointer;
overflow: visible; /* Remove the self-propagation of the width in Internet Explorer */
}
button::-moz-focus-inner {
border: none;  /* Additional padding covering Firefox */
}
button span, .pageNav a span { 
position: relative;
display: inline-block; 
white-space: nowrap;
cursor: pointer;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* To amend the margin of Safari and Chrome */
button span {
margin-top: -1px;
}
}

/* Customize buttons: */		
.defaultBtn { 
padding: 0 10px 0 0; 
margin-right:5px; 
font-size:12px; 
font-family:Verdana, Geneva, sans-serif;
text-align: center; 
background: transparent url(btn_default_bg.gif) no-repeat 100% -60px; 
display:inline-block;
height:24px; 
}
.defaultBtn span {
padding: 5px 0 0 10px; 
height:19px; 
background: transparent url(btn_default_bg.gif) no-repeat 0 0; 
color:#445560; 
}
.defaultBtn:hover, .defaultBtnHover { /* Extra defaultBtnHover for IE6 */
background-position: 100% -90px; 
}
.defaultBtn:hover span, .defaultBtnHover span {
background-position: 0 -30px;
color:#052028; 
}


/***** Member *****/
#functionMember{
padding: 20px 0;
}
#member {
background-color: #0A0A0A;
padding: 20px 10px 50px;
min-height: 480px;
height: auto !important;
height: 480px;
overflow: visible;
}
#loginForm{
width: 400px;
margin: 0 auto 30px;
background: url(bg_login_form.gif) no-repeat 20px 50px;
padding: 50px 0 0 120px;
height: 80px;
border-bottom: 1px solid #303030;
position: relative;
}
#loginForm p{
padding: 5px 0;
}
#loginForm label{
display: inline-block;
width: 100px;
text-align: right;
}
.textMemberLogin{
border: none;
outline: none;
background-color: #313131;
padding: 2px;
line-height: 20px;
color: #ddd;
width: 160px;
}
#loginForm .submit{
position: absolute;
right: 60px;
top: 50px;
}
.submitMember{
border: none;
outline: none;
background: url(btn_member_login.gif) no-repeat 0 0;
width: 58px;
height: 52px;
cursor: pointer;
}
.memberTips{
width: 500px;
margin: 0 auto;
border: none;
}
.memberTips th{
background: none;
text-align: right;
vertical-align: top;
}
.memberTips td, .memberTips th{
border: none;
color: #959595;
}
#orderList table{
width: auto;
}
#orderList td{
text-align: center;
}
#orderList .hilight{
color: #065C99;
}
#orderList .orderItem{
width: 100%;
margin-bottom: 20px;
}
#orderList table{
width: 530px;
margin: 0 auto;
}
#orderList .strike{
text-decoration: line-through;
}
#orderDetails td{
text-align: center;
}
#orderDetails fieldset{
padding: 0;
margin-bottom: 20px;
}
#orderDetails td{
text-align: left;
}
#orderDetails td.alignCenter{
text-align: center;
}
#orderDetails td.alignRight{
text-align: right;
}
#orderDetails td input{
margin-right: 10px;
}
#orderDetails th{
text-align: right;
background: none;
font-weight: normal;
}
#orderDetails table table, #orderDetails table table td{
border: none;
padding:0;
}
#orderDetails .bill li{
float: left;
display: inline;
width: 70px;
height: 60px;
text-align: center;
border: 1px solid #ddd;
margin: 5px 10px 5px 0;
overflow: hidden;
padding: 0 7px;
}
#orderMessage{
width: 240px;
margin: 50px auto;
}
#orderMessage p{
padding: 4px;
}
.hilight{
color: #fff799;
}
#orderMessage .orderInfo{
border-bottom: 1px dashed #ddd;
}