/*----- Common ------*/ * { padding:0px; margin:0px; } body { color:#000; font:normal 13px/19px Arial, Helvetica, sans-serif; background:#608bd0; } .holder { width:960px; margin:auto; } .floatLeft, .fL, .cL, .floatL, .fLeftArea, .LeftArea { float:left; } .floatRight, .fR, .cR, .floatR, .fRightArea, .RightArea { float:right; } .clear { clear:both; display:block; } a { color:#14416f; text-decoration:underline; } a:hover { text-decoration:none; } /*------- Wrapper --------*/ #Wrapper { border-bottom:1px solid #32558f; padding-bottom:33px; background:url(../images/top-bg.jpg) center top no-repeat; } #Wrapper .bottomArea { background:#fff; height:10px; } /*------- Header --------*/ #Header { height:78px; position:relative; } #Header h1.logo { position:absolute; top:29px; left:0px; background:url(../images/logo.png) left top no-repeat; } #Header h1.logo a { width:267px; height:36px; display:block; } #Header h1.logo a span { display:none; } #Header .topRight { padding-left:50px; white-space:nowrap; padding-right:4px; font:normal 11px/34px Arial, Helvetica, sans-serif; color:#fff; float:right; text-align:right; } #Header .topRight a { color:#fff; text-decoration:underline; } #Header .topRight a:hover { text-decoration:none; } #Header .search { top:39px; right:4px; position:absolute; width:264px; height:25px; } #Header .search .inputBox { float:left; font:normal 11px Arial, Helvetica, sans-serif; width:163px; padding:4px 4px; border:1px solid #ebebeb; background:#fff; } #Header .search .button { float:right; } /*------- Nav --------*/ #Nav { height:44px; background:#e5e5e5; } #Nav li { display:inline; } #Nav li a { display:block; float:left; height:44px; text-indent:-9999px; } #Nav li a.Home { background:url(../images/home.gif) left top no-repeat; width:94px; } #Nav li a.BrandListing { background:url(../images/plan.gif) left top no-repeat; width:148px; } #Nav li a.Categories { background:url(../images/women.gif) left top no-repeat; width:94px; } #Nav li a.WhatsYourGoal { background:url(../images/men.gif) left top no-repeat; width:71px; } #Nav li a.Top50 { background:url(../images/diabetes.gif) left top no-repeat; width:107px; } #Nav li a.Workouts { background:url(../images/shop.gif) left top no-repeat; width:74px; } #Nav li a.Articles { background:url(../images/success.gif) left top no-repeat; width:164px; } #Nav li a.Glossary { background:url(../images/end.gif) left top no-repeat; width:208px; } #Nav li a.Home:hover, #Nav li a.HomeSel { background:url(../images/home.gif) left bottom no-repeat; width:94px; } #Nav li a.BrandListing:hover, #Nav li a.BrandListingSel { background:url(../images/plan.gif) left bottom no-repeat; width:148px; } #Nav li a.Categories:hover, #Nav li a.CategoriesSel { background:url(../images/women.gif) left bottom no-repeat; width:94px; } #Nav li a.WhatsYourGoal:hover, #Nav li a.WhatsYourGoalSel { background:url(../images/men.gif) left bottom no-repeat; width:71px; } #Nav li a.Top50:hover, #Nav li a.Top50Sel { background:url(../images/diabetes.gif) left bottom no-repeat; width:107px; } #Nav li a.Workouts:hover, #Nav li a.WorkoutsSel { background:url(../images/shop.gif) left bottom no-repeat; width:74px; } #Nav li a.Articles:hover, #Nav li a.ArticlesSel { background:url(../images/success.gif) left bottom no-repeat; width:164px; } #Nav li a.Glossary:hover, #Nav li a.GlossarySel { background:url(../images/end.gif) left bottom no-repeat; width:208px; } /*----*/ #dropmenudiv a, #dropmenudiv a.clubs{ color: #14416f; background:#e6f1fb; } #dropmenudiv{ position:absolute; border-bottom-width: 0; font:normal 12px Arial, Helvetica, sans-serif; line-height:18px; z-index:1; } #dropmenudiv a { width: 100%; display: block; text-indent: 3px; border-bottom: 1px solid #d4dde6; padding: 1px 0; text-decoration: none; font-weight: normal; } #dropmenudiv a.clubs { width:49%; padding-left:1%; float:left; } #dropmenudiv a:hover{ /*hover background color*/ background-color: #1e5fa2; color:#fff; } /*------- Content --------*/ #Content { background:#fff; padding:5px 7px 50px 7px; } #Content .scrollArea { width:946px; height:211px; margin-bottom:6px; position:relative; background:url(../images/previous-inactive.gif) left top no-repeat; } #Content .scrollAreaNxt { background:url(../images/next-inactive.gif) right top no-repeat; } /* Easy Slider */ #slider { margin-left:37px; } #slider ul, #slider li{ margin:0; padding:0; list-style:none; } #slider, #slider li{ /* define width and height of container element and list item (slide) list items must be the same size as the slider area */ width:872px; height:211px; overflow:hidden; } #slider li{ background:#000 url(../images/background-black.gif) left top repeat-x; font:normal 11px/17px Arial, Helvetica, sans-serif; color:#fff; } #slider li .area { margin:29px 10px 0px 10px; } #slider .floatLeft { width:280px; height:182px; } #slider .fL { padding-right:20px; } #slider .fL h2 { color:#2270be; font:bold 13px Arial, Helvetica, sans-serif; margin:10px 0px; } #slider .txtScroll { height:84px; } span#prevBtn { background:url(../images/previous.gif) left top no-repeat; position:absolute; left:0px; top:0px; } span#prevBtn a, span#nextBtn a { display:block; height:211px; width:37px; text-indent:-9999px; overflow:hidden; } span#nextBtn{ background:url(../images/next.gif) left top no-repeat; position:absolute; left:909px; top:0px; } #Content .prodSearch { background:#fff; padding:1px; border:1px solid #eaeaea; margin-bottom:8px; } #Content .prodSearchInner { background:url(../images/search-bg.gif) left top repeat-x #e9e9e9; padding:5px 15px 0px 15px; height:25px; } #Content .featured { background:url(../images/featured.gif) left top no-repeat; height:95px; width:100px; position:absolute; right:-2px; top:-2px; } #Content .prodSearch .fL, #Content .prodSearch .fLeft { padding-right:10px; } #Content .prodSearch .fLeft { float:left; padding-left:37px; } #Content .blueTxt { color:#5f8acf; } #Content .prodSearch select { width:206px; font:normal 11px Arial, Helvetica, sans-serif; border:1px solid #ebebeb; } #Content .floatL { width:680px; } #Content .floatL ul {margin:0 0 10px 0px;} #Content .floatL li {list-style:none; margin:0 0 5px 0;} #Content .floatR { width:240px; } #Content .breadCrumb { font-size:11px; padding-bottom:8px; padding-left:10px; } #Content .breadCrumb a { color:#000; text-decoration:none; } #Content .breadCrumb a:hover { text-decoration:underline; } #Content .smBanner { width:468px; height:60px; margin:0px auto 8px auto; } #Content .floatL .floatLeft { padding-left:10px; width:330px; } #Content .box { padding:10px; margin-bottom:14px; } #Content .box a { color:#2270be; text-decoration:none; } #Content .box a:hover { text-decoration:underline; } #Content p { margin-bottom:18px; } #Content h2 { font:normal 18px Arial, Helvetica, sans-serif; margin-bottom:18px; } #Content h2.lined { display:block; padding-bottom:6px; border-bottom:1px solid #ebebeb; margin-bottom:4px; } #Content .blBox { background:#f2faff; } #Content .blBox li { color:#2270be; margin-left:15px; } #Content .grayBor { border:1px solid #ececec; } #Content .floatR { background:url(../images/right-bg.gif) left bottom no-repeat; padding-bottom:9px; position:relative; padding-top:49px; } #Content .floatR .main { border:1px solid #9a9a9a; border-bottom:0px; background:url(../images/right-bg-nxt.gif) left bottom repeat-x; padding:10px; } #Content .floatR .main li { list-style-type:none; line-height:normal; display:inline; } #Content .floatR .main li a { display:block; line-height:20px; color:#000; padding-left:20px; margin-bottom:1px; text-decoration:none; background:url(../images/spacer.gif) left top no-repeat; } #Content .floatR .main li a:hover, #Content .floatR .main li a.sel { color:#fff; background:url(../images/arrow-m.gif) left top no-repeat; } #Content .floatR .rightC { position:absolute; right:0px; top:49px; background:url(../images/right-curve.gif) left top no-repeat; width:12px; height:10px; } #Content .floatR .menu { position:absolute; height:50px; left:0px; top:0px; width:240px; overflow:hidden; } #Content .floatR .menu li { display:inline; } #Content .floatR .menu li a { font:bold 13px Arial, Helvetica, sans-serif; color:#2270be; background:url(../images/left-mo.gif) left top no-repeat; display:block; float:left; margin-right:2px; text-decoration:none; } #Content .floatR .menu li a span { display:block; padding:10px 12px 7px 12px; background:url(../images/right-mo.gif) right top no-repeat; } #Content .floatR .menu li a:hover, #Content .floatR .menu li a.selectM { background:url(../images/left-m.gif) left top no-repeat; } #Content .floatR .menu li a:hover span, #Content .floatR .menu li a.selectM span { background:url(../images/right-m.gif) right top no-repeat; padding:10px 12px 8px 12px; } #Content .fLeftArea { width:380px; } #Content .fRightArea { width:270px; } #Content .fRightArea .fR { margin-left:10px; } #Content .fRightArea .blackArea { margin-bottom:12px; background:url(../images/bottom.jpg) left bottom no-repeat; padding-bottom:15px; width:269px; color:#fff; font-size:11px; line-height:16px; } #Content .fRightArea .blackAreatop { padding:15px; padding-bottom:0px; background:#0a0a0a url(../images/bl-top.jpg) left top no-repeat; } #Content .fRightArea .blackArea p { margin-bottom:10px; } #Content .fRightArea .blackArea strong { font-size:13px; } #Content .LeftArea, #Content .RightArea { padding-left:2%; width:45%; padding-bottom:15px; } #Content h3 { display:block; padding-bottom:6px; border-bottom:1px solid #ebebeb;font:bold 14px Arial, Helvetica, sans-serif; margin-bottom:10px; } #Content h3 span { color:#1a5490; } #Content .fRightArea .related a { color:#14416f; text-decoration:underline; } #Content .fRightArea .related a:hover { text-decoration:none; } #Content .grayArea { padding:15px; background:#eeeeee; margin-bottom:12px; text-align:center; } #Content .formArea { font-size:11px; color:#6d6d6d; } #Content .formArea p { margin-bottom:5px; } #Content .formArea .inputBox { border:1px solid #dddbdc; padding:3px; width:200px; font:normal 11px Arial, Helvetica, sans-serif; } #Content .LR_linksList {list-style:none;} /*------- Footer --------*/ #Footer { background:#3b65aa; border-top:1px solid #32558f; padding:20px 0px; } #Footer .floatLeft { width:30%; padding-left:3%; color:#fff; line-height:20px; } #Footer .floatLeft strong { font-size:14px; margin-bottom:8px; display:block; } #Footer .floatLeft a { padding-left:10px; background:url(../images/white-bull.gif) left 6px no-repeat; padding-left:10px; margin-left:18px; text-decoration:none; color:#fff; } #Footer .floatLeft a:hover { text-decoration:underline; } #Footer .bottom { padding-top:60px; text-align:center; font-size:12px; color:#fff; }