﻿/*  
   Copyright Cardinus Risk Management Limited 2009 
   Description: Used for Fleet Risk Management
   Author: J.White
   Version: 1.1
 
=1 Global
=2 Links
=3 Headings
=4 Header
=5 Navigation
=6 Middle
=7 Form
=8 Footer
=9 Extras
=8 Hacks


/* Sets element margins, padding, and border to 0 to even out browser differences when adding desired values later. */
html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a, img, button {
     margin: 0;
     padding: 0;
     border: 0;
}
/* --------------------------------------------------------------------*/     
/* =1 Global ----------------------------------------------------------*/
/* --------------------------------------------------------------------*/

body{
    background-color:#bfbec3;
    font-family:Verdana, Arial, sans-serif;
	font-size:90%;
	color:white;
	
}
html{}

#wrapper
{
    width:980px !important;
    height:auto;
    margin:0px auto 10px auto;
    padding:20px 0px 40px 0px;
    background-color:transparent;
   background-image:url(../images/bkgFSMSNOW.jpg);
    background-position:0% 0%;
    background-repeat:no-repeat;
    font-size:90%;
    color:white;
    }
    
/* --------------------------------------------------------------------*/     
/* =2 Links ----------------------------------------------------------*/
/* --------------------------------------------------------------------*/

#topnav a, #topnav a:link 
{
	color:white;
	text-decoration:underline;}
#topnav a:hover, #topnav a:hover:visited 
{
	text-decoration:none;}
	
#middletext a, #middletext a:link 
{
	color:#666;
	text-decoration:underline;}

#middletext a:hover, #middletext a:link:hover 
{
	color:#999;
	text-decoration:none;} 
/* --------------------------------------------------------------------*/     
/* =3 Headings ----------------------------------------------------------*/
/* --------------------------------------------------------------------*/
	
#middletext h1
{
	
   margin:-65px 0px 50px -70px;
   font-size:290%;
   color:white;
    }
 #middle h1 {
	float:left;
	font-size:300%;
	margin:0;
	text-align:center;
	width:359px;}
 #middle h2 
 {
	margin:50px 0px 0px 20px;
	color:Black;}	

#footer h2 {
	margin:10px 0px 20px 0px;}
#topnav h1 
{
	float:left;
	color:Black;
	width:70%;
	margin:0px 0px 0px 20px;}
/* --------------------------------------------------------------------*/     
/* =4 Header ----------------------------------------------------------*/
/* --------------------------------------------------------------------*/

	

/* --------------------------------------------------------------------*/     
/* =5 Navigation-------------------------------------------------------*/
/* --------------------------------------------------------------------*/


/* --------------------------------------------------------------------*/     
/* =6 Middle ----------------------------------------------------------*/
/* --------------------------------------------------------------------*/
#topnav
{
	width:100%;
	height:auto;
	position:relative;
	margin:0;
	padding:0;}

#middle 
{
	width:100%;
	height:auto;
	margin:0;
	/*fixes the min height problem in ie6/7 - works in all browsers*/
	min-height:350px;
	height:auto !important;
	height:350px;
	float:left;

}
#middletext {
	color:Black;
	margin:10px 0 0;
	padding:10px 0 0 23px;
	width:57%;
	
	}
#middletext p 
{
	margin:10px 0px 0px 0px;
	}
ul#midlist
{
	display:block;
	width:100%;
	/* put this float in so that ie6 and 7 display the first bullet*/
	float:left;
	margin:10px 0px 10px 14px;
	font-size:105%;
	font-weight:bold;}

ul#midlist li 
{
	margin:0;}
	
ul#contactDetails
{
	width:20%;
	float:right;
	height:auto;
	margin:0;
	font-weight:bold;
	}
ul#contactDetails li 
{
	list-style:none;
	}
.launchDate {
	border:1px solid #007CD4;
	color:#007CD4;
	float:left;
	font-size:200%;
	margin-top:45px;
	text-align:center;
	text-transform:uppercase;
	width:263px;}
/* --------------------------------------------------------------------*/     
/* =7 Form ------------------------------------------------------------*/
/* --------------------------------------------------------------------*/
#contactForm 
{
	background-image:url(../images/contactbkgSNOW.jpg);
    background-position:0% 0%;
    background-repeat:no-repeat;
	height:330px;
	/*margin-left:700px;*/
	width:265px;
	float:right;
	margin-top:20px;
	}

#ctl00_contactForm1_contactForm1
{
	font-size:90%;
	text-align:left;
	width:250px;
	height:auto;
    margin:40px 0px 0px 5px;}

    
table.lhcontact 
{
	width:90%;
	margin-left:20px;
	color:Black;
	}

.lhcontactRowBold
{
	font-weight:bold;
	font-size:150%;
	padding:28px 0 10px 0px;
	
	}
td.prospectus1 
{
	width:auto;
	
	font-size:150%;
	font-weight:bold;
	line-height:1.1em;
	padding:5px;
	color:Black;
	text-align:center;
	text-transform:uppercase;}
	
.regions1 
{
	font-weight:bold;
	font-size:120%;
	line-height:1.1em;
	width:95%;
	color:black;
	margin-bottom:10px;
	text-align:center;}
.lineTD 
{
	padding:0px;
	width:142px !important;}
#ctl00_contactForm1_txtReqs 
{
	width:142px!important;
	margin-top:10px;
	background-color:#c7cfdc;}
	
.submit
{
   margin:10px 10px 0 0;
    float:right;
    background-color:#97C03E;
    color:black;
    }	
input 
{
	margin-top:10px;
	background-color:#c7cfdc;}

/* --------------------------------------------------------------------*/     
/* =8 Footer-----------------------------------------------------------*/
/* --------------------------------------------------------------------*/
#footer 
{
	color:White;
	margin:0;
	height:auto;
	}
.footButtons
{
	background-image:url(../images/footerTile.gif);
    background-position:0% 0%;
    background-repeat:repeat;
    width:210px !important;
    height:200px !important;
    float:left;
    padding:10px 5px 5px 5px;
    margin:10px 5px 0px 15px;	
	color:black;
	text-align:left;
	font-weight:bold;
	line-height:1.1em;
	font-size:120%;
	}
.footButtons1 {
	background-image:url(../images/footerTile.gif);
	background-position:0 0;
	background-repeat:repeat;
	color:black;
	float:right;
	font-size:120%;
	font-weight:bold;
	height:200px !important;
	line-height:1.1em;
	margin-right:20px;
	margin-top:10px;
	padding:10px 5px 5px;
	text-align:left;
	width:210px !important;
}

.footButtons p, .footButtons1 p 
	{
	font-size:70%;
	line-height:1.2em;
	width:100%;
	font-weight:normal;
	margin-top:5px;}

p.footerBoxHead 
{
	background-image:url(../images/arrow.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	color:#A32322;
	font-size:70%;
	font-weight:bold;
	height:35px;
	margin-bottom:5px;
	padding-left:25px;
	text-transform:uppercase;
	width:90%;
}
/* --------------------------------------------------------------------*/     
/* =9 Extras-----------------------------------------------------------*/
/* --------------------------------------------------------------------*/

.small {font-size:70%;}
	
.clear {clear:both;}

.confirm 
{
	padding:10px;
	margin:100px auto;
	text-align:center;
	font-size:170%;
	font-weight:bold;
	width:250px;
	background-color:#a32322;
	}




/* --------------------------------------------------------------------*/     
/* =10 Hacks-----------------------------------------------------------*/
/* --------------------------------------------------------------------*/


/*----------------- ie6 hack ------------------------*/
*html #ctl00_contactForm1_txtReqs 
{
	width:148px !important;
}
*html #ctl00_contactForm1_btnEvaluation 
{
	float:right;
	margin:5px 0px 0px 170px;}
*html ul#midlist
{
	/* fixes the missing bullet dang it!!! A ul is a block-level element and wipes off the bullet when a float is added -----*/
	display:inline;}
*html .launchDate 
{
	margin-top:50px;}

*html .footButtons 
{
	margin-left: 10px;}
*html .footButtons1 
{
	margin-right:10px;}
/*---ie7  hack ---------------------- */


*:first-child+html #ctl00_contactForm1_txtReqs 
{
	width:148px !important;
}
*:first-child+html #ctl00_contactForm1_btnEvaluation 
{
	float:right;
	margin:5px 0px 10px 170px;}

*:first-child+html ul#midlist
{
	/* fixes the missing bullet dang it!!! A ul is a block-level element and wipes off the bullet when a float is added -----*/
	display:inline;}

*first-child+html .footButtons 
{
	 padding:10px 3px 0px 0px;}
*first-child+html .launchDate 
{
	margin-top:55px;}

*first-child+html .footButtons1 
{
	margin-right:15px;}
	
/* safari hack --------------------------*/
@media screen and (-webkit-min-device-pixel-ratio:0)
 {
	.launchDate 
	{
		margin-top:71px;}
	#ctl00_contactForm1_txtReqs 
	{
		width:149px !important;}
 }
