/*  
   Copyright Cardinus Risk Management Limited 2009 
   Description: Used for the homepage of the Cardinus redesigned DEC site
   Author: J.White
   Template: cardinus.master
   Version: 1.1
 
=1 Global
=2 Links
=3 Headings
=4 Header
=5 Navigation
=6 Middle
=7 Form
=8 Footer


/* 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:white;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size:100%;
	color:#656767;
}
html{}

#wrapper
{
    width:981px !important;
    height:auto;
    margin:0px auto 10px auto;
    padding:0;
    background-color:White;
    font-size:90%;
    }
 
/* --------------------------------------------------------------------*/     
/* =2 Links ----------------------------------------------------------*/
/* --------------------------------------------------------------------*/

#footer a, #news a, #ctl00_ContentPlaceHolder1_pressContent a
{
	color:#656767;}
	
#footer a:hover, #news a:hover, #ctl00_ContentPlaceHolder1_pressContent a:hover
{
	color:#AEAFAE;}

#bottomcontainer a, #bottomcontainer a:link  
{
	font-size:90%;
	color:#656767;
	text-decoration:none;}
	
#bottomcontainer a:hover
{
	text-decoration:underline;} 

/* --------------------------------------------------------------------*/     
/* =3 Headings --------------------------------------------------------*/
/* --------------------------------------------------------------------*/
.heading /* for styling header tags as links */
{
	font-family:Verdana, Arial, sans-serif;
	font-size:95%;
    font-weight:bold;
    color:#FC7E00;
    margin-bottom:8px;}
h3
{
	font-weight:bold;
	font-size:100%;
	color:#bc2f43;
	padding-left:3px;
	text-transform:uppercase;
	}

/* --------------------------------------------------------------------*/     
/* =4 Header ----------------------------------------------------------*/
/* --------------------------------------------------------------------*/
.logo
{
	margin:5px 0px 0px 10px;}
/* --------------------------------------------------------------------*/     
/* =5 Navigation ------------------------------------------------------*/
/* --------------------------------------------------------------------*/
#login 
{
	width:100%;
	margin:0;
	padding:0;
	height:90px;
	}
	
#ctl00_topNavBar_LoginMenu
{
	width:30%;
	float: right;
	margin:30px -140px 0px 0px;
	font-size: 80%;}

	
.SearchBox 
{
	float:left;
	margin:30px 0px 0px 190px;
	width:auto;
	height:13px;
	/*border:1px solid #95bd0d;
	background-color:#dbeab3;*/}
.SearchButton 
{
	float:left;
	margin:30px 0px 0px 0px;
	height:19px;
	background-color:#95bd0d;
	border:medium none;
	background-image:url(../images/searchButton.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	padding-left:15px;}

.Custlogin
{
	float: right;
	margin-top: 30px;
	font-size: 80%;
}

#login a
{
	color:#666666;
	font-weight:bold;
	text-decoration: none;}
	
#login a:hover
{
	color:#999999;
	font-weight:bold;}	
	
#topnav
{
	background-image: url(../images/topnavSlice.jpg);
	background-repeat:repeat-x;
	background-position:0 0;
	width:100%;
	height:29px !important;
	margin-top:-20px;
	padding:0;
	position: relative;
}

/* --------------------------------------------------------------------*/     
/* =6 Middle ----------------------------------------------------------*/
/* --------------------------------------------------------------------*/
/* galery ----------*/
#gallery 
{
	height:187px;
	/*background-image:url(../images/Products/Banners/idx6_banner.jpg);
	background-position:0 0;
	background-repeat:no-repeat;*/
	width:100%;
	clear:both;
	float:left;
	width:100%;
	margin-bottom:15px;
}


#gallery h2
{
	text-transform:uppercase;
	color:White;
	font-weight:bold;
	font-size:260%;
	float:left;
	margin:15px 20px 0 380px;
	
	}
#gallery h2.strapline
{
	text-transform:none;
	color:White;
	font-weight:bold;
	font-size:115%;
	float:left;
	margin:5px 20px 0 410px;
	
	}
#gallery h1
{
	color:White;
	font-weight:bold;
	float:left;
	/*width:60%;*/
	font-size:110%;
	margin:10px 10px 0 465px;
	}
#gallery p
{
	float:left;
	margin:15px 10px 0px 600px;
	width:330px;
	text-align:center;
	line-height:1em;
	}
#gallery a
{
	color:#545455;
	text-decoration:none;
	font-weight:bold;}	
#gallery a:hover
{
	color:#999999;
	}
	
.main_view 
{
	float:left;
	height:187px;
	/*margin-right:20px;
	padding:25px;*/
	position:relative;
	width:100%;
	background-color:#828282;
	background-image: url(../images/Products/Banners/home_bkg1.jpg);
	background-position: 0 0;
	background-repeat:repeat-x;
}
.window 
{
	height:187px;
	overflow:hidden;
	position:relative;
	width:845px;}
.image_reel 
{
	left:0;
	position:absolute;
	top:0;
	/*width:2320px;*/
	width:3950px;
	
	}	
.image_reel a {
	cursor:pointer;
	float:left;
	position:relative;
}
.image_reel img {
	float:left;
	width:458px;
}
.firstAd
{
	width:845px;
	text-align:center;
	padding-top:30px;
	color:#545455;
	font-size:115%;}
	
.secondAd, .thirdAd, .fourthAd
{
	width:845px;
	text-align:center;
	padding-top:30px;
	color:#545455;
	font-size:115%;
	}
.secondAd {margin-left:100px;}
.thirdAd {margin-left:130px;}
.fourthAd {margin-left:110px;}
	
.imageStrap {margin-top:-30px;}
.AD1 {float:none;}
img {
	border:0 none;
}
.image_reel a span {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#111111 url(icon_view.gif) no-repeat scroll center center;
	float:left;
	height:187px;
	left:0;
	position:absolute;
	top:0;
	width:580px;
	z-index:10;
}
* {
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
}
.paging {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(paging_bg.png) no-repeat scroll 0 0;
	bottom:0px;
	display:none;
	height:47px;
	line-height:40px;
	position:absolute;
	right:-3px;
	text-align:center;
	width:178px;
	z-index:100;
}
.paging a {
	color:#FFFFFF;
	padding:5px;
	text-decoration:none;
}
.paging a.active {
	font-weight: bold; 
	background: #96bf0d; 
	border: 1px solid #005581;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}
.desc {
	width: 290px;
	float: left;
	color: #777;
	font-size: 1.1em;
	padding: 15px 0;
}
.desc h2 {
	text-transform: uppercase;
	font: normal 2em Georgia, "Times New Roman", Times, serif;
	color: #333;
	padding: 5px 0; margin: 5px 0;
	border-bottom: 1px solid #f0f0f0;
}
.desc h3 {
	font-size: 1.3em;
	padding: 5px 0;	margin: 0;
}
.desc ul.services {
	padding: 0; margin: 0 0 0 15px; 
	list-style: none;
}
.desc ul.services li {
	background: url(icon_check.gif) no-repeat left center;
	padding: 3px 5px 3px 20px;	margin: 0;
}	
/* end of gallery */
#adverts 
{
	margin:0px 0px 15px 0px;
	border:1px solid #e1e1e1;
	background-color:#F6F6F6;
	height:20px;
	color:#545455;
	font-size:80%;
	padding:0px;
	text-align:left;
	text-indent:10px;
	width:100%;
	float:left;
	}
#adverts p 
{
	float:left;}
#adverts a
{
	color:#545455;
	text-decoration:underline;}
/*#ctl00_newsContent 
{
	width:50%;
	margin:0;
	padding:0;
	height:20px;
	float:left;
	}	*/
.bolder {font-weight:bold;}
	
#bottomcontainer 
{
	width:100%;
	margin:0 auto;
	height:auto;
	min-height:318px;
	float:left;
	}
#ltcol
{
	margin:0;
	padding:0;
	float:left;
	width:20%;
	height:auto;}
#midcol
{
	margin:0;
	padding:0;
	float:left;
	width:53%;
	height:auto;
	margin-left:17px;
	/*border:1px solid #e1e1e1;*/
	}
#midcol p{margin-bottom:10px;}

#midcol a
{
	color:#F36629;
	font-weight:bold;
	text-decoration:none;}
#midcol a:hover
{
	color:#ff9900;
	text-decoration:underline;}

#rtcol
{
	margin:0;
	padding:0;
	float:right;
	width:21%;
	height:auto;}
	
#flashcontainer
{
	width:auto;
	height:220px;
	margin-top:0px; 
	}
/*#flashcontainer h1 
{
	background-color:#AEAFAE;
	font-size:105%;
	color:White;
	padding-left:10px;
	text-transform:uppercase;}*/
#videoHolder
{
	width:90%;
	height:auto;
	margin:10px 0px 0px 0px;
	border:1px solid #e1e1e1;
	}
	
#news 
{
	width:90%;
	height:auto;
	font-size:95%;
	border:1px solid #e1e1e1;
	}
#news p
{
	margin-left:5px;}
	

#sme
{
	width:auto;
	height:auto;
	text-align:center;
	font-weight:bold;
	font-size:105%;
	background-image:url(../images/contactbk.jpg);
	background-repeat:repeat-x;
	background-position:0 0;
	border:1px solid #E1E1E1;
	padding:5px;
	}	
#sme h1
{
	text-transform:uppercase;
	font-size:100%;
	padding-top:0px;}	
#sme p 
{
	padding-top:10px;
	text-align:center;
	font-size:90%;
	font-weight:normal;
	}
#sme a
{
	color:#F36629;
	font-weight:bold;
	text-decoration:underline;
	font-size:130%;}
#sme a:hover
{
	color:#ff9900;}	
	
#products 
{
	width:100%;
	height:auto;

	}

#environmental
{
	background-image:url(../images/envHOME.jpg);
	background-position:0 30%;
	background-repeat:no-repeat;
	float:left;
	height:200px !important;
	width:283px !important;
	margin:0px 50px 15px 0px;
	border:1px solid #E1E1E1;
	background-color:#F6F6F6;
	font-size:80%;}
#environmental p
{
	margin-top:137px;
	padding:3px;
	font-size:95%;
	}
		

#roadRisk 
{
	background-image:url(../images/DriveHOME.jpg);
	background-position:0 30%;
	background-repeat:no-repeat;
	float:left;
	height:200px !important;
	width:283px !important;
	margin:0px 63px 10px 0px;
	border:1px solid #E1E1E1;
	background-color:#F6F6F6;
	font-size:80%;}
	
#roadRisk p
{
		margin-top:137px;
	padding:3px;
	font-size:95%;
	}

#hs
{
	/*background-image:url(../images/hs.jpg);
	background-position:0 50%;
	background-repeat:no-repeat;*/
	height:164px !important;
	width:284px !important;
	float:left;
	margin:0;}
	
#hs p 
{
	width:80%;
}

#ergonomicsUK
{
	background-image:url(../images/ergonHOME.jpg);
	background-position:0 30%;
	background-repeat:no-repeat;
	float:right;
	height:200px !important;
	width:283px !important;
	margin:0px 0px 15px 0px;
	border:1px solid #E1E1E1;
	background-color:#F6F6F6;
	font-size:80%;}
	
#ergonomicsUK p
{
	margin-top:137px;
	padding:3px;
	font-size:95%;
	}
#safetyEL
{
	background-image:url(../images/safetyELHOME.jpg);
	background-position:0 30%;
	background-repeat:no-repeat;
	float:left;
	height:200px !important;
	width:283px !important;
	margin:0px 63px 15px 0px;
	border:1px solid #E1E1E1;
	background-color:#F6F6F6;
	font-size:80%;}
#safetyEL p
{
	margin-top:137px;
	padding:3px;
	font-size:95%;
	}
#propertyRisk
{
	background-image:url(../images/propHOME.jpg);
	background-position:0 30%;
	background-repeat:no-repeat;
	float:left;
	height:200px !important;
	width:283px !important;
	margin:0px 50px 15px 0px;
	border:1px solid #E1E1E1;
	background-color:#F6F6F6;
	font-size:80%;}
#propertyRisk p
{
	margin-top:137px;
	padding:3px;
	font-size:95%;
	}
	
#consultancy {
	background-image:url(../images/consultancyHOME.jpg);
	background-position:0 30%;
	background-repeat:no-repeat;
	float:left;
	height:200px !important;
	width:283px !important;
	margin:0 0 15px 12px;
	border:1px solid #E1E1E1;
	background-color:#F6F6F6;
	font-size:80%;}

#consultancy p 
{
	margin-top:137px;
	padding:3px;
	font-size:95%;}



/*#ctl00_contactForm1_contactForm1 
{
	width:100%;
	margin:0;
	padding:0;
	}	
.lhcontact 
{
	width:100%;
	margin:0;
	padding:3px;}
.lhcontact tr 
{
	height:auto;
	margin:5px 0px 0px 0px;}
	
.lhcontactRowBold {font-weight:bold;}*/
.clear
{
	clear:both;}
	
.imageRight	
{
	float:right;
	margin-left:10px;}
	
.orangeHighlightText
{
	font-weight: bold;
	color: #ff9900;	
}

#twitter 
{
	background-image:url(../images/twitter.jpg);
	background-repeat:no-repeat;
	background-position:5% 0%;
	height:auto;
	width:auto;
	text-indent:58px;
	padding-left:10px;
	margin-top:30px;
	}
#twitter p
{
	padding-top:30px;
	font-weight:bold;}
#twitter p.link 
{
	padding-top:3px;
	text-indent:5px;}
	
#twitter a, #adverts a
{
	color:#545455;
	text-decoration:underline;}
#twitter a:hover, #adverts a:hover
{
	color:#e1e1e1;
	text-decoration:none;}
.watermark 
{
	font-size:80%;
	}
#productsList 
{
	background-color:#F6F6F6;
	border:1px solid #E1E1E1;
	width:100%;
	height:auto;
	font-size:70%;
	min-height:200px;
	}
#firstBotBox, #secondBotBox, #contactForm
{
	float:left;
	height:200px;
	border-right:1px solid #e1e1e1;
	margin:0;
	padding:0;}
#firstBotBox 
{
	width:32%;
	}
#secondBotBox 
{
	width:35%;}
#contactForm 
{
	width:29%;
	padding:10px 10px 0px 20px;
	border:none;}
	
ul#first, ul#second
{
	display:block;
	margin:10px 0 0 20px;
	padding:0;
	float:left;
	
	}
/*#contactForm
{
	height:200px !important;
	width:283px !important;
border:1px solid #E1E1E1;
	background-color:#F6F6F6;
float:right; 
margin:0 10px 0px 0px;
	text-align:left;
	width:20%;
	float:left;
	}*/

ul#fourth {
	display:block;
	margin:0;
	padding:0;
	width:20%;
	float:left;}
li 
{
	list-style:none;}
ul li.firstTitle 
{
	font-weight:bold;
	color:#BC2F43;
	font-size:95%;}
ul li a:link 
{
	text-decoration:none;
	color:#656767;
	}
ul li a:hover 
{
	text-decoration:underline;
	}

/* --------------------------------------------------------------------*/     
/* =7 Form ----------------------------------------------------------*/
/* --------------------------------------------------------------------*/
.submit 
{
	background-color:#96BF0D;
	color:black;
	float:right;}
#ctl00_contactForm1_txtName, #ctl00_contactForm1_txtOrg, #ctl00_contactForm1_txtTel, #ctl00_contactForm1_txtEmail 
{
	background-color:#ffffff;
	height:14px;
	width:160px;
	color:#545455;}
#ctl00_contactForm1_btnEvaluation 
{
	font-size:95%;
height:18px;
padding-bottom:3px;
width:50px;
}

/* --------------------------------------------------------------------*/     
/* =8 Footer ----------------------------------------------------------*/
/* --------------------------------------------------------------------*/

#footer
{
	width:100%;
	height:auto;
	font-size:70%;
	text-align:left;
	margin:10px 0px 20px 0px;
	padding:0px;
	text-align:center;
	}
#footerlt
{
	float:left;
	width:49%;
	height:auto;
	border-right: 1px solid #E1E1E1;
	margin: 3px 0px 0px 5px;}
	
#footerrt
{
	float:right;
	width:49%;
	height:auto;
	margin: 3px 0px 0px 5px;}

#footer p 
{
	width:100%;
	margin:5px;
	float:left;}
	
#footerLinks
{
	text-align: center;
	padding:2px 0px 2px 0px;
	width:100%;
	border:1px solid #e1e1e1;
	background-color:#F6F6F6;
}	
#footerLinks a
{
	margin-right: 40px;
	color:#545455;
}
#footerAdditionsProdList 
{
	font-size:70%;
	}	
.testimonials
{
	font-size:80%;
	font-weight:bold;}	
/*ie hacks --------------------------------------------*/
/* -----------------------------------------------------*/
*html .PrettyMenu .AspNet-Menu-Vertical{z-index:1000;}

*html #topnav {z-index:2;}
*html #wrapper{padding-left: 10px;}

/**html #gallery h1
{
	text-transform:none;
	color:White;
	font-weight:bold;
	font-size:110%;
	float:left;
	margin:10px 20px 5px 225px;
	width:50%;
	}
*html #gallery h2
{
	margin:10px 0 0 170px;
	/*color:White;
	font-weight:bold;
	float:left;
	width:60%;
	font-size:120%;
	margin:10px 0 0 195px;
	}
*html #gallery h2.strapline
{
	margin:5px 10px 0 195px;
	width:auto;
		}
	
*html #gallery p
{
	float:left;
	margin:15px 10px 0px 300px;
	width:330px;
	text-align:center;
	line-height:1em;
	}*/

*html #roadRisk 
{
	clear:both;
	margin-top:10px;
	margin-bottom:10px;
	}
*html #propertyRisk 
{
	margin:10px 61px 10px 0px;}
*html #consultancy 
{
	margin:10px 0 10px 0;}
		
/**html #contactForm
{
	height: 380px;
}*/


*html .CustomerLogin ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover {
background-color:blue;
}
/* i.e7 hacks */
*:first-child+html #productsList 
{
	margin-top: 20px;}
*:first-child+html #topnav {z-index:2;}

/* Safari Hack -------------------------------------*/
/* --------------------------------------------------*/
@media screen and (-webkit-min-device-pixel-ratio:0)
 {
.AspNet-Menu-Horizontal{margin-left:80px;}
  
#gallery h1{
  font-size: 100%;
  margin:10px 0px 20px 450px;
  width:50%;}
  
#gallery h2 {
margin:15px 20px 0 450px;
}
#gallery h2.strapline
{
	margin:5px 10px 0 450px;
	width:auto;
		} 
	
#safetyEL p, #environmental p, #ergonomicsUK p, #roadRisk p, #propertyRisk p, #consultancy p {margin-top:150px;}
   /* fixes the heading in the gallery*/
   
#midcol{color:#656767;}  
#midcol h2 
{
	font-size:100%;
	margin-bottom:5px;} 
	 
#midcol {font-weight:normal;} 
#midcol a{font-size:80%;}
#twitter p{font-size:80%; margin-bottom:5px;}
#wrapper{font-size:80%;}
#sme h1{color:#545455; font-weight:bold;}
}	
	
/**html #ctl00_topNavBar_LoginMenu
{
	float:right;
	margin-top:30px;
	font-size:100%;
	background-color: Red;
	width: 40%;
}

*html #ctl00_topNavBar_LoginMenu li 
{
	display:list-item;
	
}	
	
*html #ctl00_topNavBar_LoginMenu a
{
	color:#000000;
	font-weight:bold;}
	
*html #ctl00_topNavBar_LoginMenu a:hover
{
	color:#999999;
	font-weight:bold;
}*/