/* Sarum ydraulics Layout CSS */

#wrapper {
	width:1000px;
	position:relative;
	left:50%;
	margin-left:-500px;
}

/* banner area*/	

#branding {
	height:190px;
}
#logoarea {
	float:left;
	width: 413px;
	height: 167px;
	padding: 0 0 0 0px;
}
#straparea {
	float:right;
	width:350px;
	height:100px;
	padding:60px 0 0 50px;
}



#content_faq {
padding:0px;
margin:44px 0 20px 2px;


}


#content {
padding:0px;
margin:47px 0 0 0;
clear:both;
padding:0px;
}

#content_in {
padding:0px;
margin:47px 0 0px 0;
height: 213px;

}


#banner {
padding:0px;
margin:47px 0 20px 0;
height: 216px;
width:1000px;
}

#banner_right {
float:right;
width:786px;
margin-right:25px;
display:inline;
}




#banner_left {
background:url(../images/banner_right.jpg);
	background-repeat:no-repeat;
float:left;
width: 169px;
margin-left:20px;
padding-bottom:20px;
display:inline;
}


#content_right {
float:right;
width:185px;


}

#content_left2 {
background-image:url(../images/bg_side.jpg);
	background-repeat:no-repeat;

	margin:0 0px 0 5px;
	width:250px;
	float:left;
}

#content_left {

display:inline;
	margin:0 10px 0 20px;
	width:490px;
	float:left;
}

#content_prod1{
padding:10px 0 0 25px;
background-image:url(../images/bg_prod.jpg);
	background-repeat:no-repeat;
height:39px;
width:981px;}

#content_prod2{
padding:20px 40px 20px 40px;
background-image:url(../images/bg_prod2.jpg);
	background-repeat:no-repeat;

width:894px;}

#content_prod3{

background-image:url(../images/bg_prod3.jpg);
	background-repeat:no-repeat;
height:20px;
width:981px;
clear:both;}

#content_right2 {
background-image:url(../images/bg_content.jpg);
	background-repeat:no-repeat;
float:right;
width:720px;
padding:0px;
margin:0px;


}




#footer5 {
background-image:url(../images/bg_contentfoot.jpg);
	background-repeat:no-repeat;
		clear:both;
		height:27px;
		width:720px;
		margin:0px;
		padding:0px 0px 20px 0px;
		background-color:#fff;
		
	
	}





#content_faq2 {


	margin:0 10px 0 20px;
	width:650px;
	float:left;
}

#fade {
background-image:url(../images/img_sticker.jpg);
	background-repeat:no-repeat;
	width:937px;
	height:25px;
	margin-left:28px;
	}

.panel_headside {
background-image:url(../images/title_side.jpg);
	background-repeat:no-repeat;
	font-family: Arial, Trebuchet MS, sans-serif;
	color:#f1b518;
	font-size:24px;
	padding:0px 10px 0 0px;
	text-decoration:none;
	letter-spacing:-1px;
	font-weight:lighter;
	line-height:180%;

	width:240px;
}

.panel_headside2 {

	font-family: Arial, Trebuchet MS, sans-serif;
	color:#f1b518;
	font-size:24px;
	padding:0px 10px 0 0px;
	text-decoration:none;
	letter-spacing:-1px;
	font-weight:lighter;
	line-height:180%;
	float:left;
	width:241px;
}



#content_head {
	

	float:right;
	width:720px;
	
}


#content_main2 {
background-image:url(../images/bg_content.jpg);
	background-repeat:repeat-y;
	padding:0px;
	clear:both;
	padding:0 0 0 10px;
	
	}
	

	

#content_sidefoot {
background-image:url(../images/bg_sidefoot.jpg);
	background-repeat:no-repeat;

	margin:0 10px 0 0;
	width:240px;
	
	float:left;
	clear:both;
	
}


/* content*/


#bg_content {
	padding:15px 25px 20px 20px;
	background:url(../images/bg_content.png);
	background-repeat:repeat-y;
}
#bg_content2 {
	padding:20px;
	background:url(../images/bg_content2.png);
	background-repeat:repeat-y;
}

#panel {
	margin-left: 15px;
}
/* left panel*/	
	


#content_left3 {
	background-repeat:no-repeat;
	padding:3px 10px 0 16px;
	width:564px;
	float:left;
}


#content_main {
	padding:0px;
	clear:both;
	
	}
	

	
#detail {
	background:url(../images/sticker.png);
	background-repeat:no-repeat;
	height:198px;
	width:123px;
	top: 482px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 17px;
	}
	
	
#detail_prod {
	background:url(../images/sticker.png);
	background-repeat:no-repeat;
	height:198px;
	width:123px;
	top: 536px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 17px;
	}
	

/* Title areas*/



#footer {
	background-image:url(../images/bg_footer.png);
	background-repeat:repeat-x;
	width:100%;
	height:130px;
	padding:0px;
	clear:both;
	margin:0px;
}

#footer_left {
	width:680px;
	float:left;
	display:inline;
	}
	
	
	
#footer_right {
background-image:url(../images/bg_footer4.jpg);
	background-repeat:no-repeat;
	width:308px;
	float:right;
	padding:5px 0px 0 0;

	display:inline;
	}

#footer1 {
background-image:url(../images/bg_footer1.jpg);
	background-repeat:no-repeat;
	
	width:650px;
	padding: 10px 0 0 30px;
	}
	
	
	#footer2 {
background-image:url(../images/bg_footer2.jpg);
	background-repeat:no-repeat;
	background-color:#fff;
	clear:both;
	padding:12px 0 0 0;

	width:682px;
	
	}
	
	
#footer2_home {
background-image:url(../images/bg_footer_home.jpg);
	background-repeat:no-repeat;
	background-color:#fff;
	clear:both;
	padding:12px 0 0 0;

	width:682px;
	
	}	
	
	#footer3 {
background-image:url(../images/bg_footer3.jpg);
	background-repeat:no-repeat;
		clear:both;
		height:30px;
		width:682px;
	
	}
	#footer4 {
background-image:url(../images/bg_footer5.jpg);
	background-repeat:no-repeat;
		clear:both;
		height:70px;
		width:265px;
		margin-top:10px;
		padding:10px 0 0 27px;
		font-size:11px;
		color:#797778;
	
	}

/* floats for body images if needed*/

	
#left {
	float:left;
	padding-right:10px;
	padding-bottom:10px;
}
#right {
	float:right;
	width:630px;
}


#shade {
	z-index:10;
	background-image:url(../images/img_shade.jpg);
	background-repeat:no-repeat;
	display: block;
	overflow: hidden;
	position: absolute;
	top: 212px;
	left:-9px;
	width:600px;
	text-indent:-5000px;
	height: 15px;
}
	
	#flash {
	position:absolute;
	top:239px;
	left:-7px;
	height:213px;
	width:957px;
	margin:0 0 0 21px;
}
