@charset "utf-8"; /* CSS Document */ body { background-color:#F57F21; margin:0x; font-family: "verdana", "arial", "tahoma"; font-size:11px; color: #666;} /*Text Styling*/ p { font-size:11px; line-height:1.5em;} .orangeBold p {color:#F57F21; font-weight:bold;} a {color:#F57F21; text-decoration:none;} a:hover {color:#F57F21; text-decoration:underline;} a div {visibility:hidden;} .hide {visibility:hidden;} h1 {font-size:20px; color:#F57F21; margin:0;} h2 {font-size:16px; margin:0; padding-top:5px;} h3 {font-size:13px; margin:0;} .h3 {font-size:14px; margin:0; font-weight:bold;} .h4 {font-size:12px; margin:0; color:#666666; font-weight:bold;} h4 {font-size:12px; margin:0; color:#666666; font-weight:bold;} h5 {font-size:10px; font-weight:bold; margin:0; color:#F57F21;} h6 {font-size:13px; color:#F57F21; margin:0;} .pheader {font-size:10px; line-height:1.2em; margin:0;} /*Useful Stuff*/ .Clear { clear:both;} .Devide { width:100%; margin:5px 0 10px 0; border-bottom:solid #CCCCCC 1px;} .right {float:right;} .left {float:left;} .button input {width:auto;} input {font-size:12px; width:250px; color:#666666; font-weight:bold; padding:3px;} textarea {font-size:12px; width:250px; height:100px; color:#666666; padding:3px;} .Button a {width:121px; height:22px; padding:5px 0 0 10px; text-align:left; text-decoration:none; background:url(../images/template/button.jpg) no-repeat; font-size:12px; display:block; color:#FFFFFF;} .Button a:hover {text-decoration:none; font-size:12px; display:block; background-position:-131px;} /*Template Layout*/ #TemplateHolder{width:1049px; margin:20px auto; padding-bottom:20px;} #Top {width:1049px; height:13px; background:url(../images/template/top.jpg) no-repeat; float:left;} #Nav {width:954px; background: url(../images/template/contentBackground.jpg) repeat-y; float:left; padding-left:95px; } #ContentHolder {width:954px; background: url(../images/template/contentBackground.jpg) repeat-y; float:left; padding-left:95px; padding-bottom:20px; } #Bottom1 {width:961px; height:65px; background:url(../images/template/bottom1.jpg) no-repeat; float:left; padding-left:88px;} #Bottom2 {width:1049px; background: url(../images/template/bottom2.jpg) repeat-y; float:left; padding-bottom:10px;} #Bottom3 {width:1049px; height:11px; background:url(../images/template/bottom3.jpg) no-repeat; float:left;} .footer {padding-left:40px; float:left; padding-top:10px; line-height:1.5em;} .footer a {text-decoration:none; color:#8B8B8B;} .footer a:hover {text-decoration:underline; color:#666666;} #site-by {float:right; padding-right:108px; width:616px;} #site-by img {padding-top:125px; float:right;} #footerRight {float:right; width:616px; padding-right:108px; } #footerRight img {padding-top:5px;} .logo {margin:5px 0 10px 0; float:left;} #breadcrumb {font-size:11px; padding-bottom:5px; } #Content {float:left; width:683px; padding-left:15px;} #aquamanta-holder {background:url(../images/template/rss-holder.png) no-repeat; width:163px; height:63px; float:left; padding-left:18px;} #aquamanta a {display:block; width:149px; height:46px; background: url(../images/template/aquamanta.jpg) no-repeat; float:left; margin-top:5px;} #search-holder {width:415px; height:58px; float:left; padding-left:10px;} #rss-holder {background:url(../images/template/rss-holder.png) no-repeat; width:163px; height:63px; float:left; padding-left:18px;} #rssFeed a {display:block; width:149px; height:46px; background: url(../images/template/rssfeed.jpg) no-repeat; float:left; margin-top:5px;} /*Navigation Layout*/ /*Top Navigation menu*/ #SiteSearch {float:right; width:405px; height:64px; padding-top:45px; padding-left:45px; padding-right:110px; background:url(../images/template/leading.jpg) no-repeat;} .searches { width:150px; float:right; height:62px;} .siteSearch {background:url(../images/template/search.jpg) no-repeat; width:157px; height:49px; float:left; padding:12px 0 0 30px; margin-right:10px;} .storeFinder {background:url(../images/template/map.jpg) no-repeat; width:157px; height:49px; float:left; padding:11px 0 0 49px;} #ButtonHolder {width:846px; height:31px; float:left; list-style:none; padding:0; margin-top:0; margin-bottom:0; margin-left:0; padding-bottom:3px;} #ButtonHolder li {width:104px; height:28px; margin-right:2px; display:inline; float:left; line-height:28px; height:28px;} #ButtonHolder li a { width:104px; height:28px; display:block;} #ButtonHolder li a:hover {text-decoration:none;} #HomeButton a { background: url(../images/template/nav/home.jpg) no-repeat;} #HomeButton a:hover { background-position:-104px;} #StoresButton a { background: url(../images/template/nav/stores.jpg) no-repeat;} #StoresButton a:hover { background-position:-104px;} #MarineButton a { background: url(../images/template/nav/marine.jpg) no-repeat;} #MarineButton a:hover { background-position:-104px;} #PlantsButton a { background: url(../images/template/nav/plants.jpg) no-repeat;} #PlantsButton a:hover { background-position:-104px;} #FreshwaterButton a { background: url(../images/template/nav/freshwater.jpg) no-repeat;} #FreshwaterButton a:hover { background-position:-104px;} #SparesButton a { background: url(../images/template/nav/spares.jpg) no-repeat;} #SparesButton a:hover { background-position:-104px;} #FurtherInfoButton a { background: url(../images/template/nav/further.jpg) no-repeat;} #FurtherInfoButton a:hover { background-position:-104px;} #ContactButton a { background: url(../images/template/nav/contact.jpg) no-repeat;} #ContactButton a:hover { background-position:-104px;} /*Keep hover state*/ #Nav li#StoresButton a.active { background-position:-104px; } #Nav li#MarineButton a.active { background-position:-104px; } #Nav li#PlantsButton a.active { background-position:-104px; } #Nav li#FreshwaterButton a.active { background-position:-104px; } #Nav li#FurtherInfoButton a.active { background-position:-104px; } #Nav li#ContactButton a.active { background-position:-104px; } #Nav li ul { display: none; position: relative; top: 1em; left: 0; width:140px;} /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */ #Nav li>ul { top: auto; left: auto;} /* lists nested under hovered list items */ #Nav li:hover ul, li.over ul, #Nav li.sfhover ul { display:block; background:none; top:-2px; left:-39px; text-align:left;} #Nav li ul li { display:block; height:28px; width:140px; background:#F57F21; } #Nav li ul li a {color:#FFFFFF; font-size:10px; background:none; text-decoration:none; width:130px; padding-left:10px; font: Arial, Helvetica, sans-serif;} #Nav li ul li a:hover { text-decoration:underline; background:none; } .subBottom {width:140px; height:3px; background:url(../images/template/nav/subBottom.png) no-repeat; float:left; line-height:3px; padding-left:0;} /*Left Navigation Shortcuts*/ #LeftNav {width:150px; float:left; margin-bottom:10px; padding-top:14px;} .LeftNavItem {width:150px; float:left; padding-bottom:5px;} #stayInformed {width:145px; float:left; height:67px; padding:20px 0 3px 5px; background:url(../images/template/signupB.jpg) no-repeat;} .LeftNavItem .databank a {background: url(../images/template/leftNav/databank.jpg) no-repeat; display:block; height:64px;} .LeftNavItem .databank a:hover { background-position:-150px;} .LeftNavItem .aquatube a {background:url(../images/template/leftNav/aquatube.jpg) no-repeat; display:block; height:64px;} .LeftNavItem .aquatube a:hover { background-position:-150px;} .LeftNavItem .advice a {background:url(../images/template/leftNav/advice.jpg) no-repeat; display:block; height:64px;} .LeftNavItem .advice a:hover { background-position:-150px;} .LeftNavItem .signup a {background:url(../images/template/leftNav/signup.jpg) no-repeat; display:block; height:64px;} .LeftNavItem .signup a:hover { background-position:-150px;} .LeftNavItem .downloads a {background: url(../images/template/leftNav/downloads.jpg) no-repeat; display:block; height:64px;} .LeftNavItem .downloads a:hover { background-position:-150px;} .LeftNavItem .gallery a {background:url(../images/template/leftNav/gallery.jpg) no-repeat; display:block; height:64px;} .LeftNavItem .gallery a:hover { background-position:-150px;} .LeftNavItem .careers a {background:url(../images/template/leftNav/careers.jpg) no-repeat; display:block; height:64px;} .LeftNavItem .careers a:hover { background-position:-150px;} .LeftNavItem .service a {background:url(../images/template/leftNav/service.jpg) no-repeat; display:block; height:64px;} .LeftNavItem .service a:hover { background-position:-150px;} /*Homepage*/ #mega-sale {float:left; width:410px; height:202px; display:block; background:url(../images/homepage/mega-aquarium-sale.jpg) no-repeat; padding-bottom:10px;} #mega-sale:hover {background-position:-410px 0; text-decoration:none;} #welcome {width:410px; height:136px; padding-bottom:10px; float:left;} #homeProdShow {width:337px; padding-bottom:10px; padding-right:6px; float:left;} #homeEveryday {width:337px; padding-bottom:10px; float:left;} .rightNav {float:right; clear:right; width:259px; height:123px; margin-top:5px; margin-right:3px; } .rightNav #prod-showroom {margin-top:0; background:url(../images/homepage/showroomNew.jpg) no-repeat; width:147px; height:58px; display:block; padding:65px 105px 0 7px; text-decoration:none;} .rightNav #low-prices {background:url(../images/homepage/lowPricesNew.jpg) no-repeat; width:147px; height:58px; display:block; padding:65px 105px 0 7px; text-decoration:none;} .rightNav #latest-offers {background:url(../images/homepage/latestOffersNew.jpg) no-repeat; width:147px; height:58px; display:block; padding:65px 105px 0 7px; text-decoration:none;} .rightNav #exclusives {background: url(../images/homepage/exclusives.jpg) no-repeat; width:147px; height:58px; display:block; padding:65px 105px 0 7px;text-decoration:none;} .rightNav #our-stores {background: url(../images/homepage/our-stores.jpg) no-repeat; width:245px; height:93px; display:block; padding:75px 7px 0 7px; text-decoration:none;} .rightNav p {margin:0; font-size:8px; color:#FFFFFF;} .rightNav:hover { text-decoration:none;} #whatsNewHome {width:410px; float:left; height:379px;} #whatsNewHome p {margin:0; font-size:10px;} #whatsNewHome a {text-decoration:none; color:#F57F21;} #whatsNewHome a:hover {text-decoration:underline;} #whatsNewHomeHolder {width:410px; float:left;} #whatsNewHomeTop { width:401px; height:80px; background:url(../images/homepage/topWN.jpg) no-repeat; float:left; padding:10px 0 13px 9px;} #whatsNewHomeTop p {color:#FFF; margin:0; font-size:9px; padding-right:209px;} #whatsNewHomeTop a {width:401px; height:80px; display:block;} #whatsNewHomeMiddle { width:374px; background:url(../images/homepage/middleWN.jpg) repeat-y; float:left; padding:5px 18px 5px 18px;} #whatsNewHomeBottom { width:410px; height:12px; background:url(../images/homepage/bottomWN.jpg) no-repeat; float:left;} #whatsNewMainStory {width:364px; height:236px; float:left; margin-bottom:10px; padding:5px; background:url(../images/homepage/grayStoryWN.jpg) no-repeat;} .whatsNewSubStory {width:107px; height:143px; float:left; padding:5px; background:url(../images/homepage/grayThumbWN.jpg) no-repeat; text-align:center;} .whatsNewSubStory h5 {height:25px;} .whatsNewSubStory img { margin-bottom:10px;} /*Aquarium Sale*/ #mega-sale-title {float:left; width:679px; height:150px; background:url(../images/aquarium-sale/mega-aquarium-sale.jpg) no-repeat; padding-bottom:20px;} #ten-percent {float:left; width:679px; height:222px; background:url(../images/aquarium-sale/10-percent-off.jpg) no-repeat; padding-bottom:10px;} #fifteen-percent {float:left; width:679px; height:222px; background:url(../images/aquarium-sale/15-percent-off.jpg) no-repeat; padding-bottom:10px;} #twenty-percent {float:left; width:679px; height:222px; background:url(../images/aquarium-sale/20-percent-off.jpg) no-repeat; padding-bottom:10px;} /*Databanks*/ #databHeader {width:354px; height:100px; padding:10px 315px 123px 10px; background:url(../images/databank/header.jpg) no-repeat; margin-bottom:15px;} .databfreshwater {float:left; padding-right:17px;; width:215px; height:215px;} .databfreshwater a {background:url(../images/databank/freshwater.jpg) no-repeat; display:block; width:215px; height:215px;} .databfreshwater a:hover {background-position:-215px;} .databmarine {float:left; padding-right:17px; width:215px; height:215px;} .databmarine a {background:url(../images/databank/marine.jpg) no-repeat; display:block; width:215px; height:215px;} .databmarine a:hover {background-position:-215px;} .databplant {float:left; width:215px; height:215px;} .databplant a {background:url(../images/databank/plant1.jpg) no-repeat; display:block; width:215px; height:215px;} .databplant a:hover {background-position:-215px;} #databHolder {width:440px; float:left; padding-bottom:10px;} #databHolderR { float:right; width:198px; padding-top:56px; padding-bottom:10px;} #databLeft {float:left; width:152px;} .databLeft {font-weight:bold; border:0;} .databRight {border:0;} #databRight {float:left; width:252px; border:0;} #databHolder select {font-size:12px; padding:3px;} .databInfoHolder { width:460px; float:left; } .databInfoLeft { float:left; width:130px; padding-right:10px; font-weight:bold; line-height:1.5em; padding-bottom:10px;} .databInfoRight { float:right; width:300px; padding-left:10px; border-left:#CCCCCC 1px solid; line-height:1.5em; padding-bottom:10px;} /*Articles*/ .notation {padding-left:15px; padding-top:1px; float:left; font-size:9px; width:69px; padding-right:1px; padding-bottom:3px;} .ArticleThumb a {padding:0 6px 3px 0; float:left;} /*Store Locator*/ #StoreLocContent {width:100%;} #StoreLocContent a {color:#333333;} #StoreLocContent h4 {color:#333333;} /*Individual Store Layout*/ #StoreLeft {width:120px; float:left; padding-right:20px;} #StoreMiddle {width:300px; float:left;display:block; padding-right:20px;} #StoreRight {width:170px; float:left;display:block;} #StoreImages {width:665px; float:left; clear:both; padding-top:10px;} #StoreMasterImage {width:360px; height:270px; padding-right:6px; float:left;} .StoreThumb a {padding:0 6px 6px 0; float:left;} table td { vertical-align:top;} /*Gallery*/ .galleryThumb {padding:0 0 4px 6px; display:block;} .galleryMain {float:left;} #gallery-guide {padding:10px; width:400px; float:right; border:1px #CCCCCC dashed; background:#F7F7F7; margin-left:15px; margin-bottom:35px;} /*Whats New*/ .whatsNew {padding-bottom:20px; padding-top:20px; border-bottom:1px #999999 solid;} #whatNewLarge {float:left; width:272px; border:1px #CCCCCC solid; padding:15px 5px 15px 5px; margin-bottom:10px; min-height:280px;} .whatsNewThumb {float:left; width:71px; height:71px; border:1px #CCCCCC solid; padding:5px; margin-right:17px;} #whatNewGallery {float:left; width:300px; padding-bottom:10px;} .whatsNewThumb a img {width:71px;} /*Product Showroom*/ #showroomHeader {width:354px; height:100px; padding:10px 315px 127px 10px; background:url(../images/prodShowroom/header.jpg) no-repeat; margin-bottom:15px;} .showroomfreshwater {float:left; padding-right:17px;; width:215px; height:215px;} .showroomfreshwater a {background: url(../images/prodShowroom/freshwater.jpg) no-repeat; display:block; width:215px; height:215px;} .showroomfreshwater a:hover {background-position:-215px;} .showroommarine {float:left; padding-right:17px; width:215px; height:215px;} .showroommarine a {background:url(../images/prodShowroom/marine.jpg) no-repeat; display:block; width:215px; height:215px;} .showroommarine a:hover {background-position:-215px;} .showroomplant {float:left; width:215px; height:215px;} .showroomplant a {background:url(../images/prodShowroom/plant.jpg) no-repeat; display:block; width:215px; height:215px;} .showroomplant a:hover {background-position:-215px;} .showroomImage {width:141px; padding-right:5px; float:left; padding-top:15px;} #showroomLeft {width:255px; float:left; padding-bottom:10px; text-align:center;} #showroomRight {width:300px; float:left; padding-bottom:10px;} .showroomTitle {width:150px; height:40px; text-align:center; padding:0 5px 0 5px;} #showroomBorder {float:left; padding:10px;} .pricing {width:80px; float:left; padding-right:15px;} .showroomSelect {float:left; width:216px;} #Sort {float:right; width:200px; border:#CCCCCC 1px dashed; background:#F7F7F7; padding:5px;} /*Advice*/ #adviceQuestion a {color:#008FC6; text-decoration:underline; font-size:12px;} /*Downloads*/ .downloadPDF { width:163px; float:left; padding:0 25px 10px 0;} /*Product pages - Every day low prices, Latest offers, Exclusives and Product showroom*/ #product-holder {width:681px; float:left;} #product-top {width:667px; float:left; padding:16px 0 0 14px; height:73px; background:url(../images/template/productsTemplate/top.jpg) no-repeat;} #product-top p {color:#FFF; margin:0;} #product-middle {width:656px; padding:11px 0 11px 25px; float:left; background:url(../images/template/productsTemplate/middle.jpg) repeat-y;} #product-bottom {width:681px; height:16px; float:left; background:url(../images/template/productsTemplate/bottom.jpg) no-repeat;} .product-background {width:129px; height:138px; background:url(../images/template/productsTemplate/product-holder.jpg) no-repeat; padding:5px 8px 0 8px; text-align:center; margin-bottom:11px;} #sort-products {width:221px; float:right; margin-right:2px;} #sort-top {width:221px; height:17px; background:url(../images/template/productsTemplate/top-sort.jpg) no-repeat; float:left;} #sort-middle {width:181px; min-height:110px; padding:5px 20px 5px 20px; background:url(../images/template/productsTemplate/middle-sort.jpg) repeat-y; float:left;} #sort-bottom {width:221px; height:7px; background:url(../images/template/productsTemplate/bottom-sort.jpg) no-repeat; float:left;} #sort-products a {color:#01C509} #page-list {float:left; width:181px; border-top:1px solid #CCC; padding-top:5px; padding-bottom:5px; border-bottom:1px solid #CCC;} #sort-products-radio {float:left; width:181px; border-top:1px solid #CCC; padding-top:5px; padding-bottom:5px; margin-top:3px;} #elp-header {width:450px; height:130px; background: url(../images/template/productsTemplate/elp-header.jpg) no-repeat; float:left; margin-bottom:8px;} #elp-header div {visibility:hidden;} #lo-header {width:450px; height:130px; background: url(../images/template/productsTemplate/latest-offers-header.jpg) no-repeat; float:left; margin-bottom:8px;} #lo-header div {visibility:hidden;} #ex-header {width:450px; height:130px; background: url(../images/template/productsTemplate/exclusives-header.jpg) no-repeat; float:left; margin-bottom:8px;} #ex-header div {visibility:hidden;} #ps-header {width:437px; padding:61px 0 0 13px; height:69px; background: url(../images/template/productsTemplate/showroom-header.jpg) no-repeat; float:left; margin-bottom:8px;} #ps-header div {visibility:hidden;} #ps-header h1 {font-size:24px; color:#008101; margin:0; padding:0;} /*Sign Up Form*/ .devide-form { width:600px; border-bottom:1px dashed #CCC; padding-top:10px; margin-bottom:10px;} /*Service Devisions*/ #service-header {width:432px; padding-left:20px; height:339px; background:url(../images/service/service_header.jpg) no-repeat; padding-right:230px;} .service-bullet {width:180px; height:15px; margin-bottom:5px; padding-left:20px; background:url(../images/service/bullet.png) no-repeat; float:left;} .service-image {float:left; clear:left; padding-top:10px;} #service-content {float:right; width:470px; padding-top:10px;} #service-content p {margin-top:0;} #service-content h5 {font-size:11px;} /*Finance*/ #finance-home {float:left; width:134px; height:45px; background:url(../images/homepage/finance.jpg) no-repeat; padding:157px 0 0 276px; margin-bottom:5px;} #finance-button {float:left; width:119px; height:35px; border:0; background:url(../images/finance/find-out-more.png) no-repeat; cursor:pointer; display:block;} #finance-button:hover {background-position:-119px; text-decoration:none;} #finance-title {float:left; width:681px; height:145px; background:url(../images/finance/title.jpg) no-repeat; padding-bottom:20px;} #calculator-holder {float:right; width:281px; padding:0 0 20px 20px;} #calculator-holder p {font-size:12px; margin:0;} #calc-top {float:left; width:209px; height:109px; background:url(../images/finance/top.jpg) no-repeat; padding:92px 23px 0 49px;} #calc-top input {float:right; width:79px; height:20px;} .calc-init {clear:both; width:209px; padding-top:25px;} .calc-init input {margin-top:3px;} .calc-middle {float:left; width:238px; height:39px; background:url(../images/finance/middle.jpg) no-repeat; padding:20px 23px 0 20px;} .calc-middle2 {float:left; width:238px; height:39px; background:url(../images/finance/middle2.jpg) no-repeat; padding:20px 23px 0 20px;} .calc-middle span {float:right; font-size:13px; font-weight:bold;} .calc-middle2 span {float:right; font-size:13px; font-weight:bold;} #calc-bottom {float:left; width:238px; height:58px; background:url(../images/finance/bottom.jpg) no-repeat; padding:20px 23px 0 20px;} #calc-bottom input {float:right; width:119px; height:35px; border:0; background:url(../images/finance/calculate.jpg) no-repeat; cursor:pointer;} #calc-bottom input:hover {background-position:-119px;}