...

View Full Version : Need help with my horizontal menu - dropdowns not working in any IE



affinitymm
01-25-2012, 05:29 PM
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:

<!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=ABQIAAAAfW2kLRkiYCYwaNvPZEDMNhQpmzUC24shWTNfXcwvBwtBI2DmHRRxn48SClCcNqheIXh4pT 0UWrZ-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;s howcopyright=1&amp;opennewwindow=1&amp;inheritstyles=0&amp;bgcolor=%23FFFFFF&amp;titlefontsize=8&amp;summaryfontsize=8&amp;f ontfamily=Verdana%2CGeneva&amp;titlecolor=%23AF0000&amp;summarycolor=%23000000&amp;sepstyle=none&amp;sepcolor=%23A0A 0A0&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>

affinitymm
01-25-2012, 05:30 PM
And here is the CSS:


@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;
}



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum