/** This style controls the header content on all of our campaign pages including logo, navigation and breadcrumbs. Link colours for the breacrumbs, if too difficult to see, are to be controlled from within styles embedded within the of each page. Location on Server: /css_new Filename: campaign.css Author: Domenic Polsoni Date Created: 07/22/2008 History: 07/22/2008 - **/ body { font-size: 11px; font-family: verdana, arial, helvetica, sans-serif; padding: 30px 0 0 0; } a.blackNoUL {color: #000; text-decoration: none;} a:visited.blackNoUL {color: #000; text-decoration: none;} a:hover.blackNoUL {color: #016cba; text-decoration: none;} a.blue {color: #016cba; text-decoration: underline;} a:visited.blue {color: #016cba; text-decoration: underline;} a:hover.blue {color: #000; text-decoration: underline;} a.blueNoUL {color: #016cba; text-decoration: none;} a:visited.blueNoUL {color: #016cba; text-decoration: none;} a:hover.blueNoUL {color: #000; text-decoration: none;} a.white {color: #fff; text-decoration: underline;} a:visited.white {color: #fff; text-decoration: underline;} a:hover.white {color: #9b9b9b; text-decoration: underline;} a.whiteNoUL {color: #fff; text-decoration: none;} a:visited.whiteNoUL {color: #fff; text-decoration: none;} a:hover.whiteNoUL {color: #f9df4c; text-decoration: none;} a.black {color: #000; text-decoration: underline;} a:visited.black {color: #000; text-decoration: underline;} a:hover.black {color: #016cba; text-decoration: underline;} .blackBG {background: #000;} .redBG {background: #f00;} .yellowBG {background: #fef25c;} #fsBreadcrumbs a:link, #fsBreadcrumbs a:visited {color : #094006; text-decoration : underline; font-weight : normal;} #fsBreadcrumbs a:hover {color : #0081c6; text-decoration : underline; font-weight : normal;} #fsFooter a:link, #fsFooter a:visited {color : #094006; text-decoration : underline; font-weight : normal;} #fsFooter a:hover {color : #0081c6; text-decoration : underline; font-weight : normal;} #archive a:link, #archive a:visited {color : #094006; text-decoration : underline; font-weight : normal;} #archive a:hover {color : #0081c6; text-decoration : underline; font-weight : normal;} .buttonCell div a:link, .buttonCell div a:visited { color : #094006; text-decoration : underline; border : 0px solid #000; font-weight : normal; } .buttonCell div a:link#button1, .buttonCell div a:visited#button1 {padding : 2px 20px 2px 25px;} .buttonCell div a:link#button2, .buttonCell div a:visited#button2 {padding : 2px 30px 2px 25px;} .buttonCell div a:link#button3, .buttonCell div a:visited#button3 {padding : 2px 28px 2px 25px;} .buttonCell div a:hover {color : #0081c6; text-decoration : underline} img { border : 0; } .clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* End of minor reset and universal styles */ /* Special offer styles -- Black Friday, Cyber Monday etc. */ /* #topAlertBG { display: none; height: 25px; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; z-index: 0; } #topAlertContainer { left: 0; overflow: hidden; padding: 5px 0; position: absolute; text-align: center; top: -25px; width: 100%; z-index: 1; } #topAlertContainer img { padding: 0; vertical-align: middle; } */ #topAlertBG { display: none; height: 25px; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; z-index: 0; } #topAlertContainer { display: block; height: 25px; left: 50%; margin: 0 0 0 -350px; overflow: hidden; padding: 0; position: absolute; text-align: center; top: -25px; width: auto; width: 700px; z-index: 1; } #topAlertContainer img { padding: 0; vertical-align: middle; } /* Header styles */ #newHeader { background: #016cba url("/images_2010/common/header_bg_white.png") no-repeat; height: 132px; margin: 0 auto; position: relative; width: 985px; } #logo { display: block; left: 15px; position: absolute; top: -25px; z-index: 20; } /* End of header styles */ /* Navbar styles */ #navbar { height: 29px; margin: 0 auto; padding: 0; position: absolute; bottom: 0; left: 0; width: 985px; } #navbar li { float: left; } #navbar > li > a { display: block; height: 29px; } #navbar li ul { display: none; margin: 0; padding: 0 0 10px 0; position: absolute; top: 29px; z-index: 20; } /* Controls the width of the unordered lists in the main navigation drop downs */ #fashionList {left: 171px; width: 162px} #shoesList {left: 222px; width: 184px} #beautyList {left: 264px; width: 172px} #healthList {left: 310px; width: 171px} #homeList {left: 354px; width: 178px} #electronicsList {left: 395px; width: 128px} #computersList {left: 462px; width: 164px} #entertainmentList {left: 526px; width: 183px} #kidsList {left: 608px; width: 163px} #sportsList {left: 679px; width: 167px} #foodList {left: 723px; width: 124px} #partyList {left: 759px; width: 124px} #departmentStoresList {left: 796px; width: 182px} #giftsList {right: 44px; width: 143px} #travelList {right: 22px; width: 149px} #workList {right: 0px; width: 182px} #navbar li:hover ul { display: block; } #navbar li ul li { clear: both; width: 100%; } #navbar li ul li span { /* Non list formatted bullets */ margin: 0 5px 0 0; } #navbar li ul li a { display: block; padding: 3px 30px 3px 15px; } .navOn { height: 29px; text-align: center; float: left; } #navbar > li:first-child { margin: 0 0 0 171px; } /* Fashion */ #fashion, #fashionOn { display: block; height: 29px; position: relative; /* Needed along with z-index in order to be clickable above the logo */ width: 52px; z-index: 21; } /* Shoes */ #shoes, #shoesOn { width: 42px;} /* Beauty */ #beauty, #beautyOn { width: 46px;} /* Health */ #health, #healthOn { width: 44px;} /* Home */ #home, #homeOn { width: 41px;} /* Electronics */ #electronics, #electronicsOn { width: 67px;} /* Computers */ #computers, #computersOn { width: 64px;} /* Entertainment */ #entertainment, #entertainmentOn { width: 82px;} /* Kids */ #kidsAndBaby, #kidsAndBabyOn { width: 71px;} /* Sports */ #sports, #sportsOn { width: 44px;} /* Food */ #food, #foodOn { width: 36px;} /* Party */ #party, #partyOn { width: 37px;} /* Department Stores */ #departmentStores, #departmentOn { width: 72px;} /* Gift */ #gifts, #giftsOn { width: 36px;} /* Travel */ #travel, #travelOn { width: 40px;} /* Work */ #work, #workOn { width: 40px;} #navbar { background: #fdee24 url("/images_2010/common/navbar_bg_white.png") no-repeat; font-family: arial, helvetica, sans-serif; } #navbar li { list-style-type: none; } #navbar li a { color: #000; display: block; text-align: center; text-decoration: none; } /* Fashion */ #fashion {background:url("/images_2010/common/navbar_bg_white.png") -171px 0 no-repeat;} #fashion:focus, #fashion:hover {background-position: -171px -29px;} #fashion:active {background-position: -171px -58px;} #fashionOn {background: #3b464d url("/images_2010/common/navbar_bg_white.png") -171px -87px no-repeat;} /* Shoes */ #shoes {background:url("/images_2010/common/navbar_bg_white.png") -223px 0 no-repeat;} #shoes:focus, #shoes:hover {background-position: -223px -29px;} #shoes:active {background-position: -223px -58px;} #shoesOn {background: #3b464d url("/images_2010/common/navbar_bg_white.png") -223px -87px no-repeat;} /* Beauty */ #beauty {background:url("/images_2010/common/navbar_bg_white.png") -265px 0 no-repeat;} #beauty:focus, #beauty:hover {background-position: -265px -29px;} #beauty:active { background-position: -265px -58px;} #beautyOn {background: #3b464d url("/images_2010/common/navbar_bg_white.png") -265px -87px no-repeat;} /* Health */ #health {background:url("/images_2010/common/navbar_bg_white.png") -311px 0 no-repeat;} #health:focus, #health:hover {background-position: -311px -29px;} #health:active { background-position: -311px -58px;} #healthOn {background: #3b464d url("/images_2010/common/navbar_bg_white.png") -311px -87px no-repeat;} /* Home */ #home {background:url("/images_2010/common/navbar_bg_white.png") -355px 0 no-repeat;} #home:focus, #home:hover {background-position: -355px -29px;} #home:active { background-position: -355px -58px;} #homeOn {background: #3b464d url("/images_2010/common/navbar_bg_white.png") -355px -87px no-repeat;} /* Electronics */ #electronics {background:url("/images_2010/common/navbar_bg_white.png") -396px 0 no-repeat;} #electronics:focus, #electronics:hover {background-position: -396px -29px;} #electronics:active { background-position: -396px -58px;} #electronicsOn {background: #3b464d url("/images_2010/common/navbar_bg_white.png") -396px -87px no-repeat;} /* Computers */ #computers {background:url("/images_2010/common/navbar_bg_white.png") -463px 0 no-repeat;} #computers:focus, #computers:hover {background-position: -463px -29px;} #computers:active {background-position: -463px -58px;} #computersOn {background: #3b464d url("/images_2010/common/navbar_bg_white.png") -463px -87px no-repeat;} /* Entertainment */ #entertainment {background:url("/images_2010/common/navbar_bg_white.png") -527px 0 no-repeat;} #entertainment:focus, #entertainment:hover {background-position: -527px -29px;} #entertainmentOn {background: #3b464d url("/images_2010/common/navbar_bg_white.png") -527px -87px no-repeat;} #entertainment:active { background-position: -527px -58px;} /* Kids and Baby */ #kidsAndBaby {background:url("/images_2010/common/navbar_bg_white.png") -609px 0 no-repeat;} #kidsAndBaby:focus, #kidsAndBaby:hover {background-position: -609px -29px;} #kidsAndBaby:active { background-position: -609px -58px;} #kidsAndBabyOn {background: #3b464d url("/images_2010/common/navbar_bg_white.png") -609px -87px no-repeat;} /* Sports */ #sports {background:url("/images_2010/common/navbar_bg_white.png") -680px 0 no-repeat;} #sports:focus, #sports:hover {background-position: -680px -29px;} #sports:active { background-position: -680px -58px;} #sportsOn {background: #3b464d url("/images_2010/common/navbar_bg_white.png") -680px -87px no-repeat;} /* Food */ #food {background:url("/images_2010/common/navbar_bg_white.png") -724px 0 no-repeat;} #food:focus, #food:hover {background-position: -724px -29px;} #food:active { background-position: -724px -58px;} #foodOn {background: #3b464d url("/images_2010/common/navbar_bg_white.png") -724px -87px no-repeat;} /* Party */ #party {background:url("/images_2010/common/navbar_bg_white.png") -760px 0 no-repeat;} #party:focus, #party:hover {background-position: -760px -29px;} #party:active { background-position: -760px -58px;} #partyOn {background: #3b464d url("/images_2010/common/navbar_bg_white.png") -760px -87px no-repeat;} /* Dept. Stores */ #departmentStores {background:url("/images_2010/common/navbar_bg_white.png") -797px 0 no-repeat;} #departmentStores:focus, #departmentStores:hover {background-position: -797px -29px;} #departmentStores:active {background-position: -797px -58px;} #departmentStoresOn {background: #3b464d url("/images_2010/common/navbar_bg_white.png") -797px -87px no-repeat;} /* Gifts */ #gifts {background:url("/images_2010/common/navbar_bg_white.png") -869px 0 no-repeat;} #gifts:focus, #gifts:hover {background-position: -869px -29px;} #gifts:active { background-position: -869px -58px;} #giftsOn {background: #3b464d url("/images_2010/common/navbar_bg_white.png") -869px -87px no-repeat;} /* Travel */ #travel {background:url("/images_2010/common/navbar_bg_white.png") -905px 0 no-repeat;} #travel:focus, #travel:hover {background-position: -905px -29px;} #travel:active { background-position: -905px -58px;} #travelOn {background: #3b464d url("/images_2010/common/navbar_bg_white.png") -905px -87px no-repeat;} /* Travel */ #work {background:url("/images_2010/common/navbar_bg_white_ie6.png") -945px 0 no-repeat;} #work:focus, #work:hover {background-position: -945px -29px;} #work:active { background-position: -945px -58px;} #workOn {background: #3b464d url("/images_2010/common/navbar_bg_white.png") -945px -87px no-repeat;} /* End of navbar styles */ #fsOuterHeader { text-align : center; } #fsHeader { margin : 0 auto 10px auto; background : url(../images/common/main_bg.jpg); text-align : left; width : 985px; } #headerButtonsContainer { display : block; float: right; margin : 0 0 0 22px; padding : 0; width : 200px; } #headerButtonsContainer div.buttonCell { position : relative; float : left; margin : 15px 10px 0 0; } #headerButtonsContainer div div { position : absolute; left : 0; top : 3px; letter-spacing : 0px; text-transform : uppercase; font : normal 9px Arial, Helvetica, sans-serif; } #searchBox { margin : 13px 2px 0 15px; float : right; border : 0px solid #000; height : 25px; } #searchBox form { margin : 1px 0 0 0; padding : 0; } #searchBox form #searchField { width : 100px; height : 15px; border : 1px solid #d7d7d7; background : url(http://www.fabuloussavings.com/images/ofs_common/search_bg.gif) no-repeat; font-size : 10px; display : inline; padding : 2px 0 0 20px; float : left; } #searchBox form .go { margin : 0 0 0 2px; border : 0px solid #000; } #fsBreadcrumbs { color : #094006; font-size : 11px; font-family : Arial, Helvetica, sans-serif; width : 700px; height : 14px; padding : 20px 0 7px 0; margin : 0 0 0 178px; list-style-type : none; float : none; } /* Footer styles */ #fsOuterFooter { height: 189px; margin : 25px auto; overflow: hidden; width: 985px; } #fsOuterFooter ul { list-style-type: none; margin: 0; padding: 0; } #fsOuterFooter ul li { margin: 0 0 2px 25px; } #socialFooter { width: 186px; } .footerBoxes { float: left; height: 145px; margin: 22px 0 0 0; } h6.footerHeaders { margin: 0 0 3px 25px; padding: 0 0 0 0; } #footerFacebook { float: left; margin: 10px 0 0 25px; } #footerFacebook a { display: block; height: 100px; width: 70px; } #footerTwitter { float: left; margin: 10px 0 0 0; } #footerTwitter a { display: block; height: 100px; width: 70px; } #auxPagesFooter { width: 170px; } #otherSitesFooter { width: 255px; } #fsInternational { margin-top: 20px; } #footerMoreWays { width: 197px; } #footerBBB { width: 150px; } #footerBBB a { display: block; margin: 0 0 0 25px; } #copyright { margin: 15px 0 0 25px; } #lastUpdated { margin: 5px 0 0 25px; } #fsOuterFooter { background: #1d559f url('/images_2010/common/footer_white_bg.png') no-repeat; font: normal 11px/14px verdana, genvea, sans-serif; } #fsOuterFooter a {color: #fff; text-decoration: none} #fsOuterFooter a:visited {color: #fff; text-decoration: none} #fsOuterFooter a:hover {color: #000; text-decoration: none} #socialFooter { border-right: 1px solid #fff; } h6.footerHeaders { color: #bbb; font: normal 13px/16px verdana, genvea, sans-serif; } #footerFacebook a { background: url('/images_2010/common/social_footer.png') no-repeat 0 0; } #footerFacebook a:hover {background-position: 0 -100px} #footerTwitter a { background: url('/images_2010/common/social_footer.png') no-repeat -70px 0; } #footerTwitter a:hover {background-position: -70px -100px} #auxPagesFooter { border-right: 1px solid #fff; } #otherSitesFooter { border-right: 1px solid #fff; } #footerMoreWays { border-right: 1px solid #fff; } #footerBBB { color: #fff; font-size: 10px; } /* End of footer styles */