/* CSS Reset from http://developer.yahoo.com/yui/reset/ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,th,td { margin:0; padding:0; } 
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; } 
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal; } 
ol,ul { list-style:none; } 
caption,th { text-align:left; } 
h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
h1 { color: #00395a; font-size:100%; font-weight:normal; }
h2 { font-size: 12px; color: #00395a; font-weight: bold; padding-bottom:5px; padding-top:5px;}


h5 { bottom:3px; left:3px; color: #6c6f70; font-size:9px; font-weight:normal; text-align:left; padding-top: 10px; }


/* Nick - Page Form Number styles */
div#canvas div#page_form_content h5 { position: absolute; bottom:0px; margin-bottom: -10px; left: 34px; color: #6c6f70; font-size:9px; font-weight:normal; text-align:left; padding-top: 10px; }
div#canvas div#page_form_state h5 { position: relative; bottom:0px; margin-bottom: -10px; left: 34px; color: #6c6f70; font-size:9px; font-weight:normal; text-align:left; padding-top: 10px; }


h6 { color: #6c6f70; font-size:10px; font-weight:normal; padding-right: 20px; }

/* Nick - styling for footnotes (the footnotes are in an ordered list OL) */
ol { list-style-type: decimal; color: #6c6f70; font-size:9px; font-weight:normal; text-align:left; margin-left: 24px; padding-top: 10px; }
ol li { padding-top: 1px; }

/* Nick - styling for horizontal rules on your coverage options page and glossary pages */
hr { border: 0; color: #9E9E9E; background-color: #9E9E9E; height: 1px; width: 88%; }

/* Nick - this is the color and style for all the links on the page that do not have a class already associated with them */
a:link { text-decoration: underline; color: #cd5806 ;}
a:visited { text-decoration: underline; color: #cd5806; }
a:hover { text-decoration: underline; color: #455660 ;}
a:selected { text-decoration: underline; color: #455660; }

/* Nick - size and appearance of SUP (Superscripts) for footnotes */
sup { line-height: 0px; }
sup { vertical-align: top; position: relative; top: -2px; }

q:before,q:after { content:''; }
abbr,acronym { border:0; }
.clearboth {clear: both;}
/* CSS for the c-clamp */
body {
  background-color: #f1eedd;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

.wrap1, .wrap2, .wrap3 {
  display:inline-table;
  /* \*/display:block;/**/
  }
.wrap1 {
  margin: 15px auto 0;
  background: transparent url('../images/background.gif') no-repeat bottom left;
  width: 915px;
}
/*
.wrap2 {
  background: transparent url('../images/topleft.gif') no-repeat;
}
*/
.wrap3 {
  padding:0  0 6px 0;
  background: transparent url('../images/bottomright.gif') no-repeat top;
}

div#canvas {
  padding: 15px 15px 27px 15px;
}

div#canvas div#header { background-color: #d6e4f0; margin: 0 0 6px 15px; float:left; width:870px; line-height:normal; }
div#canvas div#header div#htop { background-color: #1b3e5a; height: 85px; position: relative; }
div#canvas div#header div#htop a#logo { position: absolute; top: 5px; left: 5px; height: 70px; width: 150px; background: url('../images/logo.png'); text-indent: -999px; overflow: hidden;cursor:hand; }

div#canvas div#header div#htop ul#hoptions { color: white;position: absolute; top: 9px; right:0; font-size: 9px; font-weight: bold;}
div#canvas div#header div#htop ul#hoptions li { display: inline; margin: 0; padding: 0 10px; background: url('../images/top_nav_spacer.gif') top left no-repeat;}
div#canvas div#header div#htop ul#hoptions li.first { background: none; }
div#canvas div#header div#htop ul#hoptions a { color: white; text-decoration: none; }
div#canvas div#header div#htop ul#hoptions a:hover { color: #DCD087; }
div#canvas div#header div#htop ul#hoptions a#font_normal { font-size: 8px; text-decoration: underline; }
div#canvas div#header div#htop ul#hoptions a#font_larger { font-size: 9px; text-decoration: underline; }
div#canvas div#header div#htop ul#hoptions a#font_largest { font-size: 12px; text-decoration: underline; }
div#canvas div#header div#htop ul#hoptions a#font_normal.active,
div#canvas div#header div#htop ul#hoptions a#font_larger.active,
div#canvas div#header div#htop ul#hoptions a#font_largest.active { text-decoration: none; }
div#canvas div#header div#htop ul#hoptions a#font_normal.active:hover,
div#canvas div#header div#htop ul#hoptions a#font_larger.active:hover,
div#canvas div#header div#htop ul#hoptions a#font_largest.active:hover { text-decoration: none; color: #fff;}

div#canvas div#header ul#hnav { margin:0; padding:0; list-style:none; padding:0 10px; background-color: #304c6a; height: 47px; font-size: 12px; color: white;}
div#canvas div#header ul li {margin:0; padding:0; float:left; height: 100%; z-index: 100;}
div#canvas div#header ul#hnav li.large { width: 155px;}
div#canvas div#header ul#hnav li.med { width: 135px;}
div#canvas div#header ul#hnav li.small { width: 105px;}
div#canvas div#header ul#hnav li a, div#canvas div#header ul#hnav2 li a {display: block; padding:7px 12px 8px 15px; color: white; text-decoration: none; }
div#canvas div#header ul#hnav li.small:hover {background:url("../images/nav_hover_small.gif") no-repeat right top;}
div#canvas div#header ul#hnav li.med:hover {background:url("../images/nav_hover_med.gif") no-repeat right top;}
/*div#canvas div#header ul#hnav li.large:hover {background:url("../images/nav_hover.gif") no-repeat right top;}*/
div#canvas div#header ul#hnav li:hover a {color: black;}
div#canvas div#header ul#hnav li.pipe { background: url("../images/nav_spacer.gif") no-repeat center top; width: 3px; height: 100%;}
div#canvas div#header ul#hnav li.small.active { background:url("../images/nav_active_small.gif") no-repeat right top; }
div#canvas div#header ul#hnav li.med.active { background:url("../images/nav_active_med.gif") no-repeat right top; }
div#canvas div#header ul#hnav li.large.active { background:url("../images/nav_active.gif") no-repeat right top; }
div#canvas div#header ul#hnav li.active a { color: black; padding:7px 12px 8px 15px; }
div#canvas div#header ul#hnav li {position: relative;}
div#canvas div#header ul#hnav li ul {position: absolute; left: 0; top: 47px; display: none; width: 200px; z-index: 1000; border-bottom: 1px solid #7d91a1;}
div#canvas div#header ul#hnav li.small ul { background: white url('../images/pulldown_bkg_small.gif') top left no-repeat; }
div#canvas div#header ul#hnav li.med ul { background: url('../images/pulldown_bkg_med.gif') top left no-repeat; }
div#canvas div#header ul#hnav li.large ul { background: url('../images/pulldown_bkg.gif') top left no-repeat; }
div#canvas div#header ul#hnav li ul li {width: 179px; background-image: none; border-bottom: #cccccc 1px solid; margin: 0 9px; z-index: 1001;}
div#canvas div#header ul#hnav li ul li.last {border: none;}
div#canvas div#header ul#hnav li ul li:hover {background-image: none;}
div#canvas div#header ul#hnav li ul li a {color: black; padding: 7px 0 8px 6px;}
div#canvas div#header ul#hnav li ul li:hover a {color: #00395a;}
div#canvas div#header ul#hnav li:hover ul {display: block;}

div#canvas div#header ul#hnav2 { clear: both; background-color: #d6e4f0; font-size: 11px; padding: 0 10px 3px 10px; }
div#canvas div#header ul#hnav2.active { height: 46px; }
div#canvas div#header ul#hnav2 li {margin-top: 3px; }
div#canvas div#header ul#hnav2 li a { color: #1f71ad; text-decoration: none; padding-left: 15px; }
div#canvas div#header ul#hnav2 li a:hover { color: black; }
div#canvas div#header ul#hnav2 li.active a { color: black; text-decoration: none; padding:7px 15px 0;}

/*Sub Menu flexed */
div#canvas div#header ul#hnavSub {  background-color: #d6e4f0; font-size: 11px;}
div#canvas div#header ul#hnavSub.active {  margin-left:10px; padding:0px 10px 10px 10px; display:table-row-group; margin-bottom:6px;  }
div#canvas div#header ul#hnavSub li {margin-bottom: 5px; padding:4px 15px 5px 5px; margin-right:5px; white-space:nowrap;}
div#canvas div#header ul#hnavSub li a { color: #1f71ad; text-decoration: none; padding:1px 15px 1px 0px; }
div#canvas div#header ul#hnavSub li a:hover { color: black; }
div#canvas div#header ul#hnavSub li.active a { color: black; text-decoration: none;  }

/* one column */
div#canvas div#content { clear: both; min-height: 480px; margin: 0 0 6px 0; background: white url('../images/canvas_content_background.gif') no-repeat top left; padding: 10px; margin-left: 15px; }
div#canvas div#content div#cinner { min-height: 480px; width: 850px; padding-right: 3px; margin-top: -2px;  position: relative;}

/*-------- The width controls the amount of text you put in------- */
/* Nick - the height value is for adding white space in between the right image and the footer on pages with little text */
div#canvas div#content div#cinner div#cleft { width: 470px; min-height: 480px; padding: 15px 0; z-index: 5; padding-left: 40px; }

/* Nick - the top value is where you control where the image on the right moves down to blend in with the background */
div#boy_father {position: absolute; top:78px; right: 0px; text-align:right; background-position: top right; width: 336px; height: 406px;}

div#cleft .indent {padding-left: 40px;}

/*-------Viv added the "text-indent: 50px" to indent some of the h1's*/
/* Nick -  the text-indent 0px after removing the table from every content.aspx page */
div#cleft h1 { font-size: 26px; color: #00395a; font-family: Georgia, Palatino, Times; padding: 15px 0; text-indent: 0px; }

div#canvas.fontlarger div#cleft h1 {font-size: 28px;}
div#canvas.fontlargest div#cleft h1 {font-size: 30px;}

/* Nick - controls the color of the LTC Articles headings */
div#alist h3 { font-size: 13px; font-weight: bold; color: #cd5806; }

div#canvas.fontlarger div#cleft h3 {font-size: 14px;}
div#canvas.fontlargest div#cleft h3 {font-size: 15px;}
div#alist h4, 
div#canvas div#content_home div div h4 { font-size: 12px; font-weight: bold; color: #00395a;}
div#canvas.fontlarger div#content_home div div h4,
div#canvas.fontlarger div#alist h4 {font-size: 11px;}
div#canvas.fontlargest div#content_home div div h4,
div#canvas.fontlargest div#alist h4 {font-size: 12px;}
span.sub { font-style: italic;}
div#cleft p { color: #333333; font-size: 13px; padding-bottom: 10px; }
div#canvas.fontlarger div#cleft p {font-size: 14px;}
div#canvas.fontlargest div#cleft p {font-size: 15px;}

/* Nick - this styling is for the LTC Articles and JHLTC Newsroom pages */
/*div#cleft div#alist {padding: 20px 300px 0 20px; width: 450px; margin: 20px 0 0 0; background: url('../images/blue_gradient.gif') no-repeat;}*/
div#cleft div#alist {padding: 20px 300px 0 20px; width: 450px; margin: 20px 0 0 0;}
div#cleft div#alist p { font-size: 12px; }
div#cleft div#alist a { color: #00395a; text-decoration: none; }
div#cleft div#alist a:hover { color: #00395a; text-decoration: underline; }

div#canvas div#footer { clear: both; height: 48px; border-top: 7px solid #d6e3f0; border-bottom: 20px solid #ffffff; background-color: #1b3e5a; margin-left: 15px; }
div#canvas div#footer.home_footer {border-top: none;}
div#canvas div#footer ul.fnav { color: white; padding: 8px 14px; }
div#canvas div#footer ul.fnav li { display: inline; margin: 0 5px; }
div#canvas div#footer ul.fnav a { color: white; text-decoration: none; }
div#canvas div#footer ul.fnav a:hover { color: #DCD087; }
div#canvas div#footer ul.left { float: left; }
div#canvas div#footer ul.left li { border-left: solid 1px white; padding-left: 10px; }
div#canvas div#footer ul.left li.first { border-left: none; padding-left: 0; }
div#canvas div#footer ul.right { float: right; }
div#canvas div#footer ul.right li { border-right: solid 1px white; padding-right: 10px; }
div#canvas div#footer ul.right li.last { border-right: none; padding-right: 0; }


div#copy { margin: 0 auto; width: 850px; font-size: 9px; position: relative; top: -20px; color: #7e7e7e; }
/* SEO */
p.ltcfooter { font-family: Verdana, Arial, Helvetica, sans-serif; color:#6c6f70; font-size:9px; font-weight:normal; text-align:left; padding-top:10px; }
a.ltcfooter:link { text-decoration:none; color:#6c6f70; }
a.ltcfooter:visited { text-decoration:none; color:#6c6f70; }
a.ltcfooter:hover { text-decoration:underline; color:#6c6f70; }
a.ltcfooter:active { text-decoration:none; color:#6c6f70; }


/*Nick - stylgin for disclosure*/
div#canvas div#disclosure { clear: both; height: 115px; border-top: 3px solid #d6e3f0; margin-left: 15px; }

/* two columns */
div#canvas div#content-left { float: left; clear: both; width: 576px; min-height: 400px; margin: 0 0 6px 15px; background: white url('../images/leftcol_bkg.gif') no-repeat top left; padding: 23px 10px 10px; }
/*div#canvas div#content-left.state {background: white url('../images/leftcol_state_bkg.gif') no-repeat top left; }*/
div#canvas div#content-right { float: right; width: 265px; min-height: 420px; margin: 0 0 6px 0; background: white; padding: 0;}
div#canvas div#content-right .box {background: transparent url('../images/rightcol_box_bkg.png') no-repeat top left; min-height: 75px; padding: 25px 10px 25px 20px;}
div#canvas div#content-right .box h3, 
div#canvas div#content_home div div h3,h1 {font-size: 20px; margin-bottom: 10px; font-family: Georgia, Palatino, Times; padding: 0 15px; color: #00395a; }
div#canvas div#content_home div div h5,h2 {font-size: 17px; margin-bottom: 10px; font-family: Georgia, Palatino, Times; background: transparent url('../images/rightcol_box_h3_icon.gif') no-repeat top left; padding: 0 15px; color: #00395a; font-weight: normal;}
div#canvas.fontlarger div#content-right .box h3 {font-size: 19px;}
div#canvas.fontlargest div#content-right .box h3 {font-size: 20px;}
div#canvas div#content_home div div h3,h1 {margin-bottom: 19px;}
div#canvas div#content-right .box h4 {font-size: 11px; font-weight: bold; color: #00395a; padding: 0 15px;}
div#canvas.fontlarger div#content-right .box h4 {font-size: 12px;}
div#canvas.fontlargest div#content-right .box h4 {font-size: 13px;}
div#canvas div#content-right .box h4.grey {color: #666666;}

/*div#canvas div#content-right .box h5 {font-size: 11px; color: #333333; padding: 0 15px; margin-bottom: 10px;}
div#canvas.fontlarger div#content-right .box h5 {font-size: 12px;}
div#canvas.fontlargest div#content-right .box h5 {font-size: 12px;}
*/

div#canvas div#content-right .box ul, 
div#canvas div#content_home div#top_row div#sidebar ul {font-size: 10px; color: #666666; margin-left: 30px;}
div#canvas.fontlarger div#content-right .box ul {font-size: 11px;}
div#canvas.fontlargest div#content-right .box ul {font-size: 12px;}
div#canvas div#content-right .box ul li, 
div#canvas div#content_home div#top_row div#sidebar ul li {list-style-type: circle; list-style-image: url(../images/rightcol_box_li_icon.png); margin-bottom: 5px;}

div#canvas div#content-right .box ul li.all {margin-top: 10px;}
div#canvas div#content-right .box ul li a, div#canvas div#content_home div#top_row div#sidebar ul li a, a.arrow {color: #cd5806; font-weight: bold; text-decoration: underline;}
div#canvas div#content-right .box p {padding-bottom: 10px; font-size: 11px; color: #666666; margin-left: 15px;}
div#canvas.fontlarger div#content-right .box p {font-size: 12px;}
div#canvas.fontlargest div#content-right .box p {font-size: 13px;}

/* Nick - this is for the customer story sidebar on the Our LTC Product section */
div#canvas div#content-right .box p.quote {font-size: 14px; color: #9e1b34; margin-top: 8px; font-family: Verdana, Arial, Helvetica, sans-serif; }
div#canvas.fontlarger div#content-right .box p.quote {font-size: 15px;}
div#canvas.fontlargest div#content-right .box p.quote {font-size: 16px;}
div#canvas div#content-right .box p.caption {font-size: 10px; color: #00395a; font-style: italic; min-height: 78px;}
div#canvas.fontlarger div#content-right .box p.caption {font-size: 11px;}
div#canvas.fontlargest div#content-right .box p.caption {font-size: 12px;}
div#canvas div#content-right .box p.byline {color: #666666;}
div#canvas div#content-right .box p.bluequote {color: #00395a; font-style: italic;}
a.arrow {background: transparent url(../images/rightcol_box_li_icon.png) no-repeat scroll 0 1px; padding-left: 12px; text-indent: 0px;}

/*---------------Easing The Burden---------*/
div#canvas div#content-right .box img {float: left; margin-right: 11px; margin-left: 14px; border: 1px solid #f7ebdb;}

/* Nick - padding (second value) controls where heading on the sidebar content pages moves to */
div#canvas div#content-left h1 { font-size: 26px; color: #00395a; font-family: Georgia, Palatino, Times; padding: 15px 33px;}

/*---------------AAA Difference font sizes for the body---------*/
div#canvas.fontlarger div#content-left h1 {font-size: 28px;}
div#canvas.fontlargest div#content-left h1 {font-size: 30px;}

/* Nick - one of the things this controls are the titles on the Tools & Resources main page */
div#canvas div#content-left h2 { font-size: 13px; color: #00395a; padding: 2px 34px; font-weight: bold;}
div#canvas div#content-left h2 a { font-size: 13px; color: #00395a; font-weight: bold; text-decoration: none;}
div#canvas div#content-left h2 a:hover { font-size: 13px; color: #00395a; font-weight: bold; text-decoration: underline;}


div#canvas.fontlarger div#content-left h2 {font-size: 12px;}
div#canvas.fontlargest div#content-left h2 {font-size: 13px;}

/* Nick - controls the padding on the left side of the text in the main columns for content-left */
div#canvas div#content-left p { color: #333333; font-size: 13px; padding: 0 34px 10px}


div#canvas div#content-left p.notice {font-style: italic;}
div#canvas div#content-left p.notice .red {color: #9E1B34;}
div#canvas div#content-left span.explain {font-size: 10px; font-weight: normal; text-align: left; float: left; position: relative; top: -12px; display: block; width: 185px;}
div#canvas.fontlarger div#content-left span.explain {top: -8px;}
div#canvas.fontlargest div#content-left span.explain {top: -4px;}
div#canvas.fontlarger div#content-left p {font-size: 14px;}
div#canvas.fontlargest div#content-left p {font-size: 15px;}
div#canvas div#content-left p a.legal {color: #9e1b34; font-size: 10px;}
div#canvas.fontlarger div#content-left p a.legal {font-size: 11px;}
div#canvas.fontlargest div#content-left p a.legal {font-size: 12px;}
div#canvas div#content-left ul { color: #333333; font-size: 13px; padding-left:55px; padding-top:10px;}
div#canvas div#content-left li { padding-bottom:10px;}
div#canvas.fontlarger div#content-left ul {font-size: 14px;}
div#canvas.fontlargest div#content-left ul {font-size: 15px;}
div#canvas div#content-left ul li {list-style-image: url('../images/blue_arrow.gif'); margin-left: 15px;}

/* Satish - supertext caption */
div#canvas div#content-left ol { padding-left:40px;}

/* Nick - this is to ensure the blue arrows show up on bullets for pages with the content.aspx template */
div#canvas div#content ul { color: #333333; font-size: 13px; padding-left:15px; padding-top:10px;}
div#canvas div#content ul li {list-style-image: url('../images/blue_arrow.gif'); margin-left: 15px;}
div#canvas.fontlarger div#content ul {font-size: 14px;}
div#canvas.fontlargest div#content ul {font-size: 15px;}
div#canvas div#content li { padding-bottom:10px;}

div#canvas div#content-left form p {clear: both; height: 20px; font-size: 10px; font-weight: bold; text-align: right;}
div#canvas div#content-left form p.mid {height: 42px;}
div#canvas div#content-left form p.tall {height: 182px;}
div#canvas div#content-left form p input {float: left; width: 185px;}
div#canvas.fontlarger div#content-left form p input {font-size: 13px; height: 18px;}
div#canvas.fontlargest div#content-left form p input {font-size: 14px; height: 20px;}
div#canvas div#content-left form p select { float: left;}
div#canvas div#content-left form p textarea {float: left; width: 265px; height: 180px; font-size: 12px;}
div#canvas.fontlarger div#content-left form p textarea {font-size: 13px;}
div#canvas.fontlargest div#content-left form p textarea {font-size: 14px;}
div#canvas div#content-left form p.mid textarea {height: 40px;}
div#canvas div#content-left form p textarea, div#canvas div#content-left form p input {border-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-right: 1px solid #888888; border-bottom: 1px solid #888888;}
div#canvas div#content-left form p input#submit_send { height: 19px; width: 63px; background: url('../images/leftcol_send.gif') no-repeat top left; text-indent: -999px; overflow: hidden; border: none; display: block; font-size:0px; line-height: 0px;}
div#canvas div#content-left form p input#submit_send:hover {background-position: 0 -19px;}
div#canvas div#content-left form p label {float: left; width: 165px;margin-right:8px; padding-right: 7px; position:relative; top:3px;}
div#canvas div#content-left form p label.required {background: transparent url('../images/leftcol_required_field.gif') no-repeat top right;}
div#canvas div#content-left form.state {margin-top: 30px;}
div#canvas div#content-left form.state p {text-align: left; height: 35px;}
div#canvas div#content-left form.state label {color: #32506a; float: none;}
div#canvas div#content-left form.state select {float: none; display: block; margin-top: 15px;}
div#canvas div#content-left form p input#submit_continue { height: 19px; width: 67px; background: url('../images/leftcol_continue.gif') no-repeat top left; text-indent: -999px; display: block; overflow: hidden; border: none; font-size:0px; line-height: 0px;}
div#canvas div#content-left form p input#submit_continue:hover {background-position: 0 -19px;}
div#canvas div#content-right form p input#submit_poll { height: 19px; width: 93px; background: url('../images/rightcol_answer.gif') no-repeat top left; text-indent: -999px; overflow: hidden; display: block; border: none; margin-left: 18px;font-size:0px; line-height: 0px;}
div#canvas div#content-right form p input#submit_poll:hover {background-position: 0 -19px;}
div#canvas div#content-right form.poll p label {color: #cc6600; font-weight: bold; font-size: 10px; position: relative; top: -3px;}
div#canvas.fontlarger div#content-right form.poll p label {font-size: 11px;}
div#canvas.fontlargest div#content-right form.poll p label {font-size: 12px;}

div#canvas div#content-left table.compare {width: 400px; font-size: 11px; color: #333333; margin: 12px 0 12px 40px;}
div#canvas div#content table.compare {width: 400px; font-size: 11px; color: #333333; margin: 12px 0 12px 40px;}
div#canvas.fontlarger div#content-left table.compare {font-size: 12px;}
div#canvas.fontlargest div#content-left table.compare {font-size: 13px;}
div#canvas.fontlarger div#content table.compare {font-size: 12px;}
div#canvas.fontlargest div#content table.compare {font-size: 13px;}
div#canvas div#content-left table.compare tr td {width: 50%; height: 40px; border-top: 1px solid #ebf0f4; padding-left: 15px; padding-bottom: 10px; padding-top: 10px;}
div#canvas div#content-left table.compare tr td.first {border-top: none;}
div#canvas div#content-left table.compare tr td.left {border-right: 1px solid #ebf0f4;}
div#canvas div#content-left table.compare tr td.firstleft { border-right: 1px solid #ebf0f4; border-top: none; }
div#canvas div#content table.compare tr td {width: 50%; height: 40px; border-top: 1px solid #ebf0f4; padding-left: 15px; padding-bottom: 10px; padding-top: 10px;}
div#canvas div#content table.compare tr td.first {border-top: none;}
div#canvas div#content table.compare tr td.left {border-right: 1px solid #ebf0f4;}
div#canvas div#content table.compare tr td.firstleft { border-right: 1px solid #ebf0f4; border-top: none; }
div#canvas div#content-left div#learn_fadecouplebeach {background: url('../images/stock/couple.jpg') no-repeat bottom right; height: 368px;}
div#canvas div#content-left div#learn_fadeboyfather {background: url('../images/stock/boy_father.png') no-repeat bottom right; height: 406px;}
div#canvas div#content-left div#learn_fademandogbeach {background: url('../images/stock/dog.jpg') no-repeat bottom right; height: 280px;}
div#canvas div#content-left div#learn_fadecouplecomputera {background: url('../images/stock/couple_left.jpg') no-repeat bottom right; height: 336px;}
div#canvas div#content-left div#learn_fadecouplecomputerb {background: url('../images/stock/couple_left2.jpg') no-repeat bottom right; height: 336px;}
div#canvas div#content-left div#learn_asiancouple {background: url('../images/div_images/sm_asian_couple.jpg') no-repeat bottom right; height: 300px; padding-top: 20px;}
div#canvas div#content-left div#learn_boyfather {background: url('../images/div_images/sm_boy_and_father.jpg') no-repeat bottom right; height: 300px; padding-top: 20px;}
div#canvas div#content-left div#learn_couplecomputer {background: url('../images/div_images/sm_couple_at_computer.jpg') no-repeat bottom right; height: 300px; padding-top: 20px;}
div#canvas div#content-left div#learn_mandogbeach {background: url('../images/div_images/sm_man_with_dog_on_beach.jpg') no-repeat bottom right; height: 300px; padding-top: 20px;}
div#canvas div#content-left div#learn_motherdaughterlaughing {background: url('../images/div_images/sm_mother_and_daughter_laughing.jpg') no-repeat bottom right; height: 300px; padding-top: 20px;}
div#canvas div#content-left div#learn_spanishcouple {background: url('../images/div_images/sm_spanish_couple_on_beach.jpg') no-repeat bottom right; height: 300px; padding-top: 20px;}
div#canvas div#content-left div#learn_wide_aa_man {background: url('../images/div_images/wide_aa_man.jpg') no-repeat bottom right; height: 285px; padding-top: 20px;}
div#canvas div#content-left div#learn_wide_aa_woman {background: url('../images/div_images/wide_aa_woman.jpg') no-repeat bottom right; height: 285px; padding-top: 20px;}
div#canvas div#content-left div#learn_wide_boomer_couple {background: url('../images/div_images/wide_boomer_couple.jpg') no-repeat bottom right; height: 285px; padding-top: 20px;}
div#canvas div#content-left div#learn_wide_boomers_on_bikes2 {background: url('../images/div_images/wide_boomers_on_bikes2.jpg') no-repeat bottom right; height: 285px; padding-top: 20px;}
div#canvas div#content-left div#learn_wide_boomers_on_bikes {background: url('../images/div_images/wide_boomers_on_bikes.jpg') no-repeat bottom right; height: 285px; padding-top: 20px;}
div#canvas div#content-left div#learn_wide_father_and_son {background: url('../images/div_images/wide_father_and_son.jpg') no-repeat bottom right; height: 285px; padding-top: 20px;}
div#canvas div#content-left div#learn_wide_man_on_beach_with_dog {background: url('../images/div_images/wide_man_on_beach_with_dog.jpg') no-repeat bottom right; height: 285px; padding-top: 20px;}
div#canvas div#content-left div#learn_wide_mature_couple {background: url('../images/div_images/wide_mature_couple.jpg') no-repeat bottom right; height: 285px; padding-top: 20px;}
div#canvas div#content-left div#learn_wide_mature_woman {background: url('../images/div_images/wide_mature_woman.jpg') no-repeat bottom right; height: 285px; padding-top: 20px;}
div#canvas div#content-left div#learn_wide_single_woman {background: url('../images/div_images/wide_single_woman.jpg') no-repeat bottom right; height: 285px; padding-top: 20px;}
div#canvas div#content-left div#learn_wide_woman_in_yellow_sweater {background: url('../images/div_images/wide_woman_in_yellow_sweater.jpg') no-repeat bottom right; height: 285px; padding-top: 20px;}

/* Nick - code to make image appear on left for content items */
/*div#canvas div#content-left div#learn_left {background: url('../images/stock/couple_left.jpg') no-repeat bottom left; height: 336px; clear: both; position: relative; left: -25px;}*/

/* Nick - code to change the little orange call to action on some pages */
div#canvas div#content-left div.learn p {font-size: 10px; text-indent: 10px; color: #cd5806; background: url('../images/rightcol_box_li_icon.png') no-repeat 32px 0;}

/* Satish - State Selector Page Css */
div#canvas div#content div#cinner div#cleft div#state-selector-content state {margin-top: 30px;}
div#canvas div#content div#cinner div#cleft div#state-selector-content p {text-align: left; height: 35px;}
div#canvas div#content div#cinner div#cleft div#state-selector-content label {display:inline-block; color: #32506a; float: none;}
div#canvas div#content div#cinner div#cleft div#state-selector-content select {float: none; display: inline-block; margin-top: 15px;}



div#canvas div#content div.learn p {font-size: 9px; font-weight: bold; color: #cd5806; background: url('../images/rightcol_box_li_icon.gif') no-repeat 0px 0px; position: relative; left: 25;}
div#canvas.fontlarger div#content-left div.learn p {font-size: 10px;}
div#canvas.fontlargest div#content-left div.learn p {font-size: 11px;}
div#canvas div#content-left div.learn p a {color: #cd5806;}
div#canvas div#content div.learn p a {color: #cd5806;}
div#canvas div#content div.learn p {padding-left: 10px}
div#canvas div#content-left div.bluedown {background: url('../images/blu _gradient.gif') no-repeat top left; margin: 0 10px; padding-top: 15px;}
div#canvas div#content-left div.bluedown h2 {font-size: 19px; color: #00395a; font-family: Georgia, Palatino, Times; font-weight: normal; clear: both;}
div#canvas div#content-left div.bluedown h2.pushdown {padding-top: 30px;}
div#canvas div#content-left div.row {margin-left: 40px;}
div#canvas div#content-left div.row div.col {width: 230px; float: left; margin-right: 15px;}
div#canvas div#content-left div.row div.col h3 {color: #9e1b34; font-size: 11px; font-weight: bold; margin-top: 12px;}
div#canvas.fontlarger div#content-left div.row div.col h3 {font-size: 12px;}
div#canvas.fontlargest div#content-left div.row div.col h3 {font-size: 13px;}
div#canvas div#content-left div.row div.col p {padding-left: 0; font-size: 11px;}
div#canvas.fontlarger div#content-left div.row div.col p {font-size: 12px;}
div#canvas.fontlargest div#content-left div.row div.col p {font-size: 13px;}

/* homepage 3x2 */
div#canvas div#content_home { clear: both; min-height: 400px; min-width: 870px;  margin: 0px 15px 0px 15px; }
div#canvas div#content_home div#top_row { height: 346px; }
div#canvas div#content_home div#top_row div#sidebar{ float:left; width:200px; margin-right: 5px; padding: 30px 25px 0px 0px; background: transparent url('../images/home_left_green.png') no-repeat top left;}
div#canvas div#content_home div#top_row div#sidebar h3.no_arrow {background: transparent;}
div#canvas div#content_home div#top_row div#sidebar h1.no_arrow {background: transparent;}

/* Nick - home page bottom area */
div#canvas div#content_home div div p {padding-bottom: 10px; font-size: 11px; color: #00395A; margin-left: 15px;}

div#canvas div#content_home div#bottom_row div p { padding: 0px 0px 20px 0px;}
div#canvas div#content_home div#bottom_row div p { color: #666666;}
div#content_home div div h4 { margin-left: 15px; }
div#canvas div#content_home div#top_row div#flashdiv { float:left; margin-left: 5px; z-index: 50;}
div#canvas div#content_home div#bottom_row { height: 250px; margin-top: 5px;}
div#canvas div#content_home div#bottom_row div.box { width: 297px; height: 100%; float:left; padding: 30px 25px 0px 15px; background: transparent url('../images/home_brown.png') no-repeat top left;}
div#canvas div#content_home div#bottom_row div.box#leftbox {width: 185px; background: url('../images/home_left_blue.png') no-repeat top left; margin-left: 0px;}

/* Nick - controls padding of home page bottom boxes */
div#canvas div#content_home div#bottom_row div.box#middlebox {padding-right: 20px; width:275px; margin-left: 10px;} 
div#canvas div#content_home div#bottom_row div.box#rightbox {margin-left: 9px; padding-right: 0px; text-align: center;}
div#canvas div#content_home div#bottom_row div.box#rightbox p {text-align: left;}

div#canvas div#content_home div#top_row div#sidebar ul li a.link:hover, a.arrow:hover, 
  div#canvas div#content-right .box ul li a:hover, div#canvas div#content-left div.learn p a:hover {color: #455660;}, div#canvas div#content div.learn p a:hover {color: #455660;}
/* Video play button rollover */
div#canvas div#content_home div.video {text-align: left; height: 115px; width: 191px; background-repeat: no-repeat; background-position: top left;}
div#canvas div#content_home div.video img {visibility: hidden; position: relative;}
div#canvas div#content_home div#leftbox div.video img {top: 40px; left: 77px;}
div#canvas div#content_home div#rightbox div.video img {top: 35px; left: 80px;}
div#canvas div#content_home div#rightbox div.video {margin-bottom: 19px;}
div#canvas div#content_home div.video:hover img {visibility: visible;}

/* Error div*/
div#canvas div#header div#htop ul#hErrors {position: absolute; top: 29px; right:0; left:25; font-size: 9px; font-weight: bold;}


/* Premium Estimator Start */
div#canvas div#calculator-content-left { float: left; clear: both; width:850px; min-height: 400px; margin: 0 0 6px 0; background: white url('../images/canvas_content_background.gif') no-repeat top left; padding: 10px; margin-left: 15px;}
/*div#canvas div#calculator-content-left { float: left; clear: both; min-height: 400px; margin: 0 0 6px 0; background: white url('../images/canvas_content_background.gif') no-repeat top left; padding: 10px; margin-left: 15px;}*/
div#canvas div#calculator-content-left h1 { font-size: 26px; color: #00395a; font-family: Georgia, Palatino, Times; padding: 15px 40px;}
div#canvas div#calculator-content-left p { color: #333333; font-size: 13px; padding: 0px 40px 0px; }
div#canvas div#calculator-content-left .label {display:inline-block; width:150px; font-weight:bold;}
div#canvas div#calculator-content-left .calcvaluedisp {	color:#00395A; font-weight:bold; font-family:Arial; font-size:10pt;}
div#canvas div#calculator-content-left .calcmessage {	color:#C00000; font-weight:bold; font-family:Arial; font-size:10pt;}
div#canvas div#calculator-content-left div#calculator-inputs { padding-left:115px;	}
/* Premium Estimator End */

/*Ektron Custom Css for sponsored group*/
#header a.homelink img
{
	border: 0pt none;
	float:left;
	margin-left:166px;
	margin-top:10px;
	/*margin-top:6px;*/
}
#header .homecollection
{
	/*padding-top:37px;*/
	padding-top:57px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 13px;
	color: #ecd441;
	float:left;
	padding-left:15px; 
}
#header .homecollection a
{
	color: #ecd441;
	text-decoration: underline;
}
#header .homecollection a:hover
{
	color: #ecd441;
	text-decoration: none;
}

html a.EktronEditorsMenuMarker
{display:none !important}

/*this is a must overide to fix an issue with the ekform */
.design_content

{ overflow: visible !important;}