/** 
 * Local stylesheet file 
 * #hiw { How It Works }
 */

/* #Intro dedicated bg class */
.hiw-bg { height: 75px; width: 960px; background: url(http://38one.com/bf/images/hiw-bg.gif) left bottom no-repeat; }
.hiw-bg .cnt { margin-left: 10px !important; }
.hiw-bg h1 { height: 24px; width: 191px; background: url( '/_i/heading/nl/how-it-works.gif' ) no-repeat; }
.hiw-bg .line { margin: 20px 0 0 0; }

#hiw { border: 1px solid #ccc; background: url( '/_i/hiw-bg.jpg' )  repeat-x bottom left; }
#hiw .routing { text-align: left; }
#hiw h3 { font-size: 16px; color: #000 !important; margin: 15px 0px 15px 20px; padding: 0; font-weight: normal !important; width: 350px; }
#hiw .routing p {
	color: #333;
	font-size: 12px;
	width: 350px;
	margin-left: 20px;
	}
#hiw strong { color: #000; }
#hiw .routing img {	margin: -250px 80px 0 0; float: right; }
#hiw h2#head-text { color: #000 !important; padding: 0 6px 0 20px; font-size: 22px; line-height: 24px; margin: 0; float: left; height: 24px; font-weight: normal !important; }
#hiw .green  { margin: 22px 0 10px 0; height: 24px; background: url( '/_i/gline.gif' ) repeat-x; }

#hiw div.movie { text-align: left; padding: 50px 0 0 0 !important; margin: 0 0 0 20px !important; clear: both; overflow: hidden; }
#hiw div.movie img { margin: 0 0 20px 20px !important; padding: 0 !important; }
#hiw div.movie .col1 {
	margin-left: 0 !important;
	}
#hiw div.movie .col1 strong {
	font-size: 16px;
	font-weight: normal !important;
	}
#hiw-cnt { margin: 0 auto; padding: 0; width: 942px;}
#hiw-cnt .col1 { width: 160px; float: left; margin-left: 20px; }
#hiw-cnt .col2 { width: 450px; font-size: 14px; text-align: left; float: left; padding: 0px 15px 20px 15px; color: #333; border-right: 1px solid #ccc; }
#hiw-cnt .col3 { width: 240px; float: left; padding-left: 15px; }
#hiw-cnt .col3 .more {
 font-size: 14px !important;
	margin-left: 0 !important;
	}

#hiw #lr-4 div.movie img,
#hiw #lr-5 div.movie img {
	margin-left: 170px !important;
	}

#hiw-menu { display: block; clear: both; }
#hiw-menu a { display: block; height: 69px; color: #333; text-decoration: none; float: left; overflow: hidden; text-align: left; padding: 42px 20px 0 20px; }	
#hiw-menu a:hover { color: #000; height: 69px !important; }	
#hiw-menu .label { display: inline; height: 80px; margin: 30px 10px 30px 10px; }
#hiw-menu a.menu-on1, #hiw-menu a.menu-on1:hover,
#hiw-menu a.menu-on2, #hiw-menu a.menu-on2:hover,
#hiw-menu a.menu-on3, #hiw-menu a.menu-on3:hover,
#hiw-menu a.menu-on4, #hiw-menu a.menu-on4:hover,
#hiw-menu a.menu-on5, #hiw-menu a.menu-on5:hover {
	color: #333 !important; text-decoration: none !important; 
	border-top: 1px solid #99cc00;
	border-right: 1px solid #99cc00; }

#hiw-menu a.menu-on1, #hiw-menu a.menu-on1:hover {
	background: url( '/_i/cijfers/1-act.gif' ) no-repeat bottom left !important;
	width: 146px; }
#hiw-menu a.menu-off1 {
	background: url( '/_i/cijfers/1.jpg' ) no-repeat bottom left !important;
	width: 145px; }	
#hiw-menu a.menu-off1:hover {
	background: url( '/_i/cijfers/1-off.jpg' ) no-repeat bottom left !important;
	width: 145px; }

#hiw-menu a.menu-on2, #hiw-menu a.menu-on2:hover {
	background: url( '/_i/cijfers/2-act.gif' ) no-repeat bottom left !important;
	width: 151px; }
#hiw-menu a.menu-off2 {
	background: url( '/_i/cijfers/2.jpg' ) no-repeat bottom left !important;
	width: 150px; }
#hiw-menu a.menu-off2:hover {
	background: url( '/_i/cijfers/2-off.jpg' ) no-repeat bottom left !important;
	width: 150px; }

#hiw-menu a.menu-on3, #hiw-menu a.menu-on3:hover {
	background: url( '/_i/cijfers/3-act.gif' ) no-repeat bottom left !important; 
	width: 151px; }
#hiw-menu a.menu-off3 {
	background: url( '/_i/cijfers/3.jpg' ) no-repeat bottom left !important;
	width: 150px; }
#hiw-menu a.menu-off3:hover {
	background: url( '/_i/cijfers/3-off.jpg' ) no-repeat bottom left !important;
	width: 150px; }

#hiw-menu a.menu-on4, #hiw-menu a.menu-on4:hover {
	background: url( '/_i/cijfers/4-act.gif' ) no-repeat bottom left !important;
	width: 152px; }
#hiw-menu a.menu-off4 {
	background: url( '/_i/cijfers/4.jpg' ) no-repeat bottom left !important;
	width: 151px; }
#hiw-menu a.menu-off4:hover {
	background: url( '/_i/cijfers/4-off.jpg' ) no-repeat bottom left !important;
	width: 151px; }

#hiw-menu a.menu-on5, #hiw-menu a.menu-on5:hover {
	background: url( '/_i/cijfers/5-act.gif' ) no-repeat bottom left !important; 
	width: 145px; }
#hiw-menu a.menu-off5 {
	background: url( '/_i/cijfers/5.jpg' ) no-repeat bottom left !important;
	width: 144px; }
#hiw-menu a.menu-off5:hover {
	background: url( '/_i/cijfers/5-off.jpg' ) no-repeat bottom left !important;
	width: 144px; }

#hiw-menu a.menu-off1, #hiw-menu a.menu-off1:hover,
#hiw-menu a.menu-off2, #hiw-menu a.menu-off2:hover,
#hiw-menu a.menu-off3, #hiw-menu a.menu-off3:hover,
#hiw-menu a.menu-off4, #hiw-menu a.menu-off4:hover,
#hiw-menu a.menu-off5, #hiw-menu a.menu-off5:hover {
	border-bottom: 1px solid #99cc00; }
#hiw-cnt div#lr-1, 
#hiw-cnt div#lr-2,
#hiw-cnt div#lr-3, 
#hiw-cnt div#lr-4, 
#hiw-cnt div#lr-5 {
	border-bottom: 1px solid #99cc00;
	border-left: 1px solid #99cc00;
	border-right: 1px solid #99cc00; 
	background-color: #fff; }