/* CSS Document */ * { padding: 0; margin: 0; } html { background:#fff; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; } body { background:#fff url(../images/site2_bg.jpg) repeat-x center 0px; } .clearBoth { clear:both; font-size:0; } #site { background:#FFF; margin:0 auto; width:980px; padding:8px 0; position:relative; } #siteLeft { clear:none; float:left; width:690px; } #siteRight { clear:none; float:right; width:280px; } p { padding:0 0 10px 0; } sup { line-height:40%; } /*---- Main -----------*/ #main { margin:0 auto; width:987px; padding: 0px 0 0 0px; } #mainTop { background:transparent url(../images/searchbar.jpg) no-repeat 5px 0px; clear:both; height:64px; } .mainTagLine { color:#FFFFFF; clear:both; padding:9px 0 5px 0px; height:25px; text-align:center; } .searchForm { clear:both; padding:27px 0 0 726px; } .searchForm input { border:0; background:0; color:#337fb7; width:114px; } #pageTop { background:transparent url(../images/images/pagetop.jpg) no-repeat 0px 0px; clear:both; height:18px; } #pageMain { background:#FFFFFF; clear:both; } #pageMainLeft { background:transparent url(../images/pageleft.jpg) no-repeat 0px 0px; clear:none; float:left; height:490px; width:43px; } #pageMainCenter { background:#fff; clear:none; float:left; width:812px; position:relative; } #pageMainRight { background:transparent url(../images/pageright.jpg) no-repeat 0px 0px; clear:none; float:right; height:490px; width:44px; } #slider { clear:both; height:352px; } .sliderLeft { background:transparent url(../images/images/slidershadowleft.jpg) no-repeat right bottom; clear:none; float:left; height:340px; width:23px; } .sliderMiddle { clear:none; float:left; width:760px; } .sliderRight { background:transparent url(../images/images/slidershadowright.jpg) no-repeat left bottom; clear:none; float:right; height:340px; width:25px; } #pageMainTop { clear:both; width:100%; } /*h1 { background:transparent url(../images/images/logo.jpg) no-repeat 0px 0px; clear:none; float:left; overflow:hidden; padding:0 0 0 20px; width:220px; } h1 img { border:0; } h1 a:visited, h1 a:active, h1 a { padding:0 0 100px 250px; } */ h1 { clear:none; float:left; width: 285px; height: 115px;overflow:hidden; } h1 a:visited, h1 a:active, h1 a { background:#fff url(../images/logo.jpg) no-repeat 20px 10px; display:block; height: 100px; text-indent:-1000px; width: 285px; } h1 a:visited:hover, h1 a:hover { } .sliderInfoImage { clear:none; float:right; padding:54px 28px 0 0; } #mainFooter { color:#999; text-align:center; padding:21px 0 20px 0; } #mainFooter a:visited, #mainFooter a:active, #mainFooter a { color:#999; text-decoration:underline; } #mainFooter a:visited:hover, #mainFooter a:hover { color:#999; text-decoration:none; } .pageCrumb { background:transparent url(../images/images/breadcrumbspacer.jpg) no-repeat 33px bottom; clear:both; color:#38ADBB; padding:84px 0 10px 33px; } .shopCrumb { background:transparent url(../images/images/breadcrumbspacer.jpg) no-repeat 0px bottom; clear:both; color:#38ADBB; padding:4px 0 10px 0px; margin:0 0 10px 0; } .shopCrumb a:visited, .shopCrumb a:active, .shopCrumb a { color:#38ADBB; text-decoration:none; } .shopCrumb a:visited:hover, .shopCrumb a:hover { color:#38ADBB; text-decoration:underline; } .pageCrumb a:visited, .pageCrumb a:active, .pageCrumb a { color:#38ADBB; text-decoration:none; } .pageCrumb a:visited:hover, .pageCrumb a:hover { color:#38ADBB; text-decoration:underline; } .root a:visited, .root a:active, .root a { color:#000; text-decoration:none; font-weight:bold; } .root a:visited:hover, .root a:hover { color:#000; text-decoration:underline; font-weight:bold; } /*---- navigation -----*/ #nav { background:#26afbe url(../images/images/nav_bg.jpg) no-repeat 0px 0px; color:#FFFFFF; clear:both; margin:0 0 0 23px; width:760px; } .navBottom { background:#26afbe url(../images/images/navbottom_bg.jpg) no-repeat 0px 0px; height:10px; clear:both; line-height:0; font-size:0; margin:0 0 0 23px; width:760px; } #nav h3 { padding:0 0 10px 0; } #nav a:visited, #nav a:active, #nav a { color:#FFF; text-decoration:none; } #nav a:visited:hover, #nav a:hover { color:#FFF; text-decoration:underline; } .navAbout { clear:none; float:left; padding:29px 0 0 11px; width:110px; } .navProducts { clear:none; float:left; padding:29px 0 0 65px; width:125px; } .navTouch { clear:none; float:left; padding:29px 0 0 41px; width:155px; } .navShop { clear:none; float:left; padding:29px 0 0 63px; width:115px; } #navTitle { clear:both; padding:0 0 0 23px; } .navTitleLeft { background:#2bbdd2 url(../images/images/smallnav_bg.jpg) no-repeat 0px 0px; clear:none; color:#FFFFFF; float:left; height:21px; padding:0px 0 0 0; text-align:center; width:83px; } .navTitleLeft a:visited, .navTitleLeft a:active, .navTitleLeft a { color:#FFF; text-decoration:none; } .navTitleLeft a:visited:hover, .navTitleLeft a { color:#fff; text-decoration:underline; } .navTitleRight { clear:none; color:#1db5ca; float:left; padding:0 0 0 10px; width:667px; } .navPadBottom { clear:both; height:4px; line-height:0; font-size:0; } .navScroll { clear:none; float:left; height:22px; overflow:hidden; width:400px; position:relative; } .navScrollText { position:absolute; left:0px; top:6px; } .navScrollText a:visited, .navScrollText a:active, .navScrollText a { color:#26B0BD; text-decoration:underline; } .navScrollText a:visited:hover, .navScrollText a:hover { color:#26B0BD; text-decoration:none; } .navSearch { clear:none; float:right; padding:0 0 0 12px; width:179px; } .navSearch input { border:1px solid #2FAEC1; clear:none; color:#2FAEC1; width:120px; padding:2px; float:left; height:15px; margin:0px; } .navSearch button { border:0; background:transparent url(../images/searchbutton.jpg) no-repeat 0px 0px; clear:none; float:left; height:21px; overflow:hidden; width:53px; text-indent:-1000px; } .homeButton a:visited, .homeButton a:hover, .homeButton a { background:transparent url(../images/homebutton.jpg) no-repeat 0px 0px; display:block; height:21px; overflow:hidden; width:83px; text-indent:-1000px; } .homeButton a:visited:hover, .homeButton a:hover { background:transparent url(../images/homebutton_hover.jpg) no-repeat 0px 0px; display:block; height:21px; overflow:hidden; width:83px; text-indent:-1000px; } /*---- category -------*/ .categoryTop { clear:both; width:100%; } .categoryPage { background:transparent url(../images/categorycorners/sanum_topright.jpg) no-repeat right top; clear:both; } .categoryInfo { clear:both; } .categoryInfoLeft { background:transparent url(../images/images/categoryimagewrap.jpg) no-repeat 23px 40px; clear:none; float:left; padding:15px 0 30px 30px; width:390px; } .categoryThumb { background:transparent url(../images/Spa_Box.jpg) no-repeat 0px 0px; clear:none; float:left; height:145px; padding:0 4px 16px 0; width:175px; } .categoryThumbContent { position:absolute; } .categoryContentTitle { color:#FFFFFF; position:absolute; z-index:200; top:10px; left:14px; width:128px; } .categoryContentTitle a:visited, .categoryContentTitle a:active, .categoryContentTitle a { color:#FFF; text-decoration:none; } .categoryContentTitle a:visited:hover, .categoryContentTitle a:hover { color:#FFF; text-decoration:underline; } .cateogryContentImage { position:absolute; z-index:201; top:25px; left:11px; } .cateogryContentImage img{ border:0; } .cateogryContentsize { background:transparent url(../images/Capacity.gif) no-repeat 0px 0px; color:#FFF; height:24px; position:absolute; z-index:202; padding:15px 0 0 21px; width:26px; top:88px; left:114px; } .cartegoryRangeTitle { clear:both; color:#38ADBB; padding:4px 0 23px 0; } .categoryInfoRight { clear:none; float:left; color:#38ADBB; width:295px; padding:32px 0 47px 0; } .categoryInfoRight h3 { color:#1157A0; padding:0 0 15px 0; } .categoryMinHeight { clear:none; width:10px; height:300px; } .sanum_topright { background:transparent url(../images/categorycorners/sanum_topright.jpg) no-repeat right 0px; } .hotspring_topright { background:transparent url(../images/categorycorners/hotspring_topright.jpg) no-repeat right 0px; } .limelight_topright { background:transparent url(../images/categorycorners/limelight_topright.jpg) no-repeat right 0px; } .tigerriver_topright { background:transparent url(../images/categorycorners/tigerriver_topright.jpg) no-repeat right 0px; } .hotspot_topright { background:transparent url(../images/categorycorners/hotspot_topright.jpg) no-repeat right 0px; } .solana_topright { background:transparent url(../images/categorycorners/solana_topright.jpg) no-repeat right 0px; } .categoryShadowLeft { background:transparent url(../images/images/categoryshadowleft.jpg) no-repeat left 140px; } #tech { clear:both; padding:20px 0; display:none; font-size:12px; width:600px; padding:20px 0 0 100px; } #tech a:visited, #tech a:active, #tech a { color:#333; text-decoration:underline; } #tech a:visited:hover, #tech a:hover { color:#333; text-decoration:none; } #tech td { padding:3px; } /*---- product --------*/ .productTitle { clear:both; padding:10px 10px 0 32px; height:75px; } .productTitleLeft { clear:none; color:#00a3b4; float:left; padding:10px 0 0 0; } .productTitleRight { clear:none; color:#00a3b4; float:right; } .productImage { background:transparent url(../images/images/productimageshadow.jpg) no-repeat 32px 284px; clear:both; height:322px; padding:0 0 0 32px; position:relative; width:698px; } .productImageDark { clear:both; height:300px; padding:0 0 0 32px; position:relative; width:830px; } .productInfo { clear:both; padding:20px 0 10px 41px; } .productInfoDark { clear:both; padding:20px 0 30px 0px; } .productInfoLeft { clear:none; float:left; width:347px; padding:0px 0 0 0px; } .productInfoLeftDark { clear:none; float:left; width:327px; padding:10px 0 0 20px; } .productIntroContent { color:#009cb2; clear:both; font-weight:bold; width:97%; } .productIntroContentDark { color:#009cb2; clear:both; font-weight:bold; padding:0 0 0 40px; width:92%; } .productContent { color:#9f9f9f; clear:none; float:left; font-weight:lighter; width:97%; } .productContent strong { color:#009cb2; clear:none; float:left; font-weight:bold; width:97%; } .productContent h3 { padding:0 0 10px 0; } .productContentMinHeight{ clear:none; float:left; height:235px; width:2%; } .productInfoRight { clear:none; float:right; width:463px; padding:0 0 0 28px; } .productRightTitle { background:transparent url(../images/images/modeltubtitle_bg.jpg) no-repeat 0px 0px; clear:both; color:#FFF; height:17px; padding:3px 0 0 3px; width:121px; } .productRightImage { clear:none; float:right; padding:10px 16px 20px 0; } #productKeySpecs { background:url(../images/productKeySpecsTitle.jpg) no-repeat 0px 0px; clear:both; height:167px; width:330px; } #productKeySpecsDark { background:url(../images/productKeySpecsTitleDark.png) no-repeat 0px 0px; clear:both; height:167px; width:330px; } #quoteProductButton { clear:none; float:right; height:26px; overflow:hidden; padding:26px 0 10px 0; text-indent:-1000px; width:94px; } #quoteProductButton a { background:url(../images/productRequestQuoteButton.jpg) no-repeat 0px 0px; clear:none; float:right; height:26px; overflow:hidden; text-indent:-1000px; width:94px; } #quoteProductButtonDark { clear:none; float:right; height:26px; overflow:hidden; padding:26px 0 10px 0; text-indent:-1000px; width:94px; } #quoteProductButtonDark a { background:url(../images/productRequestQuoteButtonDark.png) no-repeat 0px 0px; clear:none; float:right; height:26px; overflow:hidden; text-indent:-1000px; width:94px; } #productKeySpecsHolder { border:#009cb2 2px solid; clear:both; height:107px; width:324px; } #productQuoteText { clear:both; padding:25px 0 0 0; text-align:center; width:347px; } /*---- shop -----------*/ #cartPage { width:890px; } .shopCat { border:2px solid #333333; background:#333; clear:both; color:#FFFFFF; margin:0px 8px 8px 8px; padding:10px; } .shopItem { background: transparent url(../images/cart/item_panel_large.jpg) no-repeat 5px 0px; clear:none; float:left; margin:0; padding:10px 16px 10px 14px; width:375px; height:141px; } .itemLeft { clear:none; float:left; } .itemRight { clear:none; float:left; height:90px; padding:0 0 0 10px; width:215px; } .itemPrice { padding:6px 0 0 0; font-size:120%; } .shoppingCartMin { clear:both; height:85px; } .shoppingSummary { clear:none; float:right; width:218px; padding:0px 62px 0 0; } .shoppingSummaryTitle { clear:both; color:#FFF; height:25px; padding:6px 53px 0 0; text-align:right; } .minCartInfo { clear:both; width:100%; } .minCartLeft { clear:none; color:#38ADBB; float:left; } .minCartRight { clear:none; float:right; padding:3px 10px 0 0; } .minCartRight img { border:0; } .minViewCart a:visited, .minViewCart a:active, .minViewCart a { color:#38ADBB; text-decoration:none; } .minViewCart a:visited:hover, .minViewCart a:hover { color:#38ADBB; text-decoration:underline; } .minViewCart { font-style:normal; color:#38ADBB; } .shopMenu { clear:both; } .shopMenu ul { list-style:none; padding:0; margin:0; width:100%; } .shopMenu li { clear:none; float:left; } .shopMenu li a:visited, .shopMenu li a:active, .shopMenu li a { clear:none; float:left; display:block; color:#2db3c1; text-decoration:none; padding:36px 10px 0 10px; height:39px; } .shopMenu li a:visited:hover, .shopMenu li a:hover { clear:none; float:left; display:block; color:#2db3c1; text-decoration:none; padding:36px 10px 0 10px; height:39px; } .shopMenu .selected { background:transparent url(../images/images/shopmenutab.jpg) repeat-x 0px 0px; } .shopContainer { clear:both; padding:13px 0 45px 45px; position:relative; width:810px; } #shopLogo { position:absolute; top:0px; right:0px; } .shopItemsTop { background:transparent url(../images/images/carttop_bg.jpg) no-repeat 0px 0px; clear:both; height:7px; width:796px; line-height:0; font-size:0; } .shopItems { background:transparent url(../images/images/cartmiddle_bg.jpg) repeat-y 0px 0px; clear:both; padding:0; width:820px; } .shopItemsBottom { background:transparent url(../images/images/cartbottom_bg.jpg) no-repeat 0px 0px; height:20px; width:790px; } .itemRight h3 { font-weight:normal; text-decoration:underline; padding:0 0 6px 0; } .itemRight h3 a:visited, .itemRight h3 a:active, .itemRight h3 a { font-weight:normal; text-decoration:underline; padding:0 0 6px 0; color:#000000; } .itemRight h3 a:visited:hover, .itemRight h3 a:hover { font-weight:normal; text-decoration:underline; padding:0 0 6px 0; color:#000000; } .shopItemBottom { clear:both; width:100%; } .bonusItem { background:transparent url(../images/images/bonusdealstar.gif) no-repeat 0px 0px; clear:none; float:left; height:19px; padding:9px 0 0 39px; } .noBonusItem { clear:none; float:left; height:19px; padding:9px 0 0 39px; } .buyButton { clear:none; float:right; text-align:right; padding:15px 15px 0 0; } /*---- cart -----------*/ .cartContainer { clear:both; padding:0px 0 44px 45px; } .cartTop { clear:both; color:#FFFFFF; margin:0px 8px 8px 8px; padding:10px; } .mainCart { clear:both; background:transparent url(../images/images/cartPageMiddle.jpg) repeat-y 0px 0px; padding:0 0 0 16px; } .cartButton { background:transparent url(../images/cart/buy_button.jpg) no-repeat 2px 1px; border:0; width:54px; height:23px; } .cartButton:hover { background:transparent url(../images/cart/buy_button.jpg) no-repeat 2px -21px; } .cartItemSmall { border:2px solid #333333; background:#FFF; clear:both; color:#000; margin:0px 8px 8px 8px; padding:10px; } .cartItemSmallTitle { font-weight:bold; padding:0 0 2px 0; } .cartSmallTotal { border:2px solid #333333; background:#FFF; clear:both; color:#000; margin:0px 8px 8px 8px; padding:10px; } .cartSmallButtons { background:#FFF; clear:both; color:#000; margin:0px 8px 8px 8px; padding:10px; } .cartSmallError { border:2px solid #FF0000; background:#FF0000; clear:both; color:#fff; margin:0px 8px 8px 8px; padding:10px; } .cartPageTop { background:transparent url(../images/images/cartpagetop.jpg) no-repeat 0px 0px; height:14px; line-height:0; font-size:0; } .cartPageBottom { background:transparent url(../images/images/pagecartbottom.jpg) no-repeat 0px 0px; height:40px; padding:30px 0 0 612px; } /* --------- class.cart.php --------------*/ .cartTitles { background:transparent url(../images/images/catTop_bg.jpg) no-repeat 0px 0px; clear:both; height:26px; padding:6px 0 0 0; width:760px; } .cartTitleItem { clear:none; color:#FFF; float:left; padding:0 0 0 20px; width:417px; } .cartTitleQuantity { clear:none; color:#FFF; float:left; width:90px; text-align:center; } .cartTitlePrice { clear:none; color:#FFF; float:left; width:121px; text-align:center; } .cartTitleRemove { clear:none; color:#FFF; float:left; width:112px; text-align:center; } .cartItem { border-bottom:1px solid #04a3b4; clear:both; color:#000; height:45px; padding:17px 0 0 0; width:760px; } .cartItemItem { clear:none; color:#04A3B4; font-weight:bold; float:left; width:415px; padding:9px 0 0 20px; } .cartItemQuantity { clear:none; float:left; width:90px; padding:4px 0 0 0; text-align:center; } .cartItemPrice { clear:none; color:#2db3c1; float:left; width:121px; text-align:center; padding:8px 0 0 0; } .cartItemRemove { clear:none; float:left; text-align:center; width:112px; } .cartButtons { background:#FFF; clear:both; color:#000; margin:0px 8px 8px 8px; padding:10px; } .cartError { border:2px solid #FF0000; background:#FF0000; clear:both; color:#fff; margin:0px 8px 8px 8px; padding:10px; } .cartEndInfo { border-bottom:1px solid #04a3b4; margin:30px 0 0 0; padding:10px 0 10px 0; width:760px; } .cartDeliveryTotal { float:right; width:260px; } .cartDelivery { clear:both; } .cartDeliveryTitle { clear:none; color:#c6c6c6; float:right; } .cartDeliveryInfo { clear:none; color:#2db3c1; float:right; width:92px; text-align:center; } .cartCoupon { border-bottom:1px solid #04a3b4; clear:both; padding:14px 0 8px 0; width:760px; } .cartCouponField { clear:none; float:right; padding:0 0 0 15px; } .cartCouponField input { border:1px solid #C6C6C6; font-size:14px; color:#666; padding:2px; width:120px; } .cartCouponTitle { clear:none; float:right; color:#c6c6c6; } .cartCouponButton { clear:none; float:right; padding:0 18px 0 15px; } .cartCouponAmount { clear:none; color:#2db3c1; float:right; padding:0 18px 0 15px; } .cartCouponButton button{ background:transparent url(../images/apply_button.jpg) no-repeat 0px -2px; border:0; height:25px; overflow:hidden; text-indent:-1000px; width:53px; } .cartTotal { clear:both; padding:3px 0 0 0; } .cartTotalTitle { clear:none; color:#c6c6c6; float:right; } .cartTotalInfo { clear:none; color:#2db3c1; float:right; width:92px; text-align:center; } .cartEndInfoMessage { clear:none; color:#38b7c4; float:left; padding:4px 0 0 10px; width:450px; } .cartFinalTotal { clear:both; padding:10px 0 0 0; width:760px; } .cartFinalInfo { clear:none; color:#2db3c1; float:right; width:92px; text-align:center; } .cartFinalTitle { clear:none; color:#c6c6c6; float:right; padding:2px 0 0 0; } .cartItemEmpty { clear:both; padding:20px 0 0 23px; color:#38b7c4; } /* --------- END class.cart.php --------------*/ /*---- item view ------*/ .itemView { background:transparent url(../images/images/itemRepeat_bg.jpg) repeat-y 0px 0px; clear:both; } .itemViewTop { background:transparent url(../images/images/itemview_top.jpg) no-repeat 0px 0px; clear:both; line-height:0; font-size:0; height:13px; width:770px; } .itemViewMain { background:transparent url(../images/images/itemviewbottom.jpg) no-repeat 0px bottom; clear:both; } .itemViewMinHeight { clear:none; float:left; width:29px; height:270px; } .itemViewImage { clear:none; float:left; padding:14px 0 0 0; width:314px; } .itemViewButtons { clear:both; height:34px; padding:0 0 0 647px; } .itemViewContent { clear:none; float:left; padding:14px 0 0 0; width:380px; } .itemViewContent h3 { padding:20px 0 10px 0; } .itemViewPrice { clear:both; color:#2db3c1; padding:10px 0 10px 0; } .itemViewDescription { clear:both; color:#2db3c1; line-height:135%; } /*---- home slideshow -*/ #slideHolder { background:#333 url(../images/panels/Generic_Panel.jpg) no-repeat 0px 0px; clear:both; height:340px; overflow:hidden; position:absolute; width:760px; } .slide { height:340px; position:absolute; width:610px; } .slideTab { float:left; clear:none; } .slideTab img { border:0; } .slideContent { float:left; clear:none; } .slideTextBack { background:#fff; width:300px; height:200px; z-index:301; position:absolute; left:45px; top:10px; } .slideText { width:280px; height:180px; z-index:302; position:absolute; left:45px; top:10px; padding:10px; } .slideText h3 { padding:0 0 10px 0; } .slideText p { padding:0 10px 10px 11px; } .viewRange { position:absolute; top:185px; left:258px; z-index:303; } /*---- Panel fade -----*/ #fadePanel1 { position:absolute; z-index:53; } #fadePanel2 { position:absolute; z-index:52; } #fadePanel3 { position:absolute; z-index:51; } #fadePanel4 { position:absolute; z-index:50; } #fadePanel5 { position:absolute; z-index:49; } #fadePanel6 { position:absolute; z-index:48; } #fadePanel7 { position:absolute; z-index:47; } #fadePanel8 { position:absolute; z-index:46; } #fadePanel9 { position:absolute; z-index:45; } #fadePanel10 { position:absolute; z-index:44; } /*---- delivery -------*/ .shopCrumbTitle { padding:4px 0 14px; color:#38ADBB; } .deliveryTop { background:transparent url(../images/images/deliverytop.jpg) no-repeat 0px 0px; color:#FFF; height:25px; padding:18px 0 0 23px; } .deliveryMiddle { background:transparent url(../images/images/deliverymiddle.jpg) repeat-y 0px 0px; padding:0 20px 0 20px; width:746px; } .deliveryBottom { background:transparent url(../images/images/deliverybottom.jpg) no-repeat 0px 0px; height:74px; padding:31px 0 0 648px; } .deliveryFormTop { clear:both; border-bottom:1px solid #078b99; padding:0 0 21px 0; } .deliveryFormMiddle { border-bottom:1px solid #078b99; clear:both; padding:0 0 30px 0; } .deliveryFormMiddleLeft { clear:none; float:left; width:354px; } .deliveryFormMiddleRight{ clear:none; float:left; width:354px; } .deliveryFormBottom { clear:both; } .deliveryForm { padding:24px 0 0 45px; } .deliveryForm .field { clear:both; padding:8px 0 0 0; } .deliveryForm .fieldcheck{ clear:both; padding:10px 0 0 79px; } .deliveryForm label { clear:none; color:#3bb8c5; float:left; width:80px; padding:4px 0 0 0; } .deliveryForm input { clear:none; float:left; } .deliveryForm .width { width:200px; } .deliveryError { clear:none; color:#FF0000; float:left; padding:0 0 0 10px; } #checkboxLabel { padding:4px 0 0 10px; width:180px; } .fieldError { border:2px solid #FF0000; padding:2px; } /*---- confirmation ---*/ .confirmPage { clear:both; padding:13px 0 0 45px; } .confirmPage h3 { color:#017B88; padding:8px 0 8px 0; } .confirmTop { background:transparent url(../images/images/confirmation_top.jpg) no-repeat 0px 0px; clear:both; color:#FFFFFF; height:24px; padding:21px 0 0 24px; width:745px; } .confirmMain { background:transparent url(../images/images/confirmation_main.jpg) repeat-y 0px 0px; clear:both; padding:0 0 0 20px; width:750px; } .confirmMainLeft { clear:none; float:left; width:35%; padding:10px 0 10px 10px; } .confirmMainRight { clear:none; float:right; width:62%; padding:10px 0; } .confirmItem { clear:both; border-bottom:1px solid #078b99; color:#3bb8c5; padding: 10px 0 10px 0; width:356px; } .confirmItemTitle { clear:none; float:left; width:236px; } .confirmItemQuantity { clear:none; float:left; width:40px; text-align:center; } .confirmItemPrice { clear:none; float:left; width:80px; text-align:center; } .confirmTotal { clear:both; width:100%; } .confirmTotalInfo { clear:none; color:#2DB3C1; } .confirmTotalTitle { clear:none; color:#C6C6C6; } .confirmDeliveryInfo { clear:none; color:#2DB3C1; } .confirmDeliveryTitle { clear:none; color:#C6C6C6; } .confirmText { color:#2DB3C1; line-height:120%; } .confirmPay { clear:both; padding:15px 0 0 0; } .confirmMainPurchase { border-top:1px solid #04a3b4; border-bottom:1px solid #04a3b4; clear:both; text-align:center; padding: 20px 0 10px 0; width:731px; } .confirmBottom { background:transparent url(../images/images/confirmation_bottom.jpg) no-repeat 0px 0px; clear:both; color:#38b7c4; height:110px; padding:15px 0 0 30px; width:740px; } /*---- buttons --------*/ .submit { background:transparent url(../images/images/submit_button.jpg) no-repeat 0px 0px; border:0; clear:none; float:left; width:67px; height:25px; text-indent:-1000px; overflow:hidden; } .submit:hover { background:transparent url(../images/images/submit_button.jpg) no-repeat 0px -23px; } .back { background:transparent url(../images/images/back_button.jpg) no-repeat 0px 3px; border:0; clear:none; float:left; width:56px; height:24px; text-indent:-1000px; overflow:hidden; display:block; } .back:hover { background:transparent url(../images/images/back_button.jpg) no-repeat 0px -23px; } .buy { background:transparent url(../images/images/buy_button.jpg) no-repeat 0px 3px; border:0; width:53px; clear:none; float:left; height:24px; text-indent:-1000px; overflow:hidden; } .buy:hover { background:transparent url(../images/images/buy_button.jpg) no-repeat 0px -23px; } .update { background:transparent url(../images/images/update_button.jpg) no-repeat 0px 3px; border:0; width:57px; clear:none; float:left; height:24px; text-indent:-1000px; overflow:hidden; } .update:hover { background:transparent url(../images/images/update_button.jpg) no-repeat 0px -23px; } /*---- holding --------*/ .tempMenu { clear:both; padding:0 0 0 23px; } .tempLogos { clear:both; padding:0 0 0 23px; text-align:center; } .callText { clear:both; color:#008bc2; padding:20px 0 20px 0; text-align:center; font-size:20px; font-weight:bold; } /*---- thank you message -*/ #thankyou { z-index:982; position: absolute; width:450px; height:250px; left: 28%; top:30%; background:#fff; padding:5px; } #thankyouback { z-index:980; position:absolute; left:0; top:0; background:#0098C9; filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50; width:100%; height:100%; } #thankyoucontent { clear:both; padding:10px; } /*---- add to cart ----*/ #addedToCart { z-index:982; position: absolute; width:450px; height:250px; left: 28%; top:30%; background:#fff; padding:5px; } #addedToCartBack { z-index:980; position:absolute; left:0; top:0; background:#0098C9; filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50; width:100%; height:100%; } #addedToCartContent { clear:both; } /*---- About US -------*/ #aboutUs { clear:both; padding:0 0 0 65px; } .aboutUsBanner { clear:both; padding:20px 0 8px 0; } .aboutUsContent { clear:both; } .aboutUsContentLeft { clear:none; float:left; width:729px; padding:0 0 30px 0; } .aboutUsContentLeft h2 { color:#38ADBB; padding:0 0 10px 0; } .aboutUsContentRight { clear:none; float:left; width:353px; } .aboutUsLogosTop { clear:none; float:right; padding:6px 0 8px 0; width:495px; } .aboutUsTopText { clear:both; color:#38ADBB; padding:0 60px 4px 0; } .aboutUsTopLogos { clear:both; padding:0 0 20px 0; } .aboutUsTopLogos img { padding:0 9px 0 0; } .aboutTopContent { clear:none; color:#999; float:left; line-height:189%; width:367px; } .aboutTopContent h2 { color:#1bc9e0; padding:0 0 8px 0; font-weight:normal; } .aboutBlueBox { background:#1bc9e0; color:#FFF; clear:both; padding:10px 10px 10px 10px; width:714px; } .aboutBlueBox h2 { clear:none; float:left; font-weight:normal; } .aboutBlueBox p { clear:none; float:right; padding:6px 0 0 0; } .aboutBottomLeft { clear:none; color:#999; float:left; line-height:189%; width:265px; padding:15px 15px 0 0; } .aboutBottomLeft h2 { color:#1bc9e0; padding:0 0 8px 0; font-weight:normal; } .aboutBottomMiddle { clear:none; color:#999; float:left; line-height:189%; width:265px; padding:15px 15px 0 0; } .aboutBottomMiddle h2 { color:#1bc9e0; padding:0 0 8px 0; font-weight:normal; } #testimonial { clear:both; height:190px; position:relative; overflow:hidden; padding:15px 0 0 0; width:308px; } #testimonialSlider { position:absolute; left:0; width:3000px; } .testimonialSlide { clear:none; color:#999; float:left; width:308px; font-style:italic; } .testimonial { background:transparent url(../images/testimonial_bg.jpg) no-repeat 0px 0px; clear:none; float:left; height:222px; padding:0 40px 0 0; width:316px; } .testimonialContent { clear:none; color:#FFF; height:133px; float:left; padding:4px 0 0 8px; position:relative; width:144px; } .testimonialContentTitle{ padding:0 0 6px 0; } .testimonialRead { bottom:0px; position:absolute; right:0; } .testimonialRead a:visited, .testimonialRead a:active, .testimonialRead a { background:#0061aa; border:1px solid #fff; display:block; color:#FFF; padding:3px; text-decoration:none; } .testimonialRead a:visited:hover, .testimonialRead a:hover{ text-decoration:underline; } .testimonialEnlarge { position:absolute; left:0px; top:0px; } .testimonialEnlarge a:visited, .testimonialEnlarge a:active, .testimonialEnlarge a { background:#0061aa; border-right:1px solid #fff; border-bottom:1px solid #fff; display:block; color:#FFF; padding:3px; text-decoration:none; } .testimonialEnlarge a:visited:hover, .testimonialEnlarge a:hover{ text-decoration:underline; } .testimonialQuote { color:#26afbe; clear:both; padding:16px 0 0 4px; } #testimonialPop { z-index:982; position: absolute; width:356px; left: 5%; top:25%; padding:5px; } #testimonialPopBack { z-index:980; position:absolute; left:0; top:0; background:#333; filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50; width:100%; height:100%; } #testimonialContent { clear:both; } #testimonialTop { background:transparent url(../images/testimonial_popup_top.png) no-repeat 0px 0px; clear:both; height:11px; width:551px; } #testimonialBottom { background:transparent url(../images/testimonial_popup_bottom.png) no-repeat 0px 0px; clear:both; height:5px; width:551px; } #testimonialMiddle { background:#FFF; width:551px; } #testimonialImage { background:#FFF; width:535px; } #testimonialClose { position:absolute; left:-10px; top:-10px; } #testimonialClose a:visited, #testimonialClose a:active, #testimonialClose a { background:transparent url(../images/testimonialclose.png) no-repeat 0px 0px; display:block; height:42px; overflow:hidden; text-indent:-1000px; width:42px; } #testimonialClose a:visited:hover, #testimonialClose a:hover{ } #testimonialPopTitle { clear:both; color:#0061aa; padding:0 0 10px 0; } #testimonialPopContent { color:#858585; } #testimonialPopQuote { color:#00a3b4; } #shopSticker { position:absolute; left:20px; top:145px; } #shopSticker a:visited, #shopSticker a:active, #shopSticker a { background:transparent url(../images/shopsticker.png) no-repeat 0px 0px; display:block; height:127px; overflow:hidden; text-indent:-1000px; width:141px; } #shopSticker a:visited:hover, #shopSticker a:hvoer { } /*---- getInTouch -----*/ .contactDetails { color:#5BC8D7; padding:15px 0 0 0; } .contactDetails strong { color:#1BC3DF; } #getInTouch { background:transparent url(../images/images/contactback.jpg) no-repeat 18px 0px; clear:both; } #getInTouch h3 { padding:0 0 8px 0; } .branchList { background:transparent url(../images/images/contactpagecenter.jpg) repeat-y 0px 0px; clear:both; } .branchListTop { background:transparent url(../images/images/contactpagetop.jpg) no-repeat 0px 0px; clear:both; height:14px; } .branchListMain { background:transparent url(../images/images/contactpagebottom.jpg) no-repeat 0px bottom; padding:0 0 20px 0; } .branchListMinHeight { clear:none; float:left; width:19px; height:200px; } .branchListContent { clear:none; float:left; width:621px; } .branchItem1row { clear:both; padding: 10px 0 10px 0; color:#999; } .branchItem1row strong { color:#5bc8d7; } .branchItem2row { border-bottom:1px solid #CFFBFF; color:#999; clear:both; padding:10px 0 10px 0; } .branchItem2row strong { color:#5bc8d7; } .branchItem3row { clear:both; text-align:right; padding:10px 0 25px 0; color:#ccc; } .branchItem3row a:visited, .branchItem3row a:hover, .branchItem3row a { color:#999; text-decoration:underline; } .branchItem3row a:visited:hover, .branchItem3row a:hover { color:#999; text-decoration:none; } .contactPage { clear:both; padding:30px 0 45px 110px; } .contactPageTop { clear:both; height:148px; } .contactMenu { clear:both; text-align:right; width:657px; } .contactMenu img { border:0; } .contactListItem { clear:both; padding-bottom:15px; border-bottom:1px solid #5BC9D8; padding:0 0 12px 0; margin:0 0 4px 0; } .contactListItem a:visited, .contactListItem a:active, .contactListItem a { color:#999; text-decoration:none; } .contactListItem a:visited:hover, .contactListItem a:hover{ color:#999; text-decoration:underline; } .contactListLeft { clear:none; float:left; width:305px; line-height:140%; } .contactListRight { clear:none; float:left; width:200px; line-height:130%; } /*---- offer ----*/ #offerPop { z-index:982; position: absolute; width:356px; height:450px; left: 5%; top:25%; background:#fff; padding:5px; } #offerPopBack { z-index:980; position:absolute; left:0; top:0; background:#0098C9; filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50; width:100%; height:100%; } #offerPopContent { clear:both; } #offerText { clear:both; padding:20px 0 0 0; } #offerText a:visited, #offerText a:active, #offerText a { color:#019CCA; text-decoration:none; } #offerText a:visited:hover, #offerText a:hover { color:#019CCA; text-decoration:underline; } /*---- search ---------*/ .searchTitle { clear:both; font-size:130%; padding:15px 0 15px 0; } .searchItem { padding:0 30px 14px 3px; } .searchItem a:visited, .searchItem a:active, .searchItem a { font-size:110%; color:#38ADBB; text-decoration:none; padding:0 0 2px 0; } .searchItem a:visited:hover, .searchItem a:hover { font-size:110%; color:#38ADBB; text-decoration:underline; padding:0 0 2px 0; } .searchItemText { padding:3px 0 0 0; font-size:90%; } /*---- home content fade --*/ .textSlide { background:#FFFFFF;position:absolute; height:67px; width:505px; } .itemPrice select { width:198px; } /*----------------*/ html, body { height: 100%; } #newTop { background:transparent url(../images/new_searchbar.png) no-repeat 0px 0px; clear:both; height:64px; margin:0 auto; width:980px; } #newMain { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -287px; /* the bottom margin is the negative value of the footer's height */ } #newFooter, .push { height: 287px; /* .push must be the same height as .footer */ } /*---- SHOWROOMS */ #showroomFind { clear:both; padding:0 0 0 17px; } #showroomSearchTitle { color:#009cb2; padding:30px 30px 0 30px; } #showroomSearchSubtitle { color:#8a8a8a; padding:2px 30px 30px 30px; } #showroomMap { background:transparent url(../images/showroom_map.jpg) no-repeat 0px 0px; height:893px; position:relative; width:840px; } #showroomMapContent { position:absolute; left:351px; top:15px; } #showroomMapContact { clear:both; color:#009CB2; padding:0 0 0 22px; } .showroomMarker { height:53px; position:absolute; width:54px; } .showroomMarker a:visited, .showroomMarker a:active, .showroomMarker a { background:transparent url(../images/showroom_marker.png) no-repeat 0px 0px; color:#FFF; display:block; text-decoration:none; height:53px; width:54px; } .showroomMarker a:visited:hover, .showroomMarker a:hover { background:transparent url(../images/showroom_marker.png) no-repeat 0px 0px; color:#FFF; display:block; text-decoration:none; width:350px; height:200px; } /*a:hover { background:#fff; display:block; text-decoration:none; height:200px; width:350px; } /*BG color is a must for IE6*/ a.tooltip span { background:transparent url(../images/showroomtooltip.png) no-repeat 0px 0px; color:#FFF; display:none; height:98px; padding:55px 50px 0 20px; margin-left:8px; text-align:center; width:284px;} a.tooltip:hover span { background:transparent url(../images/showroomtooltip.png) no-repeat 0px 0px; color:#FFF; display:inline; position:absolute; top:-110px; left:10px;} .showroomMarker strong { font-weight:normal; } .showroomMarker i { font-style:normal; } #showroomList { clear:none; float:left; padding:5px 0 0 20px; width:397px; } #showroomList label { background:transparent url(../images/showroomlist_title.jpg) no-repeat 0px 0px; display:block; height:27px; overflow:hidden; text-indent:-1000px; width:383px; } #showroomSearch { clear:none; float:left; padding:16px 0 0 20px; width:397px; } #showroomSearch label { background:transparent url(../images/showroomsearch_title.jpg) no-repeat 0px 0px; display:block; height:27px; overflow:hidden; text-indent:-1000px; width:383px; } #showroomMapContact { line-height:140%; } #showroomMapContact h2 { font-weight:normal; } #showroomSearchText { clear:both; color:#009CB2; padding:12px 0 0 20px; } #showroomSearchText a:visited, #showroomSearchText a:active, #showroomSearchText a { color:#009CB2; text-decoration:underline; } #showroomSearchText a:visited:hover, #showroomSearchText a:hover{ color:#009CB2; text-decoration:none; } .showroomForm button { background:transparent url(../images/showroom_go.jpg) no-repeat 0px 0px; border:0; display;block; height:23px; overflow:hidden; text-indent:-1000px; width:22px; } #showroomView { clear:both; } #showroomTop { clear:both; padding:0 28px 0 28px; } #showroomTopLeft { clear:none; float:left; width:265px; } #showroomTopLeft h2 { color:#009cb2; font-weight:normal; } .showroomInfo { clear:both; padding:8px 0 0 0; } .showroomInfoTitle { clear:both; color:#22a9bc; } .showroomInfoText { clear:both; color:#626262; } #showroomTopRight { clear:none; float:right; width:545px; } #showroomContent { clear:both; padding:14px 21px 0 28px; } #showroomContentLeft { clear:none; float:left; line-height:150%; width:524px; } #showroomContentLeft h3 { color:#009cb2; font-weight:normal; padding:0 0 10px 0; } #showroomContentText { color:#626262; } .showroomButtons { clear:both; } .showroomButtons ul { list-style:none; } .showroomButtons li { clear:none; float:left; } .showroomButtons a { display:block; clear:none; float:left; } .buttonRequest { clear:none; float:left; padding:0 5px 0 0; } .buttonRequest a:visited, .buttonRequest a:active, .buttonRequest a { border-bottom:1px solid #009cb2; border-right:1px solid #009cb2; border-left:1px solid #009cb2; background:transparent url(../images/showroombutton_bg.jpg) repeat-x 0px 0px; color:#fff; display:block; height:22px; padding:8px 8px 0 8px; text-decoration:none; } .buttonRequest a:visited:hover, .buttonRequest a:hover { color:#fff; text-decoration:none; } .buttonOffers { clear:none; float:left; } .buttonOffers a:visited, .buttonOffers a:active, .buttonOffers a { border-bottom:1px solid #009cb2; border-right:1px solid #009cb2; border-left:1px solid #009cb2; color:#009cb2; display:block; height:22px; padding:8px 8px 0 8px; text-decoration:none; } .buttonOffers a:visited:hover, .buttonOffers a:hover { color:#009cb2; text-decoration:none; } #showroomImage { border:1px solid #009cb2; clear:both; } #showroomThumbs { clear:none; float:right; padding:6px 0 0 0; } #showroomThumbs img { border:1px solid #009cb2; } #showroomOffers { background:transparent url(../images/showroomoffers.jpg) no-repeat 0px 0px; clear:none; float:right; height:222px; width:266px; } #showroomOffers ul { padding:98px 0 0 20px; margin:0; } #showroomOffers li { color:#fff; list-style:none; padding:10px 0 0 4px; } #showroomOffers a:visited, #showroomOffers a:active, #showroomOffers a { color:#fff; font-weight:bold; padding:0; text-decoration:none; width:11px; } #showroomOffers a:visited:hover, #showroomOffers a:visited{ color:#fff; text-decoration:underline; } #adTrack { clear:both; padding:20px 0 0 28px; } #adTrackTitle { background:transparent url(../images/brochurerequest.jpg) no-repeat 0px 0px; clear:both; display:block; height:53px; overflow:hidden; text-indent:-1000px; width:828px; } #adTrackFrame { background:transparent url(../images/frameborder.jpg) no-repeat 0px 0px; clear:both; padding:30px 0 0 20px; } /*---- hta */ #htaBanner { background:transparent url(../images/new_homeshadow.jpg) no-repeat center 0px; clear:both; position:relative; width:881px; height:352px; } #htaBanner h2 { background:transparent url(../images/htabanner.jpg) no-repeat 28px 0px; display:block; height:331px; overflow:hidden; text-indent:-1000px; width:854px; } #htaTop { color:#222; clear:both; padding:20px 26px 0 26px; line-height:160%; } #htaTop h3 { color:#0057a3; padding:0 0 15px 0; line-height:140%; font-weight:normal; } #htaTop h4 { color:#0057a3; padding:0 0 10px 0; } #htaTop a:visited, #htaTop a:active, #htaTop a { color:#0057A3; } #htaTop a:visited:hover, #htaTop a:hover { color:#0057A3; text-decoration:none; } #htaCols { clear:both; padding:20px 0 0 0; line-height:160%; } #htaCols h4 { color:#0057a3; padding:0 0 10px 0; } #htaColsLeft { clear:none; float:left; padding:0 0 0 26px; width:382px; } #htaColsRight { clear:none; float:right; padding:0 26px 0 0; width:384px; } #htaBottom { clear:both; padding:20px 26px 0 26px; } #htaBottom h5 { color:#0057a3; padding:0 0 15px 0; } #htaBottom a:visited, #htaBottom a:active, #htaBottom a { color:#000; text-decoration:none; } #htaBottom a:visited:hover, #htaBottom a:hover { color:#000; text-decoration:underline; } #htaBottomLeft { border:1px solid #29a1aa; clear:none; float:left; padding:14px 14px 8px 14px; width:347px; } .htaContactItem { clear:both; padding:0 0 10px 0; } #htaBottomRight { background:transparent url(../images/htabottomtext.jpg) no-repeat 0px 0px; clear:none; display:block; float:right; height:160px; overflow:hidden; text-indent:-1000px; width:357px; } .htaContactTitle { color:#0057a3; font-weight:bold; } #htaNote { clear:both; padding:20px 26px 0 26px; } #htaNote a:visited, #htaNote a:active, #htaNote a { color:#000; text-decoration:underline; } #htaNote a:visited:hover, #htaNote a:hover { color:#000; text-decoration:none; } /*---- */ #newContent { clear:both; margin:0 auto; width:980px; } #newContentLeft { background:transparent url(../images/new_leftcol.png) no-repeat 0px 0px; clear:none; float:left; height:537px; width:37px; } #newContentMiddle { background:#FFF; clear:none; float:left; width:900px; } #newContentRight { background:transparent url(../images/new_rightcol.png) no-repeat 0px 0px; clear:none; float:right; height:537px; width:43px; } #newMinHeight { clear:none; float:left; height:540px; width:10px; } #newPageContent { clear:none; float:left; position:relative; width:880px; } .newNav { clear:both; padding:4px 0 18px 18px; } .newNavBottom { clear:both; height:20px; font-size:0; line-height:0; } .newNav ul { list-style:none; } .newNav li { border-left:1px solid #ccc; border-bottom:1px solid #ccc; clear:none; float:left; } #firstMenu { border-left:0; } .newNav a:visited, .newNav a:active, .newNav a { color:#12A9BA; display:block; font-weight:bold; padding:4px 8px; text-decoration:none; } .newNav a:visited:hover, .newNav a:hover { color:#0357A0; text-decoration:none; } #newFooter { background:transparent url(../images/new_footerimage.jpg) repeat-x center 0px; } #newFooterContent { background:transparent url(../images/new_footerlogo.jpg) no-repeat 2px 1px; height:287px; margin:0 auto; position:relative; width:940px; } #newFooterContentTop { clear:both; height:92px; padding:23px 0 0 30px; } #newFooterContentBottom { clear:both; padding:0 0 0 222px; position:relative; } #newFooterContentTub { background:transparent url(../images/new_footertub.png) no-repeat 0px 0px; height:225px; position:absolute; overflow:hidden; right:0px; top:45px; text-indent:-1000px; width:255px; } #newFooterContentDuck { background:transparent url(../images/shopfooter.png) no-repeat 0px 0px; height:225px; position:absolute; overflow:hidden; right:0px; top:45px; text-indent:-1000px; width:255px; } #newFooterContentProduct { background:transparent url(../images/productfooter.png) no-repeat 0px 0px; height:225px; position:absolute; overflow:hidden; right:0px; top:45px; text-indent:-1000px; width:255px; } #newFooterContentBenefit { background:transparent url(../images/benefitsfooter.png) no-repeat 0px 0px; height:225px; position:absolute; overflow:hidden; right:0px; top:45px; text-indent:-1000px; width:255px; } #newFooterContentInnovation { background:transparent url(../images/innovationfooter.png) no-repeat 0px 0px; height:225px; position:absolute; overflow:hidden; right:0px; top:45px; text-indent:-1000px; width:255px; } #newFooterContentOffers { background:transparent url(../images/offersfooter.png) no-repeat 0px 0px; height:225px; position:absolute; overflow:hidden; right:0px; top:45px; text-indent:-1000px; width:255px; } #newFooterContentAce { background:transparent url(../images/acefooter.png) no-repeat 0px 0px; height:225px; position:absolute; overflow:hidden; right:0px; top:45px; text-indent:-1000px; width:255px; } #newCreditLink { position:absolute; bottom: 5px; color:#fff; left:20px; } #newCreditLink a:visited, #newCreditLink a:active, #newCreditLink a { color:#FFF; text-decoration:none; } #newCreditLink a:visited:hover, #newCreditLink a:hover { color:#FFF; text-decoration:underline; } #newHomeFade { background:transparent url(../images/new_homeshadow.jpg) no-repeat center 0px; clear:both; position:absolute; top:155px; width:881px; height:352px; } .newSlide { position:absolute; padding:0 0 0 29px; } .newSlide img { border:0; } #newFooterTitle { background:transparent url(../images/new_footertitle.png) no-repeat 0px 0px; height:36px; overflow:hidden; text-indent:-1000px; width:449px; } #newFooterMenu { clear:both; } #newFooterMenu ul { clear:none; float:left; list-style:none; padding:0 10px 0 0; } #newFooterMenu li { color:#FFF; font-weight:bold; } #newFooterMenu a:visited, #newFooterMenu a:active, #newFooterMenu a { color:#FFF; text-decoration:none; font-weight:normal; } #newFooterMenu a:visited:hover, #newFooterMenu a:hover { color:#FFF; text-decoration:underline; font-weight:normal; } #newFooterScroll { clear:none; float:left; overflow:hidden; position:relative; height:38px; width:400px; } #newFooterScrollLeft { background:transparent url(../images/new_scrolltextleft.png) no-repeat 0px 0px; clear:none; height:48px; float:left; width:22px; } #newFooterScrollRight { background:transparent url(../images/news_scrolltextright.png) no-repeat 0px 0px; clear:none; height:48px; float:left; width:22px; } #homeBottom { clear:both; padding:0 0 0 10px; width:875px; } /*------- quick link -----------*/ #newQuickLink1 { clear:none;float:left; width:185px; } #newQuickLink2 { clear:none;float:left; width:185px; } .quickLink { height:114px; position:absolute; overflow:hidden; text-indent:-1000px; width:189px; } .quickLinkContent { clear:both; position:relative; height:114px; width:189px; } /*------ newsletter form -------*/ #newsLetterRegister { clear:none;float:right; padding:0 15px 0 0; } .newsLetterField { clear:both; padding:6px 0 0 0; } .newsLetterField label { clear:none; color:#0057a3; float:left; padding:4px 0 0 0; width:38px; } .newsLetterField input { clear:none; float:left; padding:3px; } #newsLetterTitle { background:transparent url(../images/new_newsletter_title.jpg) no-repeat 38px 0px; height:16px; overflow:hidden; text-indent:-1000px; width:227px; } #newsLetterText { clear:both; color:#0057a3; padding:6px 0 0 38px; } #newsLetterButton { clear:both; padding:6px 0 0 0; text-align:right; } #newsLetterButton button{ background:0; border:0; color:#0057a3; } .newsLetterFieldNormal { border:0; background:transparent url(../images/new_contacterrorfields.jpg) no-repeat 0px 0px; height:16px; overflow:hidden; width:182px; } .newsLetterFieldPass { border:0; background:transparent url(../images/new_contacterrorfields.jpg) no-repeat 0px -44px; height:16px; overflow:hidden; width:182px; } .newsLetterFieldFail { border:0; background:transparent url(../images/new_contacterrorfields.jpg) no-repeat 0px -22px; height:16px; overflow:hidden; width:182px; } /*------ news fader -----------*/ #newsFader { clear:none; float:left; height:114px; width:200px; } #newsFaderContent { clear:both; height:114px; position:relative; width:189px; } .newFadeNews { background:transparent url(../images/news.jpg) no-repeat 0px 0px; position:absolute; height:95px; padding:8px 15px 0 24px; width:143px; } .newsFaderItemNews { clear:both; height:23px; width:82px; } .newsFaderItemNews a:visited, .newsFaderItemNews a:active, .newsFaderItemNews a { background:transparent url(../images/new_newstitle.jpg) no-repeat 0px 0px; clear:both; display:block; height:25px; text-indent:-1000px; overflow:hidden; width:82px; } .newsFaderItemNews a:visited:hover, .newsFaderItemNews a:hover{ } .newsFaderItemTitle { clear:both; color:#fff; font-weight:bold; padding:2px 0 0 0; } .newsFaderItemTitle a:visited, .newsFaderItemTitle a:active, .newsFaderItemTitle a { color:#fff; text-decoration:none; } .newsFaderItemTitle a:visited:hover, .newsFaderItemTitle a:hover{ color:#fff; text-decoration:underline; } .newsFaderItemContent { clear:both; color:#fff; } .newsFaderItemRead { clear:both; color:#fff; padding:2px 0 0 0; } .newsFaderItemRead a:visited, .newsFaderItemRead a:active, .newsFaderItemRead a { color:#fff; text-decoration:none; } .newsFaderItemRead a:visited:hover, .newsFaderItemRead:hover{ color:#fff; text-decoration:underline; } /*----- news ------------------*/ #newsList { clear:both; padding:0 0 0 30px; } #newsList h2 { color:#008BC3; padding:0 0 0 0; } .newsItem { clear:both; padding:15px 0 15px 0; border-bottom:1px dotted #999; } .newsItemThumb { clear:none; float:left; width:120px; } .newsItemThumb img { border:0; } .newsItemRight { clear:none; float:left; width:705px; } .newsItemTitle { clear:both; } .newsItemTitle a:visited, .newsItemTitle a:active, .newsItemTitle a { color:#008BC3; text-decoration:none; } .newsItemTitle a:visited:hover, .newsItemTitle a:hover { color:#008BC3; text-decoration:underline; } .newsItemContent { clear:both; } .newsItemRead { clear:both; padding:4px 0 0 0; } .newsItemRead a:visited, .newsItemRead a:active, .newsItemRead a { color:#008BC3; text-decoration:none; } .newsItemRead a:visited:hover, .newsItemRead a { color:#008BC3; text-decoration:none; } #newsShowBack { clear:both; padding:15px 0 10px 0; } #newsShowBack a:visited, #newsShowBack a:active, #newsShowBack a { color:#666; text-decoration:none; } #newsShowBack a:vistied:hover, #newsShowBack a:hover { color:#666; text-decoration:underline; } #newsShowTitle { color:#008BC3; padding:0 0 10px 0; } #newsShowContent { } #newsShowContent img { padding:0 10px 10px 0; } /*----- offers ----------------*/ #newOfferMenu { clear:none; float:left; width:248px; } #newOfferMenu ul { list-style:none; padding:0 0 0 30px; } #newOfferMenu li { } #newOfferMenu a:visited, #newOfferMenu a:active, #newOfferMenu a { border-bottom:1px dotted #333; color:#000; display:block; padding:4px 0 4px 0; text-decoration:none; width:200px; } #newOfferMenu a:visited:hover, #newOfferMenu a:hover { color:#000; text-decoration:none; } #newOfferMenu h2 { color:#00A4B2; padding:0 0 10px 30px; } #newOfferContent { clear:none; float:left; width:596px; } /*------ popup coming soon ----*/ #popupSoon { z-index:982; border:4px solid #fff; position: absolute; width:450px; height:250px; left: 200px; top:100px; background:#FFFFFF; visibility:hidden; } #popupBackSoon { z-index:980; position:absolute; left:0; top:0; background:#000000; width:100%; height:100%; visibility:hidden; } #popupContentSoon { clear:both; } #popupCloseSoon { position:absolute; right:-10px; top:-10px; } #popupCloseSoon a:visited, #popupCloseSoon a:active, #popupCloseSoon a { background:transparent url(../images/popupclose.png) no-repeat 0px 0px; display:block; height:60px; overflow:hidden; text-indent:-1000px; width:60px; } #popupCloseSoon a:visited:hover, #popupCloseSoon a:hover { } /*------ popup coming soon ----*/ #popupTestimonial { z-index:982; position: absolute; left: 200px; top:100px; background:#FFFFFF; visibility:hidden; } #popupBackTestimonial { z-index:980; position:absolute; left:0; top:0; background:#000000; width:100%; height:100%; visibility:hidden; } #popupContentTestimonial { background:#fff; clear:both; padding:8px 0 0 0; width:551px; } #popupCloseTestimonial { position:absolute; right:-10px; top:-10px; } #popupCloseTestimonial a:visited, #popupCloseTestimonial a:active, #popupCloseTestimonial a { background:transparent url(../images/popupclose.png) no-repeat 0px 0px; display:block; height:60px; overflow:hidden; text-indent:-1000px; width:60px; } #popupCloseTestimonial a:visited:hover, #popupCloseTestimonial a:hover { } .popuploading { background:#000 url(../images/loading.gif) no-repeat center 400px; top:0; left:0; width:100%; position:absolute; visibility:hidden; z-index:900; } #secureLogo { position:absolute; z-index:100; right:342px; top:20px; } /*======================*/ /*---- innovation ------*/ /*======================*/ #innovationItems { clear:both; } .innovationItem { background:#0000ff; border-bottom:1px solid #fff; clear:both; display:block; height:331px; overflow:hidden; width:826px; } .innovationLighting { background:url(../images/innovation_lighting.jpg) no-repeat 0px 0px; } .innovationControl { background:url(../images/innovation_control.jpg) no-repeat 0px 0px; } .innovationEntertainment{ background:url(../images/innovation_entertainment.jpg) no-repeat 0px 0px; } .innovationWater { background:url(../images/innovation_water.jpg) no-repeat 0px 0px; } .innovationJets { background:url(../images/innovation_jets.jpg) no-repeat 0px 0px; } .innovationLeft { clear:none; float:left; width:214px; } .innovationRight { clear:none; float:right; width:214px; } .innovationText { clear:both; color:#fff; height:196px; padding:0 19px; } .innovationLink { clear:both; padding:0 0 0 20px; } .innovationLink a:visited, .innovationLink a:active, .innovationLink a { color:#fff; font-style:italic; text-decoration:none; } .innovationLink a:visited:hover, .innovationLink a:hover { color:#fff; text-decoration:underline; } .titleLighting { clear:both; height:85px; padding:28px 0 0 16px; } .titleLighting a:visited, .titleLighting a:active, .titleLighting a { background:url(../images/innovationtitle_lighting.jpg) no-repeat 0px 0px; display:block; height:50px; overflow:hidden; text-indent:-1000px; width:167px; } .titleLighting a:visited:hover, .titleLighting a:hover { } .titleControl { clear:both; height:85px; padding:27px 0 0 25px; } .titleControl a:visited, .titleControl a:active, .titleControl a { background:url(../images/innovationtitle_control.jpg) no-repeat 0px 0px; display:block; height:50px; overflow:hidden; text-indent:-1000px; width:167px; } .titleControl a:visited:hover, .titleControl a:hover { } .titleMusic { clear:both; height:102px; padding:11px 0 0 13px; } .titleMusic a:visited, .titleMusic a:active, .titleMusic a { background:url(../images/innovationtitle_music.jpg) no-repeat 0px 0px; display:block; height:50px; overflow:hidden; text-indent:-1000px; width:190px; } .titleMusic a:visited:hover, .titleMusic a:hover { } .titleWater { clear:both; height:85px; padding:23px 0 0 13px; } .titleWater a:visited, .titleWater a:active, .titleWater a { background:url(../images/innovationtitle_water.jpg) no-repeat 0px 0px; display:block; height:55px; overflow:hidden; text-indent:-1000px; width:171px; } .titleWater a:visited:hover, .titleWater a:hover { } .titleJets { clear:both; height:85px; padding:23px 0 0 13px; } .titleJets a:visited, .titleJets a:active, .titleJets a { background:url(../images/innovationtitle_jets.jpg) no-repeat 0px 0px; display:block; height:55px; overflow:hidden; text-indent:-1000px; width:171px; } .titleJets a:visited:hover, .titleJets a:hover { } .innovationTitle { clear:both; height:113px; } /*====================== innovation sub ====================*/ #innovationSubTop { clear:both; } #innovationSubTitle { clear:none; float:left; } #innovationSubContent { clear:none; color:#727272; float:right; padding:0 25px 0 0; width:405px; } #innovationTop { clear:both; width:826px; } #innovationBack { clear:none; float:left; padding:33px 0 0 0; width:100px; } #innovationBack a:visited, #innovationBack a:active, #innovationBack a { color:#00A6B0; text-decoration:none; } #innovationBack a:visited:hover, #innovationBack a:hover { color:#00A6B0; text-decoration:underline; } #innovationSubMenu { clear:none; float:right; padding:20px 0 0 0; line-height:175%; text-align:right; width:726px; } #innovationSubMenu a { padding:0 0 0 15px; } /*---- purple */ .purpleSubMenu a:visited, .purpleSubMenu a:active, .purpleSubMenu a { color:#727272; text-decoration:none; } .purpleSubMenu a:visited:hover, .purpleSubMenu a:hover { color:#c63bb8; text-decoration:none; } /*---- green */ .greenSubMenu a:visited, .greenSubMenu a:active, .greenSubMenu a { color:#727272; text-decoration:none; } .greenSubMenu a:visited:hover, .greenSubMenu a:hover { color:#16521C; text-decoration:none; } /*---- black */ .blackSubMenu a:visited, .blackSubMenu a:active, .blackSubMenu a { color:#727272; text-decoration:none; } .blackSubMenu a:visited:hover, .blackSubMenu a:hover { color:#2B1D1C; text-decoration:none; } /*---- blue */ .blueSubMenu a:visited, .blueSubMenu a:active, .blueSubMenu a { color:#727272; text-decoration:none; } .blueSubMenu a:visited:hover, .blueSubMenu a:hover { color:#003C68; text-decoration:none; } /*---- light blue */ .lightblueSubMenu a:visited, .lightblueSubMenu a:active, .lightblueSubMenu a { color:#727272; text-decoration:none; } .lightblueSubMenu a:visited:hover, .lightblueSubMenu a:hover{ color:#006B7B; text-decoration:none; } .innovationSub { clear:both; padding:20px 0 0 0; width:826px; } .innovationSubLeft { clear:none; color:#fff; float:left; height:331px; width:214px; } .purpleSubLeft { background:url(../images/innovation_item_purple.jpg); } .greenSubLeft { background:url(../images/innovation_item_green.jpg); } .blackSubLeft { background:url(../images/innovation_item_black.jpg); } .blueSubLeft { background:url(../images/innovation_item_blue.jpg); } .lightblueSubLeft { background:url(../images/innovation_item_lightblue.jpg); } .innovationSubRight { clear:none; float:right; height:331px; width:610px; } .innovationSubContent { clear:both; padding:10px 18px 0 18px; } .innovationQuote { clear:both; padding:20px 0 0 0; } #innovationPageTitle { position:absolute; right:27px; top:20px; } #innovationPageTitle a:visited, #innovationPageTitle a:active, #innovationPageTitle a { background:url(../images/innovation-technology.jpg) no-repeat 0px 0px; display:block; height:40px; overflow:hidden; text-indent:-1000px; width:494px; } #innovationPageTitle a:visited:hover, #innovationPageTitle a:hover{ } /*======================*/ /*-- brochure request --*/ /*======================*/ #requestTop { clear:both; } #requestTop h1 { background:url(../images/brochurequest_title.jpg) no-repeat 0px 0px; clear:none; display:block; float:left; height:186px; overflow:hidden; text-indent:-1000px; width:474px; } #requestText { clear:none; color:#727272; float:right; padding:75px 20px 0 0; width:340px; } #requestBottom { clear:both; } #requestForm { clear:none; float:left; padding:41px 0 0 0; width:392px; } #requestImage { clear:none; float:right; } #requestFormTitle { color:#1f6bae; font-weight:normal; padding:0 0 0 87px; } .requestField { clear:both; padding:8px 0 0 0; } .requestField label { clear:none; color:#1f6bae; float:left; padding:4px 10px 0 0; text-align:right; width:80px; } .requestInput { padding:4px 0 0 4px; } .requestNormal { background:url(../images/request_normal.jpg) no-repeat 0px 0px; border:0; height:18px; width:294px; } .requestPass { background:url(../images/request_pass.jpg) no-repeat 0px 0px; border:0; height:18px; width:294px; } .requestFail { background:url(../images/request_fail.jpg) no-repeat 0px 0px; border:0; height:18px; width:294px; } .requestAreaNormal { background:url(../images/request_textarea_normal.jpg) no-repeat 0px 0px; border:0; height:71px; width:294px; } .requestAreaPass { background:url(../images/request_textarea_pass.jpg) no-repeat 0px 0px; border:0; height:71px; width:294px; } .requestAreaFail { background:url(../images/request_textarea_fail.jpg) no-repeat 0px 0px; border:0; height:71px; width:294px; } #requestButton { background:url(../images/request_buttonbg.gif) no-repeat 0px 10px; clear:both; margin:0 0 0 89px; padding:10px 0 0 196px; } #requestForm button { background:#fff; border:0; color:#0061a9; padding:0 10px 0 0; } #requestSent { clear:both; padding:20px 0 0 0; } #homeRequest { clear:none; float:left; height:95px; width:232px; } #homeRequest a:visited, #homeRequest a:active, #homeRequest a { background:url(../images/home_brochure_request.jpg) no-repeat 0px 0px; display:block; height:90px; overflow:hidden; text-indent:-1000px; width:200px; } #homeRequest a:visited:hover, #homeRequest a:hover { } /*---- video */ #homeVideos { clear:both; padding:20px 10px 20px 0; } #videoLeft { clear:none; float:left; padding:0 0 0 14px; width:616px; } #videoTitle { clear:both; } #videoTitleLeft { background:url(../images/tvlabel.jpg) no-repeat 0px 0px; clear:none; float:left; height:25px; overflow:hidden; text-indent:-1000px; width:112px; } #videoTitleRight { clear:none; color:#009bb4; float:right; padding:5px 0 0 0; width:496px; } #videoPlayer { } #videoSlider { clear:none; float:right; padding:25px 0 0 0; position:relative; width:212px; } .videoSliderItem { clear:both; padding:0 0 1px 0; } .videoSliderItem img { border:0; } #topArrow { height:38px; position:absolute; top:25px; width:212px; z-index:501; } #topArrow a:visited, #topArrow a:active, #topArrow a { background:transparent url(../images/videotoparrow.png) no-repeat 0px 0px; display:block; height:38px; overflow:hidden; text-indent:-1000px; width:212px; } #topArrow a:visited:hover, #topArrow a:hover { background:transparent url(../images/videotoparrow_hover.png) no-repeat 0px 0px; } #bottomArrow { height:38px; position:absolute; top:370px; width:212px; z-index:501; } #bottomArrow a:visited, #bottomArrow a:active, #bottomArrow a { background:transparent url(../images/videobottomarrow.png) no-repeat 0px 0px; display:block; height:38px; overflow:hidden; text-indent:-1000px; width:212px; } #bottomArrow a:visited:hover, #bottomArrow a:hover { background:transparent url(../images/videobottomarrow_hover.png) no-repeat 0px 0px; } #sliderContentVideo { height:381px; position:absolute; overflow:hidden; width:212px; } #sliderSlidesVideo { position:absolute; top:0px; height:5000px; } .videoSliderItem { clear:both; } /*======================*/ /*-- benefits --*/ /*======================*/ #benefitsPageTitle { position:absolute; right:27px; top:20px; } #benefitsPageTitle a:visited, #benefitsPageTitle a:active, #benefitsPageTitle a { background:url(../images/innovation-technology.jpg) no-repeat 0px 0px; display:block; height:40px; overflow:hidden; text-indent:-1000px; width:494px; } #benefitsPageTitle a:visited:hover, #benefitsPageTitle a:hover{ } #contentTopBenefit { clear:both; width:835px; } #contentTopLeftBenefit { background: url(../images/benefitsSubheading.jpg) no-repeat 15px 0px; float:left; height:95px; overflow:hidden; text-indent:-1000px; width:238px; } #contentTopRightBenefit { background:url(../images/benefitsText.jpg) no-repeat 0px 0px; float:right; height:121px; overflow:hidden; text-indent:-1000px; width:403px; } #benefitNav { clear:both; font-family:Arial, Helvetica, sans-serif; margin:0 auto; padding:15px 0 20px 0; text-align:center; width:835px; } #benefitNav a:visited, #benefitNav a:active, #benefitNav a { color:#727272;clear:none; display:block; float:left; font-weight:bold; padding:0 14px 0 15px; text-decoration:none; } #benefitNav a:visited:hover, #benefitNav a:hover { background:url(../images/benefitsHoverArrow.jpg) 0px 0px no-repeat; color:#009cb2; font-weight:bold; text-decoration:none; } #benefitImage { background:url(../images/benefitsImage.jpg) no-repeat 0px 0px; height:320px; margin:0 auto; overflow:hidden; text-indent:-1000px; width:826px; } .benefitMainText { color:#009cb2; font-family:Arial, Helvetica, sans-serif; padding:30px 0 10px 15px;} .benefitSubText { border-bottom:#009cb2 solid 1px; clear:both; color:#7b7b7b; font-family:Arial, Helvetica, sans-serif; text-align:left; } .benefitSubTextLeft { color:#7b7b7b; float:left; font-family:Arial, Helvetica, sans-serif; padding:10px 10px 20px 15px; text-align:left; width:400px;} .benefitSubTextRight { color:#7b7b7b; float:left; font-family:Arial, Helvetica, sans-serif; padding:10px 15px 20px 10px; text-align:left; width:400px;} .benefitItem { border-bottom:#009cb2 solid 1px; clear:both; } .benefitItemLeft { float:left; padding:20px 10px 10px 15px; width:400px; } .benefitItemRight { float:right; padding:20px 0 20px 0; width:400px;} .benefitItemHeader { color:#009cb2; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding-bottom:5px;} .benefitItemText { color:#7b7b7b; } .benefitItemText strong { clear:both; color:#009cb2; font-family:Arial, Helvetica, sans-serif; font-weight:lighter; } .benefitItemText i { clear:both; color:#0057a4; font-family:Arial, Helvetica, sans-serif; font-weight:bold; } .benefitItemText ul { clear:both; font-family:Arial, Helvetica, sans-serif; font-weight:normal; padding-left:15px;} .benefitItemText li { clear:both; font-family:Arial, Helvetica, sans-serif; font-weight:normal; padding-bottom:5px;} #benefitLogo { background:url(../images/hotspringlogo_Spaleaders.jpg) no-repeat 0px 15px; clear:both; height:93px; margin:0 auto; overflow:hidden; padding-top:20px; text-indent:-1000px; width:296px; } #aceFooter { background:url(../images/ace_footer.jpg) no-repeat 0px 0px; clear:both; height:104px; margin:0 auto; overflow:hidden; text-indent:-1000px; width:606px; } #contentTopLeftAce { background: url(../images/acetitle.jpg) no-repeat 15px 0px; float:left; height:99px; overflow:hidden; text-indent:-1000px; width:426px; } #contentTopRightAce { background:url(../images/acetext.jpg) no-repeat 0px 0px; float:right; height:121px; overflow:hidden; text-indent:-1000px; width:358px; } #aceImage { clear:both; padding:0 0 10px 0; } #aceMainText { border-bottom:1px solid #009CB2; clear:both; color:#009CB2; line-height:160%; } #topButton { position:fixed; bottom:0; left:48%; z-index:999; } #topButton a:visited, #topButton a:active, #topButton a { background:url(../images/top-button.png) no-repeat 0px 0px; display:block; height:26px; overflow:hidden; text-indent:-1000px; width:111px; } #topButton a:visited:hover, #topButton a:hover { } #extraContent { clear:both; padding:362px 0 0 10px; } #extraCols { clear:both; color:#505050; line-height:140%; padding:20px; } #extraCols h3 { color:#009cb2; } #extraCols strong { color:#4081ba; } #extraCols em { color:#009cb2; } #extraCols a:visited, #extraCols a:active, #extraCols a { color:#009cb2; text-decoration:none; } #extraCols a:visited:hover, #extraCols a:hover { color:#009cb2; text-decoration:underline; } #socialIcons { position:absolute; left:498px; top:13px; } #facebookButton { clear:none; float:left; } #facebookButton a { background:url(../images/facebookicon.png) no-repeat 0px 0px; display:block; height:76px; overflow:hidden; text-indent:-1000px; width:66px; } #twitterButton { clear:none; float:left; } #twitterButton a { background:url(../images/twittericon.png) no-repeat 0px 0px; display:block; height:76px; overflow:hidden; text-indent:-1000px; width:66px; } #youtubeButton { clear:none; float:left; } #youtubeButton a { background:url(../images/youtubeicon.png) no-repeat 0px 0px; display:block; height:76px; overflow:hidden; text-indent:-1000px; width:66px; } #extraColsLeft { clear:none; float:left; width:260px; padding:0 25px 0 0; } #extraColsMiddle { clear:none; float:left; width:260px; padding:0 25px 0 0; } #extraColsRight { clear:none; float:left; width:260px; } #extraTop { clear:both; padding:0 0 0 15px; } #extaSlides { clear:none; float:left; } #quickLink { position:absolute; left:303px; top:0px; width:626px; } .pageMainTop { clear:both; height:114px; position:relative;} #sliderContentHome { height:100px; position:absolute; overflow:hidden; padding:10px 0 0 0; width:560px; z-index:500; } #sliderSlidesHome { height:100px; position:absolute; width:12000px; } .homeSlides { clear:none; color:#1DB5CA; float:left; width:560px; font-size:13px; } .homeSlides h2 { color:#008080; font-size:17px;font-weight:bold; padding:0 0 5px 0; } .homeSlides a:visited, .homeSlides a:active, .homeSlides a { color:#1DB5CA; text-decoration:underline; } .homeSlides a:visited:hover, .homeSlides a:hover { color:#1DB5CA; text-decoration:none; } /*-------- range ------*/ #ranges { clear:both; height:440px; position:relative; width:825px; } .rangeDiv { position:absolute; padding:10px 0 0 0; z-index:300; } .rangeImage { clear:both; padding:0 0 0 26px; } .rangeItems { position:absolute; text-align:center; top:310px; width:878px; } .rangeItems li { display:inline; } #rangesMenu { clear:both; padding:0 0 0 30px; } #rangesMenu ul { list-style:none; } #rangesMenu li { clear:none; float:left; padding:0 22px 0 0; margin:0; } .rangeHotspring a:visited, .rangeHotspring a:active, .rangeHotspring a { background:url(../images/rangelogo_hotspring.jpg) no-repeat 0px -75px; clear:none; display:block; float:left; height:75px; overflow:hidden; text-indent:-1000px; width:144px; } .rangeHotspring a:visited:hover, .rangeHotspring a:hover { background-position:0px 0px; } .rangeHotspring #selectRange { background:url(../images/rangelogo_hotspring_selected.jpg) no-repeat 0px 0px; } .rangeLimelight a:visited, .rangeLimelight a:active, .rangeLimelight a { background:url(../images/rangelogo_limelight.jpg) no-repeat 0px -75px; clear:none; display:block; float:left; height:75px; overflow:hidden; text-indent:-1000px; width:110px; } .rangeLimelight a:visited:hover, .rangeLimelight a:hover { background-position:0px 0px; } .rangeLimelight #selectRange { background:url(../images/rangelogo_limelight_selected.jpg) no-repeat 0px 0px; } .rangeHotspot a:visited, .rangeHotspot a:active, .rangeHotspot a { background:url(../images/rangelogo_hotspot.jpg) no-repeat 0px -75px; clear:none; display:block; float:left; height:75px; overflow:hidden; text-indent:-1000px; width:148px; } .rangeHotspot a:visited:hover, .rangeHotspot a:hover { background-position:0px 0px; } .rangeHotspot #selectRange { background:url(../images/rangelogo_hotspot_selected.jpg) no-repeat 0px 0px; } .rangeSolana a:visited, .rangeSolana a:active, .rangeSolana a { background:url(../images/rangelogo_solana.jpg) no-repeat 0px -75px; clear:none; display:block; float:left; height:75px; overflow:hidden; text-indent:-1000px; width:145px; } .rangeSolana a:visited:hover, .rangeSolana a:hover { background-position:0px 0px; } .rangeSolana #selectRange { background:url(../images/rangelogo_solana_selected.jpg) no-repeat 0px 0px; } .rangeTigerRiver a:visited, .rangeTigerRiver a:active, .rangeTigerRiver a { background:url(../images/rangelogo_tigerriver.jpg) no-repeat 0px -75px; clear:none; display:block; float:left; height:75px; overflow:hidden; text-indent:-1000px; width:151px; } .rangeTigerRiver a:visited:hover, .rangeTigerRiver a:hover{ background-position:0px 0px; } .rangeTigerRiver #selectRange { background:url(../images/rangelogo_tigerriver_selected.jpg) no-repeat 0px 0px; } #selectRange { background-position:0px 0px; } .rangeItem a:hover { position:relative; text-decoration:none;} /*BG color is a must for IE6*/ .rangeItem .spectip span { display:none; padding:0; margin-left:0px; } .rangeItem a.spectip:hover span{ display:inline; position:absolute; bottom:119px; left:0; color:#6c6c6c;} #rangeContent { clear:both; color:#505050; padding:0 0 0 30px; } #rangeContent img { clear:none; float:right; padding:0 0 10px 10px; } #rangeContent h1 { color:#009cb2; padding:0 0 12px 0; } #rangeContent h2 { color:#009cb2; padding:0 0 12px 0; } #rangeContent strong { color:#009cb2; } #rangeProducts { clear:both; padding:0 0 20px 30px; } .rangeProduct { clear:none; color:#505050; float:left; line-height:140%; padding:20px 20px 0 0; width:260px; } .rangeProductImage { text-align:center; } .rangeProductTitle { clear:both; color:#009cb2; font-weight:bold; padding:0 0 3px 0; } .rangeProductContent { clear:both; text-align: justify; } .rangeProductLink { clear:both; color:#009cb2; padding:3px 0 0 0; } .rangeProduct a:visited, .rangeProduct a:active, .rangeProduct a { color:#009cb2; font-style:italic; text-decoration:none; } .rangeProduct a:visited:hover, .rangeProduct a:hover { color:#009cb2; text-decoration:underline; } .rangeProductsRow { clear:both; } /*---- trade in -------*/ #topBannerImage { position:absolute; right:-10px; top:0; } #tradeIn { clear:both; padding:30px 0 0 65px; } .tradeTopContent { background:url(../images/tradeinHotTubRight.jpg) no-repeat 411px 0px; clear:both; height:300px; width:762px; } #tradeInHeading { background:url(../images/tradeInFormTitle.jpg) no-repeat 0px 0px; clear:both; height:163px; width:373px; overflow:hidden; text-indent:-1000px; } .tradeInText { color:#989898; font-weight:lighter;} .tradeInText span { color:#FF0000; font-weight:bold; } .tradeInText strong { color:#009cb2; font-weight:bold; } #topTradeText { clear:both; padding:10px 0 10px 3px; width:401px; } #tradeFormContent { clear:both; padding:15px 0 0 3px; width:762px; } #tradeFormLeft { clear:none; float:left; width:330px; } #tradeFormRight { background:url(../images/tradeInImage.jpg) no-repeat 0px 0px; clear:none; float:left; height:1011px; overflow:hidden; text-indent:-1000px; width:432px; } .tradeField { clear:both; padding:2px 0 8px 0; width:335px; } .tradeField label { color:#2f76b4; clear:none; display:block; float:left; font-weight:lighter; padding:2px 15px 2px 0; text-align:right; width:100px; } .tradeField span { color:#FF0000; } .tradeField input { width:204px; } .tradeFieldWide { clear:both; padding:12px 0 8px 0; width:335px; } .tradeFieldWide label { color:#2f76b4; clear:both; display:block; font-weight:lighter; padding:2px 15px 10px 0; text-align:left; width:300px; } .tradeFieldWide span { color:#FF0000; } .tradeFieldWide input { clear:both; } .tradeFieldWide textarea { clear:both; font-family:Arial, Helvetica, sans-serif; padding:3px; width:317px;} .error { color:#FF0000; font-family:Arial, Helvetica, sans-serif; padding:0 0 5px 0; } .contactFieldNormal { border:#ccc 1px solid; padding:3px; } .contactFieldFail { border:#FF0000 1px solid; padding:3px; } .tradeInSubText { color:#989898; font-weight:lighter; padding:4px 0 10px 0; } .tradeCheck { color:#2f76b4; clear:none; float:left; font-weight:lighter; padding:0 20px 5px 0; width:90px; } .tradePolicyText { color:#989898; font-weight:lighter; padding:4px 0 10px 0; } #tradeButton { clear:both; height:20px; padding:8px 0 0 0;} #tradeButton button { background:url(../images/submitTrade.jpg) no-repeat -73px 0px; border:none; clear:both; cursor:pointer; display:block; height:15px; overflow: hidden; text-indent:-1000px; width:328px; } #sentTrade { color:#003869; clear:both; padding:0 0 21px 0; text-align:center; } #llRange { background:url(../images/limelightBackgrnd.jpg) no-repeat center 0px; clear:both; color:#009cb2; height:608px; width:900px; } #llRange #rangeContent { clear:both; color:#FFF; font-weight:normal; height:392px; padding:22px 0 0px 30px; width:532px;} #llRange .rangeProductContent { clear:both; color:#FFF; font-weight:lighter; line-height:145%; text-align: justify; } .rangeProductTitleImage { border:0; clear:both; } .rangeProductTitleImage a { border:0; clear:both; display:block; } #llRange #rangeProducts { clear:both; padding:0px 0 20px 30px; } /*---- quote request -------*/ .quoteLogosTop { clear:none; float:right; padding:38px 0 8px 0; width:351px; } #quoteRequest { clear:both; margin:0 auto; padding:30px 0 0 65px; width:692px; } .quoteTopContent { background:url(../images/quoteHeader.jpg) no-repeat center 0px; clear:both; margin:0 auto; width:600px; } #quoteContent { clear:both; margin:0 auto; padding:0px 0 0 3px; width:692px; } #quoteContent form { clear:both; } #quoteButton { clear:both; height:24px; padding:8px 0 0 0; } #quoteButton button { background:url(../images/quoteSubmitButton.jpg) no-repeat 0px 0px; border:none; clear:both; cursor:pointer; display:block; height:24px; overflow: hidden; text-indent:-1000px; width:387px; } .smallQuoteContent { clear:both; margin:0 auto; width:392px; } #topQuoteText { clear:both; margin:0 auto; padding:50px 0 0px 12px; width:401px; } .blueQuoteLine { border-bottom:#009cb2 2px solid; clear:both; height:10px; margin:0 auto 15px; width:396px; } #quotePersonalContent { clear:both; margin:0 auto; width:626px; } .quoteField { clear:both; padding:2px 0 8px 0; width:510px; } .quoteField label { color:#2f76b4; clear:none; display:block; float:left; font-weight:lighter; padding:2px 15px 2px 0; text-align:right; width:100px; } .quoteField span { color:#FF0000; } .quoteField input { padding:2px; width:385px; } .quoteFieldWide { clear:both; padding:12px 0 8px 0; width:545px; } .quoteFieldWide label { color:#2f76b4; clear:none; float:left; display:block; font-weight:lighter; padding:2px 17px 10px 0; text-align:right; width:132px; } .quoteFieldWide span { color:#FF0000; } .quoteFieldWide input { clear:both; } .quoteFieldWide textarea { clear:both; font-family:Arial, Helvetica, sans-serif; padding:3px; width:317px;} .quoteFieldTop { clear:both; padding:12px 0 8px 0; width:545px; } .quoteFieldTop label { color:#2f76b4; clear:both; display:block; font-weight:lighter; padding:2px 17px 10px 0; text-align:left; width:350px; } .quoteFieldTop span { color:#FF0000; } .quoteFieldTop input { clear:both; } .quoteFieldTop textarea { clear:both; font-family:Arial, Helvetica, sans-serif; padding:3px; width:317px;} #quoteBottomContent { clear:both; margin:0 auto; width:700px; } #bottomQuote { clear:both; margin:0 auto; width:398px; } .quotePolicyText { clear:both; color:#989898; font-weight:lighter; padding:4px 0 10px 0; } .quoteFieldBottom { clear:both; padding:12px 0 8px 0; width:408px; } .quoteFieldBottom label { color:#2f76b4; clear:both; display:block; font-weight:lighter; padding:2px 17px 10px 0; text-align:left; width:350px; } /*-------PRODUCTS-----------*/ .productLogosTop { clear:none; float:right; padding:38px 0 8px 0; width:382px; } #productGallery { clear:both; } .productGalleryThumb { border:#009cb2 1px solid; clear:none; float:left; height:72px; margin:0 3px 0 0; width:106px; } #productGalleryTitle { background:url(../images/productGalleryTitle.jpg) no-repeat 0px 0px; clear:none; float:left; overflow:hidden; text-indent:-1000px; height:72px; width:113px; } #productGalleryTitleDark { background:url(../images/productGalleryTitleDark.png) no-repeat 0px 0px; clear:none; float:left; overflow:hidden; text-indent:-1000px; height:72px; width:113px; } #productBackButton a { background:url(../images/productBackToRangeButton.jpg) no-repeat 0px 0px; overflow:hidden; text-indent:-1000px; position:absolute; height:22px; top:135px; width:100px; } /*========= LIMELIGHT PAGES =============*/ #limelightContent { background:url(../images/ProductLimelightBack.jpg) no-repeat center bottom #000; clear:both; margin:0 auto; padding:0 0 15px 0; width:839px; } /*========= PREOWN PAGE =============*/ #preContent { clear:both; margin:0 auto; width:830px; } #preHeader { background:url(../images/preOwndHeader.jpg) no-repeat 0px 0px; clear:both; margin:0 auto; overflow:hidden; text-indent:-1000px; height:77px; width:830px;} #preNumber { background:url(../images/preowndNumber.jpg) no-repeat 0px 10px; clear:both; margin:0 auto; height:115px; overflow:hidden; text-indent:-1000px; width:830px; } .preItem { clear:both; margin:0 auto; padding:10px 0 20px 0; width:830px; } .preImage { clear:none; float:left; width:395px; } .preInfo { background:url(../images/preItemBack.jpg) no-repeat center bottom #FDFDFD; clear:none; float:left; position:relative; padding:10px; width:407px;} .preText { clear:both; padding:0 0 5px 0; } .preText strong { color:#2db3c1; font-weight:bold; text-decoration:underline; } .preText span { color:#2db3c1; font-weight:normal; } .preLeft { clear:none; float:left; padding:10px 0; width:143px;} .preRight { clear:none; float:left; padding:10px 0; } .preTextPrice { color:#000; clear:both; font-weight:bold; padding:12px 0 0px 0; } .preTextPrice strong { color:#2db3c1; clear:both; font-weight:bold; } .preButton { display:block; height:26px; position:absolute; right:0px; bottom:0px; width:95px; } .preButton a { background:url(../images/preEnquireButton.jpg) no-repeat 0px 0px; display:block; height:26px; position:absolute; overflow:hidden; text-indent:-1000px; width:95px; }