@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'UniversLightCondensedRegular';
    src: url('../fonts/unvr47w-webfont.eot');
    src: url('../fonts/unvr47w-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/unvr47w-webfont.woff') format('woff'),
         url('../fonts/unvr47w-webfont.ttf') format('truetype'),
         url('../fonts/unvr47w-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}


*{outline:none; }
.clear{ clear:both;}
p, h1, h2, h3, h4, ul, form{ margin:0; padding:0; list-style:none;}
h2{font-family:"UniversLightCondensedRegular"; font-size:30px; color:#000;}
h2 span{ color:#0d6101;}
h3{font-family:"UniversLightCondensedRegular"; font-size:20px; color:#333; margin-bottom:10px}
h4{font-family:"UniversLightCondensedRegular"; font-size:30px; color:#85ad00;}
body{ margin:0; padding:0; font-family:"trebuchet MS"; font-size:14px; color:#515050; background:url(../images/main_bg.jpg);}

img{ border:0}

#wrapper{ width:1000px; margin:0 auto;}
#header{ height:512px; margin-bottom:30px;}
#header_short{ height:128px; margin-bottom:30px;}
#header_top{ height:157px; position:relative;}
#logo a{ width:320px; height:120px; position:absolute; top:20px; left:15px; background:url(../images/logo.png) no-repeat; display:block;}
#call{
	background:url(../images/call.png) no-repeat;
	font-family:"rockwell";
	color:#000;
	font-size:18px;
	text-align:right;
	position:absolute;
	top:20px;
	right:15px;
	width:245px;
	line-height:22px
}

a{ color:#333333;}
a:hover{ color:#000000}

#nav{ width:1000px; height:35px; background:#85ad00; position:absolute; top:125px; left:0px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
#nav ul li { float:left; margin:0 15px;}
#nav ul li a{ font-family:"trebuchet MS"; font-size:18px; color:#fff; line-height:35px; text-decoration:none; display:block; padding:0 15px;}
#nav ul li a:hover{  background:url(../images/main_bg.jpg); color:#333333; line-height:35px;}
#nav ul li a.selected{  background:url(../images/main_bg.jpg); color:#333333; line-height:35px;}

#banner{ height:326px; margin-top:30px; position:relative; }
#text p{ font-size:13px; color:#515050; width:405px; line-height:16px; position:absolute; top:90px; left:25px;}
#banner_btn a{ width:217px; height:67px; background:url(../images/arrow_banner.png) no-repeat; position:absolute; top:170px; left:0px; display:block;}

#mid_body{ background:url(../images/white-transparent.png); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:20px; border:1px solid #eae2ba}
#mid_left{ width:550px; float:left;}
#welcome{ }
#welcome ul li{background:url(../images/arrow_list.png) no-repeat 0 5px; padding-left:20px; line-height:22px;}
#welcome ul li a{ text-decoration:none; color:#515050;}
#welcome ul li a:hover{ text-decoration:underline;}

#mid_right{ width:380px; float:right;}
#zip{ background:url(../images/zip_bg.gif) no-repeat; font-size:22px; padding:15px; width:349px; height:295px;}
.zip_check{ width:344px; height:40px; background:url(../images/zip_check.png);}
.zip_txt{ width:230px; height:30px; padding:4px; background:none; border:0}
.zip_btn{ width:102px; height:40px; border:0; background:0; cursor:pointer}

.nor_list{ margin-left:15px; list-style:circle}
.nor_list li{ line-height:20px; margin-bottom:10px; font-size:15px;}

#location{  margin:20px 15px 0 0;}
#location a{ width:380px; height:129px; background:url(../images/location.jpg) no-repeat; display:block;}
#footer{ background:url(../images/black_transparent.png); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin:30px 0; padding:20px 0 20px 55px;}
#copyright{ width:380px; padding-right:63px; float:left; border-right:1px solid #beb694; line-height:20px;}
#copyright p{ font-size:12px; color:#353535; text-align:left}
#copyright p span{ font-size:13px; line-height:27px;}
#copyright ul{ width:250px; margin-top:10px;}
#copyright ul li{ width:115px; line-height:18px; float:left}
#copyright ul li a{ text-decoration:none; color:#353535; line-height:24px;}
#copyright ul li a:hover{ text-decoration:underline; color:#535252;}

.pages p{ line-height:20px;}
ul.arrow li{background:url(../images/arrow_list.png) no-repeat 0 5px; padding-left:20px; line-height:22px; margin-bottom:10px}
ul.arrow li strong{ font-size:16px;}

#services{ width:135px; float:left; border-right:1px solid #beb694; padding:0 45px;}
#services ul li{ line-height:30px;}
#services ul li a{ text-decoration:none; font-size:15px; color:#353535;}
#services ul li a:hover{ text-decoration:underline; color: #535252;}
#social{ float:left; width:165px; padding-left:45px;}
#social ul li{ margin-bottom:5px;}
#social ul li a{ font-family:"UniversLightCondensedRegular"; font-size:20px; color:#000; padding-left:50px; line-height:38px; display:block; text-decoration:none}
#social ul li a:hover{ color:#237b98;}
#social ul li a.social1{ background:url(../images/social1.png) no-repeat left top;}
#social ul li a.social1:hover{ background:url(../images/social1_hover.png) no-repeat left top; color:#264a9c}

#social ul li a.social2{ background:url(../images/social2.png) no-repeat left top;}
#social ul li a.social2:hover{ background:url(../images/social2_hover.png) no-repeat left top; color:#fff}
#social ul li a.social3{ background:url(../images/social3.png) no-repeat left top;}
#social ul li a.social3:hover{ background:url(../images/social3_hover.png) no-repeat left top; color:#125783}
#social ul li a.social4{ background:url(../images/social4.png) no-repeat left top;}
#social ul li a.social4:hover{ background:url(../images/social4_hover.png) no-repeat left top; color:#dc0000}


/*---------Contact Us------------*/

#other_pgs{ margin-bottom:20px; padding:20px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

#contactleft{ width:500px; float:left}
#contactrite{ width:400px; float:right;}
.border{ font: 12px Arial, Helvetica, sans-serif; border:1px solid #e0fc83; background:#fff; width:200px; height:18px; padding:2px;}
.border1{ font: 12px Arial, Helvetica, sans-serif; border:1px solid #85ad00; background:#f5fdd8; width:200px; height:18px; padding:2px;} 
.bordera{ font: 12px Arial, Helvetica, sans-serif; border:1px solid #C4C4C4; background:#2293c6; width:200px; height:18px; padding:2px; }
.bordera1{ font: 12px Arial, Helvetica, sans-serif; border:1px solid #C4C4C4; background:#fff; width:200px; height:18px; padding:2px; }
/* Text Box End */

/* Buttons End */
.btn{ background: #e19e4b; border:1px solid #b06302; font: 13px Verdana, Arial, Helvetica, sans-serif; padding:4px; cursor:pointer; color:#fff; }
.btn:hover{ background: #ff8d00; }
/*#c1{ margin:0 auto; padding:0 0 0 20px; width:200px; float:left; line-height:25px; text-align:left; }	
#c2{ margin:0; padding:0 0 0 20px; width:200px; line-height:25px; float:left; text-align:left;}
.error{ background: #EE1300; border-top:1px solid #DEFF00; border-bottom:1px solid #DEFF00; font-size:14px; padding:20px; text-align:center; color:#fff; }
.ok{ background: #336699; border-top:1px solid #FF7D7D; border-bottom:1px solid #FF7D7D; font-size:14px; padding:20px;	 text-align:center; color:#fff; }
*/


 .mandat {
 color:#FF0000;
 }
 .error
 {
 	color:#FF0000;
 }
 .success{
		background-image: url("https://nexcyclecalifornia.com/styles/images/s_success.png");
		background-position: 10px 50%;    background-repeat: no-repeat;    border: 1px dotted #9bc7e9;    padding: 5px 5px 5px 40px;    width: 90%; margin:10px;    font-size: 12px;	background-color: #dcf0ff;    color: #000000;}


.unsuccess{	background-image: url("https://nexcyclecalifornia.com/styles/images/b_drop.png");    border-color: #00FF00; 	background-position: 10px 50%;    background-repeat: no-repeat;    border: 1px dotted;    margin: 0.30em 10px 0;    padding: 5px 5px 5px 40px;    width: 62%;    font-size: 12px;	background-color: #FFFFFF;    color: #FF0000;}