/****************** HTML RESET **************/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {margin: 0;padding: 0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th {margin:0; padding:0;font-weight: normal;font-style: normal;}
ul,ol {list-style: none;}
img {border: 0;}
fieldset,img{border: none; }
caption,th{text-align: left; }
table{border-collapse: collapse; border-spacing: 0;line-height:18px; }

/****************** CLEAR FIX **********************/ 
.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%;}

/************** HTML ELEMENT *****************/
* html{margin:0;height:100%;}
body {font: 100% Arial,Verdana, Helvetica, sans-serif;margin: 0; padding: 0;color: #262626; font-size:12px; background:#008fe0;}
a:link, a:visited{color:#008fe0;text-decoration:none;outline:none;}
a:hover, a:active{color:#084466;text-decoration:none;outline:none;}
p{font: 100% Arial,Verdana, Helvetica, sans-serif; text-align:left; font-size:12px; color:#383838; padding:0px 0px 10px 0px; line-height:18px; }
h1{font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:bold; padding:0px 0 8px 0px; letter-spacing:0em; font-size:15px; color:#008fe0;}
h2{font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:normal; padding:0px 0 0px 0px; margin:0px; letter-spacing:0em; font-size:14px; color:#084466;}
h3{font-family:Geneva, Arial, Helvetica, sans-serif; letter-spacing:0em; font-size:15px; font-weight:bold;color:#005b64; border-bottom:1px dotted #005b64; padding:0 0 5px 0;}
h4{font-family:Geneva, Arial, Helvetica, sans-serif; letter-spacing:0em; font-size:12px; font-weight:bold;color:#005b64; border-bottom:1px dotted #005b64; padding:0 0 3px 0;}
ul{display:block;}
li{background:url(../images/li.jpg) left center no-repeat; padding:2px 0 2px 20px;}
.table{ border-collapse:collapse;  }
.table th{ padding:8px; background:#CCCCCC; font-size:14px;}
.table td{ padding:5px;}

/************** LAYOUT ********************/
#container{width: 900px; margin: 0 auto; position: relative; padding:15px 0 0 0;}
#middle{background:url(../images/bg-middle.jpg) top left repeat-y; padding:0px 19px; height:1%; width:862px; overflow:hidden;}
#header{ clear:both; margin:0 0 10px 0; height:76px; overflow:hidden;}
#header .logo{float:left; width:300px; padding:0 0px 0 10px;}
#header .partnerLogo{float:right; padding:0 10px 0 0;}
#contant{padding:0px 15px 0 15px; clear:both;}
#contant .mainLeft{float:left; width:532px; margin:0 0 10px 0;}
#contant .mainRight{float:right; width:290px;}
#contant ul{display:block;}
#contant li{padding:6px 0 6px 12px; margin:0 0 0 25px; background:url(../images/li1.jpg) left center no-repeat;}
#contant h2{padding:5px 0 5px 0px; margin:0px; letter-spacing:0em; font-size:15px; color:#084466;}
/*internal pages narrow*/
#NarrowLeft{float:left; width:200px; overflow:hidden; display:inline; margin:0 0 10px 0; border-right:1px solid #5b95a6;}
#NarrowLeft ul{display:block; list-style:none; margin:0 8px 10px 0;}
#NarrowLeft li{border-bottom:1px solid #5b95a6; display:block; background:url(../images/leftli.jpg) left center no-repeat;margin:0 0 5px 0; padding:2px 0 2px 15px;font-size:12px;}
#NarrowLeft li a{display:block; padding:3px 0px; background:none;list-style:none; }
.NarrowRight {width:440px; float:left;}
.linkBox{border:1px solid #CCCCCC; padding:2px; float:right; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:14px; color:#008fe0;}

#NarrowRight{float:right; width:622px; overflow:hidden; display:inline;}
#Breadcrumbs{clear:both; padding:5px 0; border-bottom:1px solid #5b95a6; margin:0 0 10px 0;}
#Breadcrumbs ul{display:block; list-style:none;}
#Breadcrumbs li{display:inline; padding:0 1px;margin:0px; background:none;list-style:none; font-size:12px;}
#Breadcrumbs li a{display:inline; padding:0 2px; margin:0px; background:none;list-style:none; color:#262626; }



/************** Navigation ********************/
#navi{background:#008fe0; height:25px; clear:both; overflow:hidden;}
#navi ul{list-style:none; display:block; margin:0 0 0 0px;}
#navi li{list-style:none; display:inline; margin:0px; float:left; background:none; padding:0px;}
#navi li a{color:#FFFFFF; padding:4px 30px; line-height:25px; margin:0px; font-size:15px; border-right:1px solid white;}
#navi li a:hover{background:#084466;}
#navi li a.selcted{background:#084466;}

/************** Banner ********************/
.readmore{float:right; width:80px;}
.black{ color:#000000;}
#banner{clear:both; width:900px;margin: 0px 0px 15px 0px;float:left;clear:both;overflow:hidden;height:169px;}
#bannerText{background:#000000; height:32px; border:1px solid black; padding:3px 0 0 20px; width:840px; z-index:22; margin:150px 0 0 0px; position:absolute;filter:alpha(opacity=70);opacity:0.7;}
#bannerText h1{color:#FFFFFF; text-align:left; font-size:16px;  margin:0px; padding:4px 0 0 20px; font-weight:normal;}
/************** Home page ********************/
/*welcome*/
#welcomeHolder{ clear:both; overflow:hidden; height:1%; margin:0 0 10px 0;}

/*Productline*/
#ProductlineHolder{ clear:both; overflow:hidden; height:1%; margin:0 0 10px 0;}
#Producttable{width:98%; margin:0 0 0 1px;}
#Producttable th{border:1px solid #008fe0; padding:5px 5px 5px 10px; font-size:15px; font-weight:bold;}
#Producttable td{border:1px solid #008fe0; padding:2px 2px 2px 10px; font-size:11px; font-weight:normal;}
#Producttable ul{display:block;}
#Producttable li{display:block; background:none; padding:5px 0;margin:0px;}
#Producttable li a{text-decoration:underline; font-size:12px; padding:5px 0; margin:0px;}

/*Featured */
#FeaturedHolder{clear:both; overflow:hidden; height:1%; margin:0 0 10px 0;}
.FeaturedHol{clear:both; overflow:hidden; height:1%;}
#FeaturedHolder .FeaturedText{float:left; width:100px;}
#FeaturedHolder .FeaturedImg{float:right; width:150px; }
#FeaturedHolder ul{display:block;}
#FeaturedHolder li{padding:5px 0 0px 0px; margin:0 0 0 0px; background:none;}

/*contact */
#contactHolder{ clear:both; overflow:hidden; height:1%; margin:0 0 10px 0;}

/*about us*/
.address{ float:left; width:370px;}
.adPhoto{float:right; width:244px; border:1px solid #CCCCCC; padding:2px;}

/* Basic code - don't modify */
#nav { display: block; margin: 0; padding: 0; position: relative; font-family:Verdana, Arial, Helvetica, sans-serif; z-index:666;}
#nav li {display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative;background:none;}
#nav a { display: block; }
#nav ul {display: none; position: absolute; left: 0; margin: 0; padding: 0; }
/** html #nav ul {line-height: 0; } /* IE6 "fix" */
#nav ul a { zoom: 1; } /* IE6/7 fix */
#nav ul li { float: none;}
#nav ul ul { top: 0; }

/* Essentials - configure this */

#nav ul {width: 190px;}
#nav ul ul {left: 191px; width:300px;}

/* Everything else is theming */

#nav {background-color: #008fe0; height: 26px; padding:0 0 0 25px;_padding:0 0 0 23px; font-size: 13px;}
#nav *:hover {background-color: none;}
#nav a { border-right: 1px solid white; color: white; padding:5px 20px;}
#nav li.hover a {background-color: #084466;}
#nav li.selcted a {background-color: #084466; }
#nav ul { top: 26px; }
#nav ul li a {background-color: #084466; font-size: 11px; font-weight:normal; }
#nav ul a.hover {background: #002636 url(../images/arrowOver.png) left top no-repeat;}
#nav ul a {border-bottom: 1px solid white; border-right: none; opacity: 0.9; filter: alpha(opacity=90); background: url(../images/arrow.png) left top no-repeat; }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */


#footer{ clear:both; margin:0px 0; text-align:center; border-top:1px solid #CCCCCC; padding:5px 0 0 0 ;}
.redstar{color:#FF0000; padding-right:3px;}
.catlogHolder{clear:both; overflow:hidden; height:1%;}
.main{clear:both; overflow:hidden;}
.moretable{border-collapse:collapse; border:1px solid #CCCCCC; margin:10px 0 10px 10px; }
.moretable th{border-collapse:collapse; font-weight:bold; padding:0px 0 0 5px;}
.moretable td{border-collapse:collapse; font-weight:normal; padding:0px 0 0 5px;}

.moretable1{border-collapse:collapse; border:1px solid #CCCCCC; margin:10px; }
.moretable1 th{border-collapse:collapse; border:1px solid #CCCCCC; font-weight:bold; padding:5px;}
.moretable1 td{border-collapse:collapse; border:1px solid #CCCCCC; font-weight:normal; padding:5px;}
.input_enquery_button{ width:80px; height:25px;}