/*  Styles for text above header  */
.pre-header-text { font-size: 11px; /*background-color: #DCC3DE;*/ color: #3C2813; text-align: right; padding: 0px 0px 0px 5px; }
.pre-header-text h1 { display: inline; font-weight: normal; font-size: 11px; padding-right: 2px; }


/*  Styles for header area  */
#header /*** edited 11 August 2010 ***/
{ background: url(bg-headerB-new.gif) top left no-repeat; width: 951px; height: 210px; position: relative; /*z-index: 0; zoom: 1;*/ }

#header .logo { /*position: absolute;*/ padding-top: 20px; width: 650px; border: 0px solid red; text-align: left; }
#header .logo img { width: 650px; height: 85px; border: 0px solid red; }
#header ul.header-links { position: absolute; top: 27px; right: 160px; margin: 0px 0px 0px 0px; padding: 0px; list-style: none; border: 0px solid red; width: 575px; z-index: 200; /*zoom: 1000;*/ }
#header ul.header-links li { float: left; line-height: 11px; }
#header ul.header-links a { padding: 0px 5px; border-right: 0px solid #5A4730; font: bold 11px Arial; text-decoration: none; color: #5A4730; }
#header ul.header-links li.last a { border-right: 0px; }
#header ul.header-links a:hover { text-decoration: underline; }
#header .view-cart, #header .phone, #header .search { float: right; clear: right; border: 0px solid red; width: 250px; text-align: right; margin-right: 10px; }
#header .phone { margin-bottom: 0px; }


/*  Search bar in header  */
#header .search input { vertical-align: middle; font-size: 11px; }
#header .search input.search-box { width: 125px; margin-right: 5px; }

/*  View cart in header  */
#header .view-cart { margin-top: 25px; }

/*  Top Navigation Area  */
ul.top-navigation { margin: 0px; padding: 0px; list-style: none; clear: both; height: 39px; }
ul.top-navigation li { float: left; }
ul.top-navigation li a { display: block; text-align: right; }
ul.top-navigation li a img { border: 0px; }
ul.top-navigation li a:hover { margin-left: -4px; }

ul.top-navigation li.first a:hover { margin-left: 0px !important; }
ul.top-navigation li.third a:hover, ul.top-navigation li.fourth a:hover, ul.top-navigation li.seventh a:hover, ul.top-navigation li.eighth a:hover, ul.top-navigation li.eleventh a:hover { margin-left: -3px; }
ul.top-navigation li.ninth a:hover { margin-left: -5px; }

/*  Top Navigation Hover Styles - Applying widths to the links resolves the glitch when the links would shift on hover */
ul.top-navigation li.first a { width: 61px }
ul.top-navigation li.first a:hover { width: 61px }
ul.top-navigation li.second a { width: 83px }
ul.top-navigation li.second a:hover { width: 87px }
ul.top-navigation li.third a { width: 88px }
ul.top-navigation li.third a:hover { width: 91px }
ul.top-navigation li.fourth a { width: 114px }
ul.top-navigation li.fourth a:hover { width: 117px }
ul.top-navigation li.fifth a { width: 79px }
ul.top-navigation li.fifth a:hover { width: 83px }
ul.top-navigation li.sixth a { width: 104px }
ul.top-navigation li.sixth a:hover { width: 108px }
ul.top-navigation li.seventh a { width: 84px }
ul.top-navigation li.seventh a:hover { width: 87px }
ul.top-navigation li.eighth a { width: 57px }
ul.top-navigation li.eighth a:hover { width: 60px }
ul.top-navigation li.ninth a { width: 53px }
ul.top-navigation li.ninth a:hover { width: 58px }
ul.top-navigation li.tenth a { width: 80px }
ul.top-navigation li.tenth a:hover { width: 84px }
ul.top-navigation li.eleventh a { width: 105px; }
ul.top-navigation li.eleventh a:hover { width: 108px; }
ul.top-navigation li.twelvth a { width: 43px; }
ul.top-navigation li.twelvth a:hover { width: 47px; }

/*  Promo Bar below Top Navigation  */
.promo-bar { text-align: center; }