/* 
 * **** SECONDARY LAYOUT  ****
 * Updated: July 9, 2012
 * By: Mal Jones, www.forumone.com
 * Description: Secondary CSS file for layout. Styles are loaded by Tablet and Desktop sizes
 * Update Notes: 
 */
    /* I. LAYOUT ---------------------------------------------------------------------------------------------------------------- 
     */

    #local_home {
	    background: #f4f4f4 url(/images/base/base-background.jpg) no-repeat top center; 
    }


    /* splash */


    #splashpage footer {
	    border-top: 4px double #dbdbdb;
	    margin-top: 40px;
	    padding-top: 20px;
    }

    #splashpage #tagline {
	    font-size: 46px;
    }

    #splashpage #splashsearch {
	    width: 565px;
	    margin: 20px auto;
    }

    #splashpage #splashpagesearch {
	    width: 437px;
        height: 42px;
    }

    #splashpage #splashpagesearch .searchleft input {
	    width: 380px;
	    height: 40px;
	    font: italic 20px "proxima_nova_rgregular",Arial,Helvetica,sans-serif;
    }

    #splashpage #bbblinks {
	    width: 565px;
	    margin: 0 auto;
    }

    #splashpage #bbblinks #splashlinks {
	    padding-bottom: 0;
	    width: 345px;
    }

    #splashpage #bbblinks #splashlinks_left {
	    float: left;
    }

    #splashpage #bbblinks #splashlinks_right {
	    float: right;
    }

    /*
     * **** HEADER AREA ****
     */

    #globalnav {
	    width: 720px;
	    margin: 0px auto 0;
	    padding: 20px 0 15px 0;
	    height: 105px;
    }

    #globalnav a{
	    font-size: 14px;
    }

    #globalnav .active {
	    color: #005A78;
    }

    #globalnav_left{
	    float: left;
	    width: auto;
    }

    #globalnav_right {
	    float: right;
	    width: auto;
    }

    #globalnav_left li, #globalnav_right li {
	    background: url("/images/BBB/global_bullet.png") no-repeat scroll 0 8px transparent;
        float: left;
        line-height: 17px;
        padding: 0 4px 0 8px;
    }

    #globalnav_left li:first-child, #globalnav_right li:first-child {
	    background: none;
	    padding: 0 2px 0 0;
    }

    h1 {
	    top: 30px;
	    left: 50%;
	    margin-left: -33px;
	    width: auto;
    }


    /*
     * **** SEARCH AREA ****
     */

    /* Light CSS - Home Page Background */
    #bbb_name {
        font-size: 27px;
    }

    #tagline {
        font-size: 48px;
        margin: -12px 0 0;
    }

    #choosestate {
	    padding: 0;
    }
    
    #choosestate a.choosestatelink {
        font-size: 20px;
        background-size: auto;
    }
    #choosestate a{
        font-size: 20px;
        background: url(/images/state-drop.png) no-repeat 0 3px;
        padding: 0 0 0 25px;
    }

    /* Dark CSS - Home Page Background */

    .dark #bbb_name {
         font-size: 27px;
         color: #fff;
         text-shadow: 0 0 4px #474747;
    }
    
    .dark #globalnav a{
        font-size: 14px;
        color: #fff
    }
    
    .dark #tagline {
       font-size: 48px;
        color: #fff;
        margin: -12px 0 0;
        text-shadow: 0 0 4px #474747;
    }

    .dark #choosestate a{
        font: 20px;
        color: #fff;
        background: url(/images/BBB/state-drop.png) no-repeat 0 -1px;
        padding: 2px 0 0 25px;
    }

    .sub #choosestate a{
	    font: 20px "proxima_nova_rgbold", Arial, Helvetica, sans-serif;
	    color: #005a78;
	    background: url(/images/BBB/state-drop-sub.png) no-repeat 0 3px;
	    padding: 0 0 0 25px;
	    display:table;
	    float: left;
    }
    #cancelzipsearch a{
        font: 15px !important;
        color: #fff !important;
        background: url(/images/BBB/state-drop.png) no-repeat 0 2px !important;
        padding: 2px 0 0 25px !important;
    }



    #search {
	    width: 544px;
	    margin: 25px auto;
    }

    .searchright input[type=submit] 
    {
        border: 0;
	    background: url("/images/BBB/magnifying_glass_lg.png") no-repeat scroll 0 0 transparent;
        height: 32px;
        margin: 8px 8px 0 0;
        width: 32px;
	    }

    .news input {
	    border: 0px;
	    height: 25px;
	    width: 480px;
	    background-color: transparent;
	    padding: 3px 0 0 10px;
	    font: 18px "proxima_nova_rgregular", Arial, Helvetica, sans-serif;
    }


    .searchleft input {
	    background-color: transparent;
        font: 24px "proxima_nova_rgregular",Arial,Helvetica,sans-serif;
        height: 50px;
        padding: 1px 0 0 10px;
        width: 480px;
    }

    .sub .panes div {
	    width: 280px;
	    height: 32px;
	    border: 4px solid #005A78;
    }


    .panes div {
	    width: 532px;
	    height: 51px;
	    border: 6px solid #005A78;
    }
    ul.tabs a {
	    font-size: 15px;
	    top: 3px; 
    }

    ul.tabs a.current span {
	    background-position: right 8px;
    }



    /*
     * **** MAIN NAVIGATION BARS ****
     */

    #mainnav {
	    width: 722px;
	    background: #037297 url(/images/BBB/menu_bg.png);
	    margin: 30px auto 0;
	    height: 58px;
	    padding: 0px 0 0 0;
	    text-align: center;
    }

    #mainnav ul {
	    margin: 0px 0 0 0;
	    padding: 15px 0px 0;
    }

    #mainnav li a{
	    display: inline-block;
	    padding: 10px 0 0;
	    font: 13px "proxima_nova_rgregular", Arial, Helvetica, sans-serif;
	    text-transform: uppercase;
	    border-bottom: 0px solid #005a78;
	    border-top: 0px solid #037297;
	    background: transparent;
	    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	    height: auto;
    }

    #mainnav li a:active{
	    background: transparent;
	    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    }

    #mainnav li a:hover {
	    color: #badee5;
    }

    #mainnav li {
	    margin: 0 3px 12px 0;
	    background: url(/images/BBB/nav_bullet.png) no-repeat 0px 8px;
	    padding: 0 0px 0 13px;
	    display: inline;
    }

    #mainnav li:first-child {
	    background: none;
	    padding: 0;
    }

    #mainnav li:last-child {
	    margin: 0 0 12px;
    }
	
    /*
     * **** CONTAINER ****
     */

    #container {
	    width: 720px;
	    border: 1px solid #ecebeb;
	    background: #fefefe url(/images/BBB/container_bg.png) bottom repeat-x;
    }

    #toprow {
	    width: 650px;
	    margin-bottom: 25px;
    }


    /*
     * **** NEWS ****
     */
 
    #home_news {
	    float: left;
	    margin-left: 25px;
	    margin-right: 25px;
	    padding-bottom: 0px;
	    border: 0px;
    }


    /*
     * **** ACCREDITED BUSINESS DIRECTORY ****
     */

    #business_directory {
	    float: left;
	    margin: 25px 25px 0 0;
    }


    /*
     * **** BOX WITH PROMOS AND SPONSORS ****
     */

    #promos_sponsors {
	    float: left;
	    border: 0px;
	    margin-top: 25px;
	    margin-left: 25px;
	    width: 660px;
	    padding-bottom: 0;
    }

    #promos {
	    padding-top: 0px;
	    float: left;
    }

    #sponsors {
	    float: left;
	    margin: 0 0 0 25px;
    }

    /*
     * **** OPTIONAL 3rd ROW WITH PROMOS ****
     */

    #optional_promos {
	    margin: 10px auto 35px auto;
	    border-top: 4px double #e8e8e8;
	    width: 650px;
	    padding: 20px 0 0 0;
    }

    .local_promo, .national_promo {
	    float: left;
	    margin-left: 25px;
    }

    .localpromoright {
    }

    /*
     * **** FOOTER ****
     */

    footer {
	    width: 720px;
	    font-size: 12px;
	    margin: 20px auto;
    }

    #footer_logo {
	    display: none;
	    float: left;
    }

    footer nav {
	    border: 0px;
	    padding: 0px 0 10px 0;
	    margin: 0 auto;
    }

    footer nav ul {
	    width: 720px;
	    display: block;
	    text-align: center;
	    margin-left:15px;
	    clear:both;
    }

    footer nav ul li {
	  float:left;
	  padding:0px;
    }
    footer nav ul li a 
    {
        background: url(/images/BBB/footer-bullet.png) no-repeat 0 6px;
        padding: 0 5px 0 11px;
                        }

    footer nav ul li:first-child a{
	    background: none;
	     padding: 0 5px 0 2px;
    }
  

    ul.googletranslate {
	    margin: -20px 0 0;
        padding: 0 0 0 15px;
	    border: 0px;
    }

    #social_network {
	    text-align: center;
    }


    #social_network ul li {
	    display: inline;
    }

    #facebook, 
    #twitter, 
    #linkedin, 
    #pinterest, 
    #flickr, 
    #youtube, 
    #foursquare, 
    #googleplus {
	    text-indent: -9999px;
    }


    #social_network li a:hover {
	    opacity: .8;
    }



    /*
     * **** SUBPAGES ****
     */
 
    /*
     * **** Global ****
     */

    .sub {
	    background: url(/images/BBB/sub-bg.jpg) no-repeat #f4f4f4;
    }

    .sub #tagline {
	    display: none;
    }

    .sub #bbb_name {
	    display: none;
    }

    /*
     * **** HEADER AREA ****
     */


    .sub #globalnav_right {
	    float: left;
    }

    .sub #globalnav_right li:first-child {
	    background: url("/images/BBB/global_bullet.png") no-repeat scroll 0 8px transparent;
        float: left;
        line-height: 17px;
        padding: 0 8px 0 10px; 
    }

    .sub h1 {
	    left: auto;
	    margin-left: 20px;
	    top: 22px;
    }

    .sub #global {
	    width: 720px;
	    margin: 0 auto;
	    text-align: center;
    }

    .sub #globalnav {
	    margin-left: 75px;
	    height: 10px;
	    width: 550px;
    }

    .sub #choosestate {
	    text-align: left;
	    margin-left: 75px;
	    margin-top: 17px;
	    display: block;
    }

    /*
     * **** Search ****
     */

    .sub #search {
	    padding: 0px;
	    width: 288px;
	    margin: 0;
    }

    .sub .searchleft input {
	    width: 240px;
	    background-color: transparent;
        border: 0 none;
        font: 15px "proxima_nova_rgregular",Arial,Helvetica,sans-serif;
        height: 30px;
        padding: 1px 0 0 10px;
        color:#8BA6AF;
    }

    .sub ul.tabs li {
	    float: left;
    }

    .sub ul.tabs {
	    height: 22px;
	    overflow: hidden;
    }

    .sub ul.tabs a {
	    margin: 1px -1px 0 0;
	    font-size: 13px;
    }

    .sub #searchfloat {
	    float: right;
	    margin-top: 50px;
    }

    .sub #headerleft {
	    float: left;
	    width: 430px;
    }
	
    .sub .searchright input[type=submit] 
    {
        border: 0;
        background: url("/images/BBB/magnifying_glass_sm.png") no-repeat scroll 0 0 transparent;
        margin: 5px 5px 0 0;
	    width: 22px;
	    height: 22px;
    }

    .sub ul.tabs a.current span {
	    background-position: right 6px;
    }


    /*
     * **** Main Nav Subpage ****
     */

    #mainnav li a:active {
	    background: none;
	    border-bottom: 0px solid #005a78;
	    border-top: 0px solid #037297;
    }

    /*** Superfish styles ***/

    #mainnav .sf-menu ul li {
	    display: block;
	    background: none;
	    text-align: left;
	    padding: 0px 0px;
    }

    #mainnav .sf-menu ul li a{
	    width: 90%;
	    text-align: left;
	    padding: 0 15px;
	    font: 16px "proxima_nova_rgregular", Arial, Helvetica, sans-serif;
	    text-transform: capitalize;
	    color: #005A78; 
    }

    #mainnav .sf-menu ul li a:hover {
	    color: #66793a;
    }

    .sf-menu, .sf-menu * {
	    margin:			0;
	    padding:		0;
	    list-style:		none;
    }
    .sf-menu {
	    line-height:	1.0;
    }
    .sf-menu ul {
	    position:		absolute;
	    width:			250px; /* left offset of submenus need to match (see below) */
	    background: #ffffff; /* Old browsers */
	    background: -moz-linear-gradient(top,  #ffffff 0%, #e1f1f4 100%); /* FF3.6+ */
	    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e1f1f4)); /* Chrome,Safari4+ */
	    background: -webkit-linear-gradient(top,  #ffffff 0%,#e1f1f4 100%); /* Chrome10+,Safari5.1+ */
	    background: -o-linear-gradient(top,  #ffffff 0%,#e1f1f4 100%); /* Opera 11.10+ */
	    background: -ms-linear-gradient(top,  #ffffff 0%,#e1f1f4 100%); /* IE10+ */
	    background: linear-gradient(to bottom,  #ffffff 0%,#e1f1f4 100%); /* W3C */
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1f1f4',GradientType=0 ); /* IE6-9 */
	    box-shadow: 0 0 5px rgba(50, 50, 50, 0.5);
	    border-bottom: 5px solid #006e8a;
	    left:0px;
	    top:34px;
    }
    .sf-menu ul li {
	    width:			100%;
    }
    .sf-menu li:hover {
	    visibility:		inherit; /* fixes IE7 'sticky bug' */
    }
    .sf-menu li {
	    position:		relative;
    }
    .sf-menu a {
	    display:		block;
	    position:		relative;
    }
    .sf-menu li:hover ul,
    .sf-menu li.sfHover ul {
	    left:			0;
	    top:			34px; /* match top ul list item height */
	    z-index:		99;
    }
    ul.sf-menu li:hover li ul,
    ul.sf-menu li.sfHover li ul {
	    top:			-999em;
    }
    ul.sf-menu li li:hover ul,
    ul.sf-menu li li.sfHover ul {
	    top:			0;
	    left:			10em; /* match ul width */
    }
    ul.sf-menu li li:hover li ul,
    ul.sf-menu li li.sfHover li ul {
	    top:			-999em;
    }
    ul.sf-menu li li li:hover ul,
    ul.sf-menu li li li.sfHover ul {
	    top:			0;
	    left:			10em; /* match ul width */
    }


    /*
     * **** Containers Subpage ****
     */

    .sub #container {
	    width: 100%;
	    border-top: 1px solid ECEBEB;
	    border-right: 0px;
	    border-left: 0px;
	    padding-bottom: 50px;
    }

    .sub #containerinner {
	    width: 720px;
	    margin: 0 auto;
    }

    /*
     * **** Main Nav Subpage ****
     */

    .sub #mainnav {
	    margin-top: 20px;
	    position: relative;
        z-index: 999;
    }
    #qtip-0[style]{z-index:99 !important;}

    /*
     * **** Sidebar ****
     */
 
    .sub #sidebar {
	    display: inherit;
	    float: left;
	    width: 160px;
    }


    /*
     * **** Content Area ****
     */

    .sub #content_area {
	    display: block;
	    float: left;
	    width: 520px;
	    margin: 0 0 0 35px;
    }

    .sub #pagetitle {
	    font: 40px "proxima_nova_ltlight", Arial, Helvetica, sans-serif;
	    border-bottom: 4px double #e8e8e8;
	    margin-bottom: 10px;
    }

    .sub #content_area #pagedescription {
	    font: 20px "proxima_nova_ltlight", Arial, Helvetica, sans-serif;
	    font-style: italic;
	    border: 0px;
    }

    .sub #toprow #toprowleft {
	    width: 400px;
	    padding-bottom: 10px;
    }

    .sub #toprow #toprowright {
	    width: 400px;
	    padding-bottom: 10px;
    }

    .sub #middlerow {
	    border-bottom: 4px double #e8e8e8;
	    margin-bottom: 25px;
    }

    .sub #bottomrow {
	    margin: 0 0 0px 0;
	    text-align: center;
    }
   .sub #bottomrow #related_sites .doubleline{text-align:left;}
   .sub #bottomrowright #related_sites .doubleline{text-align:left;}
    #content_area #leftcolumn {
	    float: left;
	    width: 480px;
	    padding-right: 40px;
	    font-size: 15px;
	    margin-bottom: 50px;
    }

    .twocolumn #content_area #leftcolumn {
	    width: auto;
    }

    /*
     * **** Gray Blocks ****
     */
 
    .sub .section_block {
	    margin: 0px 20px 20px 0;
	    width: 184px;
	    float: left;
    }

    .sub .triplewide {
	    width: 424px;
    }


    .sub .section_block.last {
	    margin: 0px 0px 0px 0;
	    width: 184px;
	    float: left;
    }

    /*
     * **** State dropdown subpages ****
     */

    #statedropdown {
 	    margin: -7px 0 0 -11px;
    }
 
    .sub #statedropdown {
	    margin: -2px 0 0 -12px;
    }

    #statedropdown #statedropdowntab {
	    background: #006E8A url(/images/BBB/state-drop.png) no-repeat 11px 4px;
	    width: 40px;
	    height: 25px;
	    background-size: auto;
    }


    #statedropdown #dropdowncontent a.changelocation {
        font-size: 20px;
    }


    /*
     * **** Tertiary Pages ****
     */

    /*
     * **** Breadcrumbs ****
     */

    #breadcrumbs #right {
	    display: block;
    }

    /*
     * **** Subpage internal links ****
     */

    #internallinks {
	    font-size: 17px;
    }

    #promos-content {
	    display: block;
    }

    /*
     * **** Video ****
     */

    #videoplayerleft {
	    width: 640px;
	    float: left;
    }


    #videoplayerright, #articleright {
	    float: left;
	    margin-left: 0px;
    }

    .vplayer .video {
	    width: 290px;
	    float: left;
	    margin-right: 20px;
    }

    .news #slider {
	    display: block;
    }


    #articleleft {
	    width: 640px;
    }


    /*Locator */
    .locator #browsebylocation .column {
	    margin-bottom: 40px;
    }


    .locator #locatorsearchresults {
	    margin-left: 110px;
	    margin-top: 0px;
    }

    .locator #locationsearchbox {
	    width: 353px;
    }

    .locator #locationsearchbox input {
	    width: 330px;
    }


    /*Special Events */
    #special_events_pagetitle {
	    border-bottom: 4px double #e8e8e8;
	    min-height: 35px;
	    position: relative;
	    /*Changed for Title Name*/
	    padding-bottom:0px;
    }

    #special_events_pagetitle .blocktitle {
	     
	      /*changed for Title Name*/
	    position:relative; 
	    word-wrap: break-word;
	     padding-bottom:10px;
	     line-height: 1.10; 
    }
    /* Microsite */

    #micrositenav {
	    background: url(/images/BBB/micrositenavbg.png);
	    padding: 12px 0 0 25px;
    }

    #micrositenav ul li {
	    width: auto;
    }

    #micrositenav ul li a {
	    padding: 3px 0 0 0;
	    font: 16px "proxima_nova_rgbold", Arial, Helvetica, sans-serif;
	    background: none;
    }

    #micrositeslider_left {
	    width: 500px;
	    float: left;
    }

    #micrositeslider_right {
	    width: 180px;
	    height: 179px;
    }

    #microsite_promos {
	    width: 960px;
    }

    #microsite_promos .promo {
	    float: left;
    }



/* CBBB Themes */

 .cbbb #local_home {
	    background: #f4f4f4 url(/images/BBB/cbbb-background-nonbranded.jpg) no-repeat top center; 
    }
    
 .cbbb .sub .panes div {
	    width: 280px;
	    height: 32px;
	    border: 4px solid #0D7C99;
    }
    
   .cbbb .panes div {
	    border:4px solid #0D7C99;
    }
     .cbbb #mainnav {
	    width: 962px;
	    background: #037297 url(/images/BBB/CBBB_menu_bg.png);
	    margin: 30px auto 0;
	    height: 58px;
	    padding: 0px 0 0 0;
	    text-align: center;
    }
    
     .cbbb #mainnav li a:hover {
	    color: #cccccc;
    }
    
    
    
    /*
     * **** MAIN NAVIGATION BARS ****
     */

    

    .cbbb #mainnav ul {
	    margin: 0px 0 0 0;
	    padding: 15px 0px 0;
    }

    .cbbb #mainnav li a{
	    display: inline-block;
	    padding: 10px 0 0;
	    font: "proxima_nova_rgregular", Arial, Helvetica, sans-serif;
	    text-transform: uppercase;
	    border-bottom: 0px solid #005a78;
	    border-top: 0px solid #037297;
	    background: transparent;
	    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	    height: auto;
    }

    .cbbb #mainnav li a:active{
	    background: transparent;
	    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    }

   .cbbb #mainnav li a:hover {
	    color: #ccc;
    }

   .cbbb #mainnav li {
	    margin: 0 3px 12px 0;
	    background: url(/images/BBB/nav_bullet.png) no-repeat 0px 8px;
	    padding: 0 0px 0 13px;
	    display: inline;
    }

   .cbbb #mainnav li:first-child {
	    background: none;
	    padding: 0;
    }

   .cbbb #mainnav li:last-child {
	    margin: 0 0 12px;
    }
    
    .cbbb.sub {
	    background: url(/images/BBB/CBBB_sub-bg.jpg) no-repeat #f4f4f4;
    }
    
     .cbbb #mainnav .sf-menu ul li a{
	    width: 90%;
	    text-align: left;
	    padding: 0 15px;
	    font: 16px "proxima_nova_rgregular", Arial, Helvetica, sans-serif;
	    text-transform: capitalize;
	    color: #66793A; 
    }
    .cbbb #mainnav .sf-menu ul li a:hover {
	    color: #005A78;
    }
    .cbbb .sf-menu ul {
	    position:		absolute;
	    width:			250px; /* left offset of submenus need to match (see below) */
	    background: #ffffff; /* Old browsers */
	    background: -moz-linear-gradient(top,  #ffffff 0%, #eef0e8 100%); /* FF3.6+ */
	    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eef0e8)); /* Chrome,Safari4+ */
	    background: -webkit-linear-gradient(top,  #ffffff 0%,#eef0e8 100%); /* Chrome10+,Safari5.1+ */
	    background: -o-linear-gradient(top,  #ffffff 0%,#eef0e8 100%); /* Opera 11.10+ */
	    background: -ms-linear-gradient(top,  #ffffff 0%,#eef0e8 100%); /* IE10+ */
	    background: linear-gradient(to bottom,  #ffffff 0%,#eef0e8 100%); /* W3C */
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eef0e8',GradientType=0 ); /* IE6-9 */
	    box-shadow: 0 0 5px rgba(50, 50, 50, 0.5);
	    border-bottom: 5px solid #66793A;
    }