﻿
BODY{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}

	.menu1 {box-shadow: 0 3px 19px -7px black !important; height: 75px !important; background: transparent url("images/menu2_bar.png") repeat-x scroll 0 0; top:0;} 
	.menu1_fixed { top:0; left:0; position:fixed; right:0px;}
	.menu1_bar {width:1000px; color:#777; font-size:14px; line-height:20px; font-family:Arial, Helvetica, sans-serif; margin-left:auto; margin-right:auto; }
	.menu1_bar::before, .menu1_bar::after { content:""; display:table; line-height:0; }
	.menu1_bar::after { clear:both;}
	.menu1 .menu1_bar{ height:75px !important;}
	.menu1_logo { background: transparent url("images/logo_03.png") no-repeat 0 0; width:399px; height:68px; }
	.hidetext { border: 0 none;}
	.menu1_nav { padding:15px; list-style: outside none none; display:block; float:left; left:0; margin:5px 10px 0 0; position:relative;}
	
	/*
	.menu1_nav_text { text-align:left; font-size:16px; line-height:16px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75); padding-right:8px; margin-right:10px; background:transparent url('images/menu_divider.png') repeat-y scroll right top;}
	*/
	.menu1_nav_text { text-align:left; font-size:16px; line-height:16px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75); padding-right:8px; margin-right:10px;}
	.menu1_nav_text:hover {color:#000; text-decoration: none; cursor:pointer; }
	.menu1_nav_bar { overflow:hidden; position:relative; float:right; text-align:left; width:450px; margin-top:10px;}
	.menu1_nav a {text-decoration:none;}
	
	
	.main_bg{ background: #0775D4 ; height:auto; margin-top:10px; padding: 80px 0 0 0; overflow:hidden;box-shadow: 0 1px 1px 0 #fff; border-bottom: 1px solid #aaa; left:0; padding-bottom:0px;}
	.main_h1{font-size:40px; font-weight:900; color:#fff; text-shadow: 0 1px 1px rgba(0,0,0, 0.25); margin:5px;}
	.main_h2{font-size:40px; color:#b4d7e4; font-weight:500; margin-top:5px; text-shadow: 0 1px 1px rgba(0,0,0, 0.25);}
	.main_h3{ font-size:15px; font-weight:600; color:#b4d7e4;}


	.button_addpartdetail { width:84px; height:30px; background: url(images/request_add_part.png); background-repeat:no-repeat;  }
	.button_addpartdetail:hover { background:url(images/request_add_part.png);  }
	.button_addpartdetail:active {url(images/request_add_part.png);}

	.bttn {	background-clip: padding-box; background-color: rgba(255,255,255, 0.9);	border: 1px solid rgba(175, 175, 175, 0.75); border-radius: 4px;background-repeat: repeat-x;
	color: #333; cursor: pointer; display: inline-block; letter-spacing: normal; line-height: 20px;	margin-bottom: 0; text-align: center; vertical-align: middle;
	background-image: -moz-linear-gradient(center bottom , rgba(140, 140, 140, 0.29) 0%, rgba(255, 255, 255, 0.29) 100%);}

	.bttn2 {background-clip: padding-box;background-color: rgb(255, 204, 0);border: 1px solid rgba(175, 175, 175, 0.75);border-radius: 4px;background-repeat: repeat-x;
	color: #fff;cursor: pointer;display: inline-block;letter-spacing: normal;line-height: 20px;	margin-bottom: 0;text-align: center;vertical-align: middle;
	background-image: -moz-linear-gradient(center bottom , rgba(249, 158, 0, 0.29) 0%, rgba(255, 0, 0, 0.29) 100%);}
	
	.bttn3 {background-clip: padding-box; background-color: rgb(0, 102, 255); border: 1px solid rgba(175, 175, 175, 0.75); border-radius: 4px; background-repeat: repeat-x;
	color: #fff; cursor: pointer; display: inline-block; letter-spacing: normal;line-height: 20px; 	margin-bottom: 0; text-align: center; vertical-align: middle;
	background-image: -moz-linear-gradient(center bottom , rgba(0, 120, 255, 0.29) 0%, rgba(5, 62,125, 0.29) 100%);}

	.bttn_contact {
	background-clip: padding-box;
	background-color: rgba(255,255,255, 0.9);
	border: 1px solid rgba(175, 175, 175, 0.75);
	border-radius: 4px 4px 0px 0px;
	background-repeat: repeat-x;
	color: #333;
	cursor: pointer;
	display: inline-block;
	letter-spacing: normal;
	line-height: 20px;
	margin-bottom: 0;
	text-align: center;
	vertical-align: middle;
	background-image:  -moz-linear-gradient(center bottom , rgba(140, 140, 140, 0.29) 0%, rgba(255, 255, 255, 0.29) 100%);
	bottom:0;
}

	.bttn_submit_quote {
	background-clip: padding-box;
	background-color: rgb(146, 208, 80);
	border: 1px solid rgba(175, 175, 175, 0.75);
	border-radius: 4px;
	background-repeat: repeat-x;
	color: #ffffff; 
	cursor: pointer;
	display: inline-block;
	letter-spacing: normal;
	line-height: 20px;
	margin-bottom: 0;
	text-align: center;
	vertical-align: middle;
	background-image: -moz-linear-gradient(center bottom , rgba(140, 140, 140, 0.29) 0%, rgba(255, 255, 255, 0.29) 100%);
	padding: 4px 10px;
	font-size: 24px;
	font-weight: bold;
}
	
	
	.menu1_nav .bttn{padding: 4px 10px;	font-size:14px;	font-weight:bold;}
	.menu1_nav .bttn2{padding: 4px 10px;font-size:14px;font-weight:bold;}

	.form_buttons .bttn2{padding: 4px 10px;	font-size:14px;	font-weight:bold;}
	.form_buttons .bttn3{padding: 4px 10px;	font-size:14px;	font-weight:bold;}
	
	.div_contact .bttn_contact { padding:4px 11px; margin:0 0 0px 0px; font-size:14px; font-weight:bold;}


	#grad1{
	background:  #A4A4A4;
	background: -webkit-linear-gradient(#A4A4A4, #e5e5e5); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#A4A4A4, #e5e5e5); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#A4A4A4, #e5e5e5); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#A4A4A4, #e5e5e5); /* Standard syntax (must be last) */
    padding: 30px 0 30px 0; 
       
}
	.grad2_white{background: #fff none repeat scroll 0 0; box-shadow: 10px 20px 10px black; padding:20px 0; }
	#grad2_white{background: #fff none repeat scroll 0 0; box-shadow: 10px 20px 10px black; padding:20px 0; }

	
	.invalid { background-color:#FFCECE !important;}
	.valid { background-color:rgba(255,255,255,0.5) !important;}
	
	.ui-autocomplete {	max-height:200px; overflow-y: auto; overflow-x:hidden;}
	
	.contact_button {width:134px; height:28px; background: url(images/bttn_contact.png); background-repeat:no-repeat; background-position:top;margin:0px 2px 3px 2px;}
	.contact_button:hover{ background: url(images/bttn_contact.png); background-position:center;}
	.contact_button:active {background: url(images/bttn_contact.png); background-position:bottom;}

	.input_effect { width:150px; height:25px; 
	background-color: #fff;
    background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
    border: 1px solid #aaa;
    box-sizing: border-box;
    cursor: text;
    height: auto !important;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    }
   
 .input_effect2 {
	border:5px solid white;
	  -webkit-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    -moz-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    padding: 7px 0 7px 7px;
    background: rgba(255,255,255,0.5);
    margin: 0 0 0px 0;
	border-radius: 6px;
	font-size:16px;
	
}
	
	.input_effect input {	width:150px; height:25px; padding:0 0 5px 5px;}
	
	.ticker {
    margin:0;
    padding:5px;
    list-style-type:none;
    background:#fff;
    border:1px solid #ccc;
}
    .ticker li {
        line-height:1.5;
    }
    
    /*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
		
	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 100px; 
		left: 50%;
		margin-left: -300px;
		width: 520px;
		background: #eee url('images/my_area/modal-gloss.png') no-repeat -200px -80px;
		position: absolute;
		z-index: 101;
		padding: 30px 40px 34px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}
		
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
	.reveal-modal .close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 
	/* ------
	End of Reveal Modals
	------ */
	

.cmn-t-pulse {
  padding: 5px 10px;
  -webkit-animation: pulse 1s ease infinite;
  -moz-animation: pulse 1s ease infinite;
  -ms-animation: pulse 1s ease infinite;
  -o-animation: pulse 1s ease infinite;
  animation: pulse 1s ease infinite;
}
	.cmn-t-pulse:hover {color: #fff;}

	@-webkit-keyframes pulse {
		0% {-webkit-transform: scale(1);}
		25% {-webkit-transform: scale(1.1);}
		50% {-webkit-transform: scale(1);}
	  	100% {-webkit-transform: scale(1);}
	}
	
	@-moz-keyframes pulse {
	  0% {
	    -moz-transform: scale(1);
	  }
	
	  25% {
	    -moz-transform: scale(1.1);
	  }
	
	  50% {
	    -moz-transform: scale(1);
	  }
	
	  100% {
	    -moz-transform: scale(1);
	  }
	}
	
	@-ms-keyframes pulse {
	  0% {
	    -ms-transform: scale(1);
	  }
	
	  25% {
	    -ms-transform: scale(1.1);
	  }
	
	  50% {
	    -ms-transform: scale(1);
	  }
	
	  100% {
	    -ms-transform: scale(1);
	  }
	}
	
	@-o-keyframes pulse {
	  0% {
	    -o-transform: scale(1);
	  }
	
	  25% {
	    -o-transform: scale(1.1);
	  }
	
	  50% {
	    -o-transform: scale(1);
	  }
	
	  100% {
	    -o-transform: scale(1);
	  }
	}
	
	@keyframes pulse {
	  0% {transform: scale(1);}
	  50% {transform: scale(1.1);}
	  100% {transform: scale(1);}
	}


	.contact_email_button {width:134px; height:28px; background: url(images/my_area/bttn_submit_email.png);background-repeat:no-repeat; margin:0 2px 0 2px; border:none; font-size:0;}
	.contact_email_button:hover { background:url(images/my_area/bttn_submit_email.png);  background-position: center;}
	.contact_email_button:active {background: url(images/my_area/bttn_submit_email.png); background-position: bottom;}
	.div_avg_price{	width:645px; background-color:yellow; border:1px black solid; font-size:20px; padding:5px;}


	.htext{	display:none;}

	.bcrumbs a:link, .bcrumbs a:visited, .bcrumbs a:active {font-family:arial, Helvetica, sans-serif;text-decoration:underline;	color: #303030;  font-weight:bold;}
	.bcrumbs a:hover { color: #303030; background-color: #ffa92c; font-weight:bold; }
	.bcrumbs {font-family:arial, Helvetica, sans-serif;	color: #303030;  font-weight:bold; padding-left:20px;}

	
	.clearable{background: rgba(255,255,255,0.5) url('images/input_clearable.gif') no-repeat right -22px center; transition: background 0.4s;}
	.clearable.x  { background-position: right 5px center; }
	.clearable.onX{ cursor: pointer; }
	.clearable::-ms-clear {display: none; width:0; height:0;}
	
	
		#gen_faqs 		{   }
		#gen_faqs h3	{ cursor:pointer; color:#454545; border-top: 1px solid #afafaf; font-weight:normal; font-size:small; font-family:Arial, Helvetica, sans-serif; padding-top:10px; }
		#gen_faqs h3 span {background:url('images/chevron.png') no-repeat; width:15px; height:15px; display:inline-block; float:right;}
		
		#gen_faqs h3.active	{color:#008DD2; }
		#gen_faqs h3.active span {background:url('images/chevron_down.png') no-repeat; width:15px; height:15px; display:inline-block; float:right;}
		#gen_faqs div#div_qa { height:0; overflow:hidden; position:relative; }
		#gen_faqs div#div_qa p	{ padding:0; margin-bottom:15px; position:relative; }
		
		#div_news {width:100%; padding-left:15px;}
		#div_news h3 {cursor:pointer; color:#454545; border-top: 1px solid #afafaf; font-weight:normal; font-size:small; font-family:Arial, Helvetica, sans-serif; padding-top:10px; margin:3px 0px 3px 0px;   vertical-align:middle; }
		#div_news h3 span {background:url('images/chevron.png') no-repeat; width:15px; height:15px; display:inline-block; float:right;}
		#div_news img{width:100px; height:60px; padding-top:0px; border:none; vertical-align:middle; margin-top:-7px}
		#div_news h3.active	{color:#008DD2; }
		#div_news h3.active span {background:url('images/chevron_down.png') no-repeat; width:15px; height:15px; display:inline-block; float:right;}
		#div_news div { height:0; overflow:hidden; position:relative;}
		#div_news div p	{ padding:0; margin-bottom:15px; position:relative; }
		
		.chev_right {background:url('images/chevron.png') no-repeat; width:15px; height:15px; display:inline-block; float:right;}
		.chev_down {background:url('images/chevron_down.png') no-repeat; width:15px; height:15px; display:inline-block; float:right;}



	.adcode1{position:fixed; z-index:1; left: 1100px; top:400px;}
	
	#label_name{visibility:hidden;}
	#name_full{visibility:hidden;}
	#manchk{visibility:hidden;}
}
	
	
	