/* -------------------------------------------------------------- 



* Filename:			style.css

* Version:			2nd Feb, 2010

* Website:			http://www.nexcar.com

* Author:			Baskar	elbaskar@gmail.com

* Description:		Nex Car





== STRUCTURE: ==================================



* Page width:            990px

* Number of columns:     2



================================================ 







/*******************************************************************

 * Global Reset

 *******************************************************************/

 

body{

	background: #f1f5f8 url(images-new/bg.jpg) repeat-x 0 106px;

	color: #4E4E4E;

}

#wrapper{

	background: url(images-new/header-bg.jpg) repeat-x 0 0;

}

#inwrapper{

	width: 1004px;

}

h1, h2, h3{

	font-family: Helvetica Neue, Tw Cen MT, Arial;

}

a{

	color: #0c6c9f;

}





/*******************************************************************

 * Header

 *******************************************************************/

 

#header{

	padding-bottom: 20px;

}

#header .logo{

	padding: 9px 0 0 0px;

}

#header .logo h1 a{

	background: none; /*url(images-new/logo.jpg) no-repeat 0 0;*/

	text-indent: inherit;

	color: #777;

	text-decoration: none;

	font-size: 24px;

	font-weight: normal;

	width: auto;

	height: auto;

}

#header .tol-free{

	float: left;

	background: url(images-new/highlight-bg.jpg) repeat-x 0 0;

	margin-top: 10px;

	padding: 9px 20px;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	display:inline;

}

#header .tol-free .cont{

	color: #e1e1e1;

	background: url(images-new/call-icon.png) no-repeat right 0;

	font-size: 16px;

	display: block;

	padding: 0px 25px 2px 0;

}

#header .nav-cont{

	float: right;

	clear: left;

	width: 752px !important;

	overflow: hidden;

	padding-top: 17px;

}

#header .nav-cont .primary_navigation{

	float: left;

	padding-top: 7px;

}

#header .primary_navigation ul{

	padding: 0 5px 0 0;

}

#header .primary_navigation ul li{

	padding-right: 3px;

}

#header .primary_navigation ul li a{

	background: #c5d4db !important;

	width: inherit !important;

	height: inherit !important;

	color: #5c666f;

	padding: 8px 13px 7px;

	margin-bottom: 2px;

	font-family: Helvetica Neue, Tw Cen MT, Arial;

	cursor: pointer;

	-moz-border-radius-topleft: 7px;

	-moz-border-radius-topright: 7px;

	-webkit-border-top-right-radius: 7px;

	-webkit-border-top-left-radius: 7px;

	text-indent: 0;

}

#header .primary_navigation ul li.active a, #header .primary_navigation ul li a:hover{

	background: #fff !important;

	margin-bottom: 0;

	padding-bottom: 9px;

	text-decoration: none;

}

#header .nav-cont .social-links{

	float: right;

}

#header .nav-cont .social-links label{

	color: #707f86;

	font-size: 10px;

}

#header .nav-cont .social-links ul li{

	float: left;

	padding-right: 3px;

}

#header .nav-cont .social-links ul li a{

	text-indent: -100000px;

	width: 22px;

	display: block;

	height: 22px;	

}

#header .nav-cont .social-links ul li.fb a{

	background: url(images-new/fb-icon.jpg) no-repeat 0 0;

}

#header .nav-cont .social-links ul li.tw a{

	background: url(images-new/tw-icon.jpg) no-repeat 0 0;

}

#header .nav-cont .social-links ul li.in a{

	background: url(images-new/in-icon.jpg) no-repeat 0 0;

}

#header .nav-cont .social-links ul li.yt a{

	background: url(images-new/yt-icon.jpg) no-repeat 0 0;

}

#header #banner-container .banner{

	position: static;

}

#header #banner-container{

	margin: 0;

	width: inherit;

	border-left: 10px solid #aebcc5;

	border-right: 10px solid #aebcc5;

	clear: both;

}

.testimonials .cntnt .post{

	background: none;

	border-bottom: 1px solid #C7D5DE;

}

.testimonials .cntnt .post:hover{

	background: none;

}

ul.pager{

	float: right;

	padding-bottom: 10px;

}



/*******************************************************************

 * Body

 *******************************************************************/

 

 #body{

 	background: none;

 	width: 1004px;

 }

 #content{

 	width: 687px;

 	min-height: inherit;

 	background: none;

 }

 #content .content{

 	padding-bottom: 15px;

 }

 #content .testimonials.content .cntnt{

 	margin-bottom: 15px;

 }

 #content .content.contact.a .cntnt{

 	padding: 20px 30px;

 }

 #content .content .email-updates{

 	float: right;

 	padding: 10px 20px;

 	background: #C7D5DE;

 	-moz-border-radius: 10px;

 	-webkit-border-radius: 10px;

 }

 #content .content .email-updates h3{

 	font-weight: normal;

 	padding-bottom: 5px;

 }

 #content .content.checklist .cntnt{

 	padding-top: 25px;

 	padding-bottom: 25px;

 }

 #content .content.checklist ul li{

 	float: left;

 	padding-left: 42px;

 	width: 279px;

 	min-height: 70px;

 }

 #content .content.checklist ul li.one{

 	background: url(images-new/list-number-1.jpg) no-repeat 0 0;

 }

 #content .content.checklist ul li.two{

 	background: url(images-new/list-number-2.jpg) no-repeat 0 0;

 }

 #content .content.checklist ul li.three{

 	background: url(images-new/list-number-3.jpg) no-repeat 0 0;

 	min-height: inherit;

 }

 #content .content.checklist ul li.four{

 	background: url(images-new/list-number-4.jpg) no-repeat 0 0;

 }

 #content .content.checklist ul li.five{

 	background: url(images-new/list-number-5.jpg) no-repeat 0 0;

 }

 #content .content.checklist ul li a{

 	display: block;

 	color: #000;

 	font-size: 14px;

 }

 #content .content.checklist ul li span{

 	display: block;

 	font-size: 11px;

 	color: #848484;

 }

 #content .content.why{

 	float: left;

 	padding-right: 13px;

 	width: 298px;

 }

 #content .content.why .cntnt{

 	padding-top: 20px;

 	padding-bottom: 20px;

 }

 #content .content.why .cntnt ul{

 	padding-bottom: 10px;

 }

 #content .content.why ul li{

 	background: url(images-new/list-arrow.jpg) no-repeat 0 5px;

 	padding: 5px 0 5px 27px;

 	line-height: 20px;

 }

 #content .content.why .notify{

 	background: #d6d2c6;

 	padding: 10px;

 	color: #232220;

 	font-size: 11px;

 	line-height: 18px;

 }

 #content .content.testimonial{

 	float: left;

 	width: 375px;

 }

 #content .content.testimonial .cntnt{

 	padding-top: 20px;

 }

 #content .content.testimonial .cntnt .row{

 	padding-bottom: 10px;

 	margin-bottom: 10px;

 	border-bottom: 1px solid #aebcc5;

 	overflow: hidden;

 }

 #content .content.testimonial .cntnt .row.last{

 	border: none;

 	margin-bottom: 0px;

 }

 #content .content.testimonial .cntnt img{

 	width: 66px;

 	border: 2px solid #adbcc3;

 	height: auto;

 	float: left;

 	margin-right: 10px;

 }

 #content .content.testimonial .cntnt img p{

 	padding: 0;

 }

 #content .content.testimonial .cntnt a{

 	float: right;

 }

 #content .content.suyc .cntnt{

	padding-top: 20px;

	padding-bottom: 20px;

 }

 .contact .cont {

 	background: none;

 	padding: 0;
	float:left;

 }

 .suyc fieldset{

 	border: none;

 	padding: 0 0 20px;

 	border-bottom: 1px solid #C7D5DE;

 }

 .suyc fieldset legend{

 	padding-bottom: 20px;

 }

 .testimonials .cntnt .post.post-comment-form:hover{

 	background: none;

 }

 .testimonials .cntnt .post.post-comment-form .comment-form input[type="submit"]:hover{

 	background: url("images-new/sub-btn-bg.jpg") repeat-x scroll 0 0;

 	color: #fff;

 }

 .testimonials .cntnt .post.post-comment-form .comment-form .submit{

 	padding: 0;

 }

 #body .content.deposit .cntnt{

 	padding: 20px 23px !important;

 }

 #body .content.deposit .cntnt .cont{

 	margin-bottom: 0;

 }

 #body .content.deposit ul{

 	padding: 0;

 	overflow: hidden;

 }

 #body .content.deposit ul li{

 	float: left;

 	padding-right: 19px;

 }

 #body .content.deposit ul li.last{

 	padding-right: 0;

 }

 #body .content .site-seal{

 	position: absolute;

 	right: 0;

 	top: 10px;

 }

 #body .content .site-seal img{

 	height: 30px !important;

 	width: auto !important;

 	margin-right: 10px;

 }

 



/*******************************************************************

 * Left Panel

 *******************************************************************/



#right_panel{

	float: left;

	width: 305px;

	padding-right: 12px;

	background: none;

}

#right_panel .block{

	padding-bottom: 15px;

}

#right_panel .block.bank ul li{

	border-bottom: 1px solid #ddd;

	padding: 10px 0;

}

#right_panel .block.bank ul li.last{

	padding-bottom: 0;

	border: none;

}

#right_panel .block h2, #content h2, #silinks h2{

	float: left;

	text-transform: uppercase;

	margin-left: 20px;

	padding: 7px 20px 5px;

	-moz-border-radius-topleft: 10px;

	-moz-border-radius-topright: 10px;

	-webkit-border-top-right-radius: 10px;

	-webkit-border-top-left-radius: 10px;

	color: #586369;

	font-size: 14px;

	background: #c7d5de;

}

#right_panel .block .container, #content .content .cntnt, #silinks .cntnt{

	clear: left;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	margin: 0;

	background: #fff;

	border: 2px solid #aebdc4;

	-moz-box-shadow: 5px 5px 5px #deecf2;

	-webkit-box-shadow: 5px 5px 5px #deecf2;

	padding-left: 20px;

	padding-right: 20px;

}

#right_panel p{

	color: #222;

}

#right_panel .block.biz-info p{

	font-size: 14px;

	line-height: 24px;

	padding: 0;

	color: #4e4e4e;

}

#right_panel .block.resources ul li{

	padding: 15px 8px 15px 50px;

	border-bottom: 1px solid #aebcc5;

}

#right_panel .block.resources ul li.last{

	border: none;

}

#right_panel .block.resources ul li.vi{

	background: url(images-new/car-icon.png) no-repeat 8px 1px;

}

#right_panel .block.resources ul li.ti{

	background: url(images-new/tradein-icon.png) no-repeat 8px 5px;

}

#right_panel .block.resources ul li.suyc{

	background: url(images-new/car-icon2.png) no-repeat 8px 1px;

}

#right_panel .block.resources ul li.si{

	background: url(images-new/shipping-icon.png) no-repeat 11px 9px;

}

#right_panel .block.resources ul li.dp{

	background: url(images-new/deposit-icon.png) no-repeat 11px 9px;

}

#right_panel .block.resources ul li.oit{

	background: url(images-new/team-icon.jpg) no-repeat 8px 8px;

}

#right_panel .block.resources ul li.ca{

	background: url(images-new/app-icon.png) no-repeat 14px 9px;

}

#right_panel .block.resources ul li a{

	color: #727b82;	

	font-size: 14px;

}

#right_panel .block.contact-us .row{

	padding-bottom: 10px;

	overflow: hidden;

}

#right_panel .block.contact-us .row.a{

	padding-top: 5px;

}

#right_panel .block.contact-us .row label{

	display: block;

	font-size: 11px;

	color: #909da3;

}

#right_panel .block.contact-us .row input[type="text"],  #content .content .email-updates input[type="text"], .testimonials .cntnt .post.post-comment-form .comment-form input[type="text"], .testimonials .cntnt .post.post-comment-form .comment-form textarea{

	width: 249px;

	padding: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border: 1px solid #d9e1e4;

	background: url(images-new/text-field-bg.jpg) repeat-x 0 0;

}

.testimonials .cntnt .post.post-comment-form .comment-form input[type="text"], .testimonials .cntnt .post.post-comment-form .comment-form textarea{

	width: 590px;

	background-color: #f1f5f8;

}

#right_panel .block.contact-us .row input[type="text"]:hover,  #content .content .email-updates input[type="text"]:hover, .testimonials .cntnt .post.post-comment-form .comment-form input[type="text"]:hover, .testimonials .cntnt .post.post-comment-form .comment-form textarea:hover{

	border-color: #b4bdc1;

}

#right_panel .block.contact-us .row input[type="text"]:focus,  #content .content .email-updates input[type="text"]:focus, .testimonials .cntnt .post.post-comment-form .comment-form input[type="text"]:focus, .testimonials .cntnt .post.post-comment-form .comment-form textarea:focus{

	border-color: #b4bdc1;

	background: #fff;

}

#right_panel .block.contact-us .row input[type="submit"], .testimonials .cntnt .post.post-comment-form .comment-form input[type="submit"]{

	float: right;

	background: url(images-new/sub-btn-bg.jpg) repeat-x 0 0;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border: none;

	cursor: pointer;

	color: #fff;

	padding: 4px 15px;

}



/*******************************************************************

 * Simple Links

 *******************************************************************/ 

 

 #silinks{

 	width: 1004px;

 	margin: 0 auto 15px;

 }

 #silinks ul li{

 	float: left;

 	padding: 0 10px;

 	background: url(images-new/divider.gif) no-repeat right center;

 }

 #silinks ul li a{

 	display: block;

 	width: 88px;

 	background-position: top center;

 	padding-top: 76px;

 	background-repeat: no-repeat;

 	text-align: center;

 	font-size: 11px;

 	color: #4E4E4E;

 	margin-top: 8px;

 }

 #silinks ul li.last{

 	border: none;

 	padding-right: 0;

 	background: none;

 }

 #silinks ul li.first{

 	padding-left: 0;

 }

 #silinks ul li.home a{

 	background-image: url(images-new/home-icon.png);

 }

 #silinks ul li.inventory a{

 	background-image: url(images-new/inventory-icon.png);

 }

 #silinks ul li.ebay a{

 	background-image: url(images-new/ebay-logo.png);

 	background-position: center center;

 }

 #silinks ul li.veh-finder a{

 	background-image: url(images-new/veh-finder-icon.png);

 	background-position: center center;

 }

 #silinks ul li.financing a{

 	background-image: url(images-new/financing-icon.png);

 }

 #silinks ul li.warranty a{

 	background-image: url(images-new/warranty-icon.png);

 }

 #silinks ul li.ship a{

 	background-image: url(images-new/shipping-ico.png);

 }

 #silinks ul li.about-us a{

 	background-image: url(images-new/about-us-icon.png);

 }

 #silinks ul li.contact-us a{

 	background-image: url(images-new/contact-icon.png);

 	background-position: center center;

 }

 #silinks .cntnt{

 	overflow: hidden;

 	padding: 20px;

 }



/*******************************************************************

 * Footer

 *******************************************************************/

 

 #footer{

 	background: none;

 	border-top: 5px solid #c3d1da;

 	padding: 0;

 }

 #footer .cont{

 	width: 954px;

 	overflow: hidden;

 	background: url(images-new/bbb.png) 960px center no-repeat #aebcc5;

 	margin: 0 auto;

 	padding: 20px 25px;

 }

 #footer .cont .footer_navigation ul li{

 	border-color: #fff;

 }

 #footer .cont .footer_navigation ul li.first{

 	padding-left: 0;

 }

 #footer .cont .footer_navigation ul li a{

 	color: #fff;

 }