#noscript{
	background-color:#CC0000;
	padding:10px;
	font-size:20px;
	color:#FFFFFF;
	text-align:center;
}

html,body{
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
}

img{
	border:none;
	}

h1,h2,h3,h4,h5,h6{
	margin:5px 0px;
	font-weight:100;
	padding:0;
	color: #FF6600;
	}

h1{
	font-size:17px;
	}

h2{
	font-size:16px;
	}

h3{
	font-size:14px;
	}

h4{
	font-size:12px;
	}

h5{
	font-size:10px;
	}


p{
	margin:5px 0px;
	padding:0;
	line-height:14px;
	}

a{
	color:#FF6600;
	text-decoration:none;
	}

a:hover{
	text-decoration:underline;
	}


/** Layout **/
#wrapper{
	width:943px;
	margin:0px auto;
	background-color:#FFFFFF;
	border-top:none;
	}
	
#header{
	height:88px;
	width:890px;
	margin:0px auto;
	border:1px solid #EAEAEA;
	background:url(../images/bg-top.jpg) repeat-x top;
	border-bottom:none;
	}

#top-banner{
	background:url(../images/bg-middle.jpg) repeat-x top;
	height:15px;
	margin:0px auto;
	width:890px;
	border:1px solid #EAEAEA;
	border-top:none;
	border-bottom:none;
}

.container-inner{
	width:870px;
	margin:0px auto;
	}

#middle{
	background:url(../images/bg-frame-middle.jpg) repeat-y top center;
	}

#middle-inner{
	background:url(../images/bg-frame-top.jpg) no-repeat top;
	}

#middle-inner-1{
	background:url(../images/bg-frame-bottom.jpg) no-repeat bottom;
	padding:33px 36px;
	}

#footer{
	text-align:right;
	padding:5px 0px;
	}

.box-inner{
	padding:10px;
	}

/** Home page section **/
#home-top{
	height:250px;
	}

#latest-news, #featured-product{
	width:430px;
	height:160px;
	overflow:hidden;
	float:left;
	background-color:#EFEFEF;
	margin-top:10px;
	}

#latest-news{
	margin-right:10px;
	}

#news-scroll{
	width:407px;
	height:140px;
	}

 #feature-scroll{
 	height:145px;
	}

#latest-news a{
	text-decoration:none;
	color:#666666;
	}

#latest-news a:hover{
	text-decoration:underline;
	}

#homeintro{
	
	}

#about{
	float:left;
	margin-top:10px;
	background-color:#EFEFEF;
	}

#about ul{
	list-style-type:square;
	}

.h-separator{
	border-top:1px solid #e3d6d0;
	margin:10px 0px;
	}

/** Internal webpages **/

#col-left{
	width:162px;
	float:left;
	background-color:#fef1eb;
	}

#col-right{
	width:693px;
	margin-left:13px;
	float:right;
	}

.spacer{
	clear:both;
	height:1px;
	font-size:2px;
	}

#webpage-latest-news{
	background-color:#f4f4f4;
	float:right;
	margin:0px 0px 0px 15px;
	width:320px;
	}
	

/** Main menu using sucker fish style list menu **/
#mainMenu{
	width:890px;
	margin:0px auto;
	border:1px solid #EAEAEA;
	background:url(../images/bg-menu.jpg) repeat-x top;
	height:26px;
	font-size:11px;
	font-weight: bold;
	line-height:26px;
	position:relative; /** Important with z-index setting with other menus **/
	z-index:1000;
	border-bottom:none;
	border-top:none;
}

#mainMenu ul{
	margin:0;
	padding:0;
	list-style:none;
}

#mainMenu li{
	float:left;
	display:block;
	position:relative;
	height:26px;
	text-decoration:none;
	color: #036C90;
	border-right: 1px solid #AAAAAA;
	border-left:1px solid #EFEFEF;
	white-space:nowrap;
	background: #FFFFFF url(../images/bg-menu.jpg) repeat-x;
	}

#mainMenu li ul{
	display:none;
	position:absolute;
	top:26px;
	left:0px;
	width:263px;
	}

#mainMenu li ul li{
	border-right:none;
	width:100%;
}

#mainMenu li:hover ul, #mainMenu li.over ul { display: block; }
	  
#mainMenu li:hover, #mainMenu li.over {
	color: #FFFFFF;
	background: url(../images/bg-menu-over.jpg) repeat-x top;
}


#mainMenu a{
	display:block;
	padding:0px 19px;
	color: #18489c;
	text-decoration:none;	
}

#mainMenu a:hover{
	color: #FFFFFF;
}

#mainMenu li.lastMenu{
	
	}

#mainMenu li.activeMenu{
	background:url(../images/bg-menu-over.jpg) repeat-x top;
}

#mainMenu li.activeMenu a{
	color: #FFFFFF;
}

/** page submenu **/
#pageSubmenu{
	position:relative; /** Important for z-index setting with main menu **/
	z-index:10;
}

#pageSubmenu h1{
	color:#FF6600;
	padding:5px 0px 15px 0px;
}

#pageSubmenu ul{
	margin:0;
	padding:0;
	background-color:#fef1eb;
}

#pageSubmenu li{
	display:block;
	position:relative;
	border-top:1px solid #e3d6d0;
	background-color:#fef1eb;
}

*html #pageSubmenu li{
	height:30px;
	width:143px;
	}

#pageSubmenu li ul{
	display:none;
	position:absolute;
	top:0px;
	left:100%;
	}

*html #pageSubmenu li ul{
	left:140px;
	}

*html #pageSubmenu li.over ul{
	display:block;
	}

#pageSubmenu li:hover > ul, #pageSubmenu li.over > ul{
	display:block;
	}

#pageSubmenu a{
	display:block;
	padding:10px 10px;
	color:#333333;
}

#pageSubmenu li ul a{
	white-space:nowrap;
	}

/** Subpages **/
#subpages{
	width:250px;
	float:right;
	margin-left:20px;
	border:1px solid #EAEAEA;
	}

#subpages h2{
	background-color:#003366;
	color:#FFFFFF;
	padding:5px 10px;
	margin:0px;
	}

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

#subpages li{
	padding:5px 10px;
	border-bottom:1px solid #EAEAEA;
	}

#subpages a{
	color:#003366;
	}

#subpages a:hover{
	color:#FF6600;
	}

.breadcrumb{
	padding:6px 0px;
}

.breadcrumb a{
	color:#666666;
	}

.breadcrumb a:hover{
	color:#FF6600;
	}

.topBanner{
	margin-bottom:5px;
	}

#search-box{
	width:300px;
	height:30px;
	text-align:right;
	margin:45px 0px 0px 0px;
	float:right;
	}


/** Region Map selection page **/
#map-animation{
	width:655px;
	float:left;
	}

#map-menu{
	float:left;
	width:200px;
	height:397px;
	background-color:#f4f4f4;
	color:#003366;
	margin-left:15px;
	font-size:16px;
	}

#map-menu ul{
	list-style-type:none;
	margin:0px;
	padding:10px;
	}

#map-menu li{
	padding:0px 0px 25px 0px;
	line-height:20px;
	text-align:center;
	}


#map-menu a{
	padding:0px 10px;
	text-decoration:none;
	color:#333333;
	font-weight:bold;
	}

#region{
	width:200px;
	padding-top:13px;
	float:left;
	text-align:left;
	}

.search-hightlight{
	background-color:#FFFF00;
	}