body { background-color: #4f6405; margin:0; padding:0;} h1, h2 { font-family:Arial, Helvetica, sans-serif; font-size:18px;} p { font-family:Arial, Helvetica, sans-serif; font-size:13px; margin:0; padding:0; padding-bottom:10px;} a { font-family:Arial, Helvetica, sans-serif; text-decoration:none; outline:none; color:#9DBE0B;} a:hover { font-family:Arial, Helvetica, sans-serif; text-decoration:none; outline:none; color:#fff;} #wrapper { margin: 0 auto; padding:0; width:960px; height:auto;} #banner { background:url(images/homepage_header-2.jpg) no-repeat top left; width:960px; height:292px; margin:0; padding:0;} #headers { background: url(images/homepage_locations.jpg) no-repeat top left; width:960px; height:45px; margin:0; padding:0;} #locations { background:url(images/homepage_locations_body.jpg) repeat-y top left; width:960px; height:220px; margin:0; padding:0;} #locations ul { margin:0; padding:0; list-style:none;} #locations li { display:inline; position:relative; float:left; width:400px; margin:10px 38px;} #locations li h1 { color:#fff; margin:0; padding:0; padding-bottom:10px;} #locations li h1 a { color:#fff;} #locations li h1 a:hover { color:#fff;} #locations li p { color:#2b3403;} #locations li p a {color:#000; font-weight:bold;} #locations li p a:hover {color:#2b3403;} #nutrition-header { background: url(images/homepage-nutrition_02.png) no-repeat top left; width:960px; height:48px; margin:0; padding:0;} #nutrition { background: url(images/homepage-nutrition_03.png) repeat-y top left; width:960px; height:200px; margin:0; padding:0;} #nutrition ul { margin:0; padding:0; list-style:none;} #nutrition li { display:inline; position:relative; float:left; width:880px; margin:10px 38px;} #nutrition li h1 { color:#fff; font: 24px "Arial Black", Gadget, sans-serif; margin:0; padding:0; margin-bottom:5px; text-align:center; letter-spacing:2px;} #nutrition li h2.heading-offer { font: 20px "Times New Roman", Times, serif; font-weight:bold; color:#191919; margin:0; margin-bottom:5px; padding:0; line-height:24px; text-align:center;} #nutrition li h2.offer { color:#f5f5f5; font: 20px "Times New Roman", Times, serif; margin:0; padding:0; padding-bottom:10px; text-transform:uppercase; text-align:center; font-weight:bold; letter-spacing:2px;} #nutrition li p { color:#2b3403;} #nutrition li p a {color:#000; font-weight:bold;} #nutrition li p a:hover {color:#2b3403;} span.offer { color:#fff; font: 20px Arial, Helvetica, sans-serif; letter-spacing:1px;} span.promocode { color:#fff; font: 16px Arial, Helvetica, sans-serif; font-weight:bold; font-weight:bold; letter-spacing:1px;} #underline { width: 100%; height:3px; border-bottom:1px dashed #4f6405; margin-bottom:10px;} #locations-bottom { background: url(images/homepage_bottom_top.jpg) no-repeat top left; width:960px; height:15px; margin:0; padding:0; clear:both;} #CTA { background: url(images/homepage_bottom_body.jpg) no-repeat top left; width:960px; height:140px; margin:0; padding:0; clear:both;} #CTA ul { margin:0; padding:0; list-style:none;} #CTA li { display:inline; position:relative; float:left; height:95px; overflow:hidden;} #CTA li.CTAsideL { width:210px; padding: 10px 10px 0px 20px; height:130px;} #CTA li.CTAsideR { width:210px; padding: 10px 20px 0 10px; height:130px;} #CTA li.CTAmiddle { height:115px; width:240px; padding: 10px 10px 10px 230px;} #CTA li.CTAmiddle h1 { text-align:center; margin:0; padding:0; color:#fff; font-size:18px; letter-spacing:1px;} #CTA-bottom { background:url(images/homepage_bottom.jpg) no-repeat top left; width:960px; height: auto; margin:0; padding:0;} #credits { height:20px; width: 960px; margin:0; padding:10px 0 0 0;} #credits p { font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:10px; margin:0; padding:0; text-align:right; padding-right:20px;} #credits a { font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:10px; text-decoration:none; outline:none;} #credits a:hover { font-family:Arial, Helvetica, sans-serif; color:#333; font-size:10px; text-decoration:none; outline:none;} .red { color:#CC0000; font-size: 14px; text-transform:uppercase;} .BTbuttons { margin:0 18px;} .BTbuttons-ALL { margin-bottom:6px;} .arrow { float:right; margin-top:10px;} .shop-button { text-align:center; margin-top:5px;} #team-wrapper { width:600px; margin:0 auto; background-color:#f5f5f5;} .team { float:left;} .team img { border:1px solid #9dbe08; padding:3px; margin:15px 0 0px 0;} #nav { background:url(../images/menu.jpg) no-repeat top left; width:968px; height:48px; margin: 0 auto; padding:0; position:relative; z-index:1000;} #nav ul { margin:0 auto; list-style:none; padding:0; padding-left:6px; width:968px;} #nav li { display:inline; position:relative; float:left; margin:0 ; padding:0 5px 0 2px; width:929px; text-align:center;} #nav li a{ text-transform:uppercase; color:#fff; font-size:16px; text-decoration:none; font-weight:bold;} #nav li a:hover{ color:#191919; text-decoration:none;} #nav .divider { background:url(../images/divider.png) no-repeat top right;} /*--------------- Dropdown ---------------*/ /* LEVEL ONE */ ul.dropdown { position: relative; z-index:10; margin: auto; height:20px; margin-bottom: 0px;} ul.dropdown li { float: left; zoom: 1; } ul.dropdown a:hover { color: ; } ul.dropdown a:active { color: ; } ul.dropdown li a { display: block; padding: 9px 11px 0px 11px; margin-bottom:10px; } ul.dropdown li:last-child a { border-right: none; } /* Doesn't work in IE */ ul.dropdown li.hover, ul.dropdown li:hover { position: relative; } ul.dropdown li.hover a { } /* LEVEL TWO */ ul.dropdown ul { width: 929px; margin:-10px; padding:0; visibility: hidden; position: absolute; top: 100%; left: 0;} ul.dropdown ul li { width: 929px; font-weight: normal; background: url(newtown/images/dropmenu-bg.png); color: #000; float: none; } /* IE 6 & 7 Needs Inline Block */ ul.dropdown ul li a { border-right: none; padding: 9px 8px 0 8px; width: 100%; display: inline-block; text-transform:uppercase; text-align:center; } /* LEVEL THREE */ ul.dropdown ul ul { left: 100%; top: 0; z-index:300; } ul.dropdown li:hover > ul { visibility: visible; }