/*  
   Copyright Cardinus Risk Management Limited 2011 
   Description: Used for the homepage of the Cardinus redesigned JUNE 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;}


/* --------------------------------------------------------------------*/     
/* =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;}
/* --------------------------------------------------------------------*/     
/* =4 Header ----------------------------------------------------------*/
/* --------------------------------------------------------------------*/
.logo
{
	margin:5px 0px 0px 10px;}
/* --------------------------------------------------------------------*/     
/* =5 Navigation ------------------------------------------------------*/
/* --------------------------------------------------------------------*/
#login 
{
	width:100%;
	margin:0;
	padding:0;
	height:90px;
	}
	
/*#ctl00_topNavBar_LoginMenu
{
	float:right;
	margin-top:30px;
	font-size:80%;
	}
#ctl00_topNavBar_LoginMenu li 
{
	display:block;}	
	
#ctl00_topNavBar_LoginMenu a
{
	color:#666666;
	font-weight:bold;}
	
#ctl00_topNavBar_LoginMenu a:hover
{
	color:#999999;
	font-weight:bold;}*/
/*.AspNet-Menu-Link 
{
	float: right;
	margin-top: 30px;
	font-size: 80%;}*/
#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 ----------------------------------------------------------*/
/* --------------------------------------------------------------------*/

#gallery 
{
	height:187px;
	background-image:url(../images/Products/Banners/idx7_banner.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	width:100%;
}


#gallery h2
{
	text-transform:uppercase;
	color:#545455;
	font-weight:bold;
	font-size:180%;
	float:left;
	margin:23px 40px 0 350px;
	text-align:center;
	line-height:1.1em;
	}
#gallery h2.strapline
{
	text-transform:none;
	color:White;
	font-weight:bold;
	font-size:115%;
	float:left;
	margin:5px 20px 0 410px;
	
	}
#gallery h1
{
	color:#f36629;
	font-weight:bold;
	float:left;
	/*width:60%;*/
	font-size:115%;
	margin:15px 20px 0 380px;
	line-height:1.2em;
	font-weight:bold;
	}
#gallery p
{
	float:left;
	margin:27px 0px 0px 610px;
	width:310px;
	text-align:center;
	line-height:1em;
	}
#gallery a
{
	color:#545455;
	text-decoration:none;
	font-weight:bold;}	
#gallery a:hover
{
	color:white;
	}
/*#adverts 
{
	margin:15px 0px 15px 0px;
	border:1px solid #e1e1e1;
	background-image:url(../images/SME_ButtonSMALL.jpg);
	background-position:50% 25%;
	background-repeat:no-repeat;
	height:25px;
	color:#545455;
	font-size:90%;
	padding:0px;
	text-align:left;
	padding-left:10px;
	}
#adverts h1 {font-weight:bold;
	font-size:100%;
	width:auto;}
#adverts h2 {font-size:90%;
	color:#545455;
	width:auto;
	font-weight:normal;}
	
#adverts a
{
	color:#545455;
	text-decoration:underline;}*/
	
.bolder {font-weight:bold;}
	
#bottomcontainer 
{
	width:100%;
	margin:0 auto;
	height:auto;
	margin-top:10px;}
#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;}
	
#news h1, #videoHolder h1
{
	border:1px solid #e1e1e1;
	background-color:#F6F6F6;
	font-size:100%;
	color:#545455;
	padding-left:10px;
	text-transform:uppercase;}
#midcol h1 
{
	font-size:100%;
	color:#545455;
	padding-left:10px;
	text-transform:uppercase;
	border:1px solid #e1e1e1;
	background-color:#F6F6F6;}
	
#news h2, h3
{
	font-size:90%;
	padding-left:5px;
	margin:5px 0px 5px 0px;
	color:#f36629;
}	
#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;

	}

#ergonomicsUK 
{
	background-image:url(../images/ukergo.jpg);
	background-position:0 50%;
	background-repeat:no-repeat;
	height:80px;
	width:100%;
	border-bottom:1px solid #96BF0D;
	margin-top:5px;}
#ergonomicsUK p
{
	width:80%;
	margin-left:110px;}
		
#ergonomicsUS 
{
	background-image:url(../images/usergo.jpg);
	background-position:0 50%;
	background-repeat:no-repeat;
	height:80px;
	width:100%;
	border-bottom:1px solid #96BF0D;
	border-top:1px solid #999999;
	margin:0;
	
}
#ergonomicsUS p
{
	width:80%;
	margin-left:110px;}
#roadRisk 
{
	background-image:url(../images/roadrisk.jpg);
	background-position:0 50%;
	background-repeat:no-repeat;
	height:80px;
	width:100%;
	border-bottom:1px solid #96BF0D;
	border-top:1px solid #999999;
	margin:0;}
	
#roadRisk p
{
	width:80%;
	margin-left:110px;}

#hs
{
	background-image:url(../images/hs.jpg);
	background-position:0 50%;
	background-repeat:no-repeat;
	height:80px;
	width:100%;
	border-bottom:1px solid #96BF0D;
	border-top:1px solid #999999;
	margin:0;}
	
#hs p 
{
	width:80%;
	margin-left:110px;}

#propertyRisk
{
	background-image:url(../images/property.jpg);
	background-position:0 50%;
	background-repeat:no-repeat;
	height:80px;
	width:100%;
	border-bottom:1px solid #96BF0D;
	border-top:1px solid #999999;
	margin:0;}
#propertyRisk p
{
	width:80%;
	margin-left:110px;}
#consultancy 
{
	background-image:url(../images/consultancy.jpg);
	background-position:0 50%;
	background-repeat:no-repeat;
	height:80px;
	width:100%;
	border-bottom:1px solid #96BF0D;
	border-top:1px solid #999999;
	margin:0;}
#consultancy p
{
	width:80%;
	margin-left:110px;}
#safetyEL 
{
	background-image:url(../images/safetyEL.jpg);
	background-position:0 50%;
	background-repeat:no-repeat;
	height:80px;
	width:100%;
	border-top:1px solid #999999;
	margin:0;}
#safetyEL p
{
	width:80%;
	margin-left:110px;}
h2
{
	font-weight:bold;
	font-size:100%;
	color:#f36629;
	margin-left:110px;}


.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;}


/* --------------------------------------------------------------------*/     
/* =7 Form ----------------------------------------------------------*/
/* --------------------------------------------------------------------*/
.submit 
{
	background-color:#96BF0D;
	color:White;
	float:right;}

#ctl00_contactForm1_contactForm1
{
	width:100%;}
#contactForm
{
	width:auto;
	height:auto;
	min-height:100px;
	margin-top:30px;
	text-align:left;
	/*background-image:url(../images/contactbk1.jpg);
	background-repeat:repeat-x;
	background-position:0 0;*/
	font-size:80%;
	border:1px solid #96bf0d;
	/*	border:1px solid #F36629;*/
	padding:5px;
	margin:0px 0px 15px 0px;
	}
	
#contactForm p
{
	background-color:#96bf0d;
	font-size:160%;
	color:White;
	padding-left:10px;
	text-transform:uppercase;
	margin:-5px -5px 10px -5px;}


	
.lhcontactRowBold {font-weight:bold;
	width:20%;}
table.lhcontact 
{
	width:20%;
	}

#ctl00_contactForm1_txtName, #ctl00_contactForm1_txtOrg, #ctl00_contactForm1_txtTel, #ctl00_contactForm1_txtEmail  
{
	width:110px;}
	
#ctl00_ContentPlaceHolder1_txtFirstName, #ctl00_ContentPlaceHolder1_txtLastName, #ctl00_ContentPlaceHolder1_txtEmail, #ctl00_ContentPlaceHolder1_txtTel, #ctl00_ContentPlaceHolder1_txtOrg, #ctl00_ContentPlaceHolder1_txtAssess, #ctl00_ContentPlaceHolder1_txtComments
{
	width:180px;}
#ctl00_ContentPlaceHolder1_ddlSubject, #ctl00_ContentPlaceHolder1_ddlEmployeeNo, #ctl00_ContentPlaceHolder1_ddlSubject1

{
	width:184px;
	overflow:scroll;
	margin:0;
	padding:0;
	}
	
	
.contact
{
	background-color:#f5f4ef;}
tr.validationAlert 
{
	height:5px !important;
	}
	
#ctl00_ContentPlaceHolder1_valSelectSubject, #ctl00_ContentPlaceHolder1_valFirstName, #ctl00_ContentPlaceHolder1_valLastName, #ctl00_ContentPlaceHolder1_valEmail, #ctl00_ContentPlaceHolder1_valTel 
{
	font-size:70%;
	padding-left:23px;
	}
	
/* --------------------------------------------------------------------*/     
/* =8 Footer ----------------------------------------------------------*/
/* --------------------------------------------------------------------*/

#footer
{
	width:100%;
	height:auto;
	font-size:70%;
	text-align:left;
	margin:20px 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 30px 0px;
	width:100%;
	border-bottom:1px solid #e1e1e1;
	/*
	background-color:#F6F6F6;
margin-bottom:20px;*/
}	
#footerLinks a
{
	/*margin-right: 40px;*/
	color: #96bf0d;
	text-decoration:none;
}
#footerPrimaryLinks a
{
	/*margin-right: 40px;*/
	color: #96bf0d;
	text-decoration:none;
}
#footerPrimaryLinks {margin-bottom:10px;}
#footerAdditionsProdList 
{
	font-size:70%;
	}
	
#furtherReading
{
	width:100%;
	height:auto;
	border-top:20px solid #666666;
	border-right:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
	border-left:1px solid #e1e1e1;
	background-color:#999999;
	margin-bottom: 20px;
	color:White;
	font-size:120%;
	}	
#furtherReading p 
{
	float:none;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	width:85%;
	text-align:center;
	}
#furtherReading a 
{
	color:#EBF96D;
	text-decoration:none;
	}
	
/*ie hacks*/
*html .PrettyMenu .AspNet-Menu-Vertical{
z-index:1000;}

*html #wrapper
{
	padding-left: 10px;
	}
	
*html #gallery h1
{
	text-transform:none;
	color:#f36629;
	font-weight:bold;
	font-size:110%;
	float:left;
	margin:23px 40px 5px 225px;
	width:50%;
	}
*html #gallery h2
{
	margin:20px 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 #contactForm
{
	/*height: 380px;*/
}

*html #ctl00_topNavBar_LoginMenu
{

	}

*html .CustomerLogin ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover {
	background-color:blue;
}


*html #ctl00_ContentPlaceHolder1_ddlSubject
{
	width:400px;
	z-index:100;}
	
*html #ctl00_ContentPlaceHolder1_ddlEmployeeNo
{
	width:400px;
	z-index:100;}
	
	
/* i.e7 hacks */
*:first-child+html #ctl00_ContentPlaceHolder1_ddlSubject, *:first-child+html #ctl00_ContentPlaceHolder1_ddlEmployeeNo 
{
	width:400px;}	
	
	
/* 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;
		} 
   /* 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;
}*/