/* @override http://www.wclbauld.com/styles.css */

/* @override http://wclb.webrequest.ca/styles.css */

/* CSS Reset */
html,body,div,span,object,h1,h2,h3,h4,h5,h6,p,blockquote,a,em,img,strong,sup,dl,dt,dd,ol,ul,li,fieldset,form,label{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;}
:focus{outline:0;}
ol,ul{list-style:none;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}

body{
	background:#010101 url(images/bg_body.jpg) top left repeat-x;
	font-family:Arial, Helvetica, sans-serif;	
	font-size:14px;
	color:#30302f;
	text-align:center;
	line-height:1.5;
	margin:20px 0; 
}

/* TEXT ELEMENTS */
h1, h2, h3{line-height:1.1;font-weight:bold;}
h1{font-size:24px;color:#0b4f36;font-weight:normal;margin-bottom:10px;}
h2{font-size:16px;color:#010101;margin-bottom:5px;}
h3{font-size:14px;color:#5b5837;}

p{margin:0 0 20px 0;}
strong{font-weight:bold;}
#content ul{list-style-type:disc;margin:0 20px 20px 20px;}
#content ol{list-style-type:decimal;margin:auto 20px;}
#content ul li, #content ol li{margin-bottom:5px;}
em{font-style:oblique;}
hr{height:1px;border:0;border-top:1px solid #ccc;margin:20px 0;}

table.tableClass{font-size:12px;border-top:1px solid #ccc;border-left:1px solid #ccc;}
table.tableClass th{background:#eee;}
table.tableClass td, table.tableClass th{padding:5px;border-bottom:1px solid #ccc;border-right:1px solid #ccc;vertical-align:top;}

/* LINKS */
a, a:visited, a:hover, a:active{color:#15523b;text-decoration:none;}
#content a{text-decoration:underline;}

/* LAYOUT */
#container_wrapper{margin:0 auto;width:783px;background:transparent url(images/bg_container.png) top center repeat-y;padding-bottom:10px;}
#container{width:750px;margin:0 auto;}

#global_nav{float:right;margin:2px 25px 5px 0;}
#global_nav li{display:inline;}
#global_nav li a{padding:0 5px 0 1px;font-size:11px;border-right:1px solid #709789;}
#global_nav li.last a{border:0;padding-right:0;}

#header{width:702px;height:195px;position:relative;margin:0 auto;clear:both;background:#4f4d30 url(images/banner_tools.jpg) top left no-repeat;border-bottom:1px solid #827f5f;}
.buying #header{background:#4f4d30 url(images/banner_halifax.jpg) top left no-repeat;}
.customer #header{background:#4f4d30 url(images/banner_road_woods.jpg) top left no-repeat;}
.shop #header{background:#4f4d30 url(images/banner_road.jpg) top left no-repeat;}
.shop.business #header{background:#4f4d30 url(images/banner_buildings.jpg) top left no-repeat;}
.shop.boat #header{background:#4f4d30 url(images/banner_sailing.jpg) top left no-repeat;}
.shop.auto #header{background:#4f4d30 url(images/banner_road.jpg) top left no-repeat;}
.shop.home #header{background:#4f4d30 url(images/banner_house.jpg) top left no-repeat;}

#logo{position:absolute;top:0px;left:5px;}

#nav{position:absolute;bottom:0;left:0;width:710px;}
#nav li{position:relative;float:left;height:38px;overflow:hidden;margin:0 5px;}
#nav li span{position:absolute;width:100%;height:100%;top:0;left:0;display:block;}
#nav li.home{width:83px;margin-left:40px;}
#nav li.buying{width:140px;}
#nav li.shop{width:189px;}
#nav li.customer{width:177px;}
#nav li.home span{background:transparent url(images/nav_home.png) top left no-repeat;}
#nav li.buying span{background:transparent url(images/nav_buying.png) top left no-repeat;}
#nav li.shop span{background:transparent url(images/nav_shop.png) top left no-repeat;}
#nav li.customer span{background:transparent url(images/nav_customer.png) top left no-repeat;}

#nav li a:hover span, body.buying #nav li.buying a span, body.shop #nav li.shop a span, body.customer #nav li.customer a span{background-position:bottom left;}

#content_wrapper{width:702px;margin:30px auto 10px auto;background:#fff;text-align:left;padding-bottom:10px;}

#sidenav{float:left;width:225px;background:#ededec url(images/sidenav_bottom.jpg) bottom left no-repeat;margin:10px 30px 10px 10px;}
#sidenav h2{font-size:20px;font-weight:normal;color:#5b5837;margin:5px 0 0 10px;clear:both;}
#sidenav ul{margin:15px 10px;background:transparent url(images/nav_divider.jpg) 0 0 repeat-x;}
#sidenav ul li{background:transparent url(images/nav_divider.jpg) 0 100% repeat-x;padding:7px 0 8px 0;}
#sidenav ul li a{color:#5b5837;}
#sidenav ul li a:hover{color:#15523b;}
#sidenav ul.insurance_nav li{background:none;padding:0;clear:both;padding-top:15px;}
#sidenav ul.insurance_nav li img{float:left;margin:0 10px 0 10px;}
#sidenav ul.insurance_nav li a span{float:left;width:80px;margin-top:12px;line-height:1.1;}
#sidenav .frame{margin:10px 0 15px 14px;}

#content{float:left;width:400px;margin-top:20px;}

#customer_centre{clear:both;width:679px;height:94px;background:transparent url(images/bg_customer_centre.jpg) top left no-repeat;margin:0 0 0 10px;}
#customer_centre h2{font-family:"Times New Roman", Times, serif;font-size:20px;color:#5b5837;font-weight:normal;padding:6px 0 0 12px;}
#customer_centre ul{margin:15px 0 0 12px;width:669px;}
#customer_centre ul li{position:relative;float:left;height:38px;overflow:hidden;margin:0 9px;}
#customer_centre ul li span{position:absolute;width:100%;height:100%;top:0;left:0;display:block;}
#customer_centre ul li.policy{width:144px;margin-left:0;}
#customer_centre ul li.rep{width:132px;}
#customer_centre ul li.claim{width:141px;}

#customer_centre ul li.emergency{width:182px;margin-right:0;}
#customer_centre ul li.policy span{background:transparent url(images/btn_change_policy.jpg) top left no-repeat;}
#customer_centre ul li.rep span{background:transparent url(images/btn_contact_rep.jpg) top left no-repeat;}
#customer_centre ul li.claim span{background:transparent url(images/btn_submit_claim.jpg) top left no-repeat;}
#customer_centre ul li.emergency span{background:transparent url(images/btn_emergency_numbers.jpg) top left no-repeat;}
#customer_centre ul li a:hover span{background-position:bottom left;}

#shop a { width:210px; height: 32px; background:transparent url(images/btn_ShopForInsurance.jpg) top left no-repeat;
position:relative;float:left;height:38px;overflow:hidden;margin:1px 9px 0px 9px;}
#shop a:hover {background-position:bottom left;}


#advantage a { width:210px; height: 32px; background:transparent url(images/btn_WCLAdvantage.jpg) top left no-repeat;
position:relative;float:left;height:38px;overflow:hidden;margin:-5px 9px 9px 9px;}
#advantage a:hover {background-position:bottom left;}


#footer{width:660px;margin-left:85px;}
#footer h2{clear:both;font-size:18px;font-weight:normal;color:#5b5837;margin:0 0 10px -55px;}
#footer p{
	float:left;
	width:190px;
	font-size:10px;
	text-align:left;
	padding-left:22px;
	background:transparent url(images/compass.png) top left no-repeat;
}

#footer_nav{width:750px;margin:0 auto;text-align:center;cursor:pointer;}
#footer_nav li{display:inline;}
#footer_nav li a{color:#fff;padding:0 5px 0 1px;font-size:11px;border-right:1px solid #135c41;text-transform:uppercase;}
#footer_nav li.last a{border:0;padding-right:0;}

#form2 label, #form2 input, #form1 label, #form1 input{float:left;}
#form2 input{width:140px;}
#form1 input{width:160px;}
#form1 textarea{width:295px;}
#form1 select{margin-left:10px;}
#form1 select#ContactEmail{width:165px;margin:0;}
#form2 #btnSubmit, #form1 #btnSubmit{width:80px;}
.currency, #txtVesselMake{margin-left:10px;}

input#rbListPolicyCancelled_0, input#rbListPolicyCancelled_1, 
input#rbListClaims_0, input#rbListClaims_1,
input#cbCyaCps, input#cbSurvey,
input#Difficulty_0, input#Difficulty_1,
input#Duration_0, input#Duration_1, input#Duration_2,
input#Contacted_0, input#Contacted_1,
input#Treatment_0, input#Treatment_1,
input#Satisfied_0, input#Satisfied_1,
input#Leaving_0, input#Leaving_1,
input#Satisfied_0, input#Satisfied_1, input#Satisfied_2,
input#Knowledgeable_0, input#Knowledgeable_1, 
input#Recommend_0, input#Recommend_1,
input#Service_0, input#Service_1, 
input#ValueOverBank_0, input#ValueOverBank_1,
input#ValueOverBroker_0, input#ValueOverBroker_1,
input#Communication_0, input#Communication_1, 
input#InContact_0, input#InContact_1, 
input#Knowledgeable_0, input#Knowledgeable_1, 
input#Availability_0, input#Availability_1, 
input#Recommend_0, input#Recommend_1
{width:auto;float:none;}

input#Duration_2, input#Leaving_2{display:none;}


#SuccessMessage, .notice{display:block;color:#5b5837;margin:10px 0;clear:both;}

/* MISC */

.sideNavBtn{
	margin-left: 6px;
	margin-bottom: -2px;
	margin-top: 3px;
}

.sideNavBtnBot{
	margin-left: 6px;
	margin-bottom: 8px;
	margin-top: -5px;
}

.left{float:left;}
.clear{clear:both;}

.frame{border:1px solid #ccc;background:#fff;padding:4px;}
.quote{float:right;margin:0 0 20px 20px;}

.clearfix:after{
    content: ".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0;
}

.clearfix{
    display:inline-block;
}

html[xmlns] .clearfix{
    display:block;
}

* html .clearfix{
    height: 1%;
}