@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700|PT+Sans:700|Roboto);

html, body, div, p, td, ul, li, select, input{
	/*font-family:  'Roboto', sans-serif;*/
	font-family:  'Roboto', sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #333;
	line-height:18px;
}
sup{font-size:9pt;}

img{border:none;}

body{
	margin:0px;padding:0px;
	background:#fefefe;
	background-image:url(../images/texture/cubes.png);
	background-repeat:repeat;
}

.pset{clear:both;height:1px;overflow:hidden;}

#outer{
	margin:0 auto;
	width:1262px;
	overflow:hidden;
	background:#879a17;
}



#top-bar {
	margin:0 auto;
	height:176px;
	background-image:url(../images/top-bar0.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
}

#menu-bar{margin:0 auto;width:1100px;height:53px;padding-top:123px;}
#menu{
	width:658px;
	float:right;
	height:53px;
	background-image:url(../images/tab-bg.png);
	background-repeat:repeat-x;	
}

#memu-bar-border{
	background-image:url(../images/tab-border-bg.png);
	background-repeat:repeat-x;	
	height:6px;
}

#header{
	height:483px;
	margin:0;
	padding:0;
	background-image:url(../images/header-bg0.jpg);
	background-repeat:no-repeat;	
	overflow:hidden;
}

#header-box{
	width:1090px;
	margin:0 auto;
	padding-top:20px;
	padding-left:5px;
	padding-right:5px;
}

#header-content{
	width:355px;
	height:375px;
	float:left;
	background-image:url(../images/header-content-bg.jpg);
	background-repeat:no-repeat;	
	padding:30px 20px 30px 20px;
	overflow:hidden;
}

#header-slide{
	width:690px;
	height:435px;
	float:right;
	padding-left:5px;
	overflow:hidden;
}

#header-text-h1{
	font-family: 'Droid Sans', sans-serif;
	font-size:22pt;
	line-height:38px;
	color:#fff;	
}

#header-text{
	padding-top:30px;
	font-family: 'Roboto', sans-serif;
	font-size:12pt;
	line-height:22px;
	color:#eed68e;	
}

#welcome{
	width:1260px;
	height:266px;
	margin:0 auto;
	background-image:url(../images/welcome-strip-bg.png);
	background-repeat:repeat-x;
	overflow:hidden;
}

#welcome-box{
	width:750px;
	float:left;
	padding:20px;
}

.welcome-heading{
	font-family: 'Droid Sans', sans-serif;
	font-size:18pt;
	font-weight:normal;
	color:#869a16;
	text-shadow: 1px 1px 0px #eee;
	border-bottom:1px dashed #999;
	width:600px;
	padding-bottom:8px;
}

.img-left{
	float:left;
	padding-right:20px;
}

.img-right{
	float:right;
	padding-left:20px;
}

#product-box{
	width:310px;
	float:right;
}

.prod-list{
	padding-left:20px;
	padding-bottom:20px;
	margin:0;
	list-style-type:none;
	background:#60a2c4;
}

.prod-list li{
	/*padding:3px 10px 5px 30px;*/
	padding:0;
	/*margin:3px 0 0 0;*/
	margin:0;
	font-family:  'Roboto', sans-serif;
	font-size:12pt;
	/*background:url(../images/color-bullet.png) 10px 8px no-repeat;*/

}
.prod-list li a{
	color:#fff;text-decoration:none;
	display:block;
	background:url(../images/tick-bullett.png) 5px 10px no-repeat;
	padding:8px 8px 8px 30px;
}
.prod-list li a:hover{
	color:#4e4e4e;text-decoration:none;
	display:block;
	background:url(../images/tick-bullett.png) 10px 10px no-repeat;
	padding:8px 8px 8px 30px;
}

.prod-img{border:1px solid #ddd;}
.small-pic{border:1px solid #ddd;margin-right:10px;}

#content-area{
	width:1100px;
	margin:0 auto;
}


.pset{clear:both;height:1px; overflow:hidden;}

#prod-slide{
	width:1100px;
	margin:0 auto;
	padding:20px 0 20px 0;
}

#prod-slide-box{
	width:1080px;
	height:164px;
	background-image:url(../images/products-slide-bg.jpg);
	background-repeat:no-repeat;
	padding:10px;
}

#inner-block{
	width:1100px;
	margin:0 auto;
	background:#fff;
	background-image:url(../images/inner-body-bg.png);
	background-repeat:repeat-x;
	overflow:hidden;
}

#sidebar{
	width:310px;

	background:#60a2c4;
}

#content-box{
	width:710px;

}

.page-title{
	font-family: 'Droid Sans', sans-serif;
	font-size:22pt;
	font-weight:normal;
	color:#869a16;
	text-shadow: 1px 1px 0px #ccc;
	/*border-bottom:2px solid #999;
	width:600px;*/
	padding:12px 0 14px 50px;
	background:url(../images/heading-pic.png) 1px 1px no-repeat;
}
.sub-heading{
	font-family: 'PT Sans', sans-serif;
	font-size:18pt;
	font-weight:bold;
	color:#ba4343;
	text-shadow: 1px 1px 0px #ccc;
}
.sub-head2{
	font-family: 'PT Sans', Arial;
	font-size:15pt;
	font-weight:normal;
	color:#ba4343;
	padding:5px 0 0 10px;
}

.spec-ul{
	list-style:disc;
	font-size:12pt;
	font-family:'PT Sans',narrow;
}
.centered-cell{
	text-align:center;
	
}

.enquiry-box{
	background:#DDECF6;
	border:1px solid #9EC0D3;
	padding:10px;
}

.enquiry-box div input{border:1px solid #9EC0D3;}
.enquiry-box div textarea{border:1px solid #9EC0D3;}

.button{
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	border: 1px solid #ccc;
	height:28px;
	padding-right:5px;
	padding-bottom:3px;
	font-size:9pt;
	margin-right:10px;
	background-color:#879a17;
	cursor:pointer;
}

.readmore{color:#879a17;font-size:10pt;}
a.readmore {color:#879a17;text-decoration:none;}
a.readmore:hover {color:#879a17;text-decoration:underline;}


#footer-wrapper{
	background:#343433;
	height:68px;
	padding:20px 0 20px;
}

.footer{
	width:820px;
	float:left;
	color:#999;
	line-height:30px;
}

.footer a{color:#666;text-decoration:none;margin-right:6px;padding-right:6px;border-right:0px solid #666;}
.footer a:hover{color:#666;text-decoration:underline;}

.footer span a{color:#666;text-decoration:underline;margin-right:6px;padding-right:6px;}
.footer span a:hover{color:#666;text-decoration:none;}

.footer-form{
	width:280px;
	float:left;
}

.grid-table{
	-moz-box-shadow: 2px 2px 5px #888;
	-webkit-box-shadow: 2px 2px 5px #888;
	box-shadow: 2px 2px 5px #888;
}
.grid-table th{background:#8da216;color:#fff;padding:5px;}
.grid-table td{background:#fff5cf;color:#000;padding:5px;}


/*** menu tabs  ***/
.active-tab{
	background-image:url(../images/tab-bg-ho.png);
	background-repeat:repeat-x;	
}
#aboutmenu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font-family: 'Bitter', serif;
	font-size:18px;
	font-weight:normal

	}
#aboutmenu ul{
	background:#fff;

	list-style:none;
	margin:0;
	padding:0;
	}
#aboutmenu li{
	float:left;
	/*border-right:1px solid #ddd;*/
	height:53px;
}
#aboutmenu li a{
	font-size:13pt;
	color:#fff;
	display:block;
	font-weight:normal;
	margin:0px;
	text-align:center;
	padding-top:21px;
	padding-bottom:17px;
	text-decoration:none;
	background-image:url(../images/tab-devider.png);
	background-repeat:no-repeat;
	background-position:right top;
	padding-left:30px;
	padding-right:30px;/**/
	letter-spacing:1px;
}
#aboutmenu li a:hover{
	background-image:url(../images/tab-bg-ho.png);
	background-repeat:repeat-x;	
	color:#000;
	text-decoration:none;
}
#aboutmenu ul li:hover a{
	background-image:url(../images/tab-bg-ho.png);
	background-repeat:repeat-x;	
	color:#fff;
	text-decoration:none;
}
#aboutmenu li ul{
	background:#ecba00;
	display:none;
	height:auto;
	padding:5px;
	margin:-3px 0 0 0;
	border:0px;
	position:absolute;
	width:256px;
	z-index:200;
	
	/*top:1em;
	/*left:0;*/
	}
#aboutmenu li:hover ul{
	display:block;
	
	}
#aboutmenu li li {
	background:#d04546;
	display:block;
	float:none;
	margin:0px;
	padding:0px;
	width:256px;height:30px;
	border-bottom:2px solid #ecba00;
	}
#aboutmenu li:hover li a{
	background:none;
	color:#fff;
	}
#aboutmenu li ul a{
	display:block;
	font-size:14px;
	font-style:bold;
	margin:0px;
	padding:6px 10px 6px 15px;
	text-align:left;
	letter-spacing:0;
	}
#aboutmenu li ul a:hover, #aboutmenu li ul li:hover a{
	background:#95ab18;
	border:0px;
	color:#fff;
	text-decoration:none;
	}
#aboutmenu p{
	clear:left;
	}	
/*** end of menu tabs  ***/



/**** for tabs ****/
		ul.tabNavigation {
		    list-style: none;
		    margin: 0;
		    padding: 0;
		}

		ul.tabNavigation li {
		    display: inline;
		}

		ul.tabNavigation li a {
		    padding: 3px 5px;
		    background-color: #ccc;
		    color: #000;
		    text-decoration: none;
		}

		ul.tabNavigation li a.selected,
		ul.tabNavigation li a:hover {
		    background-color: #333;
		    color: #fff;
		    padding-top: 7px;
		}
		
		ul.tabNavigation li a:focus {
			outline: 0;
		}

		div.tabs > div {
			padding: 5px;
			margin-top: 3px;
			border: 5px solid #333;
		}
		
		div.tabs > div h2 {
			margin-top: 0;
		}

		#first {
		    background-color: #f00;
		}

		#second {
		    background-color: #0f0;
		}

		#third {
		    background-color: #00f;
		}
/**** end of tabs ****/


/* Specific to example two */

#example-two .list-wrap { padding: 20px 0 0 0; margin: 0 0 15px 0; border-top:1px solid #ddd;}

#example-two ul {  }
#example-two ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #666; text-decoration:none;}
#example-two ul li a:hover { background: #333; color: white; }
#example-two ul li:last-child a { border: none; }

#example-two .nav { list-style: none; overflow: hidden;margin:0 0 0 20px;padding:0; }
#example-two .nav li { width: 97px; float: left; }
#example-two .nav li.last { margin-right: 0; }
#example-two .nav li a { 
	display: block; padding: 5px;
	background: #eee; color: black;  
	text-align: center; border: 0; 
	margin-right:1px;
}

#example-two li a.current,#example-two li a.current:hover { background-color: #666 !important; color: white; }
#example-two .nav li a:hover, #example-two .nav li a:focus { background: #999;}

/*** accordion menu stuff ****/

ul#acc-menu{	
	padding-left:20px;
	padding-bottom:20px;
	padding-top:10px;
	margin:0;
	list-style-type:none;
	background:#60a2c4;

} 

ul#acc-menu ul {
	
  list-style-type:none;
  margin: 0;
  padding: 0;
  
}

ul#acc-menu a {
  display: block;
  text-decoration: none;	
}

ul#acc-menu li {
	padding:0;
	margin:0;
	font-family:  'Roboto', sans-serif;
	font-size:12pt;
}

ul#acc-menu li a {
	color:#fff;text-decoration:none;
	display:block;
	background:url(../images/tick-bullett.png) 5px 10px no-repeat;
	padding:10px 8px 10px 30px;
}

ul#acc-menu li a:hover {
	color:#4e4e4e;text-decoration:none;
	display:block;
	padding:10px 8px 10px 30px;
}

ul#acc-menu li ul li{margin-left:25px;margin-right:25px;padding:0;}
ul#acc-menu li ul li a {
  font-size:10pt;
  color: #000;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 0px;
  line-height: 14px;

  background:url(../images/arrow.png) 5px 10px no-repeat;
  border-bottom:1px solid #a1c8dc;
}

ul#acc-menu li ul li a:hover {
  background: #a1c8dc;
  border-left: 8px #e9ba01 solid;
  padding-left: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
}