Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Jan 2012
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Need help with my horizontal menu - dropdowns not working in any IE

    My dropdown menus are working fine in all versions of Safari, Firefox and Chrome. They won't drop down at all in any version of IE.

    I've tried a jQuery fix - did not work. Tried a straight CSS fix - no bueno. My code does validate through W3C.

    Can someone take a look at this and tell me where I might be going wrong?

    Any help would be appreciated. Thanks!

    Here's the location of my dev site:

    http://www.newsoundhearing.com/development/

    Here's my page code from the index:
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/main_page_template.dwt" codeOutsideHTMLIsLocked="false" -->
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="description" content="NewSound Hearing Aid Centers is the nation's largest Audibel hearing aids provider, with over 50 locations throughout South, Central and East Texas. " />
     
    <!-- InstanceBeginEditable name="doctitle" -->
    <title>NewSound Hearing Aid Centers | Serving Southern Texas including Austin, Houston and San Antonio | Digital Hearing Aids</title>
     
     
    <!-- InstanceEndEditable -->
    <link href="assets/css/font_face_mako.css" rel='stylesheet' type='text/css'/>
    <link href="assets/css/font_face_cabin.css" rel='stylesheet' type='text/css'/>
    <link href="assets/css/font_face_allerta.css" rel='stylesheet' type='text/css'/>
    <link href="assets/css/revised_style.css" rel="stylesheet" type="text/css" />
    <!--[if IE 6]>
    	<link href="../assets/css/ie6.css" rel="stylesheet" type="text/css" media="screen"/>
    <![endif]-->
    <!--[if IE 7]>
    	<link href="../assets/css/ie6.css" rel="stylesheet" type="text/css" media="screen"/>
    <![endif]-->
    <!-- InstanceBeginEditable name="head" -->
     
    <!-- InstanceEndEditable -->
     
    <link rel="shortcut icon" href="images/favicon.ico"/>
    <link rel="icon" href="images/flavicon.ico"/>
     
    <!-- ========= Google Maps Store Locator for WordPress (v1.2.42.1) | <a href="http://www.viadat.com/store-locator/" rel="nofollow">http://www.viadat.com/store-locator/</a> ========== -->
    <script src='http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAfW2kLRkiYCYwaNvPZEDMNhQpmzUC24shWTNfXcwvBwtBI2DmHRRxn48SClCcNqheIXh4pT0UWrZ-bQ&amp;sensor=false&amp;oe=utf-8' type='text/javascript'></script>
    <script src='http://www.newsoundhearing.com/development/newsfeed/wp-content/plugins/store-locator/js/store-locator-js.php' type='text/javascript'></script>
    <script src='http://www.newsoundhearing.com/development/newsfeed/wp-content/plugins/store-locator/js/store-locator.js' type='text/javascript'></script>
    <script src='http://www.newsoundhearing.com/development/newsfeed/wp-content/plugins/store-locator/js/functions.js' type='text/javascript'></script>
    <link  href='http://www.newsoundhearing.com/development/newsfeed/wp-content/plugins/store-locator/store-locator.css' type='text/css' rel='stylesheet'/>
    <!-- ========= End Google Maps Store Locator for WordPress ========== -->
    <script type="text/javascript" charset="UTF-8">
    <!--
    function MM_jumpMenu(targ,selObj,restore){ //v3.0
      eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
      if (restore) selObj.selectedIndex=0;
    }
    //-->
    </script>
     
    <script type="text/javascript">
    jQuery(document).ready(function() {
     
    	jQuery("#nav li").hover(
          function () {
            jQuery(this).addClass("sfhover");
          },
          function () {
           jQuery(this).removeClass("sfhover");
          }
        );
    });
    </script>
     
     
    </head>
     
     
     
     
    <body>
    <div id="new_top_bar">
     
    <!--START SITE ALIGNMENT-->
    <div id="top_bar_background">
    <!--Top Site Spacer-->
    <div id="top_site_spacer">
    <!--END Top Site Spacer--></div>
     
    <!--Top Bar Container-->
    <div id="top_bar_container">
     
     
     
     
    <div id="logo_main"><a href="index.html"><img src="assets/images/new_sound_logo.png" alt="NewSound Hearing Aid Centers of Texas" width="230" height="110" border="0" /></a></div>
    <div id="logo_area_right_container"><table width="680" border="0" style="height:110px;">
      <tr>
        <td width="488" align="left" valign="middle"><span class="page_headline_font">Texas' Digital Hearing Aid Headquarters</span><br/>
          <span class="top_box_font">NewSound Hearing Aid Centers &bull; 
    Hearing Aids &amp; Audiologists</span><br/>
    <strong class="top_box_font_red">1-800-991-HEAR &bull; <a href="locations.html">Locations</a></strong></td>
        <td width="182" align="center" valign="top">
     
     
     
          </td>
      </tr>
    </table>
    </div>
     
     
    <!--END Top Bar Container--></div></div>
    <div id="menu_bar_container">
    <!--Start Navigation Area--><div id="menu_box_area">
    <div id="nav">
    <ul>
    <li class="active">
      <a class="home" href="index.html">&nbsp;</a>
      </li>
      <li>
        <a href="aboutus.html">NewSound Hearing</a>
        <ul>
          <li><a href="aboutus.html">»About NewSound Hearing</a></li>
          <li><a href="testimonials.html">»Patient Testimonials</a></li>
          <li><a href="insurance.html">»Hearing Aid Insurance</a></li>
          <li><a href="missions.html">»Hearing Aid Missions</a></li>
          <li><a href="careers.html">»Careers</a></li>
     
        </ul>
    </li>
    <li>
      <a href="anthemxt.html">Hearing Aids</a>
        <ul>
          <li><a href="anthemxt.html">»AnthemXT Hearing Aids</a></li>
          <li><a href="amp.html">»AMP Hearing Aids</a></li>
          <li><a href="range.html">»Range Hearing AIds</a></li>
          <li><a href="ptd.html">»Para-Tympanic Device</a></li>
          <li><a href="shellstyles.html">»Hearing Aid Shell Styles</a></li>
     
        </ul>
    </li>
     
    <li>
      <a href="hearingloss.html">Hearing  Education</a>
        <ul>
          <li><a href="free-consumers-guide.html">»Free Hearing Aid Guide</a></li>
          <li><a href="operationsmanuals.html">»Operations Manuals</a></li>
          <li><a href="hearingaidcare.html">»Hearing Aid Care</a></li>
          <li><a href="videos.html">»Helpful Videos</a></li>
          <li><a href="hearingloss.html">»About Hearing Loss</a></li>
          <li><a href="tinnitus.html">»About Tinnitus</a></li>
          <li><a href="self-evaluation.html">»Hearing Self Evaluation</a></li>
          <li><a href="faqs.html">»FAQ - Hearing Aids</a></li>
          <li><a href="inthenews.html">»In The News</a></li>
         </ul>
    </li>
    <li>
      <a href="locations.html">Locations</a>
       </li>
    <li>
      <a href="contactus.html">Contact Us</a>
     
    </li>
     
    <li>
      <a href="specials.html">Hearing Aid Specials</a>
       </li>
     
    </ul>
     
    </div>
     
    <div id="social_media_links"><table width="100" border="0" style="height:39px;">
      <tr>
        <td align="right" valign="bottom"><a href="http://www.youtube.com/newsoundhearing" target="_blank"><img src="assets/images/you_tube_logo_30.png" width="30" height="30" alt="" /></a>&nbsp;<a href="http://www.facebook.com/newsoundhearing" target="_blank"><img src="assets/images/fb_logo_30.png" width="30" height="30" alt="" /></a></td></tr>
    </table>
    </div>
     
    <!--END Navigation Area-->    </div></div>
     
    </div>
     
    <div id="site_alignment">
     
    <!-- InstanceBeginEditable name="EditRegion3" -->
     
     
    <div id="index_content_area">
     
     
     
     
    <div id="main_graphic_area"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script type="text/javascript" src="assets/js/infiniteCarousel/jquery.infinitecarousel.js"></script>
    <script type="text/javascript">
    $(function(){
    	$('#carousel').infiniteCarousel({
    		displayTime: 7000,
    		textholderHeight : .25
    	});
    });
    </script>
     
    <div id="carousel">
    	<ul>
    		<li><a href="needahearingaid.html"><img alt="assets/images/new_home_page_option/need_a_hearing_aid_thumb.png" src="assets/images/new_home_page_option/need_a_hearing_aid.png" width="615" height="390" /></a>
    		<!--  <p></p>  -->
    		</li>
    		<li><a href="haveahearingaid.html"><img alt="assets/images/new_home_page_option/have_a_hearing_aid_thumb.png" src="assets/images/new_home_page_option/have_a_hearing_aid.png" width="615" height="390" /></a>
    		<!--  <p></p>  -->
    		</li>
    		<li><a href="helpingafriend.html"><img alt="assets/images/new_home_page_option/trying_to_help_a_friend_thumb.png" src="assets/images/new_home_page_option/helping_a_friend.png" width="615" height="390" /></a></li>
            <li><a href="specials.html"><img alt="assets/images/new_home_page_option/january_specials_thumb.png" src="assets/images/new_home_page_option/specials.png" width="615" height="390" /></a></li>
            <li><a href="free-consumers-guide.html"><img alt="assets/images/new_home_page_option/free_consumers_guide_thumb.png" src="assets/images/new_home_page_option/consumers_guide.png" width="615" height="390" /></a></li>
     
    	    </ul>
    </div>
     
     
     
     
    </div></div>
    <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
    <div id="horizontal_line"><img src="assets/images/thick_horizontal_bar_615.png" width="618" height="40" alt=""/></div><br/><br/>
    <div id="index_text_box"><span class="bottom_section_header_font">Welcome to NewSound Hearing Aid Centers</span> <a href="free-consumers-guide.html"></a><br />
        <span class="right_box_body_copy"><br />At NewSound Hearing Aid Centers we want you to have a hearing care experience that is second to none so that you may achieve your best possible hearing.
     
        </span>
        <p class="right_box_body_copy">We are passionate about improving our neighbors' lives through better hearing care and <a href="hearingloss.html">patient education</a>. We believe this can only be accomplished by the special interest our staff takes in each patient.</p>
      <p class="right_box_body_copy">Call us today at <strong>1-800-991-HEAR</strong> to schedule an appointment for a complimentary hearing evaluation or request a FREE Consumer's Guide to Hearing Aids.</p>
     
     
    </div>
     
     
     
    <!-- InstanceEndEditable -->
     
    <div id="bottom_box_container">
    <img src="assets/images/925_horizontal_line.png" width="925" height="10" alt="" />
      <table width="925" border="0">
        <tr>
          <td width="145" class="bottom_section_header_font">About NewSound</td>
          <td width="145" class="bottom_section_header_font">Hearing Aids</td>
          <td width="193" class="bottom_section_header_font">Hearing Loss Education</td>
          <td width="130" class="bottom_section_header_font">How To Find Us</td>
          <td width="290" align="left" valign="top" class="bottom_section_header_font">&nbsp;In The News...</td>
        </tr>
        <tr>
          <td width="145" align="left" valign="top" class="bottom_boxes_body_copy">
          <a href="aboutus.html" title="About Us">About Us</a><br />
            <a href="testimonials.html" title="Patient Testimonials">Patient Testimonials</a><br />
            <a href="insurance.html" title="Insurance">Hearing Aid Insurance</a><br />
            <a href="missions.html" title="Missions">Hearing Aid Missions</a><br />
            <a href="careers.html" title="Careers">Careers</a></td>
          <td width="145" align="left" valign="top"><span class="bottom_boxes_body_copy">
          <a href="anthemxt.html" title="AnthemXT">AnthemXT Hearing Aids</a><br />
          <a href="amp.html" title="AMP">AMP Hearing Aids</a><br />
          <a href="range.html" title="Range">Range Hearing Aids</a><br />
          <a href="ptd.html">Para-Tympanic Device</a><br/>
          <a href="shellstyles.html" title="Hearing Aid Shell Styles">Hearing Aid Shell Styles</a><br />
              </span><br />
          </td>
          <td width="193" align="left" valign="top"><span class="bottom_boxes_body_copy">
          <a href="free-consumers-guide.html" title="Request your Free Consumers Guide">Free Hearing Aid Guide</a><br />
          <a href="operationsmanuals.html" title="Operations Manuals">Operations Manuals</a><br />
          <a href="hearingaidcare.html" title="Hearing Aid Care">Hearing Aid Care</a><br />
          <a href="videos.html" title="Helpful Videos">Helpful Videos</a><br />
          <a href="hearingloss.html" title="About Hearing Loss">About Hearing Loss</a><br />
          <a href="tinnitus.html" title="About Tinnitus">About Tinnitus</a><br />
          <a href="self-evaluation.html" title="Hearing Self Evaluation">Hearing Self Evaluation</a><br />
          <a href="faqs.html" title="FAQ - Hearing Aids">FAQ - Hearing Aids</a><br />
          <a href="inthenews.html" title="In The News">In The News</a><br /></span></td>
          <td width="130" align="left" valign="top" class="bottom_boxes_body_copy"><a href="contactus.html" title="Contact Us">Contact Us</a><br />
            <a href="locations.html" title="Find A Location">Find A Location</a><br /><br />
           <a href="http://www.youtube.com/newsoundhearing" title="Watch Our Helpful Videos on YouTube" target="_blank"><img src="assets/images/youtube_logo.png" width="21" height="21" alt="Watch Our Videos On YouTube" /></a>  <a href="http://www.facebook.com/newsoundhearing" target="_blank" title="Find Us On Facebook"><img src="assets/images/fb_logo.png" width="21" height="22" alt="" /></a></td>
          <td width="290" align="left" valign="top" class="bottom_section_header_font"><iframe id="newsblock"  style="background-color: #FFFFFF;width: 281px;height: 150px;" src="http://www.poweringnews.com/newsframe.aspx?feedurl=www.newsoundhearing.com/development/newsfeed.xml&amp;maxitems=-1&amp;showfeedtitle=0&amp;showtitle=1&amp;showdate=1&amp;showsummary=1&amp;showauthor=0&amp;showactionsbox=0&amp;showrsslink=0&amp;showcopyright=1&amp;opennewwindow=1&amp;inheritstyles=0&amp;bgcolor=%23FFFFFF&amp;titlefontsize=8&amp;summaryfontsize=8&amp;fontfamily=Verdana%2CGeneva&amp;titlecolor=%23AF0000&amp;summarycolor=%23000000&amp;sepstyle=none&amp;sepcolor=%23A0A0A0&amp;objectid=newsblock17607129" frameborder="0"></iframe></td>
        </tr>
      </table>
      <img src="assets/images/925_horizontal_line.png" width="925" height="10" alt=""  />
    </div><br />
     
     
    <div id="index_text_box_overlay_vertical_line"><img src="assets/images/vertical_line.png" width="4" height="900" alt="" /></div>
    <div id="index_text_box_overlay">
    <div id="right_area_title">
     
     
       <div id="locations_box_area" class="newsound_difference_font">
       <table width="265" border="0" cellpadding="6">
         <tr>
     
           <td align="left" valign="middle" class="style44">
             <div align="left">
              <form id="form1" name="form1" method="post" action="searchprocess.php">
     
              <input type="text" onfocus="this.value=''" maxlength="5" size="14" id="zip" class="required" name="zip" value="Enter Zip Code"/>
              <input type="submit" value="Submit" id="submit" name="submit"/>
              </form>
              </div></td>
         </tr>
     
       </table>
       </div>
       <div id="newsound_difference_ad">
         <img src="assets/images/845px_horizontal_line.png" width="285" height="10" alt="" /><br /> <img src="assets/images/newsound-difference_header.png" width="285" height="122" alt="" /> <span class="newsound_difference_font">
          &bull;Free hearing evaluations<br />
          &bull;Free in-office hearing aid repairs<br />
          &bull;We accept Medicaid and most insurances<br />
          &bull;Ask about 0% financing<br />
          &bull;30-day money back guarantee</span><br /></div><br />
         <img src="assets/images/845px_horizontal_line.png" width="285" height="10" alt="" />
          <a href="freebatteries.html"><img src="assets/images/free_batteries_graphic2.png" width="287" height="223" alt="" /></a><br />
          <img src="assets/images/845px_horizontal_line.png" width="285" height="10" alt="" /><br />
          <span class="newsound_difference_headline_font"><strong><em>Featured Video:</em></strong></span><span class="newsound_difference_font"><br />
          Learn How To Change Your Batteries </span><iframe width="287" height="185" src="http://www.youtube.com/embed/TWyKgZklJg0" frameborder="0"></iframe>
     
     
     
      </div>
    </div>
     
     
    <!--END SITE ALIGNMENT--></div>
     
     
     
    <div class="legal_info" id="site_bottom_box">©2012 NewSound Hearing Aid Centers  |  <a href="contactus.html">Contact Us</a>  |  <a href="privacypolicy.html">Privacy Policy</a> |  <a href="http://www.newsoundhearing.com/intranet">Employee Login</a></div>
     
      <div id="bottom_index_locations_seo">
      <span class="location_boxes_title_copy">NewSound Hearing Aid Centers serve the following areas:</span><br />
    <span class="location_boxes_body_copy">Austin &bull;
    Ballinger &bull;
    Bandera &bull;
    Bay City &bull;
    Boerne &bull;
    Brady &bull;
    Brenham &bull;
    Brownsville &bull;
    Burnet &bull;
    Columbus &bull;
    Corpus Christi &bull;
    Del Rio &bull;
    Eagle Pass &bull;
    El Campo &bull;
    Fredericksburg &bull;
    Galveston &bull;
    Georgetown &bull;
    Harlingen <br />
    Henderson &bull;
    Kerrville &bull;
    Kingwood &bull;
    Lake Jackson &bull;
    Lakeway &bull;
    Laredo &bull;
    Longview &bull;
    McAllen &bull;
    New Braunfels &bull;
    Ozona &bull;
    Pleasanton &bull;
    Port Lavaca &bull;
    Richmond &bull;
    Rockport &bull;
    Round Rock &bull;
    San Angelo &bull;
    San Antonio<br />
    San Marcos &bull;
    Sonora &bull;
    Texas City &bull;
    Uvalde &bull;
    Victoria &bull;
    Webster &bull;
    Wimberley &bull;
    The Woodlands &bull;
     Yoakum </span>
      </div>
     
    </body>
     
     
    <!-- InstanceEnd --></html>

  • #2
    New to the CF scene
    Join Date
    Jan 2012
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    And here is the CSS:

    Code:
    @charset "UTF-8";
    /* CSS Document */
     
    body {
    	background:url(../images/gray_stripe_background.png);
    	margin-left: 0px;
    	margin-top: 0px;
    	margin-right: 0px;
    	margin-bottom: 0px;	
    	height: 100%;
    	behavior: url("csshover3.htc"); 
    }
     
     
    #site_alignment{
    	width: 950px;
    	height: 100%;
    	min-height: 1105px;
    	position: relative;
    	margin-left: auto;
    	margin-right: auto;
    	margin-top:10px;
    	background:url(../images/horizontal_site_background.png);
    	padding-top:10px;
     
     
    }
     
    #site_bottom_box{
    	width: 950px;
    	height: 30px;
    	top: 5px;
    	position: relative;
    	margin-left: auto;
    	margin-right: auto;
     
     
    }
     
    #top_site_spacer{
    	width:870px;
    	height:10px;
    	position: relative;
    	margin-left:auto;
    	margin-right: auto;
    }
     
    #top_bar_container{
    	width: 925px;
    	height: 90px;
    	position: relative;
    	margin-left: auto;
    	margin-right: auto;
    }
     
     
     
    #logo_area_right_container{
    	width: 680px;
    	height: 110px;
    	float:right;
     
    }
     
    #logo_area_center_container{
    	width: 250px;
    	height: 110px;
    	float: left;
    	vertical-align:middle;
     
    }
     
    #logo_area_center_container_text{
    	width: 250px;
    	height: 50px;
    	float: left;
    	top: 30px;
    	left: 255px;
    	vertical-align:middle;
    	position:absolute;
     
    }
     
    #logo_main{
    	width: 230px;
    	height: 110px;
    	position: relative;
    	float: left;
    }
     
    #menu_box_area{
    	width:925px;
    	height: 50px;
    	margin-left:auto;
    	margin-right:auto;
     
     
    }
     
    #horizontal_line{
    	width:925px;
    	height: 10px;
    	position:relative;
    	margin-left: 11px;
    	margin-top:15px;
    	}
     
    #left_side_box{
    	width:230px;
    	height:250px;
    	position:relative;
    	float: left;
    }
     
    #main_graphic_area{
    	width:615px;
    	height: 250px;
    	position: relative;
    	float: left;
    }
     
    #index_content_area{
    	width:925px;
    	height: 250px;
    	postion: relative;
    	margin-left: auto;
    	margin-right: auto;
     
     
    }
     
    #index_content_area_bottom{
    	width:925px;
    	height: 250px;
    	postion: relative;
    	margin-left: auto;
    	margin-right: auto;
    }
     
    #main_graphic_area_bottom{
    	width:615px;
    	height: 2px;
    	position: relative;
    	float: left;
    }
     
    #left_side_box_bottom{
    	width:230px;
    	height:257px;
    	position:relative;
    	float: left;
    }
     
    #index_3_boxes_left{
    	width: 200px;
    	height: 250px;
    	position: relative;
    	float:left;
    	margin-top:7px;
    	background:url(../images/box_background_test.png);
    }
     
    #index_3_boxes_left_text{
    	width: 190px;
    	height: 90px;
    	position: relative;
    	margin-left:auto;
    	margin-right: auto;
    }
     
    #index_3_boxes_right{
    	width: 200px;
    	height: 250px;
    	position: relative;
    	float:right;
    	margin-top:7px;
    	background:url(../images/box_background_test.png);
    }
     
    #index_3_boxes_left_text{
    	width: 190px;
    	height: 90px;
    	position: relative;
    	margin-left:auto;
    	margin-right: auto;
    }
     
    #index_3_boxes_center{
    	width: 200px;
    	height: 250px;
    	position: absolute;
    	left: 208px;
    	margin-top:7px;
    	background:url(../images/box_background_test.png);
    }
     
    #left_index_text_box{
    	width: 190px;
    	height: 60px;
    	position: relative;
    	margin-left: auto;
    	margin-right: auto;
    	margin-top:5px;
    }
     
    #photodiv{
    }
     
    #bottom_box_container{
    	width:900px;
    	height: 90px;
    	position: absolute;
    	top:900px;
    	left: 10px;
     
    }
     
     
    #index_text_box_overlay{
    	width: 295px;
    	height: 690px;
    	position: absolute;
    	left: 640px;
    	top: 0px;
     
     
    }
     
    #index_text_box_overlay_vertical_line{
    	width: 4px;
    	height: 690px;
    	position: absolute;
    	left: 632px;
    	top: 2px;
     
     
    }
     
    #page_headline_area{
    	width: 925px;
    	height:30px;
    	position: relative;
    	margin-left: auto;
    	margin-right: auto;
    	margin-top:10px;
    }
     
    #index_text_box{
    	width: 605px;
    	height: 170px;
    	position: relative;
    	float: left;
    	margin-left:12px;
     
     
     
     
    }
     
    #bottom_index_locations_seo{
    	width: 945px;
    	height: 50px;
    	position: relative;
    	text-align:center;
    	margin-left: auto;
    	margin-right: auto;
    	padding-bottom:30px;
     
    }
     
    #right_area_title{
    	width: 295px;
    	height: 30px;
    }
     
    #new_top_bar{
    	width: 100%;
    	height: 159px;
    	background:url(../images/dark_gray_stripe.png);
    	margin-top: 0px;
    	margin-left: 0px;
    	margin-top: 0px;
    	margin-right: 0px;
    	margin-bottom: 0px;
    	padding-top: 5px;
    }
     
    #menu_bar_container{
    	width:100%;
    	height:39px;
    	margin-top: 0px;
    	margin-left: 0px;
    	margin-top: 0px;
    	margin-right: 0px;
    	margin-bottom: 0px;
    	background:#900;
    }
     
    #top_bar_background{
    	width:950px;
    	height:130px;
    	background:url(../images/white_transparent_background.png);
    	margin-top: 0px;
    	margin-left: auto;
    	margin-top: 0px;
    	margin-right: auto;
    	margin-bottom: 0px;
    }
     
    #social_media_links{
    	width:100px;
    	height:39px;
    	position: relative;
    	float: right;
     
    }
     
    img.floatRight { 
        float: right; 
        margin-left: 7px; 
    }
     
    img.floatLeft{ 
        float: left; 
        margin-right: 10px; 
    }
     
    #newsound_difference_ad{
    	width: 285px;
    	height: 250px;
    	position: relative;
    	padding-left: 10px;
     
    }
     
    #mission_flash_div{
    	width:325px;
    	height: 230px;
    	position: relative;
    	float: right;
    }
     
     
     
    /*LINKS*/
     
    a:link {
    	color: #666;
    }
    a:visited {
    	color: #666;
    }
    a:hover {
    	color: #900;
    }
     
    #logo_area_right_container a:link {
    	color: #900;
    }
     
    #logo_area_right_container a:visited {
    	color: #900;
    }
    #logo_area_right_container a:hover {
    	color: #666;
    }
     
     
     
    /*FONTS*/
     
    .top_box_font{
    	font-family: 'Cabin', arial, serif;
    	font-size:16px;
     
     
    }
     
    .top_box_font_red{
    	font-family: 'Cabin', arial, serif;
    	font-size:16px;
    	color:#900;
     
     
    }
     
    .top_box_font_red_center{
    	font-family: 'Cabin', arial, serif;
    	font-size:16px;
    	color:#900;
    	text-align:center;
     
     
    }
     
    .index_boxes_title_font{
    	font-family: 'Cabin', arial, serif;
    	font-size: 24px;
    	font-weight:bold;
    	color:#FFF;
    	text-align:center;
    }
     
    .index_boxes_body_copy{
    	font-family: 'Cabin', arial, serif;
    	font-size: 14px;
    	color:#900;
    	text-align:left;
    }
     
    .legal_info{
    	font-family: 'Cabin', arial, serif;
    	font-size:12px;
    	color:#900;
    	text-align: right;
    }
     
    .bottom_section_header_font{
    	font-family: 'Cabin', arial, serif;
    	font-size: 16px;
    	font-weight: bold;
    	color:#900;
    	text-align: left;
    }
     
    .bottom_boxes_body_copy{
    	font-family: 'Cabin', arial, serif;
    	font-size: 13px;
    	color:#000;
    	text-align:left;
    }
     
    .location_boxes_title_copy{
    	font-family: 'Cabin', arial, serif;
    	font-size: 10px;
    	color:#900;
    	text-align:left;
    }
     
    .location_boxes_body_copy{
    	font-family: 'Cabin', arial, serif;
    	font-size: 9px;
    	color:#000;
    	text-align:center;
    }
     
    .privacy_policy_body_copy{
    	font-family: 'Cabin', arial, serif;
    	font-size: 10px;
    	color:#000;
    	text-align:center;
    }
     
    .right_box_body_copy{
    	font-family: 'Cabin', arial, serif;
    	font-size: 13px;
    	color:#000;
    	text-align:left;
    }
     
    .testimonial_body_copy{
    	font-family: 'Cabin', arial, serif;
    	font-size: 11px;
    	color:#000;
    	text-align:left;
    }
     
    .testimonial_body_copy2{
    	font-family: 'Cabin', arial, serif;
    	font-size: 6px;
    	color:#000;
    	text-align:left;
    }
     
    .right_box_body_copy_center{
    	font-family: 'Cabin', arial, serif;
    	font-size: 13px;
    	color:#000;
    	text-align:center;
    }
     
     
     
    .right_box_body_copy_center_legal_small{
    	font-family: 'Cabin', arial, serif;
    	font-size: 9px;
    	color:#000;
    	text-align:center;
    }
    .page_headline_font{
    	font-family: 'Cabin', arial, serif;
    	font-size: 25px;
    	font-weight: bold;
    	color:#900;
    	text-align: left;
    }
     
    .graphic_index_menu{
    	font-family: 'Cabin', arial, serif;
    	font-size: 17px;
    	font-weight: bold;
    	color:#900;
    	text-align: left;
    }
     
    .consumers_guide_headline_font{
    	font-family: 'Cabin', arial, serif;
    	font-size: 30px;
    	font-weight: bold;
    	color:#0e8abe;
    	text-align: left;
    }
     
    .consumers_guide_headline_font2{
    	font-family: 'Cabin', arial, serif;
    	font-size: 70px;
     
    	color:#900;
    	text-align: left;
    }
     
    .submit_arrows{
    	font-family: 'Cabin', arial, serif;
    	font-size: 25px;
    	font-weight: bold;
    	color:#FFF;
    	text-align: left;
     
    }
     
    .video_headline_font{
    	font-family: 'Cabin', arial, serif;
    	font-size: 16px;
    	color:#900;
    	text-align: center;
    	font-weight: bold;
    	font-style:italic;
    }
     
    .newsound_difference_font{
    	font-family: 'Mako', arial, serif; 
    	font-size: 15px;
    	color:#000;
    	text-align: left;
    	line-height: 175%;
    }
     
    .newsound_difference_headline_font{
    	font-family: 'Cabin', arial, serif; 
    	font-size: 28px;
    	font-weight: bold;
    	color:#000;
    	text-align: left;
     
    }
     
    .difference_headline_font_right{
    	font-family: 'Cabin', arial, serif; 
    	font-size: 28px;
    	font-weight: bold;
    	color:#000;
    	text-align: right;
     
    }
     
    .search_location_boxes_body_copy{
    	font-family: 'Cabin', arial, serif;
    	font-size: 14px;
    	color:#000;
    	text-align:right;
    }
     
     
    /*        NAVIGATION STYLE        */
     
    img {border:0;}
     
     
     
    #nav {
        background:#900;
        height:39px;
        font-family: 'Allerta', arial, serif;
        font-size:14px;
        width:800px;
        padding:0;
        margin:0;
        position: relative;
    	float: left;
     
     
    }
     
     
    #nav ul {
          padding: 0; 
          margin: 0; 
          list-style-type: none; 
          text-align:center; 
          float:left; 
    }
     
    #nav li {
          display:block;
          float:left; 
          margin: 0;
     
    }
     
    #nav li a, 
    #nav li a:visited {
          display:block; 
          color: #ffffff; 
          text-decoration:none; 
          padding: 12px 9px;
     
    }
     
    #nav li a.home,
    #nav li a:visited.home {
          background: url('../images/updated_menu/nav1-home-white.png') no-repeat center;
          width: 12px;
    }
     
     
    #nav li.active a,
    #nav li.active a:visited,
    #nav li a:hover {
          background: #C00; 
     
    }
     
    #nav li.active li a,
    #nav li.active li a:visited {
          background: url('../images/updated_menu/sub_menu_background.png') repeat-x;
     
    }
     
    #nav li a:hover.home,
    #nav li.active a.home {
          background: url('../images/updated_menu/nav1-home-red.png') no-repeat center;    
    }
     
    #nav li ul { 
          position: relative;
          width: 100px; 
          margin-top:0px; 
          margin-left:0px; 
          background:#CCC;
    	  list-style:none;
    }
     
    #nav li ul.default { left: auto; }
     
    #nav li ul li { 
          float:left; 
          width: 200px; 
    	   background:#CCC;
     
    }
     
    #nav li ul li a, 
    #nav li ul li a:visited { 
          width: auto; 
          text-align: left; 
          padding:6px; 
          color: #333333; 
          margin: 0 1px;
     
    }
     
    #nav li ul li a:hover, #nav li ul li a:visited:hover { 
          background: #E9E9E9; 
     
          text-decoration: underline;
        width: 187px;
     
     
    }
     
     
     
    #nav li:hover, 
    #nav li.sfhover,
    #nav li:hover li a, #nav li:hover li a:visited,
    #nav li.sfhover a, #nav li.sfhover a:visited,
    #nav li:hover a.home, #nav li:hover a:visited.home,
    #nav li.sfhover a.home, #nav li.sfhover a:visited.home {
          background: none; 
    	  left: auto;
    }
     
    #nav  a:visited  li:hover a, #nav li:hover{
          background: #C00; 
    }
     
    #nav li:hover a.home, #nav li:hover a:visited.home,
    #nav li.sfhover a.home, #nav li.sfhover a:visited.home {
          background: url('../images/updated_menu/nav1-home-red.png') no-repeat center;    
    }
     
    #nav li:hover ul, 
    #nav li.sfhover ul {
          left: 0; 
          z-index:200; 
    }
     
    #nav li.active ul {
          left: 0;
          z-index:100;
    }
     
    #search {
          width: 283px;
          height: 26px;
          background: url('../images/updated_menu/search.jpg');
          float: right;
          margin: 7px 7px 0 0;
    }
     
    #search input {
          width: 150px; 
          padding: 5px 0;
          border: none;
          float: left;
    }
     
    #search input.submit {
          width: 45px;
          background: none;
          color: #fff;
          font-weight: bold;
          text-shadow: 1px 1px 1px #181818;
          cursor: pointer;
    } 
     
     
    #form_input{
    	height: 2em;
    }
     
    #locations_box_area{
    	width: 300px;
    	height: 65px;
    	position: relative;
    	margin-left: auto;
    	margin-right: auto;
    	background:url(../images/locations_background.png);
    	background-repeat: no-repeat;
    	padding-top: 12px;
    }
     
     
    /*-----------------------------------*/
    /* Locations
    -----------------------------------*/
     
    .locations{
    	overflow: auto;
    	padding-top: 10px;
    }
     
    .locationsCol1, .locationsCol2, .locationsCol3{
    	width: 500px;
    	float: left;
     
    }
     
    	.locationsCol2, .locationsCol1{
    		padding-right: 20px;
    	}
     
    	.locationsCol2, .locationsCol3{
    		padding-left: 20px;		
    	}
     
    	.locationsCol3{
    		border-right: none;
    	}
     
    .location{
    	padding-bottom: 15px;
    }
     
    	.location a{
    		color:#900;
    	}
     
    	.location em{
    		color: #666;
    	}
     
    	.location h3{
     
    		margin: 0 !important;
    		font-family: 'Cabin', arial, serif;
    	font-size: 16px;-
    	font-weight: bold;
    	color:#900;
    	text-align: left;
    	}
     
    		.location h3 span{
    			font-size: 70% !important;
    			font-weight: normal;
    		}
     
    		.location h3 a{
    			text-decoration: none;
    		}
     
    	.location p{
    	margin: 0 !important;
    	line-height: 1.1em !important;
    	font-family: Cabin, arial, serif;
    	}
     
    #locations_main_section{
    	width:925px;
    	height: 100%;
    padding-bottom: 10px;
    	postion: relative;
    	margin-left: auto;
    	margin-right: auto;
     
     
    }
     
    #videos_main_section{
    	width:925px;
    	height: 3000px;
     
    	postion: relative;
    	margin-left: auto;
    	margin-right: auto;
     
     
    }
     
     
    #bottom_box_container_locations{
    	width:900px;
    	height: 200px;
    	position: relative;
     
     
    }
     
    #bottom_index_locations_seo_locations{
    	width: 945px;
    	height: 50px;
    	position: relative;
    	text-align:center;
    	margin-left: auto;
    	margin-right: auto;
    	padding-top:10px;
    	padding-bottom:30px;
     
    }
     
    #legal_info_locations{
    	position: relative;
    	width: 945px;
    	margin-left: auto;
    	margin-right: auto;
    	padding-top: 5px;
     
    }
     
    #location_menu{
    	width:175px;
    }
     
    #index_graphic_menu{
    	width: 615px;
    	height: 100px;
    	position: relative;
    	margin-left: auto;
    	margin-right: auto;
    	background:url(../images/graphic_menu_background.png);
    	background-repeat:no-repeat;
    }
     
    #index_graphic_menu a:link {
    	color:#900;
    	text-decoration:none;
    	text-indent: 5px;
    }
     
     
     
     
     
     
     
     
    #carousel {
    	margin: 0 auto;
    	width: 400px;
    	height: 390px;
    	padding: 0;
    	overflow: scroll;
    	border: 2px solid #999;
    }
    #carousel ul {
    	list-style: none;
    	width: 1500px;
    	margin: 0;
    	padding: 0;
    	position: relative;
    }
    #carousel li {
    	display: inline;
    	float: left;
    }
    .textholder {
    	text-align: left;
    	font-size: small;
    	padding: 6px;
    	-moz-border-radius: 6px 6px 0 0;
    	-webkit-border-top-left-radius: 6px;
    	-webkit-border-top-right-radius: 6px;
    }
     
     
    #map_content{
    	width:600px;
    	height: 700px;
    }


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •