﻿
.Foo { }
/* Gneral */
html, body, form { font-family: Verdana, helvetica, sans-serif; color: #000; margin: 0; padding: 0; text-align: center; font-size: 100%; height: 100%; }
body { background: #EDEBE0 url(images/pagebg.gif) repeat-x top left; height: 100%; margin: 0; padding: 0; }
body p { font-size: 0.95em; line-height: 1.4em; font-family: Verdana, Helvetica, sans-serif; }




a:link { color: #006CA0; text-decoration: none; border-bottom: 1px solid #006CA0;outline: none !important; }

a:visited, a:active{border-bottom: none;outline: none !important; color: #006CA0;border-bottom: 1px solid #006CA0;text-decoration: none; }
a:hover { text-decoration: none; border-bottom: none; }

H1 { font-size: 1.2em; padding: 0px; margin: 15px 0px 0px 0px; }
H2 { font-size: 1.6em; font-weight: normal; }
H3 { padding: 0; margin: 0;}
H4 { font-size: 1.8em; padding: 0; margin: 0; font-weight: normal;  }
ul, li, p { padding: 0; margin: 0; }
H5, H6 { }
img { border: 0px; }

#Outer { width: 971px; margin: 0px auto; text-align: left; font-size: 0.75em; }
.hide { text-indent: -9999px; height: 0px; width: 0px; display: none; }
/* General End */

/* main  panes. These can be switched on/off with the back end code to suit the wireframes.*/
/* these arent really designed to be modified or to have any visual elements in the layout. Structural only really.*/
.PageBody {  display: block; margin-bottom: 10px; clear: both; background: #edebe0 url(images/secondlevel/sub_PageBody_bg.gif) repeat-y 0px 11px; }
.TopPane { }
.LeftPane { float: left; padding: 11px 8px 0 10px; margin: 0 0px 0 0px;  overflow: hidden; background: transparent url(images/secondlevel/LeftPane_top.gif) no-repeat 3px 0px; }
.ContentPane { width: 799px; overflow: hidden; float: left;  background: transparent; font-size: 1.1em; color: #444444; }
.RightPane { float: left; width: 180px !important; }
.BottomPane { clear: both; padding: 0 5px; }

/* Banner */
.pagebanner { clear: both; height: 117px; }
.pagebanner .left { display: none; }
.pagebanner .right { display: none; }

.pagebanner .logo { width: 132px; height: 79px; display: block; float: left; background: #fff url(images/consumer_focus_logo.gif) no-repeat left bottom; }
.pagebanner .logo:link, .logo:hover, .logo:active, .logo:visited { background: #fff url(images/consumer_focus_logo.gif) no-repeat left bottom; border: none; }

.pagebanner .content { width: 837px; height: 79px; display: block; float: left; }
.pagebanner .content h2 { font-size: 12px; padding: 0px; margin: 0px; width: 300px; margin-top: 33px; float: left; display: block; }
.pagebanner .content .upper { clear: right; display: block; height: 47px; text-align: left; }
.pagebanner .content .upper a { border-left: 1px solid #A9A8A8; font-size: 0.90em; color: #444; line-height: 1.1em; }
.pagebanner .content .upper a:hover { }

.pagebanner .content .upper .utilities { float: right; padding: 33px 0 0 0; }
.pagebanner .content .upper .utilities .login { float: right; display: block; border-left: 1px solid #A9A8A8; height: 0.9em; padding: 0 12px 2px 10px; }
.pagebanner .content .upper .utilities .login a { display: block; font-weight: bold; border: none; margin-top: 2px; }
.pagebanner .content .upper ul { float: right; list-style: none; height: 0.9em; }
.pagebanner .content .upper ul li { display: block; float: left; list-style: none; margin: 0px; padding: 0 10px 2px 10px; border-left: 1px solid #A9A8A8; }
.pagebanner .content .upper ul li a { border: none; }
.pagebanner .content .upper ul li:first-child { border: none; list-style: none; list-style-type: none; }
.pagebanner .content .upper ul li a:hover, .pagebanner .content .upper .login a:hover { background: transparent; color: #444; border-bottom: 1px solid #A9A8A8; }

.pagebanner .content .lower { display: none; height: 95px; clear: right; text-align: right; }

/* End Banner */

/* top Navigation */
.TopNav { height: 25px; width: 740px; float: left; }
.TopNav ul { list-style: none; padding-left: 12px; }
.TopNav ul li { display: block; text-align: center; float: left; margin: 0 1px; }
.TopNav ul li span { display: block; height: 13px; background: #edebe0; }
.TopNav ul li a { display: block; border: none !important; margin: 0 auto; padding: 6px 4px 5px 4px; color: #fff !important; font: 14px/14px Verdana, Helvetica, Sans-serif; }

.TopNav ul li.tab0 { width: 94px; background: transparent url(images/master/tab0.gif) no-repeat left top; }
.TopNav ul li.tab0_on { background: transparent url(images/master/tab0_on2.gif) no-repeat left top; width: 94px; }
.TopNav ul li.tab0:hover span, .TopNav ul li.tab0_on span { display: block; clear: both; background: #edebe0 url(images/master/tab0_on.gif)  no-repeat center 1px; }
.TopNav ul li.tab0_on a { color: #000 !important; }
.TopNav ul li.tab0 a:hover, .TopNav ul li.tab0_on a:hover { color: #000; text-decoration: underline; }


.TopNav ul li.tab1 { width: 135px; background: transparent url(images/master/tab1.gif) no-repeat left top; }
.TopNav ul li.tab1_on { background: transparent url(images/master/tab1_on2.gif) no-repeat left top; width: 135px; }
.TopNav ul li.tab1:hover span, .TopNav ul li.tab1_on span { display: block; clear: both; background: #edebe0 url(images/master/tab0_on.gif)  no-repeat center 1px; }
.TopNav ul li.tab1_on a { color: #000 !important; }
.TopNav ul li.tab1 a:hover, .TopNav ul li.tab1_on a:hover { color: #000; text-decoration: underline; }

.TopNav ul li.tab2 { width: 77px; background: transparent url(images/master/tab2.gif) no-repeat left top; }
.TopNav ul li.tab2_on { background: transparent url(images/master/tab2_on2.gif) no-repeat left top; width: 77px; }
.TopNav ul li.tab2:hover span, .TopNav ul li.tab2_on span { display: block; clear: both; background: #edebe0 url(images/master/tab2_on.gif) no-repeat center 1px; }
.TopNav ul li.tab2_on a { color: #000 !important; }


.TopNav ul li.tab3 { width: 106px; background: transparent url(images/master/tab3.gif) no-repeat left top; }
.TopNav ul li.tab3_on { background: transparent url(images/master/tab3_on2.gif) no-repeat left top; width: 106px; }
.TopNav ul li.tab3:hover span, .TopNav ul li.tab3_on span { display: block; clear: both; background: #edebe0 url(images/master/tab3_on.gif)  no-repeat center 1px; }
.TopNav ul li.tab3_on a { color: #000 !important; }

.TopNav ul li.tab4 { width: 74px; background: transparent url(images/master/tab4.gif) no-repeat left top; }
.TopNav ul li.tab4_on { background: transparent url(images/master/tab4_on2.gif) no-repeat left top; width: 74px; }
.TopNav ul li.tab4:hover span, .TopNav ul li.tab4_on span { display: block; clear: both; background: #edebe0 url(images/master/tab4_on.gif) no-repeat center 1px; }
.TopNav ul li.tab4_on a { color: #000 !important; }

.TopNav ul li.tab5 { width: 80px; background: transparent url(images/master/tab5.gif) no-repeat left top; }
.TopNav ul li.tab5_on { background: transparent url(images/master/tab5_on2.gif) no-repeat left top; width: 80px; }
.TopNav ul li.tab5:hover span, .TopNav ul li.tab5_on span { display: block; clear: both; background: #edebe0 url(images/master/tab5_on.gif)  no-repeat center 1px; }
.TopNav ul li.tab5_on a { color: #000 !important;}


.TopNav ul li.tab6{width: 135px; background: transparent url(images/master/tab8.gif) no-repeat left top; }
.TopNav ul li.tab6_on {background: transparent url(images/master/tab8_on2.gif) no-repeat left top; width: 135px;}
.TopNav ul li.tab6:hover span, .TopNav ul li.tab6_on span { display: block; clear: both;background: #edebe0 url(images/master/tab8_on.gif)  no-repeat center 1px; }
.TopNav ul li.tab6_on a { color: #000 !important; }
.TopNav ul li.tab6 a:hover, .TopNav ul li.tab6_on a:hover { color: #000; text-decoration: underline; }






/*HIDES NAV ITEMS NOT USED*/
.TopNav ul li.tab8_on, .TopNav ul li.tab7, .TopNav ul li.tab9, .TopNav ul li.tab10, .TopNav ul li.tab11 { display: none; }
.TopNav ul li.tab8_on, .TopNav ul li.tab7_on, .TopNav ul li.tab10_on, .TopNav ul li.tab11_on { display: none; }

.TopNav ul li.tab0 a:hover, 
.TopNav ul li.tab0_on a:hover, 
.TopNav ul li.tab1 a:hover, 
.TopNav ul li.tab1_on a:hover, 
.TopNav ul li.tab2 a:hover, 
.TopNav ul li.tab2_on a:hover, 
.TopNav ul li.tab3 a:hover, 
.TopNav ul li.tab3_on a:hover, 
.TopNav ul li.tab4 a:hover, 
.TopNav ul li.tab4_on a:hover, 
.TopNav ul li.tab5 a:hover, 
.TopNav ul li.tab5_on a:hover, 
.TopNav ul li.tab6 a:hover, 
.TopNav ul li.tab6_on a:hover,
.TopNav ul li.tab8 a:hover, 
.TopNav ul li.tab8_on a:hover
{ text-decoration: underline; color: #FFF; }


/* Breadcrumbs */
.breadarea { font-size: 0.95em; color: #555; line-height:1.2em;height: 1.42em; padding-left: 13px; }
.breadcrumbs { clear: both; display: block; }
.breadcrumbs a:link, .breadcrumbs a:active, .breadcrumbs a:visited { text-decoration: underline;  color: #000;border: none !important; }
.breadcrumbs a:hover { text-decoration: none; border: none; }
.breadcrumbs a .current { color: #000; font-weight: bold;  text-decoration: none; border: none !important; }
.breadcrumbs a:hover .current { color: #000; font-weight: bold; border: none;  }
/* Breadcrumbs End */



.PageBody .bot { height: 17px; font-size: 0.1px; width: 973px; clear: both; background: transparent url(images/secondlevel/pagebody_bot.gif) no-repeat 0px 0px; }
.flashholder { display: none; }


.FooterAppsNav { width: 965px; height:49px; clear: both;margin:5px 0; background: #f4f4ec url(images/master/componentlinks_bg.gif) repeat-y top left; }
.FooterAppsNav ul{list-style: none;margin: 17px 0px 15px 15px;float:left;}
.FooterAppsNav ul li { padding:0 10px; display: block;float:left;border-left: 1px solid #A9A8A8;}
.FooterAppsNav ul li:first-child { border:none;}
.FooterAppsNav ul li a { color: #454344; border-bottom: 1px solid #454344 !important; color: #020100 !important;}
.FooterAppsNav ul li strong{font-weight:normal}
.FooterAppsNav ul li a:hover{border:none !important;}

.FooterNav { width: 965px; clear: both; background: #f4f4ec url(images/master/FooterNav_bg.gif) repeat-y top left; }
.FooterNav .top { width: 965px; height: 8px; background: #f4f4ec url(images/master/FooterNav_top.gif) no-repeat top left; }
.FooterNav ul { width: 192px; list-style: none; display: block; padding:0px;float: left; }
.FooterNav ul li { margin:0 0 0 25px  ; display: block; padding:0px !important}
.FooterNav ul li a { color: #454344; border-bottom: 1px solid #454344 !important; color: #020100 !important;}
.FooterNav ul li strong{display:block;font-weight:normal}
.FooterNav ul li ul {  margin: 10px 0;padding: 0 0 5px 0; width:auto; display: block; clear: both; width:149px}
.FooterNav ul li ul li { margin:0 !important;list-style: none; background: url(images/master/bullet_arrow.gif) no-repeat 2px 5px; padding-left: 10px !important }
.FooterNav ul li ul li a {  width:auto;color: #454344; border-bottom:1px solid #f4f4ec !important; font-size: 0.9em; color: #454344 !important;padding-bottom:1px; }
.FooterNav ul li ul li a:hover { border-bottom: 1px solid #454344 !important; }



.FooterNav .bot { clear: both; width: 965px; height: 10px; background: #f4f4ec url(images/master/FooterNav_bot.gif) no-repeat top left; }


/* footer */
.pagefooter { margin: 10px 0 40px 0; color: #020100; padding: 5px 5px 25px 5px; clear: both; }
.pagefooter a { color: #020100 !important; border: none; }
.pagefooter a:hover { color: #020100; border: none; }

.pagefooter ul { list-style: none; margin-top: -3px; padding: 0; width: 600px; height: 1.2em; overflow: hidden; float: left; }
.pagefooter ul li { display: block; float: left; border-left: 1px solid #020100; padding: 0 5px; margin-top: -3px; }
.pagefooter ul li:first-child { border: none; }
.pagefooter ul li a { padding-bottom: 1px; display: block; border: none !important; color: #020100; }
.pagefooter ul li a:hover { border-bottom: 1px solid #020100 !important; color: #020100; }

.pagefooter .lefttext { float: right; display: block; margin-top: -6px; }
.pagefooter .lefttext span { padding: 0 5px; }
.pagefooter .lefttext .s8080 { background: #fff url(images/s8080_logo.gif) no-repeat right top; padding-right: 80px; }
.pagefooter .lefttext .s8080 { display: none; }



/* FeedBack webpart*/
.cms-form {clear:both;margin:0px 0;background-color:#f1eff0;padding:20px; }
.cms-form .label {display:block;width: 180px;float:left;font-size:1em;}
.cms-form .row{clear:both}
*html .cms-form .label {display:block-inline;width: 210px;float:left;padding:0px 20px 0px 0px;margin:0px 0px 0px 0px;}

#ctl00_ContentPlaceHolder1_lblEmailExp{width:445px;clear:both;display:block;margin-left:240px;padding-top:5px;}
#ctl00_ContentPlaceHolder1_Label1{width:445px;clear:both;display:block;margin-left:240px}

*html #ctl00_ContentPlaceHolder1_lblEmailExp{width:445px;clear:both;display:block;margin-left:235px;padding-top:5px;}
*html #ctl00_ContentPlaceHolder1_Label1{width:445px;clear:both;display:block;margin-left:235px}
*html .textCounter{width:445px;clear:both;display:block;margin-left:235px;margin-top:-20px;}


.refLink{width:225px;clear:both;display:block;}

.cms-form{margin-right:28px;}
.cms-form p{clear:both}
.cms-form .field {font-family: Verdana, Arial, Helvetica, sans-serif;height: 18px;width: 205px;border-style: none;border:1px solid #cccccc;padding: 5px 0 0 6px;color: #333333;font-size: 0.98em;}
.cms-form .label {float:left;display:block}
.cms-form .row {clear:both;display:block;padding:2px}
.fieldtextarea { border: 1px solid #cccccc; width: 200px; font-size: 0.98em;padding: 5px 0 0 6px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.form-element-wrap { clear: left; display: block; }
.label-wrap { float: left; width: 177px; display: block; height: 35px; }
.fieldrequiredmarker { text-decoration: none; color: #cc3333; }
.cms-form .fieldrequiredmarker {text-decoration: none;outline:none;border:none;float:left;width:8px;margin-right:2px}
.fielderror { color: #cc3333; font-size: 90%; }
.cms-form .optionlist{/*width:205px;*/display:inline-block;}
.cms-form .optionlist label{display:block;float:left;width:auto;padding-right:15px;margin:4px 0 0 5px}
.cms-form .optionlist input{float:left;display:block;height:20px}
.cms-form .optionlist br{clear:both}
.send { display:block;margin: 10px 0 0 248px; }
.send a,.send input { border:none !important;background: url(images/btn_send.gif) no-repeat; display: block; height: 21px; width: 49px;cursor: pointer; }
* html .send { display:block;margin: 10px 0 0 238px; }
/* end */


/* Search Results */
    .searchterm{color:#CC3333;font-weight:bold;}
    .paging{background:#F1EFF0; width:100%;}
    .paginginfo{display:block;float:left;width:150px;padding:10px  0 8px 17px; text-align:left;}
    .paging .pagelinks br{clear:both;display:block;}
    .paging .pagelinks{float:right;text-align:right;display:block;width:auto;height:18px;margin:10px 17px 8px 0 }
    a.paginglink{display:block;float:left;margin:0 5px;height:18px;}
    a.paginglink_active{display:block;float:left;margin:0 5px;color:#000;font-weight:bold;border:none;height:18px;}
    ol.search-results li {margin: 10px 0}
    ol.search-results li a{font-size:1.2em;color:#CC3333;border-bottom:1px solid #CC3333;padding-bottom:1px;line-height:1.6em;}
    ol.search-results li a:hover{border:none}
    .btnNext{width:18px;height:17px;padding-left:5px;  background: transparent url(images/btn_next.gif) no-repeat top right;display:block;float:left;border:none !important;}
    .btnNext_disabled{width:18px;height:17px;padding-left:5px;  background: transparent url(images/btn_next_disabled.gif) no-repeat  top right;display:block;float:left;border:none  !important;}
    .btnPrevious{width:18px;height:17px;padding-right:5px; background: transparent url(images/btn_previous.gif) no-repeat;display:block;float:left;border:none !important;}
    .btnPrevious_disabled{width:18px;height:17px;padding-right:5px; background: transparent url(images/btn_previous_disabled.gif) no-repeat;display:block;float:left;border:none !important;}
/* End */


/* sitemap */
.Toc ul li { border:none;display: block; padding-left: 14px; vertical-align: middle; list-style: none; background: url(images/slideshow/squarebullet.gif) no-repeat 2px 5px; margin: 5px 0; }

.Toc ul li ul li { font-size:0.95em; }

/* End */

.seo {float: right; margin: 15px 30px 0px 15px}
.seo a{text-decoration: none; border-bottom: 0px}