@charset "utf-8";

body{}

#topbars{width:940px;margin: 0 auto;}

#topbars{}
.container {width: 980px;margin: 0 auto 0 auto;overflow: hidden;}
.containers {width: 940px;margin: 0 auto 0 auto;overflow: hidden;padding-bottom: 20px;}
.containers h3{margin-top:-10px;padding-left: 20px;}
.containers p{padding-left: 20px;margin-top: 0;line-height:1.7;}
#slidetab {width: 940px;margin: 0 auto;overflow: hidden;padding:20px 0 20px 0;background-color: #fbfbfb;margin-top: 20px;margin-bottom: 20px; -webkit-border-radius: 10px; -moz-border-radius:10px; }
#slidetab h4{color: #333;font-size: 12px;padding: 0;margin: 0;display: block;text-align: center;}

.slide2{display: none;padding:20px;}
.slide2 ul {padding-left: 20px;border-left: solid #929292 1px;}
.slide2 ul li a{color: #929292;text-decoration: none;font-size: 12px;}
.slide2 ul li a:hover{color: #333;}
.slidebtn{ background-color: #e3e3e3;float: left;margin-left: 40px;padding: 10px 20px 10px 20px;}
.slidebtn a{color: white;text-decoration: none;}


.box{width: 252px;no-repeat;float: left;overflow: hidden;padding: 20px 20px 20px 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background-color: #fbfbfb;}
.box img{float: left;}
.box h2 {width: 232px; height: 47px; color: white;background: url(../images/1design.png) no-repeat;line-height: 47px;color: white;margin: 0;padding: 0;font-size: 18px;padding-left:65px;}
.boxmid h2 {width: 232px; height: 47px; color: white;background: url(../images/2optimization.png) no-repeat;line-height: 47px;color: white;margin: 0;padding: 0;font-size: 18px;padding-left:65px;}
.boxlast h2 {width: 232px; height: 47px; color: white;background: url(../images/3market.png) no-repeat;line-height: 47px;color: white;margin: 0;padding: 0;font-size: 18px;padding-left:65px;}




.boxlast{width: 252px;float:left;padding: 20px;overflow: hidden;display: inline;-webkit-border-radius: 10px; -moz-border-radius: 10px; background-color: #fbfbfb;}
.boxlast img{float: right;}



.boxmid{width: 252px;background: url(../imges/box.gif) no-repeat;float: left;margin-left: 32px;margin-right: 32px;display: inline;padding: 20px;display: inline;-webkit-border-radius: 10px; -moz-border-radius: 10px; background-color: #fbfbfb;}
.boxmid img{float: left;}




#featured {
	width: 940px;
	height: 444px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;

	
}
#slides {
	width: 100%;
	height: 343px;
	overflow: hidden;
	color: #FFF;
}
.split, .full {
	width: 940px;
	height: 343px;
	background: url(../images/bluehead.png) no-repeat;
}


.lefts a{text-decoration: none;}






.split .lefts {
	float: left;
	width: 607px;
	height: 343px;
	padding-left: 20px;
	padding-right:0px;

	position: relative;
	background: url(../images/bluegradiant-left.png) 250px 100px no-repeat;
}

.split .lefts2 {
	float: left;
	width: 607px;
	height: 343px;
	
	padding-right:0px;

	position: relative;
	
}

.lefts ul { 

	line-height: 20px;
	
	font-size: 12px;
	float: left;
	width: 122px;
}

.lefts p{}



.split .rights {
	float: right;
	width:313px;

	height: 343px;
	background: url(../images/headright.png) no-repeat;
	background-color: #ececec;

}
.split .rights h2{text-align: center;padding: 20px 0 0 0;margin: 0;}
.split .rights h3{margin: 0;padding:0 0 20px 0;text-align: center;}

.split .rights ul { 
padding-left: 20px; 
	line-height: 20px;
	list-style-image: url(../images/bullet.png);
	padding-left: 40px;font-size: 12px;
}
.btn-blue{
	height: 31px;
	width: 143px;
	background-color: blue;}
.btn-blue a{
	display: block;}

.btn-gray {
	height: 31px;
	width: 143px;
	margin-top: 25px;
	text-align: center;
}
.btn-gray a {
	background: url(../images/link_btn.png) top left no-repeat;
	height: 21px;
	width: 143px;
	display: block;
	padding-top: 10px;
	text-decoration: none;
	color: #0085a5;
	text-transform: uppercase;
	font-size: 12px;
}
.btn-gray a:hover { background: url(../images/link_btn.png) bottom left no-repeat; }
.btn-blue {
	height: 31px;
	width: 143px;
	margin-top: 25px;
	text-align: center;
	float: left;
	margin-right: 10px;
}
.btn-blue a {
	background: url(../images/mediumButton2.png) top left no-repeat;
	height: 21px;
	width: 143px;
	display: block;
	padding-top: 10px;
	text-decoration: none;
	color: #FFF;
	text-transform: uppercase;
	font-size: 12px;
}
.btn-blue a:hover { }
.full .lefts {
	float: left;
	width: 248px;
	height: 262px;
	padding: 40px;
	background: url(../imges/bluegradiant-left.png) 50px 200px no-repeat;
}
.lefts h2{padding-top: 0px;margin-top: 0px;}
.lefts p{color: #333;size: 14px;line-height: 1.5;padding-right: 20px;padding-bottom: 20px;}

.split .rights p{color: #333;size: 14px;line-height: 1.5;padding-left: 30px;padding-bottom: 20px;padding-right: 30px;}




.full .rights {
	width: 627px;
	float: right;
	
}

.rights img{overflow: hidden;position: absolute; top:0px;}
#featured-nav {
	width: 940px;
	height: 101px;
	}
#featured-nav a {

	height: 101px;
	float: left;
	cursor: pointer;
	display: block;
	font-size: 12px;
	line-height: 16px;
	text-decoration: none;
	font-weight: normal;
	color: #777;
}
#featured-nav a span {
	margin-top: 10px;
	height: 30px;
	font-size: 12px;
	text-transform: uppercase;
	color: #5aa0b1;
	font-weight: bold;
	position: absolute;
	top: 12px;
	left: 120px;
}

#featured-nav a p{
	margin-top: 10px;
	font-size: 12px;

	color: #5aa0b1;
	
	position: absolute;
	top: 25px;
	left: 120px;
}
#featured-nav a img {
	position: absolute;
	left: 40px;
	top: 23px;
}
#featured-nav a.left {
	width: 313px;
	overflow: hidden;
	position: relative;
	background: url(../images/subnav_left.png) no-repeat;
	
}
#featured-nav a.left:hover, #featured-nav a.left.activeSlide { }
#featured-nav a.middle {
	overflow: hidden;
	position: relative;
	width: 314px;
	background: url(../images/subnav_middle.gif) no-repeat;
}
#featured-nav a.middle:hover, #featured-nav a.middle.activeSlide { }
#featured-nav a.rights {
	width: 313px;
	overflow: hidden;
	position: relative;
	background: url(../images/subnav_right.png) no-repeat;
}
#featured-nav a.rights:hover, #featured-nav a.rights.activeSlide { }





ul#nav_round { display: block; width: auto; height: 27px; margin: -40px 0 18px;float: right; }
ul#nav_round li { float: left; display: inline; }
ul#nav_round  li a{ color: #999; font-weight: normal;font-size: 12px; }
ul#nav_round li a { text-decoration: none; margin-left: 6px; padding: 5px 12px;
 -webkit-border-radius: 12px; -moz-border-radius: 12px; }
ul#nav_round li a:hover { background: white; }
ul#nav_round li.active a { background: #31cdf7; color: #fff; }

ul#nav_round li.quote a { background: #b4e126; color: #fff; }


/* Form style */
.quickquote {width: 250px; margin: 0 auto;}
.quickquote label { display: inline-block; float: left; height: 20px; line-height:20px;width: 55px; font-size: 14px;margin: 5px 0;color: #333;font-weight: bold;}
.quickquote input, textarea, select { width: 180px;padding: 2px; color: #333; background: #fff; border: 1px solid #ececec; margin: 5px 0; font:13px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;float: left; -webkit-border-radius: 5px; -moz-border-radius: 5px;padding: 5px;}   
.quickquote input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #f5f5f5; color:#333; }

.quickquote input.submits {  cursor: pointer; background:#555; color:#fff;  -webkit-border-radius: 5px; -moz-border-radius: 5px;padding: 10px 2px 10px 2px;float: none;margin-left:65px;border: none;}
.quickquote input.submits:hover { background:#444; }
.quickquote input[type="submit"][disabled] { background:#888; }
.quickquote fieldset { padding-left: 0px;}
.quickquote legend { padding:0; font-weight:bold; color:#0097b5;  margin-bottom:0 !important; margin-bottom:20px; }

.quickquote span.required{ font-size: 13px; color: #0097b5; } /* Select the colour of the * if the field is required. */

.message { margin: 0px 0; padding: 0; }

.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('images/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; }

.loader { padding: 0 10px; }

.quickquote #success_page h1 {margin-top: -5px;margin-bottom: 20px;}
.quickquote #success_page p {width: 200px;}

acronym { border-bottom:1px dotted #ccc; }


#panel{background-color: #fbfbfb;padding-top:20px;padding-bottom:40px;display: none;}
.col{width: 540px;padding-left: 40px;padding-right:20px;float: left;}
.col2 {width: 320px;padding-left: 20px;float: left;}
.col2 h1{font-size:18px;}
.col2 h2{font-size: 30px;}

#laptops{
margin-left: auto;
margin-top: -270px;
	width: 400px;
	height: 261px;
	background: url(../images/laptop.png) no-repeat bottom left;
	padding-top: 82px;
	position: relative;

}
#laptopimgs{position: absolute;bottom: 58px;right: 13px; }

.lefts h1{padding-top:30px;font-size: 21px;width:240px;color: #333;padding-left: 20px;}
.lefts h1 a{padding: 4px;color:white;}
.lefts p.subhead{width: 220px;color: white;padding-left: 20px;font-size: 15px;line-height: 1.4;}
.lefts p.subhead span {background-color: #b4e126;color: #333;padding: 4px;}
.lefts p.subhead a{color: #333;}
.lefts p.subhead strong{font-size: 16px;}

p.guarantee{font-size: 10px;color: #333;background:url(../images/lock.png) no-repeat center left;padding-left: 25px;line-height: 14px;display: block;width: 200px;margin-left: auto;margin-right: auto;padding-top: 3px;}
p.guarantee a{color: #333;text-decoration: underline;}


#key{display: none;}