/*-------- RESET --------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ul, ol, dl 
{
	position: relative;  
}


/*-----------------------*/
/*-------- STYLE --------*/
/*-----------------------*/
body { background:none repeat scroll 0 0 #EDEDED; font:0.75em/1.73em Verdana,Arial,Geneva,Helvetica,sans-serif; color:#6d6e70; letter-spacing:-0.01em; }
#wrapper { width:950px; margin: 0px auto; background:#FFF; }
#bottomWrapper { width:920px; margin: 20px auto;}
#bottomWrapper p {color: #8C8B8A; font-size:0.9em; line-height: 1.50em; margin-bottom:10px; }
#bottomWrapper h1 {color: #7E7D7B; font-size:0.9em; line-height: 1.80em; margin-bottom:10px; font-weight:bold; }

/*--------- HEADER --------*/
 #header { width:950px; height:132px; background: url("Image/banner.jpg") 0 0 scroll no-repeat; position:relative; }
	#header .logo { margin-left: 38px; margin-top: 31px; }
	#header .notice { color:#FFF; font-size:1.1em; position:absolute; top:60px; left:307px; text-align:left; line-height: 1.2em; width:420px; }
	#header .sendUs { color:#FFF; font-size:1.2em; position:absolute; top:27px; right:30px; text-align:right; line-height: 1.7em; }
	#header .sendUs a { color:#FFF; text-decoration:none;}
	#header .sendUs a:hover { text-decoration:underline;}
	#header ul.nav { position:absolute; top:91px; left:297px; }
		/*--- margin-right:1px; overflow:visible; -- Border Overlay Fix --*/
		#header ul.nav li { float:left; display:inline; height:40px; line-height:40px; vertical-align:middle; overflow:visible; margin-right:1px; *margin-right:0px;  }
		#header ul.nav a { color:#FFF; font-size:1.3em; text-decoration:none; border-right:1px solid #C8C8C8; padding:0px 11px; text-transform:uppercase; margin-right:-1px; *margin-right:0px;}
		#header ul.nav a.last { border-right:none; }
		#header ul.nav li:hover { 
			background: transparent url('Image/bg_transparent.png');
			/* RGBa with 0.4 opacity */
			/*background: rgba(250, 250, 250, 0.4);*/
			/* For IE 5.5 - 7*/			
			/*filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#9bb8da, endColorstr=#9bb8da);*/
			/* For IE 8*/
			/*-ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#9bb8da, endColorstr=#9bb8da);*/
			}

			
/*-------- MAIN CONTENT --------*/
#mainContent { width:100%; padding-top:28px; }
	#mainContent #leftCol { width:260px; float:left; display:inline; margin-left:32px; }
	#mainContent #leftCol form { background-color:#0457a5; padding:14px 28px; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; }
		#mainContent #leftCol form label { color:#FFF; font-size:1.2em; }
		#mainContent #leftCol form .rememberMe { color:#FFF; font-size:0.9em; vertical-align:baseline; }
		#mainContent #leftCol form input { margin:0; padding:0; }
		#mainContent #leftCol form input._input { width:190px; padding:2px; margin-bottom:3px; }
		#mainContent #leftCol form input.login { background:url("Image/arrow.gif") no-repeat scroll right center transparent; border:medium none; color:#FFFFFF; font-size:1.4em; margin-left:15px; padding-right:12px; cursor:pointer;}
		#mainContent #leftCol form a { color:#FFF; font-size:0.8em; text-decoration:none; display:inline-block; margin-right:3px; margin-bottom:4px; }		
		#mainContent #leftCol form #loginSection {display:table-cell; line-height:34px;}
		#mainContent #leftCol form #loginSection >* {vertical-align:middle}
		
	
		#mainContent #leftCol #quickAccess { margin:28px 10px 10px 10px;}
		#mainContent #leftCol #quickAccess h2 { font-size:2.2em; margin-bottom:4px; color:#0457a5;}
		#mainContent #leftCol #quickAccess a { color:#6D6E70; font-size:1.4em; text-decoration:none;}
		#mainContent #leftCol #quickAccess a:hover { color:#9C9C9C; }
		#mainContent #leftCol #quickAccess .linkWrapper {display:block; margin:0 5px; border-bottom:solid 1px #909090; vertical-align:middle; height:35px;}
		#mainContent #leftCol #quickAccess .linkLeft {display:block; float:left; margin-top:10px;}
		#mainContent #leftCol #quickAccess .linkRight {display:block; float:right;}
		
	#mainContent #leftCol a.promotion { display:block; width:175px; height:53px; margin-left:15px; }
	
	#mainContent #rightCol { width:610px; float:right; display:inline; margin-right:32px; }
		
	/*---- PAGE 1-HOMEPAGE----*/
		#mainContent #rightCol #slideShow { width:612px; height:181px; overflow:hidden; position:relative; }
		#mainContent #rightCol #slideShow img { position:absolute; top:0; left:0; z-index:8; }
		#mainContent #rightCol #slideShow img.active { z-index:10; }
		#mainContent #rightCol #slideShow img.last-active { z-index:9; }
				
		#mainContent #rightCol #welcome { margin-top:28px; }
		#mainContent #rightCol #welcome p { color:#000; margin-bottom:15px; line-height:1.56em; }
		#mainContent #rightCol #welcome p.small { font-size:0.9em; line-height:1.36em; }
		#mainContent #rightCol #welcome p.smaller { font-size:0.85em; }
		
	
	/*---- PAGE 2-products----*/
		#mainContent #rightCol .side-nav { }
		#mainContent #rightCol .side-nav a { color:#226db1; font-size:0.9em; text-decoration:none; float:left; display:inline-block; padding: 0px 10px; border-top:1px solid #FFF; border-left:1px solid #FFF; border-bottom:1px solid #FFF; border-right:1px solid #C8C8C8; }
		#mainContent #rightCol .side-nav a.select { color:#e46f20; border:1px solid #C8C8C8; }
		#mainContent #rightCol .side-nav a.last { border-right:none; }
		#mainContent #rightCol .side-nav a:hover { color:#e46f20; border:1px solid #C8C8C8; }

		#mainContent #rightCol .products { width:580px; margin-top:8px; border:2px solid #7fabd2; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; padding: 25px 10px; }
		#mainContent #rightCol .products #sideBar { float:left; display:inline; max-width:125px;}
			#mainContent #rightCol .products #sideBar a { font-size:0.9em; color:#226db1; text-decoration:none; border-bottom:1px solid #7fabd2; display:block; padding-bottom:10px; margin-top:10px; }
			#mainContent #rightCol .products #sideBar a:first-child { margin-top:0; }
			#mainContent #rightCol .products #sideBar a.select { color:#e46f20; }
			#mainContent #rightCol .products #sideBar a:hover { color:#e46f20; }
			
		#mainContent #rightCol .products #sideContent { width:430px; float:left; display:inline; margin-left:15px; }
		#mainContent #rightCol .products #sideContent h2 { color:#226db1; font-size:0.9em; margin-bottom:10px; }
		#mainContent #rightCol .products #sideContent h4 { color:#226db1; font-size:1em; }
		#mainContent #rightCol .products #sideContent #gallery { float:right; display:inline; text-align:center; margin-left:35px; }		
			#mainContent #rightCol .products #sideContent #gallery img { margin-bottom:3px; }
			#mainContent #rightCol .products #sideContent #gallery a { color:#226db1; font-size:0.85em; text-decoration:none; }
		#mainContent #rightCol .products #sideContent p { margin-bottom:13px; font-size:0.9em; color:#000; line-height:1.5em; }
		#mainContent #rightCol .products #sideContent p .highlight { font-weight:bold; }
		#mainContent #rightCol .products #sideContent ul {font-size:0.9em; color:#000; line-height:1.5em; list-style-type:disc; list-style-position: inside; padding-bottom: 13px; padding-left: 1em;  margin-left: 0; text-indent: -1em;}		

	/*---- PAGE 3-GALLERY----*/	
		#mainContent #rightCol #imageCollection { width:366px; margin: 0 auto; }
		#mainContent #rightCol #imageCollection .main-image { width:366px; height:244px; }
		#mainContent #rightCol #imageCollection #carousel { margin-top:12px; position:relative; }
		#mainContent #rightCol #imageCollection #carousel a.control { width:13px; height:72px; position:absolute; top:0px; cursor:pointer; display:inline-block; text-indent:-9999px; }
		#mainContent #rightCol #imageCollection #carousel #previous { left:8px; background:url("Image/arrows.gif") no-repeat scroll 0 50% transparent; }
		#mainContent #rightCol #imageCollection #carousel #next { right:8px; background:url("Image/arrows.gif") no-repeat scroll 100% 50% transparent; }
		
		#mainContent #rightCol #imageCollection #carousel #thumbs { width:300px; height:72px; margin:0 35px; padding: 0; position:relative; white-space:nowrap; overflow:hidden; }
		#mainContent #rightCol #imageCollection #carousel #thumbs .photos { width:88px; height:72px; margin:0 15px 0 0; padding:0; cursor:pointer; }

	/*---- PAGE 4-INFO----*/		
		#mainContent #rightCol #infoMenu { float:left; display:inline; margin:0 20px; }
		#mainContent #rightCol #infoMenu a { color:#105AAD; font-size:1.0em; text-decoration:none; display:block; font-weight:bold; margin-bottom: 20px;}
		#mainContent #rightCol #infoMenu a:hover { text-decoration:underline; }
		#mainContent #rightCol #infoForms { width:300px; float:left; display:inline; }				
		#mainContent #rightCol #infoMenu h2 { color:#226db1; font-size:0.9em; margin-bottom:10px; }
		#mainContent #rightCol #infoMenu h4 { color:#226db1; font-size:1em; }
		
	/*---- PAGE 5-CONTACT----*/		
		#mainContent #rightCol #contactForm { background:none repeat scroll 0 0 #F4F4F4; padding:5px 20px; color:#003a8a; border-radius:12px 12px 0 0;  -moz-border-radius:12px 12px 0 0; -webkit-border-radius:12px 12px 0 0; }
		#mainContent #rightCol #contactForm .required { color:#f63047; text-align:right; font-size:0.9em; }
		#mainContent #rightCol #contactForm .star { color:#f63047; font-size:0.8em; vertical-align:top; }
		
		#mainContent #rightCol #contactForm label { display: inline-block; width:120px; }
		#mainContent #rightCol #contactForm label.message { vertical-align:top; }
		#mainContent #rightCol #contactForm input, #mainContent #rightCol #contactForm select, #mainContent #rightCol #contactForm textarea { border:1px solid #000; margin-bottom:10px; }
		#mainContent #rightCol #contactForm input { width:212px; }
		#mainContent #rightCol #contactForm input.btn { width:72px; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; background:none repeat scroll 0 0 #FFFFFF; margin-left:30px; }
		#mainContent #rightCol #contactForm select { width:226px; }
		#mainContent #rightCol #contactForm textarea { width:325px; height:98px; }
	
	
		#mainContent #rightCol #contactInfo { width:576px; padding:10px 12px; color:#003a8a; }
		#mainContent #rightCol #contactInfo img { float:left; display:inline; }
		#mainContent #rightCol #contactInfo p { float:right; display:inline; text-align:right; line-height:1.3em; }
	
	/*---- PAGE 5-BLOG----*/		
		#mainContent #blog .post {border:solid 1px #EFEFEF; margin:0 20px; padding:5px;}				
		#mainContent #blog .post h1 {color:#FF9C04; font-size:1.2em; font-weight:bold;}
		#mainContent #blog .post h2 {color:#FF9C04; font-size:1.2em; font-weight:bold;}
		#mainContent #blog .post h4 {color:#9F9F9F; font-size:0.9em; font-weight:bold;}								
		#mainContent #blog .post p {color:#111111; font-size:1.1em; padding:3px 0px 3px 0px;}		
		#mainContent #blog .post div {color:#111111; font-size:1.1em; padding:3px 0px 3px 0px; width:100%;}
		#mainContent #blog .post div b{font-weight:bold;}		
		#mainContent #blog .post div u{text-decoration:underline;}		
		#mainContent #blog .post div i{font-style:italic;}		
		#mainContent #blog .post div .layoutLeft {display:inline;float:left;margin-right:5px;}
		#mainContent #blog .post div .layoutCenter {display:block;margin:0 auto;}
		#mainContent #blog .post div .layoutRight {display:inline;float:right;margin-left:5px;}
		#mainContent #blog .post p.date {color:#808080; font-size:0.9em;}
		#mainContent #blog a {color:#111111; text-decoration:none;}
		#mainContent #blog a:hover {text-decoration:underline;}		
		#mainContent #blog ul.link {list-style:disc inside none;}
		#mainContent #blog ul.link li {color:#4A4A4A;}
		#mainContent #blog ul.link li a {color:#369; text-decoration:underline;}
		
/*-------- FOOTER --------*/
#footer { margin:20px 0; width:100%; }
	#footer #address { float:left; display:inline; margin-left:32px; }
		#footer #address img { float:left; display:inline; }
		#footer #address p { float:left; display:inline; width:250px; font-size:0.75em; color:#000; line-height:1.4em; }

	#footer #network { float:right; display:inline; margin-right:32px; }
		#footer #network a { display:inline-block; margin:0 5px; }
		#footer #network a.yelp { background: url("Image/yelp.jpg") 0 0 no-repeat scroll; }
		#footer #network a.twitter { background: url("Image/twitter.jpg") 0 0 no-repeat scroll; }
		#footer #network a.facebook { background: url("Image/facebook.jpg") 0 0 no-repeat scroll; }









.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

fieldset label { display:block; }
fieldset input { display:block; }
fieldset input.text { margin-bottom:12px; width:95%; padding: .4em; }