/*
	WEBSITE: TURBOHTML.nl  	
	STYLE: Content
    	
	1 - General style
	2 - List style
	3 - Color style
	4 - Image style
	5 - Icons style
	6 - Form style
	7 - Other style
*/

/* 1 - GENERAL =============================================================== */

H1{
	background: url(../gfx/header_small.gif) no-repeat left top;
	width:245px;
	height:52px;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	line-height:230%;
	color: #FFFFFF;
	font-size: 133%;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}
H1 A, H1 A:hover{
	font-size: 100%;
	color: #FFFFFF;
}
	
H2{
	padding: 28px 0px 21px 0px;
	margin: 0px;
	font-size: 130%;
	font-weight: bold;
	color: #0B56AF;
}
H2 A, H2 A:hover{
	font-size: 100%;
	color: #0B56AF;
}

H3{
	background: url(../gfx/bg_h3.jpg) no-repeat left top;
	width:576px;
	padding: 25px 0px 30px 0px;
	margin: 0px;
	font-size: 130%;
	font-weight: bold;
	color: #FFFFFF;
	text-indent: 32px;
	clear: both;    
}
H3 A, H3 A:hover{
	font-size: 100%;
	color: #FFFFFF;
}

H4{
	margin: 25px 0px 2px 0px;
	padding: 0px;
	font-size: 115%;
	font-weight: bold;
	color: #0B56AF;
}
H4 A, H4 A:hover{
	font-size: 100%;
	color: #0B56AF;
}

H5{
	background: url(../gfx/bg_h5.jpg) no-repeat left top;
	width:543px;
	padding: 10px 0px 25px 0px;
	margin: 0px 0px 23px 0px;
	font-size: 130%;
	font-weight: bold;
	color: #FFFFFF;
	text-indent: 13px;
	clear: both;    
}
H5 A, H5 A:hover{
	font-size: 100%;
	color: #FFFFFF;
}

H6{
	margin: 8px 0px 0px 0px;
	padding: 10px; 
	font-size: 170%;
	font-weight: normal;
	color: #FFFFFF;
	letter-spacing: -0.3px;
}
H6 A, H6 A:hover{
	font-size: 100%;
	color: #FFFFFF;
}

A, A:hover{
	color: #000000;
	text-decoration: underline;		
}	
A:hover{
	text-decoration: none;
}
A.no_style, A.no_style:hover{
	text-decoration: none;		
}	

HR{
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	border-bottom: 1px dashed #0B56AF;
	margin: 6px 0px 6px 0px;
	clear:both;
}	
html>body HR{
	border-top: 1px solid transparent;
	margin: 11px 0px 11px 0px;	
} 


/* 2 - LIST STYLES *********************************************************** */		

UL{
	margin: 0px;
	padding: 0px;
	list-style: disc outside;
}

UL.faq{
	margin-left: 45px;
}

UL.checklist{
	list-style: none;
	margin-left:7px;
}
UL.checklist LI{
	background: url(../gfx/check.gif) no-repeat left 1px;
	padding: 0px 0px 0px 30px;
	margin: 0px 4px 10px 0px;
	font-weight: bold;
}

UL.greylist{
	list-style: none outside;
}
UL.greylist LI{
	background-color:#EBEBEB;
	margin: 0px 0px 2px 0px;
	padding: 6px 14px 6px 0px;
	font-weight: bold;
	text-align:right;
	clear:both;
}
UL.greylist LI .left{
	float:left;
	width:110px;
	margin:0px;
	padding: 0px 0px 0px 14px;
	font-weight: bold;
	text-align:left;
}


/* 3 - COLOR STYLES *********************************************************** */

.blue, .blue A, .blue A:hover, A.blue, A.blue:hover{ 	color: #0B56AF;	}					
.blue_bold, .blue_bold A, .blue_bold A:hover, A.blue_bold, A.blue_bold:hover{ 	color: #0B56AF; font-weight:bold;	}
.lightblue, .lightblue A, .lightblue A:hover, A.lightblue, A.lightblue:hover{	color: #0094FF;	}
.orange, .orange A, .orange A:hover, A.orange, A.orange:hover{	color: #FF7000;	}


/* 4 - IMAGE STYLES *********************************************************** */			

IMG.border{				
	border: solid 1px #0B56AF;
}	

IMG.float_left, A.float_left, A.float_left:hover{	/* IE bug : do not apply border on A IMG but directly on the A tag */				
	float: left;
	margin: 4px 18px 10px 0px;
	padding: 0px 0px 0px 0px;
	border: solid 1px #0B56AF;
}		
A.float_left:hover{				
	border: solid 1px #0094FF;
}	

IMG.float_right, A.float_right, A.float_right:hover{ 				
	float: right;
	margin: 4px 0px 10px 18px;
	padding: 0px 0px 0px 0px;
	border: solid 1px #0B56AF;
	clear: both;
}		
A.float_right:hover{				
	border: solid 1px #0094FF;
}	


/* 5 - ICONS ================================================================== */	

DIV.browser_IE,
DIV.browser_FireFox,
DIV.browser_Opera,
DIV.browser_Safari{
	background: url(../gfx/browser_IE.gif) no-repeat center top;
	float:left;
	margin: 0px 14px 0px 4px;
	padding: 45px 0px 0px 0px;
	font-weight: bold;
} 
DIV.browser_FireFox{
	background-image: url(../gfx/browser_FireFox.gif);
}     
DIV.browser_Opera{
	background-image: url(../gfx/browser_Opera.gif);
}      
DIV.browser_Safari{
	background-image: url(../gfx/browser_Safari.gif);
}   

.contact{  
	float:left;
	display:block;
	width:55px;
	color: #0B56AF;
	font-weight: bold;
}

A.code_button{
	background: url(../gfx/button_code_off.gif) no-repeat left top;
	display:block;
	width: 260px;
	line-height: 48px;
	margin: 0px 0px 5px 9px;
	padding: 0px;
	font-weight:bold;
	color:#000000;
	text-indent:12px;
	text-decoration:none;
}
A.code_button:hover{
	background-image:url(../gfx/button_code_on.gif);
	color:#000000;
}


/* 6 - FORMS ================================================================== */	

FORM{
	margin:0px;
	padding:0px;
}      

LABEL{
	float: left;
	margin: 0px 10px 8px 4px;
	padding:4px 0px 0px 0px;
	width:222px;
	color: #0B56AF;
	font-size: 105%;
	font-weight: bold;
}
LABEL.value{
	color: #000000;
	margin-left: 10px;
	font-weight: normal;
}

INPUT{
	float: left;
	background: #EBEBEB url(../gfx/bg_formfields.gif) no-repeat right top;
	margin:0px 0px 8px 0px;
	padding:5px 3px 4px 5px;
	width:282px;
	height:20px;
	line-height:20px;
	font-size: 105%;
	border: 1px solid #BDB9B9;   
}   
INPUT.small{
	width:44px;
	font-size: 105%;
}  
INPUT.checkbox{
	float:left;
	width:auto; 
	margin-top:5px;
	font-size: 105%;
	background-color: #FFFFFF; 
} 
INPUT.file{
	width:292px;
	height:30px;
	padding-top:4px;
	font-size: 105%;
}

TEXTAREA{
	float: left;
	background: #EBEBEB url(../gfx/bg_formfields.gif) no-repeat right top;
	margin: 2px 0px 8px 0px; 
	padding:6px;
	width:290px;
	height:200px;
	font-family:arial;
	font-size: 105%;
	border: 1px solid #BDB9B9;
}      
html>body TEXTAREA{
	width:278px;
}

TEXTAREA:focus,INPUT:focus{
	border:1px solid #192728;
}

INPUT.submit{
	background: url(../gfx/button_order_off.gif) no-repeat left top;
	float: left;
	display: block;
	width: 121px;
	height: 34px;
	margin: 22px 0px 0px 0px;
	padding: 0px;
	font-size: 105%;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
	border: 0;
}
INPUT.submit:hover{
	background-image:url(../gfx/button_order_on.gif);
	color:#000000;
	cursor: hand;
}

BR.form_spacer{
	height:7px;
	line-height:7px;
	font-size:7px;
}


/* 7 - OTHER ================================================================= */	

.floatright{
	float:right;
}
.floatleft{
	float:left;
}

acronym{
	border-bottom: 1px solid #d2d2d2;
}