@charset "utf-8";
/* CSS Document */

body {
	background:#d7d7d7;
	width:100%;
	min-height:100%;
	font-family:Arial;
	font-size:12px;

}

#wrapper{
	width:960px;
	min-height: 100%;
	margin:0 auto;

}

#header{
	background:url(images/header.png) no-repeat;
	width:960px;
	height:111px;
	position:relative;
	float:left;
}

.logo{
	background:url(images/logo.png) no-repeat;
	width:422px;
	height:58px;
	position:relative;
	float:left;
	margin-left:40px;
	margin-top:15px;
}

#content_wrapper{
	background:#FFF;
	width:960px;
	height:100%;
	position:relative;
	float:left;
}

#banner{

	width:916px;
	height:308px;
	position:relative;
	float:left;
	margin-top:-40px;
	margin-left:25px;
}

#left_column {
	width:215px;
	position:relative;
	float:left;
	margin-left:30px;
	margin-bottom:20px;
}

#sidebarmenu {
	width:214px;
	position:relative;
	float:left;


}

.sidebarmenu ul{

padding: 0;
font-family:arial;
font-size:12px;
width: 214px; /* Main Menu Item widths */
z-index:1000;

list-style:none;
margin-left:1px;
margin-top:-5px;

}
 
.sidebarmenu ul li{
position: relative;
}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #000;
text-decoration: none;
padding-left:45px;
width:214px;
height:30px;
line-height:17px;
padding-top:10px;
background:url(images/menu_bg.png) no-repeat;
}

.sidebarmenu ul li ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #000;
text-decoration: none;
padding-left:35px;
width:214px;
line-height:17px;
padding-top:10px;
background:url(images/menu_bg.png) no-repeat;
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
color: #000;
margin-left:5px;
}

.sidebarmenu ul li a:hover{	
background:url(images/menu_bg-hover.png) no-repeat;
color: #fff;
text-decoration:none;
width:214px;
height:30px;



}

.sidebarmenu ul li ul li a:hover{	
background:url(images/menu_bg-hover.png) no-repeat;
color: #fff;
text-decoration:none;
width:214px;
height:30px;



}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width:214px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
margin-left:-9px;
margin-top:1px;
background:#fff;
}

.sidebarmenu ul li ul li ul{

position: absolute;
width: 214px; /*Sub Menu Items width */
top: 0;
margin-left:-44px;
visibility: hidden;
background:#fff;

}

* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }

#left_column2 {
	width:215px;
	position:relative;
	float:left;
	margin-bottom:20px;
}

#left_column2 h1{
	color:#000;
	font-size:16px;
	font-family:Arial;
}


.img{
	background:url(images/newspic.png) no-repeat;
	width:215px;
	height:142px;
	position:relative;
	float:left;
}

.left_column2_text{
	font-size:12px;
	color:#000;
	width:190px;
	height:100%;
	list-style:none;
	position:relative;
	float:left;
}

.left_column2_text li{
position: relative;
background:url(images/bullet.png) no-repeat;
height:30px;
padding-top:5px;
margin-left:20px;
padding-left:30px;
}

.left_column2_text a{
	color:#000;
	text-decoration:none;
	
}

.left_column2_text a:hover{
	color:#000;
	font-weight:bold;
	text-decoration:none;
}

#navigation{
	position:relative;
	float:right;
	width:100px;
	height:100%;
		font-size:12px;
}

#navigation a{
	color:#000;
	text-decoration:none;
}

#navigation a:hover{
	color:#f9bd07;
	text-decoration:none;
}

#content{
	width:665px;
	height:100%;
	position:relative;
	float:right;
	margin-right:15px;
	margin-top:25px;
	
}

.content_top{
	background:url(images/content_top.png) no-repeat;
	width:662px;
	height:16px;
	position:relative;
	float:left;
	margin-left:2px;
}

.content_bg{
	background:url(images/content_bg.png) repeat-y;
	width:664px;
	height:100%;
	position:relative;
	float:left;
}

.content_bottom{
	background:url(images/content_bottom.png) no-repeat;
	width:664px;
	height:16px;
	position:relative;
	float:left;
}

.content_bg_text{
	position:relative;
	float:left;
	width:630px;
	height:100%;
	font-family:Arial;
	font-size:12px;
	color:#000;
	margin-left:20px;
	text-align:justify;
	line-height:18px;
	
}

#content h1{
	color:#000;
	font-size:16px;
	font-family:Arial;
	padding-left:15px;
}

.more{
	background:url(images/more1.png) no-repeat;
	position:relative;
	float:right;
	width:59px;
	height:29px;
}

#content2{
	width:665px;
	height:100%;
	position:relative;
	float:right;
	margin-right:15px;
	margin-top:15px;
	margin-bottom:15px;
}

#content2 h1{
	color:#000;
	font-size:16px;
	font-family:Arial;
	padding-left:15px;
}

#content2 h2{
	color:#000;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
}

.img2{
	background:url(images/pipepic.png) no-repeat;
	width:215px;
	height:183px;
	position:relative;
	float:left;
}

.content2_text{
	float:left;
	width:430px;
	height:100%;
	font-family:Arial;
	font-size:12px;
	color:#000;
	margin-left:10px;
	text-align:justify;
	line-height:18px;
}

.more2{
	background:url(images/more2.png) no-repeat;
	width:60px;
	height:33px;
	position:relative;
	float:right;
}

#footer{
	background:url(images/footer.png) no-repeat;
	width:960px;
	height:57px;
	position:relative;
	float:left;
}

.footer_text{
	color:#f9bd07;
	text-align:right;
	font-size:11px;
	font-weight:bold;
	margin-top:20px;
	width:400px;
	float:right;
	margin-right:5px;
}

.footer_text a{
	color:#f9bd07;
	text-decoration:none;
}

.footer_text a:hover{
	color:#fff;
	text-decoration:underline;
}

#breadcrumb {
	position:relative;
	float:left;
	height:25px;
	font-weight:normal;
	width:630px;
	margin-bottom:20px;
	font-size:13px;
	border-bottom:#f9bd07 1px dashed;
}
.breadcrumbtext {
	padding-left:15px;
	padding-top:5px;
	color:#000 ;
}
#breadcrumb a {
	color:#000;
	font-weight:normal;
	text-decoration:none;
	border:none;
}
#breadcrumb a:hover{
	color:#000;
	font-weight:bold;
	text-decoration:underline;
}

/* PHOTO GALLERY ALBUMS */
#photogallery {
	position:relative;
	float:left;
	width:580px;
	margin-bottom:20px;
	margin-left:5px;

}
#photogallery a {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}
#photogallery a:hover {
	color:#f9bd07;
	font-weight:bold;
}
#photogallery a:active {
	color:#f9bd07;
}
#albums_row {
	float:left;
	position:relative;
	width:580px;
}
#albums {
	width:180px;
	position:relative;
	float:left;
	margin-top:10px;
	margin-right:5px;
	margin-left:5px;
}

.album_top {
	background:url(images/photo_top_sml.png) no-repeat;
	width:174px;
	height:15px;
}
.album_content{
	background:url(images/photo_bg_sml.png) repeat-y;
	width:174px;
	position:relative;
	float:left;
}
.album_content img {
	display:block;
	margin-left:auto;
	margin-right:auto;
	border:solid 1px #fff;

}
.album_content p {
	width:200x;
	height:100%;
	padding-left:20px;
	text-align:left;
	padding-top:5px;
	color: #000;
	text-align:left;
}
.album_bottom {
	background:url(images/photo_bottom_sml.png) no-repeat;
	width:174px;
	height:12px;
	position:relative;
	float:left;
}


#albums2 {
	width:168px;
	position:relative;
	float:left;
	margin-top:10px;
}

.album2_top {
	background: url(images/photo_top_sml.png) no-repeat;
	width:174px;
	height:15px;
}
.album2_content{
	background:url(images/photo_bg_sml.png) repeat-y;
	width:174px;
	position:relative;
	float:left;
}
.album2_content img {
	display:block;
	margin-left:auto;
	margin-right:auto;
	border:solid 1px #fff;

}
.album2_content p {
	width:150x;
	height:100%;
	padding-left:20px;
	text-align:left;
	padding-top:5px;
	color: #000;
	text-align:left;
	line-height:14px;
}
.album2_bottom {
	background:url(images/photo_bottom_sml.png) no-repeat;
	width:174px;
	height:12px;
	position:relative;
	float:left;
}

#pages {
	position:relative;
	float:left;
	height:25px;
	color:#000;
	text-align:right;
	font-weight:normal;
	width:570px;
	margin-bottom:20px;
	font-size:12px;
	border-top:1px #f9bd07 solid;
}

.pagestext {
	position:relative;
	float:left;
	height:27px;
	padding-top:5px;
	padding-right:30px;
	color:#000;
}
#pages a {
	color:#000;
	font-weight:normal;
	text-decoration:none;
}
#pages a:hover {
	background:#f9bd07;
	padding-left:5px;
	padding-right:5px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

/* CAREER */
#career {
	position:relative;
	float:left;
	width:570px;
	padding-top:10px;
	margin-left:15px;
}
#career p {
}
#careertext {
	position:relative;
	float:left;
	width:570px;
	margin-left:10px;
	padding-bottom:10px;
}
.careerleft{
	float:left;
	width: 130px;
	padding-top:10px;
	padding-left:10px;
	color: #000;
	font-weight:bold;
}
.careerright {
	float:right;
	width:350px;
	color:#000;
	margin-left:15px;
	padding-top:10px;
	padding-bottom:5px;
	padding-right:35px;
}
.careerright li {
	margin-left:20px;
}
.career_apply {
	margin-top:20px;
	margin-left:225px;
	padding-bottom:5px;
	background:url(images/button.png) no-repeat;
	width:72px;
	height:27px;
	color:#000;
	text-align:center;
	border:none;
	font-family:Arial, sans-serif;
	font-weight:bold;
}
.career_apply:hover {
	color: #fff;
}	
/* CAREER ENDS */

/* Form */
#form {
	position:relative;
	float:left;
	width:580px;
	margin-bottom:30px;
	margin-right:15px;
	padding-right:5px;
}

/* ----- REQUIRED ----- */

#form span.req{
	display:inline;
	float:none;
	color:#000;
	font-weight:bold;
	margin:0;
	padding:0;
	font-family:Arial;
}

/* ----- FORM 2 ----- */
.enquiry_form {
}

.enquiry_form p{
	width: 310px;
	clear: left;
	margin: 0;
	height: 1%;
}

.enquiry_form label{
	font-weight: bold;
	width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	color: #000;
	position:relative;

}

.enquiry2_form label{
	font-weight: bold;
	width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	color: #000;
	position:relative;
	
}

.enquiry_form input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 280px;
	height:25px;
	border:1px solid #f9bd07;
	color:#000;
	font-weight:bold;
	font-size:12px;

}

.enquiry2_form input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 280px;
	height:25px;
	border:1px solid #f9bd07;
	color:#000;
	font-weight:bold;
	font-size:12px;
	margin-left:15px;

}



.enquiry_form textarea{
	width: 280px;
	height: 100px;
	border:1px solid #f9bd07;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	color:#000;
	font-weight:bold;
	font-size:12px;
	position:relative;
}

* html .threepxfix{
	margin-left: 3px;
}

label {
	float: left;
	text-align: left;
	width:50px;
	padding:3px 3px 3px 3px;
}
.left {
	float:left;
}
.right {
	float:right;
}
select { 
	width:280px;
	height:25px;
	color: #000; 
	border:1px solid #f9bd07;
	font-weight:bold;
	font-size:12px;
	
	padding-left:5px;
	position:relative;
}

.enquiry2_form select { 
	width:280px;
	height:25px;
	color: #000; 
	border:1px solid #f9bd07;
	font-weight:bold;
	font-size:12px;
	padding-top:5px;
	padding-left:5px;
	position:relative;
	margin-left:15px;
}

/* CATALOG */
#catalog_container {
	position:relative;
	float:left;
	width:630px;
}
#catalog {
	color:#fff;
	position:relative;
	float:left;
	width:200px;
	height:200px;
	border: #0066b2 1px solid;
	margin-right:10px;	
	margin-bottom:20px;
	
	overflow:hidden;
	
}
#catalog img {
	display: block;   
	margin-left: auto;   
	margin-right: auto;
	border:none;
}
.catalog_title {
	width:200px;
	font-size:16px;
	font-weight:bold;
	line-height:25px;
	font-weight: 500;
	text-align:left;
	padding-left:10px;
	margin-bottom:10px;
	background:#000046;
}
.catalog_title a {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	border:none;
}
.catalog_title a:hover {
	color:#016436;
	text-decoration:none;
	font-weight:bold;
}
/* CATALOG ENDS */

/* SUB CATALOG */
#subcatalog {
	color:#000;
	position:relative;
	float:left;
	width:167px;
	border: #000 1px solid;
	margin-right:15px;
	margin-left:15px;
	margin-bottom:20px;
	padding:5px;
	font-weight:normal;
	
}
#subcatalog img {
	display:block;
	border:none;
	margin-left:0;
	margin-right:0;
}	
.subcatalog_title {
	font-size:12px;
	font-weight:bold;
	line-height:25px;
	font-weight: 500;
	margin:0;
	text-align:center;
	margin-bottom:10px;
	background:url(images/overlay.png) no-repeat;
	
}
.subcatalog_title a {
	color: #000;
	text-decoration:none;
	font-weight:bold;
	border:none;
}
.subcatalog_title a:hover {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}
#subcatalog_icons {
	background:url(images/overlay.png) no-repeat;
		text-align:center;
}
#subcatalog_icons a {
	color:#000;
	text-decoration:none;
	margin-left:5px;
	font-weight:bold;

}
#subcatalog_icons a:hover {
	color:#fff;
	text-decoration:none;
}
#subcatalog_icons img {
	margin-left:25px;
	display:inline;
	border:none;
}

/* FEATURED*/
#featured {
	position:relative;
	float:left;
	width:185px;
	color:#333;
	z-index:1000;
	margin-left:9px;
}

.featured_text {
	width:185px;
	margin-left:10px;
}
.featured_text input[type="text"] {
	width:180px;
	height:24px;
	background:url(images/tell_a_friend_text.gif) no-repeat;
	border:none;
	padding-left:5px;
}
.featured_text li {
	margin-bottom:5px;
	margin-left:15px;
	text-decoration:none;
	padding-bottom:5px;
}
.featured_next {
	width:190px;
	margin-top:10px;
	text-align:right;
	padding-bottom:10px;
}
#featured h2 {
	color:#3b7394;
	font-size:18px;
	font-weight:normal;
	margin-top:5px;
	margin-bottom:10px;
	padding-left:10px;
	font-family:Arial;
}

#featured a {
	color:#e3742c;
	text-decoration:none;
}
#featured a:hover {
	color: #0c509b;
	text-decoration:underline;
}
.featured_item {
	position:relative;
	float:left;
	width:210px;
	margin-left:10px;
	margin-bottom:10px;
	text-align:left;
}
.featured_item img {
	margin-right:10px;
}

#topnavi {
	background:none;
	margin-top:10px;
	position:relative;
	float:left;
	color:#707070;
	font-size:12px;
	font-weight:600;
}
#topnavi input[type="text"] {
	width: 140px;
	height:20px;
	border:1px solid #000046;
	padding-left:5px;
	color:#000;
	font-size:12px;
	float:left;
}
.topnavi select {
	width: 130px;
	height:20px;
	border:1px solid #000046;
	font-size:12px;
	color:#000;
	float:left;
	margin-left:3px;
}

//select { 
	width:330px;
	height:25px;
	color: #fff; 
	border:1px #0c509b solid;
	font-size:12px;
	padding-left:5px;
}

#featured4 {
	position:relative;
	float:left;
	width:185px;
	color:#5a5a5a;
	z-index:1000;
	margin-bottom:10px;
	margin-left:8px;
}
#featured4 h2 {
	color:#3b7394;
	font-size:18px;
	font-weigh:normal;
	margin-top:5px;
	margin-bottom:10px;
	padding-left:10px;
	font-family:arial;
}
.featured4_text {
	width:185px;
	margin-left:20px;
}
.featured4_text input[type="text"] {
	width:190px;
	height:24px;
	background:url(images/tell_a_friend_text.gif) no-repeat;
	border:none;
	padding-left:5px;
}
.featured4_text li {
	margin-bottom:5px;
	margin-left:15px;
	text-decoration:none;
	padding-bottom:5px;
}
.featured4_next {
	width:190px;
	margin-top:10px;
	text-align:right;
	padding-bottom:10px;
}

#featured4 a {
	color:#000046;
	text-decoration:none;
}
#featured4 a:hover {
	color: #8d151f;
	text-decoration:underline;
}
.featured4_item {
	position:relative;
	float:left;
	width:210px;
	margin-left:10px;
	margin-bottom:10px;
	text-align:left;
}
.featured4_item img {
	margin-right:10px;
}

/* PRODUCT DETAILS */
#productdetails_container {
	position:relative;
	float:left;
	width:600px;
	margin-left:10px;
}
#productdetails {
	color:#000;
	position:relative;
	float:left;
	width:600px;
	margin-bottom:20px;
	padding:5px;
	font-size:12px;
	text-align:left;
}
#productdetails li {
	margin-left:10px;
}
#productdetails p {
	margin-left:5px;
}
#productimg img{
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	border:none;
}
.productdetails_title {
	font-size:18px;
	font-weight:bold;
	line-height:25px;
	font-weight: 500;
	text-align:left;
	padding-left:10px;
	margin-bottom:20px;
	padding-bottom:10px;
	padding-top:10px;
	color:#000;
}
.productdetails_title a {
	color: #000;
	text-decoration:none;
	font-weight:bold;
	border:none;
}
.productdetails_title a:hover {
	color:#f9bd07;
	text-decoration:none;
	font-weight:bold;
}
#productdetails_buttons {
	position:relative;
	float:left;
	background:#000;
	width:560px;
	height:25px;
	margin-top:20px;
	color:#fff;
	padding-top:5px;
	text-align:center;
	margin-left:10px;
}
#productdetails_buttons img {
	border:none;
	padding-left:20px;
}
#productdetails_buttons a {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	margin-right:10px;
	margin-left:30px;
}
#productdetails_buttons a:hover {
	color:#f9bd07;
	text-decoration:none;
	font-weight:bold;
}

#topbar {
	background:url(images/top_bg.png) no-repeat;
	width:650px;
	height:45px;
	float:left;
	margin-bottom:10px;
	margin-top:20px;
	margin-left:10px;
	position:relative;
	float:left;
}
.topnavi {
	background:none;
	padding-left:10px;
	padding-top:5px;
	position:relative;
	float:left;
	color:#000;
	font-size:12px;
	font-weight:600;
}
.topnavi input[type="text"] {
	width: 170px;
	height:20px;
	border:1px solid #000;
	padding-left:5px;
	color:#000;
	font-size:12px;
}
.topnavi select {
	width: 160px;
	height:25px;
	border:1px solid #000;
	font-size:12px;
	color:#000;
}

/* slide */
.views-field-image-image {
    float: left;
    height: 308px;
    margin: 2px 0 0 2px;
    padding: 0;
    position: relative;
    width: 916px;
}

.views-field-image-image img {
	padding : 15px;
	background-color : #eee;
	width : 916px;
	height : 308px;
	top : 0;
	left : 0;

}

.views-field-image-image .img1 {
		width : 916px;
	height : 308px;
	background:url(images/banner.png);

	
}
	
.views-field-image-image .img2 {
		width : 916px;
	height : 308px;
	background:url(images/banner2.png);

}

.views-field-image-image .img3 {
	width : 916px;
	height : 308px;
	background:url(images/banner3.png);

}

.views-field-image-image .img4 {
		width : 916px;
	height : 308px;
	background:url(images/slide3.jpg);

}

.views-field-image-image .img5 {
		width : 916px;
	height : 308px;
	background:url(images/slide5.jpg);

}

.views-field-image-image .img6 {
		width : 916px;
	height : 308px;
	background:url(images/slide6.jpg);

}

.views-field-image-image .img7 {
		width : 916px;
	height : 308px;
	background:url(images/slide7.jpg);

}

.nav {
    left: 810px;
    position: absolute;
    top: 295px;
    z-index: 100;
  background: none repeat scroll 0 0 ;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    padding: 0 3px;
}

#nav a {
    float: left;
 	color:#000;
    margin-right: 4px;
    padding: 6px 6px;
    text-align: center;
    text-decoration: none;
	  width: 4px;
	  height: 5px;
	  background:#000;
	  font-size:10px;
	     
    }
    
#nav a.activeSlide {
    background: none repeat scroll 0 0 #f9bd07;
	color:#f9bd07;
    height: 5px;
    width: 4px;
	padding: 6px 6px;
	margin-right: 4px;
}
#nav a:focus {outline:none;}


/* slide (E) */
