﻿@charset "utf-8";

img { border:0px none; }
.fleft { float:left; }
.fright { float:right; }
.clear { clear:both; }
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-weight:normal; }
p { padding:0; margin:0 0 15px 0; line-height:18px; }
@font-face {
	font-family: 'robotoregular';
	src: url('../fonts/roboto-regular_1-webfont.eot');
	src: url('../fonts/roboto-regular_1-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/roboto-regular_1-webfont.woff') format('woff'),
		url('../fonts/roboto-regular_1-webfont.ttf') format('truetype'),
		url('../fonts/roboto-regular_1-webfont.svg#robotoregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'swis721_cn_btroman';
	src: url('../fonts/swz721c_1-webfont.eot');
	src: url('../fonts/swz721c_1-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/swz721c_1-webfont.woff') format('woff'),
		url('../fonts/swz721c_1-webfont.ttf') format('truetype'),
		url('../fonts/swz721c_1-webfont.svg#swis721_cn_btroman') format('svg');
	font-weight: normal;
	font-style: normal;
}
#wrapper { width:1000px; margin:0 auto; }
#mainwrapper { width:990px; float:left; padding:0 5px; background:url(../images/middle-bg.png) center top repeat-y; }
#headerwrapper { width:960px; float:left; padding:13px 15px 12px 15px; }
.logo { width:110px; float:left; padding-left:25px; }
.menu { float:left; margin:15px 0 0 0; }

#bannerrwrapper { width:100%; height:100%; float:left; background:url(../images/banner-bg.png) left top no-repeat; }
/*slider*/

#bannerrwrapper1 { width:100%; height:100%; float:left; background:url(../images/banner-bg.png) left top no-repeat; }
#gamesHolder1 { width:100%; }
#page { width: 954px; margin:0 auto; }
#gamesHolder { width:100%; }
.coin-slider { overflow: hidden; zoom: 1; position: relative;  }
.coin-slider a{ text-decoration: none; outline: none; border: none; }
.cs-buttons { font-size: 0px; padding: 10px; float: left; margin:-35px 0 0 0; z-index:99999; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #ffffff; color: #ffffff; text-indent: -1000px;   }
.cs-active { background-color: #ffffff; color: #FFFFFF; }
.cs-title { width: 934px; padding: 10px; background-color: #000000; font-family: 'swis721_cn_btroman'; font-size:18px; color: #FFFFFF; text-align:right; }
.cs-prev, .cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }

h1 { width:960px; float:left; text-align:center; margin:0 15px 15px 15px; font-family: Oswald; color:#365688; font-size:26px; }
h1 span { color:#363636; }

#middlerwrapper { width:968px; float:left; margin:0 12px 0 12px;}
.middlerbg { width:968px; float:left; background:url(../images/contect-bg.jpg) left top repeat-y; }
.middlerbg-top { width:968px; float:left; background:url(../images/contect-top-crv.jpg) left top no-repeat; }
.middlerbg-bot { width:960px; padding:23px 4px; float:left; background:url(../images/contect-bot-crv.jpg) left bottom no-repeat; }

#product { width:230px; float:left; }
#product h2 { width:230px; line-height:36px; background:url(../images/product-title.png) left no-repeat; font-family:Oswald; font-size:18px; padding-left:45px; color:#FFFFFF; text-transform:uppercase; }
#product ul { list-style:none; margin:0; padding:0; }
#product ul li { margin:0; padding:8px 0 8px 13px; border-bottom:1px solid #d9d9d9; }
#product ul li a { padding:0 0 0 15px; color:#616162; text-decoration:none; background:url(../images/arrow.png) left 3px no-repeat; display:inline-block; }
#product ul li a:hover { color:#365688; }

#right-part { width:700px; float:right; }
.home1 { width:325px; float:left; }
.home1_2 { width:100%; float:left; }
.right30 { margin-right:30px; }
h3 { font-family: Oswald; color:#7a7a7a; font-size:22px; margin-bottom:10px; line-height:22px; }
h3 span { color:#365688; }
.blue-txt { color:#365688; }
.topspace { margin:30px 0 0 0; display:block; }
.strengths { list-style:none; margin:0; padding:0; }
.strengths li { margin:0 0 11px 0; padding:0 0 0 18px; background:url(../images/arrow-right.png) left 4px no-repeat; line-height:18px;}

#footerwrapper { width:990px; float:left; text-align:center; color:#757575; line-height:26px; padding:12px 0 15px 0; }
#footerwrapper a { color:#757575; text-decoration:none; margin:0 10px; }
#footerwrapper a:hover { text-decoration:underline; }
/* product */
.product-listing { list-style:none; margin:0; padding:0; }
.product-listing li { margin:0 14px 14px 0; padding:16px 0 0 0; width:219px; height:256px; float:left; background:url(../images/product-bg.png) left top no-repeat; text-align:center; }
.thumb { background:#ffffff; border:1px solid #dadada; padding:3px; }
.product-listing li p { color:#363636; display:block; font-weight:bold; padding:12px 15px; margin:0px!important; line-height:16px; height:30px; }
.product-listing li p a { text-decoration:none; color:#363636;}
.product-listing li p a:hover { text-decoration:none; color:#365688;}

/* product detail */
#container { width:900px; padding:0 30px; float:left; }
.pro-detai-l { width:350px; float:left; }
.pro-detai-r { width:520px; float:right; }
h4 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#365688; margin-bottom:5px; font-weight:bold; }

.bluebo {font-family:Oswald; font-size:12px; color:#365688; font-weight:bold; }

.address { padding-bottom:12px; line-height:18px; }
.address a { color:#616162; text-decoration:none; }
.address a:hover { text-decoration:underline }

/* dealer reg */
.form-main { border-top:1px solid #d9d9d9; width:900px; float:left; margin-top:10px; padding-bottom:10px; }
.form { width:420px; float:left; }
.right60 { margin-right:60px; }
.form label { width:420px; float:left; padding:15px 0 12px 0; font-weight:bold; line-height:18px; }
.form .txt-box { width:410px; float:left; padding:9px 0 0 50px; height:30px; background:url(../images/txt-box.png) left top no-repeat; }
.form .txt-box input { width:395px; font-family:Oswald; font-size:12px; color:#616162; background:none; border:0px none; }
.form .textarea { width:410px; float:left; padding:9px 0 0 10px; height:70px; background:url(../images/textarea.png) left top no-repeat; }
.form .textarea textarea { width:395px; height:55px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#616162; background:none; border:0px none; resize:none; }
.form .select-box { width:410px; float:left; padding:11px 0 0 10px; height:28px; background:url(../images/txt-box.png) left top no-repeat; }
.form .select-box select { width:395px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#616162; background:none; border:0px none; }
.form .select-box select option {padding:3px 0px;}
.input-btn { width:100%; float:left; text-align:center; margin-top:20px; }

.subtitle { width:100%; float:left; font-size:11px; }
h5 { color:#343434; float:left; font-family:Oswald; font-size:16px; }

.tableouter {width:100%; float:left; padding:7px 0 0 0;}
.tablebox {border:1px solid #d3d3d3; background-color:#FFFFFF;}
.tablebox tr.light td,
.tablebox tr.dark td {padding:7px 5px; border-bottom:1px solid #d3d3d3;}

.tablebox tr.light:last-child td,
.tablebox tr.dark:last-child td {border-bottom:0px;}

.tablebox tr.light td {background-color:#f3f3f3;}
.tablebox tr.dark td {background-color:#e9e9e9;}

.tagline {width:100%; float:left; margin:0px; padding:0px;}
.tagline h1.left {float:left; width:300px; }
.tagline h1.cen {float:left; width:300px;}
.tagline h1.right {float:right; width:300px;}

.topright {float:right; width:500px; text-align:right; height:30px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#365688; text-transform:uppercase; font-size:14px;}