/* start of actual styling */
#main-template { width: 963px; margin: 0 0 0 0; padding: 0; }
.colorbox#main-template { width:95%; margin-top: 0px; padding: 15px; }
#main-template sup { font-style: normal; font-size: 55%; height: 0; line-height: 1; }
#main-template .clear { height: 0; clear: both; font-size:1px; line-height:0px; }
#main-template a img { border: none; }

#main-template.blue-aside { background: #fff repeat-y; }

#main-template h2 { color: #549bbf; font-weight: bold; }

#main-template h3.contact {
	color: #666;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	margin: 30px 0;
	padding: 0;
}
#main-template h3.contact a { color: #549cbf; font-size: 14px; }
#main-template h3.contact a:hover { color: #666; }
#main-template #main-section h3.contact { margin: 20px 0 0 0; }
#main-template .aside h3.contact { margin: 20px 0 0 0; text-align:center; }

#main-template p { line-height: 17px; margin: 0; padding: 0; }
#main-template p strong { color: #666; }
#main-template small {
	color: #666;	
	font-family:Verdana,Arial,Helvetica,Sans-serif;
	font-size: 9px;
	line-height:1.6em;
}
#main-template small a { font-size: 9px; }
#main-section p.blockquote {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: .07em;
	margin: 0;
	padding: 0 0 15px 0;
}
#main-section p.blockquote a { color: #549bbf; }
#main-section p.blockquote a:hover { color: #666; }
#main-template p.blue-bold, #main-template span.blue-bold { color: #549cbf; font-weight:bold; }

#main-template ul li, #main-template ol li  { line-height:1.4em; }
#main-template ol li { 
	margin: 0 0 0 20px;;
	padding: 0 0 8px 0;
	}
#main-template ol.bold-list { font-weight: bold; }
#main-template ol.bold-list li span { font-weight: normal; }

#main-template table {
	border-collapse: collapse;
	color: #666;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	line-height: 16px;
	margin: 20px 0 10px 0;
	text-align: left;
	width: 100%; 
}
#main-template th { font-size: 12px;  }
#main-template th,
#main-template td { padding: 4px 8px; border-bottom: solid 1px #ebebeb; }
#main-template th .disclaimer,
#main-template td .disclaimer { font-weight: normal; font-size: 10px; }
#main-template tr.even, #main-template td.even { background: #fbfbfb; }
#main-template tr.bold-blue, #main-template td.bold-blue, #main-template span.bold-blue { color: #559cbe; font-weight: bold; }

#main-template a { color: #666; }
#main-template a:hover { color: #549bbf; }

/* special selectors -	see http://www.w3schools.com/cssref/css_selectors.asp */
#main-template h1 + p { margin: 0; padding: 10px 0 0 0; }
#main-template p + p { margin: 0; padding: 10px 0 0 0; }
#main-template p + h2 { margin: 0 0 0 0; padding: 20px 0 0 0; } /* Selects all <h2> elements that are placed immediately after <p> elements */
#main-template h1 + ul, #main-template h1 + ol { margin: 0; padding: 18px 0 0 0; }
#main-template h2 + ul, #main-template h2 + ol { margin: 0; padding: 10px 0 0 0; }
#main-template p + ul, #main-template p + ol { margin: 0; padding: 20px 0 0 0; }
#main-template .two-col p + ul { margin: 0; padding: 10px 0 0 0; }
#main-template ul + p, #main-template ol + p { margin: 0; padding: 5px 0 0 0; }
#main-template ul + h2, #main-template ol + h2 { margin: 0; padding: 15px 0 0 0; }
#main-template h2 + p { margin: 0; padding: 10px 0 0 0; }
#main-template h2 + table { margin: 10px 0 0 0; padding: 0; }
#main-template .column-box img + h2 { margin: 20px 0 0 0; }

#main-template .aside h2 + ul { margin: 0; padding: 8px 0 0 0; }

#main-template .text-center { text-align: center; }
#main-template .text-left { text-align: left; }
#main-template .text-right { text-align: right; }

#main-template .aside .text-left { margin-left:14px }

/* ----------- header ----------- */
#main-header {
	background: #fff;
	border-bottom: solid 1px #d4d4d4;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#main-header.fullwidth { width: 963px; height: 236px; }
#main-header.aside-width { width: 660px; height: 236px; }

.header-ad-corner {
  float: right;
  width: 245px;
  height: 178px;
	background: #f5f9fc;
	margin: 0 0 0 0;
	padding: 29px;
	text-align: left;
	overflow: hidden;
}


/* ----------- section ----------- */

#main-section { }

#main-section.travel-page {
	width: 783px;
	margin: 33px 0 33px 90px;
	padding: 0;
}
#main-section.blue-aside {
	float: left;
	width: 642px;
	margin: 0;
	padding: 0;
}

/* side-button ** code taken from NR site */
#main-template .side-button { clear: both; }

#main-template .side-button a {
	display: inline-block;
	height: 24px;
	width:95px;
	position: relative;
	margin: 15px 0;
	font: bold 12px/24px Arial, Helvetica, sans-serif !important; /* (!important) IE6 Fix */
	text-transform: uppercase;
	color: #fff !important;
	text-shadow: 0 1px #31628d;
	text-decoration: none !important;
}
	
#main-template .side-button a.left:hover {background-position: left -24px;}
#main-template .side-button a.right:hover {background-position: right -24px;}

/* single-button ** code taken from NR site */
#main-template .single-button { clear: both; }

#main-template .single-button a {
	display: inline-block;
	height: 24px;
	position: relative;
	margin: 15px 0;
	font: bold 12px/24px Arial, Helvetica, sans-serif !important; /* (!important) IE6 Fix */
	text-transform: uppercase;
	color: #fff !important;
	text-shadow: 0 1px #31628d;
	text-decoration: none !important;
}


#main-template .single-button a.Button-Blue:hover {background-position: left -24px;}
#main-template .single-button a.Button-Blue:hover span {background-position: right -24px;}


/* ----------- article ----------- */

#main-section .article-travel-page {
	float: left;
	width: 480px;
	margin: 0;
	padding: 0 0 40px 0;
}

#main-section .article-blue-aside {
	border-right: solid 1px #ececec;
	float: left;
	width: 659px;
	margin: 0;
	padding: 0;
}

#main-section .article-three-col {
	float: left;
	width: 963px;
	margin: 0;
	padding: 0;
}

#main-section .article-travel-page .two-col,
#main-section .article-blue-aside .two-col {
	float: left;
	width: 41%;
	margin: 20px 0;
	padding: 0 40px 0 0;
}

#main-section .article-blue-aside.one-column-with-aside  {
	border: none;
	width: 603px;
	padding: 33px 0 0 29px;
}

#main-section .article-blue-aside .column-box-with-aside {
	float: left;
	width: 271px;
	margin: 0;
	padding: 29px;
}


#main-section .article-three-col .column-box {
	float: left;
	width: 262px;
	margin: 0;
	padding: 29px;
}

#main-template .top-line { border-top: solid 1px #ececec; }
#main-template .rt-line { border-right: solid 1px #ececec; }
#main-template .btm-line { border-bottom: solid 1px #ececec; }
#main-template .lft-line { border-left: solid 1px #ececec; }
#main-template .sm-box { height: 225px; }
#main-template .med-box { height: 350px; }
#main-template .lrg-box { height: 475px; }


/* ----------- trvl-aside ----------- */

#main-template .aside { float: right; width: 245px;}

#main-template .aside.split-header {
	margin: 0;
	padding: 0 29px;
	text-align: center;
}

#main-template .aside.travel-page {
	margin: 0 90px 0 0;
	padding:	0 0 40px 0;
	text-align: center;
}
#main-template .aside.blue-aside {
	margin: -10px 0 0 0;
	padding: 29px;
	text-align: left;
}

#main-template .aside img { margin: 0 0 0 0; }
#main-template .aside img.supplier-logo { margin: 0 0 20px 0; }

#main-template .aside .callout {
	background: #fff;
	width: 211px; /* image should be 245px wide - this dimension takes into account padding */
	border: solid 2px #d8e6f1;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	margin: 0 0 20px 0;
	padding: 18px 15px 18px 15px;
	text-align: center;
}
#main-template .aside .callout.blue { background: #fff url(/Assets/images/Global/callout-blue.jpg) no-repeat 0% 35%; }
#main-template .aside .callout h2 {
	font-size: 14px;
	line-height: 1.35em;
}
.aside-ad-corner {
	background: #fff;
	width: 201px;
	height: 150px;
	border: solid 2px #d8e6f1;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	margin: 0 0 53px 0;
	padding: 20px;
	text-align: left;
	clear: both;
}

#main-template .aside .callout ul { text-align: left;}
#main-template .aside .callout ul li { margin: 0 15px 0 27px; padding: 0 0 5px 0; }

/* ----------- wrapper-footer ----------- */

#main-template-footer { background: #fff; border-top: solid 1px #ececec; width: 913px; clear:both; margin: 0; padding: 15px 25px 15px 25px; }
#main-template-footer a { font-family: Verdana, Helvetica, Arial, sans-serif; color: #666; }
#main-template-footer a:hover { color: #549bbf; }
#main-template-footer small {
  color: #666;	
	font-family:Verdana,Arial,Helvetica,Sans-serif;
	font-size: 9px;
	line-height:1.6em;
	clear:both;
  display:block; 
  margin: 0; 
  padding: 0;
}
#main-template-footer small a { font-size: 9px; }

/* sliding disclaimer */
#main-template-footer .disclaimer-content { display:none; margin-bottom: 10px; }
#main-template-footer div#disclaimer-slide { 
	margin: 0; 
	padding: 0 65px 0 65px; 
	position:relative;
	overflow:hidden;
}
#main-template-footer #disclaimer-slide a, #main-template-footer #disclaimer-slide a:link, 
#main-template-footer #disclaimer-slide a:hover, #main-template-footer #disclaimer-slide a:active {
	display: inline-block;
	font-size: 9px !important;
	text-decoration:underline !important;
	padding: 0;
}


/*--------------------*/
/* storm specific css */
/*--------------------*/

ul.storm-suppliers { margin: 25px 0; padding: 0; }
ul.storm-suppliers li {
	list-style: none;
	margin:0;
	padding: 0 0 25px 0;
	text-align: left;
}
ul.storm-suppliers li p { margin: 0; padding: 6px 0 0 0; }

/*---- tabbed menus ----*/
#main-template #tab1, #main-template #tab2, #main-template #tab3, #main-template #tab4 {
	float: left;
	background: #fff;
	border: solid 1px #ececec;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	-moz-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
	border-top-left-radius: 0px;
	margin:0px 0px 25px 0px;
	padding:12px;
	overflow: auto;
}
#main-template ul.main-tabs { margin: 0px 0px 0px 0px; }
#main-template ul.main-tabs li { list-style:none; display:inline;font-weight: bold; margin:0;padding:0; }
#main-template .main-tabs a {
	background: #fff;
	color: #559CBE;
	display:inline-block;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	margin:0px 0px -1px 0px;
	padding:7px 12px;
	border: solid 1px #ddd;
	text-decoration:none;
}
#main-template .main-tabs a:hover { background:#eee; }
#main-template .main-tabs a.active { color: #fff; background:#559cbe; border: solid 1px #ececec; }

/*---- cbox tables ----*/
#main-template table {
	color:#000;
	border-collapse: collapse;
	font-family: Arial, Helvetica, sans-serif;
	margin: 10px 0px 10px 0px;
	width: 100%;
	text-align: left;
}
#main-template tr { color:#000; background: #fff;  }
#main-template .cat-one td { color: #333; background: #e5f0f5; }
#main-template .cat-two td { color: #333; background: #c8dfea; }
#main-template .cat-three td { color: #333; background: #a8cdde; }
#main-template .cat-four td { color: #333; background: #85b8d0; }
#main-template .cat-five td { color: #333; background: #559cbe; }

#main-template th {
  color:#333;
  background: #ddd;
	border-bottom: 1px solid #666;
	font-size: 12px;
	padding: 5px 15px;
}
#main-template td {
	color:#000;
	border-bottom: 1px solid #ececec;
	font-size: 12px;
	padding: 8px 15px;
}
#main-template .narrow { width:125px; }
#main-template .wider { width: 400px; }

/*---- cbox columns ----*/

#main-template .column { float: left; width: 25%; margin-top: 15px;}

/*---- aside lists ----*/

.aside-ad-corner {
	background: #fff;
	width: 201px;
	height: 120px;
	border: solid 2px #d8e6f1;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	margin: 20px 0 67px 0;
	padding: 20px;
	text-align: left;
	clear: both;
}

#main-template div.aside-img-list { margin: 15px 0 15px 0; padding: 0; }
#main-template div.aside-img-list img { float: left; padding: 0 12px 15px 0;}
#main-template div.aside-img-list h3 { margin: 0; padding:  3px 0 2px 0; }
#main-template div.aside-img-list h3 a { color: #559cbe; font-weight: bold;}
#main-template div.aside-img-list h3 a:hover { color: #666;}
#main-template div.aside-img-list p { margin: 0; padding:  3px 0 2px 0; }

/*---- tabbed content divs ----*/
#main-template #tab1,
#main-template #tab2 { width: 574px; }
#main-template #tab1 h2,
#main-template #tab2 h2 { color: #666; font-size: 16px; }
#main-template #tab1 h3 a,
#main-template #tab2 h3 a { color: #559cbe; font-size: 13px; font-weight: normal; margin: 0 0 0 24px;}
#main-template #tab1 h3 a:hover,
#main-template #tab2 h3 a:hover { color: #666; }

/* accordians */
#main-template ul.accordian-slide { margin:15px 0 5px 0; padding:0; }
#main-template ul.accordian-slide li { margin:0; padding:0 0 18px 0; }

#main-template .accordian-link { text-decoration: none; /* display: block; */}

#main-template a.accordian-link span.down-arrow { display: none; }
#main-template a:hover.accordian-link span.down-arrow { display: inline; }

#main-template a.accordian-link span.check-box {
	background: url(/Assets/images/Insurance/check-box-16-alt-off.png) no-repeat top left;
	display: inline-block;
	height: 32px;
	width: 32px;
	position: absolute;
	top: 0px;
	left: 0px;
	cursor: pointer;
}
#main-template a:hover.accordian-link span.check-box  { background: url(/Assets/images/Insurance/check-box-16-alt-on.png) no-repeat top left; }
#main-template a.accordian-link span.check-box  {background-position: left 0px;}
#main-template a:hover.accordian-link span.check-box  {background-position: left 0px;}

#main-template .accordian-slide .content { 
  display:none;
  border-bottom: solid 1px #cae0eb; 
  margin: 5px 0 15px 0; 
  padding: 5px 24px 10px 24px; 
}

#main-template .accordian-slide li {
  position:relative;
  list-style: none;
}
#main-template ul.accordian-slide li ul {
	padding: 0;
	margin: 10px 0 5px 15px;
}
#main-template ul.accordian-slide li ul li {
  color:#666;
	line-height:1.4em;
	padding:0 0 5px 0;
	margin: 0;
	list-style-image: url(/Assets/images/Global/blue_bullet.png)!important;
	list-style-type: none;
}

/* #main-template ul.storm-list li { margin-bottom: 15px; } */

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered and tabbed in a way that represents the nesting of the generated HTML.
*/
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(/Assets/images/Insurance/aaastorm-controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(/Assets/images/Insurance/aaastorm-controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/Assets/images/Insurance/aaastorm-controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(/Assets/images/Insurance/aaastorm-controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(/Assets/images/Insurance/aaastorm-controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/Assets/images/Insurance/aaastorm-controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/Assets/images/Insurance/aaastorm-border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/Assets/images/Insurance/aaastorm-border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(/Assets/images/Insurance/aaastorm-loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(/Assets/images/Insurance/aaastorm-loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(/Assets/images/Insurance/aaastorm-controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/Assets/images/Insurance/aaastorm-controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; top:0; right:0; background:url(/Assets/images/Insurance/aaastorm-controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft{background:url(/Assets/images/Insurance/aaastorm-borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(/Assets/images/Insurance/aaastorm-borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(/Assets/images/Insurance/aaastorm-borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(/Assets/images/Insurance/aaastorm-borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(/Assets/images/Insurance/aaastorm-borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(/Assets/images/Insurance/aaastorm-borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(/Assets/images/Insurance/aaastorm-borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(/Assets/images/Insurance/aaastorm-borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}