@import "markel-new.css";

.titanBody .TopRightZone p.alert{
color:#BF0B0B !important;

display:none;
font-size:16px;
text-align:center;
}

.titanBody{background:#000 url('images/MarkelImages/bgBodyHome.gif') repeat-x center 351px;}

.titanBody a{color:#b27e00;}

.mainBody a,.FAQ a,.FormEditor a,.Freeform a
{color:#b27e00;}/* could be combined with above */

.titanBody a:focus,
.titanBody a:hover,
.titanBody a:active
{color:#cb9000;}

.mainBody a:focus,.FAQ dd a:focus,.FormEditor a:focus,.Freeform a:focus,div.OneCol a:focus,div.TwoCol a:focus,div.SiteMap a:focus,div.tocList a:focus,
.mainBody a:hover,.FAQ dd a:hover,.FormEditor a:hover,.Freeform a:hover,div.OneCol a:hover,div.TwoCol a:hover,div.SiteMap a:hover,div.tocList a:hover,
.mainBody a:active,.FAQ dd a:active,.FormEditor a:active,.Freeform a:active,div.OneCol a:active,div.TwoCol a:active,div.SiteMap a:active,div.tocList a:active
{color:#dc9c00;}/* could be combined with above */

/* ========================================================================================== Text Editor Drop Downs */
h1{color:#ce7246;font:bold 16px "Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,sans-serif;}/* page title */
h2{color:#bf0000;font:16px "Trebuchet MS",Arial,Helvetica,sans-serif;}
h3{color:#b4592d;font-size:14px;}/* default block title */
h4{color:#444;font-size:11px;}/*default block page links */
h5{color:#ce7246;font-size:11px;}
h6{color:#666;font-size:11px;}

.floatLeft{float:left;margin:0 7px 0 0;}	 
.floatRight{float:right;margin:0 0 0 7px;}
.floatLeft_ImgBorder{float:left;margin:0 7px 0 0;border:1px solid #ccc;padding:2px;}
.floatRight_ImgBorder{float:right;margin:0 0 0 7px;border:1px solid #ccc;padding:2px;}
.imgBorder{border:1px solid #ccc;padding:2px;}
/* also .save and .quoteForm used on the #topRightContainer */
/* also .background and .shadow used on the #leftZone, #centerZone, #rightZone */
/* also .phone for .quoteForm */

/* ========================================================================================== PAGE LAYOUT */
/* minor changes from anngeneric.css */
#mainBody{background:url('images/MarkelImages/bgTopWrapperHome.png') no-repeat left 136px;}

	#topNavContainer{height:30px;}
	
#contentArea{width:895px;margin-left:0;}
.IE7 #contentArea{border-top:0px;}

#topWrapper{height:424px;overflow:hidden;}

/* photo slider */
#topLeftZone{float:left;height:411px;margin:8px 0 0 8px;overflow:hidden;position:relative;width:584px;}
.IE6 #topLeftZone{margin:0 0 0 4px;}
	#topLeftZone .navigation{display:none;}/*don't show on site only, need to show in wkst */
		.navigation ul{list-style:none;}
		.mainbody .navigation ul li a{float:left;clear:both;}/* wkst */

	div.loader{background-image: url('images/MarkelImages/loader.gif') no-repeat center center;}
	
	#topLeftZone .textBackground{background-color:#000;filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;height:240px;margin-bottom:0;position:absolute;right:0;top:160px;width:290px;z-index:0;}
	.mainBody .textBackground{display:none;}/* wkst */
	
	#topLeftZone #slideshow-adv .image-wrapper a.advance-link img{border:0;}
	
	.image-desc{height:185px;margin-bottom:0;overflow:hidden;padding:10px;text-align:right;width:270px;}	
	.mainBody .image-desc{background-color:#000;filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;}/* wkst */
	#topLeftZone .image-desc{position:absolute;right:0;top:159px;z-index:1;}/* above styles are for wkst and site, this is for the site */
	
		.image-desc h2{color:#ffb400;font-family:"Times New Roman",Times,serif;text-transform:uppercase;}
		.image-desc h3{color:#fff;font:normal 24px "Times New Roman",Times,serif;padding:0 17px 5px 0;}
		.image-desc p{color:#000;font:bold 12px "Times New Roman",Times,serif;line-height:14px;margin-bottom:0;padding-right:17px;}
		.mainBody .image-desc p,
		#topLeftZone .image-desc p{color:#fff;}
			.image-desc a{color:#fff;font:bold 12px 'Arial Narrow','Helvetica Condensed',Arial,Helvetica,sans-serif;line-height:22px;text-decoration:none;text-transform:uppercase;}
			.image-desc a:hover{color:#ffb400;text-decoration:none;}
	
	#topLeftZone .controls{position:absolute;right:32px;top:367px;z-index:99;}
		#topLeftZone .controls .nav-controls .prev{background:url('images/MarkelImages/btnArrows.gif') no-repeat left top;cursor:pointer;float:left;height:20px;width:20px;margin-right:10px;}
		#topLeftZone .controls .nav-controls .next{background:url('images/MarkelImages/btnArrows.gif') no-repeat right top;cursor:pointer;float:left;height:20px;width:20px;}

		#topLeftZone .controls .nav-controls .prev:hover{background-position:left -30px;}
		#topLeftZone .controls .nav-controls .next:hover{background-position:right -30px;}	


/* Get a Quote - right side */
#topRightZone{background:url('images/markelimages/bgQuoteHome.png') no-repeat left top;float:right;height:410px;margin:8px 9px 0 0;width:294px;}
.IE6 #topRightZone{margin-top:0;}
	#topRightZone .Freeform{margin-bottom:0;}
	.save{padding:7px 0 0 0;height:196px;width:294px;overflow:hidden;}
	.quoteForm{height:177px;width:268px;overflow:hidden;background:0;padding-top:10px;}
	.quoteForm select{margin-right:4px;}
	.quoteForm .getQuote,
	.quoteForm .chatOnline,
	.quoteForm .retrieveQuote{}
	.TopRightZone p,
	#topRightZone p,
	#topRightZone ul,
	#topRightZone ol,
	#topRightZone table,
	#topRightZone h3,
	#topRightZone h1,
	#topRightZone h2,
	#topRightZone h4,
	#topRightZone h5,
	#topRightZone h6{color:#fff;}


/* Three bottom Zones */
#contentArea{background:0;}
#contentContainer{clear:both;background:url('images/markelimages/bgContentContainerHome.gif') repeat-y 8px top;float:none;margin:0;padding:0;overflow:hidden;width:895px;}
.IE6 #contentContainer{margin-top:-8px;}
	#contentWrapper{background:url('images/markelimages/bgContentWrapperHome.png') no-repeat left top;padding:8px 0 0 8px;overflow:hidden;_height:100%}
	
		#bottomLeftZone,
		#bottomCenterZone,
		#bottomRightZone{float:left;overflow:hidden;width:292px;padding-bottom:15px;}
		
		#bottomCenterZone,
		#bottomRightZone{width:293px;}
		
			.BottomLeftZone p,
			.BottomCenterZone p,
			.BottomRightZone p,
			.BottomLeftZone ul,
			.BottomCenterZone ul,
			.BottomRightZone ul{color:#000;font-size:13px;font-weight:bold;}
			
			.BottomLeftZone p a,
			.BottomCenterZone p a,
			.BottomRightZone p a{color:#555;}
			
			.BottomLeftZone p a:focus,
			.BottomCenterZone p a:focus,
			.BottomRightZone p a:focus,
			.BottomLeftZone p a:hover,
			.BottomCenterZone p a:hover,
			.BottomRightZone p a:hover,
			.BottomLeftZone p a:active,
			.BottomCenterZone p a:active,
			.BottomRightZone p a:active{color:#777;}
			
			#contentWrapper p,
			#contentWrapper ul{padding:15px 20px 0 20px;}
			#contentWrapper ul span{color:#000;}
			
			.BottomLeftZone span,
			.BottomCenterZone span,
			.BottomRightZone span{color:#735816;}
			
			#contentWrapper .background{height:124px;overflow:hidden;position:relative;}
			
				#contentWrapper .background p,
				.mainBody .background p{line-height:14px;font:bold 13px 'Arial Narrow','Helvetica Condensed',Arial,Helvetica,sans-serif;text-align:left;text-transform:uppercase;}/* text-align for wkst */
				
				#contentWrapper .background p{text-align:right;}/* for site */
				
				#contentWrapper .background p{margin:0;padding:0;}
					
					.background a,
					.background p a{color:#fff;font:bold 13px 'Arial Narrow','Helvetica Condensed',Arial,Helvetica,sans-serif;text-decoration:none;text-align:right;text-transform:uppercase;}/* wkst */
					
					.mainBody .background a,
					.mainBody .background p a{color:#ffb400;}/* wkst */
					.mainBody .background a:hover,
					.mainBody .background p a:hover{color:#666;}/* wkst */
					.background a:focus,
					.background p a:focus,
					.background a:hover,
					.background p a:hover,
					.background a:active,
					.background p a:active{color:#ffb400;text-decoration:none;}
			
				.background img{padding:0;margin:0;}

				#contentWrapper .background .links{bottom:3px;padding:0;position:absolute;right:10px;z-index:1;}
				
				#contentWrapper .background .links{bottom:3px;padding:0;position:absolute;right:10px;z-index:1;}

				#contentWrapper .background .shadow{bottom:2px;position:absolute;right:9px;z-index:0;}
					
					.BottomLeftZone .background .shadow p,
					.BottomCenterZone .background .shadow p,
					.BottomRightZone .background .shadow p{color:#222;}