@charset "UTF-8";
/* CSS Document */

*{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
body{font-size:1em; font-family:helvetica; font-size:1em; line-height: 1.5em; color: #333333;}

.clear{clear:both;}
.img-responsive{width:100%; height:auto;}
.rightImg {margin:20px 0 10px;}
.rightImg img{width:100%;}

.wrapper{padding:0% 5%; margin:0 auto; max-width:1145px;}

.header{ margin-top:20px;}
.logoHeader{width:60%; float:left; margin-top: 15px;}
.logoHeader img{width:100%;}
#mobile-header{ float:left; width:20%; margin:0 5% 0 0;}
/*
#responsive-menu-button {color: white;text-decoration: none; display: block; padding: 20px 0; width: 100%;font-weight: bold;background: #c52c2e; text-align: center;}
*/
#responsive-menu-button {color: white;text-decoration: none; display: block; padding: 20px 0; width: 100%;font-weight: bold;background: #142B5D; text-align: center;}
#navigation{display:none;}
#desktopNav {display: none;}
.utilityNav{display:none;}
.headerUtilityLinks {width: 100%;text-align: right; margin-bottom:20px;}
.headerUtilityLinks a {text-decoration: none;font-size: 12px;color: #25aae1; margin:0 10px;}
.searchBox label {display: none;}
.searchBox input[type="text"]{width:70%;}
.searchBox input[type="submit"] {background: #333;color: white;border: 0px;padding: 4px 14px;font-size: 14px;margin-left: -4px;font-weight: normal;}

.content{ margin: 0; min-height:200px;}
.introParagraph {font-weight: bold; margin: 15px 0 10px;}
.openContentArea {margin-top: 20px;}
.featuredContentSmall{border:2px solid #cfcecd; padding:3%;}

.PagerControl {width: 100%;float: left; margin:10px 0;}
.PagerResults {width: 66%;float: left;}
.PagerNumberArea {float: left;width: 33%;text-align: right;}
.photoRepeater img {
width: 310px;
margin: 10px 10px;
}

.slideshow .wrapper {padding-top: 20px;}
.slideshow{ margin-bottom:20px; color:#333333;}
.slideshow img{display:none;}
.secondaryTitle {font-size: 20px;}
.cycle-slideshow {float: left;clear: both;}
.prevSlide, .nextSlide { display:none;}

.featuredContentLarge{ margin:20px 0;}
.featuredContentSmall{margin:20px 0;}

.breadcrumbs {font-size: 12px;}
/*
.FormButton {background: #c3282e;border: none;padding: 5px 20px;color: white;margin: 10px 0;}
*/
.FormButton {background: #142B5D;border: none;padding: 5px 20px;color: white;margin: 10px 0;}
.EditingFormLabelCell label {margin-right: 10px;}
.EditingFormControlNestedControl {margin-bottom: 10px;}

.listTemplateDetail, .listTemplate {margin: 30px 0;float: left;clear: both;width: 100%;}
.listTemplateTitle, .listTemplateContent {float: left;width: 75%;}
.listTemplateContent{font-weight: bold;}
.listTemplateImg {float: left;width: 20%;overflow: hidden;margin-right: 5%;}
.listTemplateImg img {width: 100%;}
.listTemplateTitle2 a, .launchPadTitle a {color: #c3282e;text-decoration: none;font-size: 24px;margin-bottom: 6px;display: inline-block;}

.launchPad{margin:20px 0;}
.launchPadImg {width: 100%;}
.launchPadImg img {width: 100%;}
.launchPadSubTitle, .launchPadTitle{margin:3px 0;}

.thirdsSection{background:#eaeaea; padding:20px 0; margin-top: 40px;}
.third{margin:20px 0;}

.footer{background:#333333; color:white; font-size: .8em}
.footer .wrapper {padding: 50px 30px;}
.footerLogo, .footerText{margin-bottom:20px;}
.footerText{}
.footerLinks{}
.footerLinks a{color:white; text-decoration:none;}

/* 5k template changes per client todo usually color changes */
.slideshow, .title_wrap {background:#d1edf9;}
.title_wrap {padding: 20px 0}
.featuredContentLink, .featuredContentLink a, .thirdLink, .thirdLink a{color:#c3282e; text-decoration:none; margin:15px 0; font-weight:bold;}
.featuredContentTitle, .thirdTitle {color:#142B5D !important; font-size: 1.5em; margin: 15px 0 10px; line-height: 1.4em ; font-weight: bold; text-decoration: none;}

/*
.featuredContentTitle, .thirdTitle {color:#25aae1 !important; font-size: 1.5em; margin: 15px 0 10px; line-height: 1.4em ; font-weight: bold; text-decoration: none;}
.btn{ background: #c52c2e; padding: 10px 20px;}
*/
.PageTitle, .listTemplateTitle a {color:#142B5D !important; font-size: 2em !important; margin: 15px 0 10px; line-height: 1em !important; font-weight: bold; text-decoration: none;}
.btn{ background: #142B5D; padding: 10px 20px;}
.TabControlTable {line-height: 1.4em;}
.TabControlTable a {color: white;text-decoration: none;}
.TabControlRight {border-right: 1px solid #8f2c2e;}
#TabLeft_0 {border-left: 1px solid #8f2c2e;}
.TabControl, .TabControlSelected {padding: 10px 20px;}
.TabControlSelected, .TabControlSelectedLeft, .TabControlSelectedRight {background: #666; font-weight: bold;}
/*
.launchPadTitle a{color: #c52c2e; text-decoration:none; font-weight:bold;}
.slideshow_content a, .listTemplateReadMore {background: #c52c2e;padding: 5px 15px;color: white;text-decoration: none;font-size: 14px;}
*/
.launchPadTitle a{color: #142B5D; text-decoration:none; font-weight:bold;}
.slideshow_content a, .listTemplateReadMore {background: #142B5D;padding: 5px 15px;color: white;text-decoration: none;font-size: 14px;}
.listTemplateReadMore{margin: 15px 0; display: inline-block;}
/*.mainTitle {color: #25aae1;font-size: 42px;margin: 20px 0;}*/
.mainTitle {color: #142B5D;font-size: 42px;margin: 20px 0;}



// Small screens
@media only screen { } /* Define mobile styles */

@media only screen and (max-width: 40em) {

/*  .header{border-bottom: 20px solid #c3282e ;padding-bottom: 25px;margin-bottom: -30px;} */
  .header .wrapper {margin: 0; padding: 0;}
  .logoHeader {
    float: right; margin-right: 10%; width: 60%}
  .slideshow{margin-top: 0px;}
  .slideshow_content {margin: 20px 0;}
  .content {margin: 30px 0 30px;}
  
}
/* max-width 640px, mobile-only styles, use when QAing mobile issues */

// Medium screens
@media only screen and (min-width: 40.063em) {

	 } /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
	
	.wrapper{width:90%;}
	#mobile-header{display:none;}
    #desktopNav {display: inline-block; width: 100%; font-size: 13px; margin: 30px 0 0px; background: url(http://www.williamsinsure.com/Images/headerBG.aspx) repeat-x;}
    .bCMSMenuItem{background: url(http://www.williamsinsure.com/Images/headerBG.aspx) repeat-x; border-top:1px solid white;}
	#p_lt_ctl03_cmsmenu_menuElem_table {color: white;}
    .aCMSMenuItem:last-child {border-right: 1px solid #666;}
    .aCMSMenuItem, .aCMSMenuHighlightedMenuItem, .aCMSMenuItemMouseOver, .aCMSMenuItemMouseOn, .aCMSMenuHighlightedMenuItemMouseOver, .aCMSMenuItemMouseDown, .aCMSMenuItemMouseUp,
    .bCMSMenuItem, .bCMSMenuHighlightedMenuItem, .bCMSMenuItemMouseOver, .bCMSMenuItemMouseOn, .bCMSMenuHighlightedMenuItemMouseOver, .bCMSMenuItemMouseDown, .bCMSMenuItemMouseUp{
      padding: 9px 20px;
      border-left: 1px solid #666;
      }
    .aCMSMenuHighlightedMenuItem, .aCMSMenuItemMouseOver, .aCMSMenuHighlightedMenuItemMouseOver, .aCMSMenuItemMouseDown,
    .bCMSMenuHighlightedMenuItem, .bCMSMenuItemMouseOver, .bCMSMenuHighlightedMenuItemMouseOver, .bCMSMenuItemMouseDown{
    background: #666;
    }
    .TabControl, .TabControlSelected {padding: 7px 11px;}
	.utilityNav {display: inline-block;float: left;width: 55%;}
	.logoHeader{width:35%; margin-right:5%}
    .logoHeader img {width: 100%;}
    .rightImg {float: right;margin: 0 0 20px 20px; width:50%;}
    .rightImg img{width:100%;}
    .slideshow{margin-top: 0px;}
    .slideshow img{ display:inline-block; float:left; width:50%; margin-top:30px; -webkit-box-shadow: -3px 4px 6px 0px rgba(50, 50, 50, 0.25); -moz-box-shadow: -3px 4px 6px 0px rgba(50, 50, 50, 0.25);box-shadow: -3px 4px 6px 0px rgba(50, 50, 50, 0.25);}
    .slideshow_content {width: 45%;margin-right: 5%;float: left;}
  
    .prevSlide {background: url(http://www.williamsinsure.com/App_Themes/heureka/images/prev.png) no-repeat; width: 24px; height: 50px; display: block; position: relative; top: -175px; left: -50px; float: left; margin-bottom: -30px; font-size: 0px;}
    .nextSlide {background: url(http://www.williamsinsure.com/App_Themes/heureka/images/next.png) no-repeat; width: 24px; height: 50px; display: block; float: right;position: relative; top: -175px; right: -50px; margin-bottom: -30px; font-size: 0px;}
  
    .launchPad {width: 30%;margin: 10px 1.5%;float: left;}
    .launchPadImg {width: 100%;overflow: hidden;height: 200px;}
    .launchPadImg img {width: 100%;}
    .launchPadSubTitle{margin:3px 0;}
    .slideshow img{ display:inline-block; float:left; width:40%; margin-top: 50px; -webkit-box-shadow: -3px 4px 6px 0px rgba(50, 50, 50, 0.25); -moz-box-shadow: -3px 4px 6px 0px rgba(50, 50, 50, 0.25);box-shadow: -3px 4px 6px 0px rgba(50, 50, 50, 0.25);}
    .slideshow_content {width: 55%;margin-right: 5%;float: left;}
	
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

@media only screen and (min-width: 47.125em) and (max-width: 64em) { 
	
    #mobile-header{display:none;}
    #desktopNav {display: inline-block;width: 100%;margin: 40px 0 10px; background: url(http://www.williamsinsure.com/Images/headerBG.aspx) repeat-x;}
	.bCMSMenuItem{background: url(http://www.williamsinsure.com/Images/headerBG.aspx) repeat-x; border-top:1px solid white;}
	#p_lt_ctl03_cmsmenu_menuElem_table {color: white;}
    .aCMSMenuItem:last-child {border-right: 1px solid #666;}
    .aCMSMenuItem, .aCMSMenuHighlightedMenuItem, .aCMSMenuItemMouseOver, .aCMSMenuItemMouseOn, .aCMSMenuHighlightedMenuItemMouseOver, .aCMSMenuItemMouseDown, .aCMSMenuItemMouseUp,
    .bCMSMenuItem, .bCMSMenuHighlightedMenuItem, .bCMSMenuItemMouseOver, .bCMSMenuItemMouseOn, .bCMSMenuHighlightedMenuItemMouseOver, .bCMSMenuItemMouseDown, .bCMSMenuItemMouseUp{
      padding: 9px 20px;
      border-left: 1px solid #666;
      }
    .aCMSMenuHighlightedMenuItem, .aCMSMenuItemMouseOver, .aCMSMenuHighlightedMenuItemMouseOver, .aCMSMenuItemMouseDown,
    .bCMSMenuHighlightedMenuItem, .bCMSMenuItemMouseOver, .bCMSMenuHighlightedMenuItemMouseOver, .bCMSMenuItemMouseDown{
    background: #666;
    }
    .utilityNav {display: inline-block;float: left;width: 45%;}
	.logoHeader{width:40%; margin-right:6%}
    .logoHeader img {width: 100%;}
    .searchbox {float: right;}
    .searchBox{float:right;}
    .slideshow{margin-top:-40px;}
    .slideshow img{ display:inline-block; float:left; width:50%; margin-top: 20px; -webkit-box-shadow: -3px 4px 6px 0px rgba(50, 50, 50, 0.25); -moz-box-shadow: -3px 4px 6px 0px rgba(50, 50, 50, 0.25);box-shadow: -3px 4px 6px 0px rgba(50, 50, 50, 0.25);}
    .slideshow_content {width: 45%;margin-right: 5%;float: left;}
  
    .prevSlide {background: url(http://www.williamsinsure.com/App_Themes/heureka/images/prev.png) no-repeat; width: 24px; height: 50px; display: block; position: relative; top: -155px; left: -50px; float: left; margin-bottom: -20px; font-size: 0px;}
    .nextSlide {background: url(http://www.williamsinsure.com/App_Themes/heureka/images/next.png) no-repeat; width: 24px; height: 50px; display: block; float: right;position: relative; top: -155px; right: -50px; margin-bottom: -20px; font-size: 0px;}
  
	.featuredContentLarge{width:60%; float:left; margin-right:4%;}
	.featuredContentSmall{width:36%; float:left; }
  
    .launchPad {width: 30%;margin: 10px 1.5%;float: left;}
    .launchPadImg {width: 100%;overflow: hidden; margin-bottom: 10px;}
    .launchPadImg img {width: 100%;}
    .launchPadSubTitle{margin:3px 0;}
  
    .rightImg {float: right;margin: 0 0 20px 20px;}
	
	.third{width:29%; float:left; margin:0 26px 0 0;}
	
	.footerLogo{width:25%; float:left;}
    .footerLogo img{width:100%;}
	.footerText{ width: 35%; margin: 0 5%; float:left;}
	.footerLinks{float:left; width: 13%; margin-right: 2%;}
	
} /* min-width 754px and max-width 1024px, use when QAing tablet-only issues */

// Large screens
@media only screen and (min-width: 64.063em) { 
	
} /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { 

	#mobile-header{display:none;}
    #desktopNav {display: inline-block;width: 100%;margin: 40px 0 0px; background: url(http://www.williamsinsure.com/Images/headerBG.aspx) repeat-x;}
    .bCMSMenuItem{background: url(http://www.williamsinsure.com/Images/headerBG.aspx) repeat-x; border-top:1px solid white;}
	#p_lt_ctl03_cmsmenu_menuElem_table {color: white;}
    .aCMSMenuItem:last-child {border-right: 1px solid #666;}
    .aCMSMenuItem, .aCMSMenuHighlightedMenuItem, .aCMSMenuItemMouseOver, .aCMSMenuItemMouseOn, .aCMSMenuHighlightedMenuItemMouseOver, .aCMSMenuItemMouseDown, .aCMSMenuItemMouseUp,
    .bCMSMenuItem, .bCMSMenuHighlightedMenuItem, .bCMSMenuItemMouseOver, .bCMSMenuItemMouseOn, .bCMSMenuHighlightedMenuItemMouseOver, .bCMSMenuItemMouseDown, .bCMSMenuItemMouseUp{
      padding: 9px 20px;
      border-left: 1px solid #666;
      }
    .aCMSMenuHighlightedMenuItem, .aCMSMenuItemMouseOver, .aCMSMenuHighlightedMenuItemMouseOver, .aCMSMenuItemMouseDown,
    .bCMSMenuHighlightedMenuItem, .bCMSMenuItemMouseOver, .bCMSMenuHighlightedMenuItemMouseOver, .bCMSMenuItemMouseDown{
    background: #666;
    }
    .utilityNav {display: inline-block;float: left;width: 45%;}
    .searchBox{float:right;}
	.logoHeader{width:40%; margin-right:10%}
    .logoHeader img {width: auto;}
    .slideshow{margin-top: 0px;}
    .slideshow img{ display:inline-block; float:left; width:30%; -webkit-box-shadow: -3px 4px 6px 0px rgba(50, 50, 50, 0.25); -moz-box-shadow: -3px 4px 6px 0px rgba(50, 50, 50, 0.25);box-shadow: -3px 4px 6px 0px rgba(50, 50, 50, 0.25);}
    .slideshow_content {width: 65%;margin-right: 5%;float: left;}
  
    .prevSlide {background: url(http://www.williamsinsure.com/App_Themes/heureka/images/prev.png) no-repeat; width: 24px; height: 50px; display: block; position: relative; top: -155px; left: -50px; float: left; margin-bottom: -10px; font-size: 0px;}
    .nextSlide {background: url(http://www.williamsinsure.com/App_Themes/heureka/images/next.png) no-repeat; width: 24px; height: 50px; display: block; float: right;position: relative; top: -155px; right: -50px; margin-bottom: -10px; font-size: 0px;}
  
    .rightImg {float: right;margin: 0 0 20px 20px;}
	
	.featuredContentLarge{width:63%; float:left; margin-right:4%;}
	.featuredContentSmall{width:33%; float:left;}
  
    .launchPad {width: 30%;margin: 10px 1.5%;float: left;}
    .launchPadImg {width: 100%;overflow: hidden; margin-bottom: 10px;}
    .launchPadImg img {width: 100%;}
    .launchPadSubTitle{margin:3px 0;}
	
	.third{width:29%; float:left; margin:20px 40px 30px 0;}
	
	.footerLogo{width:25%; float:left;}
	.footerText{ width: 40%; margin: 0 5%; float:left;}
	.footerLinks{float:left; width: 10%; margin-right: 2%;}
	

} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

// XLarge screens
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { 

	#mobile-header{display:none;}
    #desktopNav {display: inline-block;width: 100%;margin: 40px 0 0px; background: url(http://www.williamsinsure.com/Images/headerBG.aspx) repeat-x;}
	.bCMSMenuItem{background: url(http://www.williamsinsure.com/Images/headerBG.aspx) repeat-x; border-top:1px solid white;}
	#p_lt_ctl03_cmsmenu_menuElem_table {color: white;}
    .aCMSMenuItem:last-child {border-right: 1px solid #666;}
    .aCMSMenuItem, .aCMSMenuHighlightedMenuItem, .aCMSMenuItemMouseOver, .aCMSMenuItemMouseOn, .aCMSMenuHighlightedMenuItemMouseOver, .aCMSMenuItemMouseDown, .aCMSMenuItemMouseUp,
    .bCMSMenuItem, .bCMSMenuHighlightedMenuItem, .bCMSMenuItemMouseOver, .bCMSMenuItemMouseOn, .bCMSMenuHighlightedMenuItemMouseOver, .bCMSMenuItemMouseDown, .bCMSMenuItemMouseUp{
      padding: 9px 20px;
      border-left: 1px solid #666;
      }
    .aCMSMenuHighlightedMenuItem, .aCMSMenuItemMouseOver, .aCMSMenuHighlightedMenuItemMouseOver, .aCMSMenuItemMouseDown,
    .bCMSMenuHighlightedMenuItem, .bCMSMenuItemMouseOver, .bCMSMenuHighlightedMenuItemMouseOver, .bCMSMenuItemMouseDown{
    background: #666;
    }
    .utilityNav {display: inline-block;float: left;width: 45%;}
    .searchBox{float:right;}
	.logoHeader{width:40%; margin-right:15%}
    .logoHeader img {width: auto;}
    .slideshow img{ display:inline-block; float:left; width:35%; margin-top: 10px; -webkit-box-shadow: -3px 4px 6px 0px rgba(50, 50, 50, 0.25); -moz-box-shadow: -3px 4px 6px 0px rgba(50, 50, 50, 0.25);box-shadow: -3px 4px 6px 0px rgba(50, 50, 50, 0.25);}
    .slideshow_content {width: 60%;margin-right: 5%;float: left; margin-top: 10px;}
  
    .prevSlide {background: url(http://www.williamsinsure.com/App_Themes/heureka/images/prev.png) no-repeat; width: 24px; height: 50px; display: block; position: relative; top: -155px; left: -50px; float: left; margin-bottom: -10px; font-size: 0px;}
    .nextSlide {background: url(http://www.williamsinsure.com/App_Themes/heureka/images/next.png) no-repeat; width: 24px; height: 50px; display: block; float: right;position: relative; top: -155px; right: -50px; margin-bottom: -10px; font-size: 0px;}
  
    .rightImg {float: right;margin: 0 0 20px 20px;}
	
	.featuredContentLarge{width:63%; float:left; margin-right:4%;}
	.featuredContentSmall{width:33%; float:left;}
  
    .launchPad {width: 30%;margin: 10px 1.5%;float: left;}
    .launchPadImg {width: 100%;overflow: hidden; margin-bottom: 10px;}
    .launchPadImg img {width: 100%;}
    .launchPadSubTitle{margin:3px 0;}
	
	.third{width:29%; float:left; margin:20px 40px 30px 0;}
	
	.footerLogo{width:25%; float:left;}
	.footerText{ width: 40%; margin: 0 5%; float:left;}
	.footerLinks{float:left; width: 10%; margin-right: 2%;}
	
	
} /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */