body {background: #f2f2ee url(images/bg.jpg) repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #595959; margin: 0px; padding: 0px;}
#wrapper {width: 100%; margin: 0px; float: left;}
#top_sp {width: 100%;   background:url(images/top_bg.png) no-repeat; height: 106px;}
#logo {width: 222px; height: 106px; float:left; padding: 0px; position: relative; z-index: 2}
.menu {width: 805px; float:left; margin-top: 42px; margin-left: -25px; position:relative; z-index: 3;}
.home {width: 24px; height: 25px; position:absolute; left: 195px; top: -70px; position: relative; z-index: 2}
.banner_slide {float: left; width: 100%; margin-top: -37px; /*background:url(images/bg.png) repeat;*/  }
/*.menu ul {margin: 0px; padding: 0px;}
.menu ul li {list-style-type: none; display:inline; font-size: 13px; line-height: 80px; padding: 0 8px;}*/
/*Button*/
.download_button{
	background: #4284c6;
    background: -moz-linear-gradient(top, #6cb5ff, #4284c6);
    background: -webkit-gradient(linear, left top, left bottom, from(#6cb5ff), to(#4284c6));
    background-image: -o-linear-gradient(#6cb5ff, #4284c6);
    -pie-background: linear-gradient(#6cb5ff, #4284c6);
	padding:10px;
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	border:1px solid #FFF;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin-bottom:10px;
	min-width: 90px;
	display:inline-block;
}
.download_button:hover{
	cursor: pointer;
	text-decoration:none;
	color:#FFF;
	border:1px solid #555;
	background: #2a77c4;
    background: -moz-linear-gradient(top, #46a0fc, #2a77c4);
    background: -webkit-gradient(linear, left top, left bottom, from(#46a0fc), to(#2a77c4));
}

/*-----------------------main content css----------------------*/
p {font-size: 12px; line-height: 17px;}
.main_cont {width: 960px; margin: 0px auto;}
.main_continner {width: 960px; margin: 0px 0 0 ; float: left; background: #fff; position: relative; z-index: 2}
.main_white {width: 920px; background: #fff;  padding: 15px; margin: 0px auto;}
.content_page {float: left; width: 680px; text-align: justify;}
.content_page h4 {margin: 0 0 10px 0; padding: 0px; color: #414141; font-size: 20px;} 
.main_innner_box {width: 320px; float: left; margin-right: 42px;}
.main_innner_box h4 {margin: 0 0 10px 0; padding: 0px; color: #414141; font-size: 20px;}
.details {float: left; width: 320px; margin-bottom: 15px;}
.img_box {width: 140px; height: 86px; float: left; margin-right: 15px;}
.img_boxtitle {width: 162px; float: left; color:#105272; font-weight: bold; font-size: 13px; margin-bottom: 4px;}
.img_boxdescri {width: 162px; float: left; font-size: 12px;}
.book_btn { width: 70px; height: 18px; float: left; margin-top: 15px;}
.see_btn { width: 74px; height: 18px; float: left; margin-top: 15px; margin-right: 5px;}
.adds_box {width: 190px; float: right;}
.adds_volvo {width: 190px; height: 189px; float: left;}
.footer {float: left; background:url(images/footer_bg.png) no-repeat; width: 950px; height: 99px; text-align: center; margin-top: 15px;}
.footer ul {margin: 0px; padding: 0px;}
.footer ul li {list-style-type: none; display: inline; font-size: 11px; line-height: 99px;}
.footer ul li a{color: #595959; text-decoration: none;}
.footer ul li a:hover{color: #098fc8; text-decoration: underline;}
.copyright {width: 400px; float: left; font-size: 11px; padding: 10px;}
.copyright a{color: #098fc8; text-decoration: underline;}
.design {width: 235px; float: right; font-size: 11px; padding: 10px;}
.design a{color: #098fc8; text-decoration: underline;}
.shadow {width: 950px; height: 48px; float: left;}
.clear {clear:both;}
.social_us {width: 419px; height: 26px; margin: 0px; padding: 0px; position:absolute; float:left; top: 9px; z-index: 3; left: 250px;}
.book_now {width: 168px; height: 28px; float: right; margin-right: 25px; margin-top: 8px;}

form {margin: 0px; padding: 0px;}
#page {float: left; width:920px;}
#content {width: 710px; float: left; font-size: 13px;}
.set {width: 200px; float: left;}
legend {font-size: 22px;}

input, textarea{ 
	padding: 4px;
	border: solid 1px #b5a055;
	margin: 4px;
	font: normal 13px/100% Verdana, Tahoma, sans-serif;
	width: 150px;
	background: #fff ;
	
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	color: #000;
	}
	
select { 
	padding: 4px;
	border: solid 1px #b5a055;
	margin: 4px;
	font: normal 13px/100% Verdana, Tahoma, sans-serif;
	width: 150px;
	background: #fff ;
	
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	color: #000;
	}
	
	input:hover, textarea:hover,
input:focus, textarea:focus { 
	border-color: #e5e8e9; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	background:#FFFFFF; color: #000000;
	}
	
	
	table.reference, table.tecspec {
    border-collapse: collapse;
    width: 100%;
}
table.reference tr:nth-child(2n+1) {
    background-color: #F6F4F0;
}
table.reference tr:nth-child(2n) {
    background-color: #FFFFFF;
}
table.reference tr.fixzebra {
    background-color: #F6F4F0;
}
table.reference th {
    background-color: #6bba70;
    border: 1px solid #8fd994;
    color: #FFFFFF;
    padding: 3px;
    text-align: left;
    vertical-align: middle;
	font-size: 12px;
}
table.reference th a:link, table.reference th a:visited {
    color: #FFFFFF;
}
table.reference th a:hover, table.reference th a:active {
    color: #EE872A;
}
table.reference td {
    border: 1px solid #D4D4D4;
    padding: 7px 5px;
    vertical-align: top;
	text-align: center;
	font-size: 12px;
}
table.reference td.example_code {
    vertical-align: bottom;
}

.testi {float: left; width: 190px;  height: 272px;}



			@media all {
				.lightbox { display: none; }
				.fl-page h1,
				.fl-page h3,
				.fl-page h4 {
					font-family: 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Helvetica Neue', Arial, Helvetica, sans-serif;
					font-weight: 100;
					letter-spacing: 1px;
				}
				.fl-page h1 { font-size: 110px; margin-bottom: 0.5em; }
				.fl-page h1 i { font-style: normal; color: #ddd; }
				.fl-page h1 span { font-size: 30px; color: #333;}
				.fl-page h3 { text-align: right; }
				.fl-page h3 { font-size: 15px; }
				.fl-page h4 { font-size: 2em; }
				.fl-page .jumbotron { margin-top: 2em; }
				.fl-page .doc { margin: 2em 0;}
				.fl-page .btn-download { float: right; }
				.fl-page .btn-default { vertical-align: bottom; }

				.fl-page .btn-lg span { font-size: 0.7em; }
				.fl-page .footer { margin-top: 3em; color: #aaa; font-size: 0.9em;}
				.fl-page .footer a { color: #999; text-decoration: none; margin-right: 0.75em;}
				.fl-page .github { margin: 2em 0; }
				.fl-page .github a { vertical-align: top; }
				.fl-page .marketing a { color: #999; }

				/* override default feather style... */
				.fixwidth {
					background: rgba(256,256,256, 0.8);
				}
				.fixwidth .featherlight-content {
					width: 500px;
					padding: 25px;
					color: #fff;
					background: #111;
				}
				.fixwidth .featherlight-close {
					color: #fff;
					background: #333;
				}

			}
			@media(max-width: 768px){
				.fl-page h1 span { display: block; }
				.fl-page .btn-download { float: none; margin-bottom: 1em; }
			}


.footer_lft {width: 670px; float: left;}
.footer_rht {width: 275px; float: right; line-height: 115px;}
.footer_rht ul {margin: 0px; padding: 0px;}
.footer_rht ul li {display: inline; list-style-type: none; padding-left: 5px;}
#sidebar { width: 132px; height: 43;  float: right; position:absolute; z-index: 3; top: 300px; background:#FFFFFF; margin:0px; padding: 0px;}

.btn input {background:url(images/submit.png) no-repeat; width: 240px; height: 62px; color: #fff; font-size: 20px; text-align: center; border: none; font-weight: bold; }