﻿@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed);
@import url(http://fonts.googleapis.com/css?family=Muli);

body { margin:0; padding:0; background:#fff; font-family:Arial, Helvetica, sans-serif;  
}

h1 {display: inline-block; position:relative}
h2 {font: 22px/22px 'Oswald', sans-serif; color: #0099ff; text-transform: uppercase; margin:5px 0px; padding:0}
h3 {font: 14px/20px sans-serif; color: #000; text-transform: uppercase; font-weight:bold}
h4 {font: 22px/25px 'Oswald', sans-serif; color: #ffdca4; text-transform: uppercase; letter-spacing: 0px; padding-bottom: 10px;}
h5 {font: bold 15px/22px Arial, sans-serif; color:#fff;}
h6 {font: 16px/16px 'Oswald', sans-serif; color:#828282; text-transform: uppercase;}
p {font:13px/20px Arial, sans-serif; color:#111; margin-bottom: 20px; }
p strong{ font-weight:bold !important; }
p b{ font-weight:bold !important; }
#welcome p{ color:#111; text-align:justify}
#rightdiv p { line-height:20px}
td, li{font-size:12px; line-height:18px; color:#4a4a4a; text-align:left;}
a{ color:#0099ff; text-decoration:none; outline:none}
p.justify{ text-align:justify;}

a img{ border:0; outline:none;}
.clear{ display:block; width:auto; height:1px; clear:both;}


#bannerbg{ display:block; width:100%; height:auto; background:#eff3f4 url(../img/bg1.jpg) repeat-x left top; border-top:solid 3px #0099ff; border-bottom:solid 1px #bfcace;}
#logobar{ display:block; width:1000px; height:80px; margin:0; background: url(../img/logo.png) no-repeat 67px 10px; margin:0 auto;  margin-top:20px; margin-bottom:5px}
#menu{ display:block; width:1000px; height:40px; margin:0 auto; background:#0099ff url(../img/menubg.jpg) repeat-x left top;  margin-top:10px }
#menu ul{ display:block; width:auto; height:40px; margin:0; padding:0; list-style:none;}
#menu li{ width:120px; float:left; line-height:40px; text-align:center; border-left:solid 1px #0758a8; border-right:solid 1px #00aeef;}
#menu a{  display:block; width:100%; height:40px;  color:#fff; text-decoration:none; font-family:Arial; font-size:12px; font-weight:bold; text-transform:uppercase}
#menu a:hover{  color:#000}
#menu a.selected{ color:#000}

li#menucp{ width:150px}
li#menusup{width:160px}
#banner{ display:block; width:1000px; height:auto; margin:0 auto; margin-top:15px; }
#dropshadow{ display:block; width:1000px; height:10px; margin:0 auto; background: url(../img/shadow.png) no-repeat center -34px}
#marqdiv{display:block; width:970px; padding:0 10px; height:auto; margin:0 auto; border:solid 5px #ddd; margin-top:10px; background:#fff}
#contents{ display:block; background:#fff; width:1000px; height:auto; margin:0 auto; padding:10px; border: solid 0px #ccc; margin-top:10px}
#welcome{ display:block; width:1000px; padding:0px; height:auto; background:#fff;  border:solid px #60b9f5; border-bottom:solid 1px #ddd; margin-bottom:20px}

#left{ display:block; width:740px; float:left; height:auto}
#right{ display:block; width:250px; float:right; height:auto}

#footerbg{ display:block; clear:both; width:100%; height:40px; background:#eff3f4; border-top:solid 1px #adc1c9}
#footer{ display:block; width:1000px; height:auto; margin:0 auto}

.copyright{ line-height:40px ; color:#4e8fa8; font-size:11px}
.copyright a { color:#4e8fa8 }

#productcat{ display:block; width:1000px; height:auto; margin:0 auto}
#visiondiv{ display:block; width:1000px; height:auto; margin:0 auto}

#rightdiv{display:block; width:215px; height:245px;  padding:10px;  background:#fff;  }

.homebox{ display:block; width:235px; height:265px;  margin-right:15px; border:solid 1px #0099ff; background:#f7f7f7;
          -moz-border-radius: 4px;
border-radius: 4px;  }
.homeboxhd{ text-align:left; text-indent:10px;  font-size:14px; text-transform:uppercase; font-weight:bold; color:#0099ff; line-height:30px; margin-top:0px; margin-bottom:0px; }
.homeboximg{ text-align:center}
.homeboximg img{ width:215px; height:90px;
                 
                 }
.homeboxtxt{ font-size:13px; line-height:22px; color:#111; text-align:left; margin:8px  10px; padding:0; text-align:justify}


.caption { border:solid 1px #ccc; width:236px; height:236px}
.captionp { border:solid 0px #ccc; width:120px; height:120px; margin-bottom:20px}
/* caption style */
	.captionjs, .captionjs figcaption {
			margin: 0 0 20px;
			padding: 0;
		}
		.captionjs figcaption {
			font-size: 13px;
			line-height: 1.5;
			padding: 10px 15px;
			border: 1px solid #ddd;
			border-top: none;
			background-color: #eee;
		}
		.captionjs.stacked figcaption {
			background-color: rgba(0, 0, 0, 0.75);
			color: #fff;
			border: none;
		}
		.captionjs.animated figcaption {
			border-top: 1px solid rgba(255, 255, 255, 0.3);
			background-color: rgba(0, 0, 0, 0.75);
			color: #fff;
			border: none;
		}
		.captionjs.hide figcaption {
			border-top: 1px solid rgba(255, 255, 255, 0.3);
			background-color: rgba(0, 0, 0, 0.75);
			color: #fff;
			border: none;
		}
		
		
		.prolist{ background:#0099ff;  padding:15px 15px; margin:0; list-style:none;
		          -moz-border-radius: 10px;
border-radius: 10px;
		          }
		.prolist li{ line-height:26px; border-bottom:solid 1px #00aeef; font-size:12px}
		.prolist li a{ color:#fff}
		.prolist li a:hover{ text-decoration:underline}
		li.prolisthd{ font-weight:bold; font-size:18px; color:#eee}
		
		#contact{ display:block; width:325px; height:380px; background:#0099ff;  -moz-border-radius: 10px;
border-radius: 10px; padding:15px; margin-left:70px}

.textarea{ display:block; width:300px; height:80px;  background:#fff url(../img/texareabg.png);border: solid 1px #c0c0c0; padding-left:10px; font-size:15px }
.formtext{ width:304px; height:30px; background:#fff url(../img/inputbaground.png); border: solid 1px #c0c0c0; margin-bottom:10px; padding-left:10px; font-size:15px }
.txt{color:#3a3a3a}

.inner_hedi_1{ color:Red; font-size:14px; font-weight:bold}

.brandtbl td{ text-align:center}