body { background-image:url(../images/bg-fade.jpg); margin:0px; padding:0px; text-align: center; min-width: 963px; } /* GLOBAL */ * {padding:0; margin:0;} * html a {cursor:hand;} img {border:none;} .headlinetitle { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#333232; margin-bottom:10px;} .pagetitle { font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; color:#333232; margin-bottom:25px;} .headlinemain { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#646263;} .headlinemain a{ text-decoration:none; color:#00aeef;} .indent {text-indent:-9999px;} .author {color:#FFFFFF; float:right; padding-top:10px; padding-right:25px;} .endorsedheader {color:#fcfbfb; font-size:10px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:10px;} .mainbody {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#646263;} .blue {color:#00aeef;} .getflash { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#333232; padding:40px;} .productheader {font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#333232; } #dottedline{font-size:0px; height:1px; background-image:url(../images/dashed-border.gif); width:580px;} #orderingleft{ float:left;background-image:url(../images/twocolbg-dashed.gif); width:372px; background-position:right; background-repeat:repeat-y; padding:8px;} #orderingright{ float:right; width:190px; padding-left:8px; padding-top:8px;} #orderingleft2{ float:left;background-image:url(../images/twocolbg-dashed.gif); width:72px; background-position:right; background-repeat:repeat-y; padding:8px;} #orderingright2{ float:right; width:490px; padding-left:8px; padding-top:8px;} /*WRAPPER*/ #wrapper {width:963px; margin:0 auto; text-align: left;} #wrapper2 {width:763px; margin:0 auto; text-align: left;} /* NAVIGATION */ #navigation {margin-top:5px; float:left; display:block; background:url(../images/nav-top.gif) no-repeat; width:962px; height:64px;} #navigation a{outline: 0;} #navbottom {float:left; display:block; background:url(../images/navbottom.png) no-repeat; width:962px; height:8px; font-size:0px;} #navsearch{position:absolute; width:230px; height:28px; overflow:hidden; margin-left:779px;} #navsearch input {position:absolute; width:130px; margin:10px 0pt 0pt 0px; background-color:#4a4a4a; border:none; float:left; color:#fff; font-size:11px;} #navsearch a{position:absolute; display:block; margin:4px 0 0 135px; width:48px; height:30px;float:left;} #navlinkstop a{color:#00aeef; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:11px;} #navlinkstop a:hover{background-color:#666;} #home a{position:absolute; margin-left:14px; margin-top:6px; padding-left:15px; padding-top:6px; width:48px; height:17px;} #reasons a{position:absolute; margin-left:78px; margin-top:6px; padding-left:20px; padding-top:6px; width:76px; height:18px;} #productsservices a{position:absolute; margin-left:176px; margin-top:6px; padding-left:10px; padding-top:6px; width:134px; height:18px;} #pricing a{position:absolute; margin-left:321px; margin-top:6px; padding-left:12px; padding-top:6px; width:56px; height:18px;} #media a{position:absolute; margin-left:391px; margin-top:6px; padding-left:15px; padding-top:6px; width:53px; height:18px;} #contactus a{position:absolute; margin-left:461px; margin-top:6px; padding-left:12px; padding-top:6px; width:80px; height:18px;} #home a:hover, #reasons a:hover, #productsservices a:hover, #pricing a:hover, #media a:hover, #contactus a:hover{background-color:#333132;} #navlinksbottom a{color:#FFFFFF; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:13px;} #navlinksbottom a:hover{background-color:#4A4A4A;} #overview a{position:absolute; margin-left:18px; margin-top:37px; padding-left:5px; padding-top:5px; width:74px; height:17px;} #synthetic a{position:absolute; margin-left:106px; margin-top:37px; padding-left:7px; padding-top:5px; width:97px; height:17px;} #backyard a{position:absolute; margin-left:365px; margin-top:37px; padding-left:7px; padding-top:4px; width:78px; height:16px;} #rentals a{position:absolute; margin-left:465px; margin-top:37px; padding-left:7px; padding-top:4px; width:60px; height:16px;} #commercial a{position:absolute; margin-left:218px; margin-top:37px; padding-left:7px; padding-top:4px; width:128px; height:16px;} #videos a{position:absolute; margin-left:544px; margin-top:37px; padding-left:6px; padding-top:4px; width:52px; height:16px;} #toorder a{position:absolute; margin-left:417px; margin-top:37px; padding-left:7px; padding-top:5px; width:71px; height:17px;} #faqs a{position:absolute; margin-left:503px; margin-top:37px; padding-left:6px; padding-top:5px; width:38px; height:17px;} #synthetic8 a{position:absolute; margin-left:16px; margin-top:37px; padding-left:7px; padding-top:5px; width:97px; height:17px;} #backyard8 a{position:absolute; margin-left:275px; margin-top:37px; padding-left:7px; padding-top:4px; width:78px; height:16px;} #commercial8 a{position:absolute; margin-left:128px; margin-top:37px; padding-left:7px; padding-top:4px; width:128px; height:16px;} #navigation2 {margin-top:5px; float:left; display:block; background:url(../images/nav-top-reasons.gif) no-repeat; width:962px; height:64px;} #navigation2 a{outline: 0;} #synthetic2 a{position:absolute; margin-left:146px; margin-top:37px; padding-left:7px; padding-top:5px; width:97px; height:17px;} #backyard2 a{position:absolute; margin-left:18px; margin-top:37px; padding-left:5px; padding-top:5px; width:116px; height:17px;} #navigation3 {margin-top:5px; float:left; display:block; background:url(../images/nav-top-products.gif) no-repeat; width:962px; height:64px;} #navigation3 a{outline: 0;} #installation3 a{position:absolute; margin-left:18px; margin-top:38px; padding-left:7px; padding-top:5px; width:95px; height:17px;} #financing3 a{position:absolute; margin-left:126px; margin-top:38px; padding-left:7px; padding-top:5px; width:81px; height:17px;} #videos3 a{position:absolute; margin-left:222px; margin-top:37px; padding-left:7px; padding-top:5px; width:53px; height:17px;} #faq3 a{position:absolute; margin-left:293px; margin-top:37px; padding-left:7px; padding-top:5px; width:38px; height:17px;} #links3 a{position:absolute; margin-left:351px; margin-top:38px; padding-left:7px; padding-top:5px; width:41px; height:17px;} #navigation4 {margin-top:5px; float:left; display:block; background:url(../images/nav-top-pricing.gif) no-repeat; width:962px; height:64px;} #navigation4 a{outline: 0;} #toorder4 a{position:absolute; margin-left:18px; margin-top:38px; padding-left:7px; padding-top:5px; width:71px; height:17px;} #navigation5 {margin-top:5px; float:left; display:block; background:url(../images/nav-top-contact.gif) no-repeat; width:962px; height:64px;} #navigation5 a{outline: 0;} #navigation6 {margin-top:5px; float:left; display:block; background:url(../images/nav-top-media.gif) no-repeat; width:962px; height:64px;} #navigation6 a{outline: 0;} #bookmark a{position:absolute; margin-left:750px; margin-top:46px; color:#FFFFFF; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:9px;} #forward a{position:absolute; margin-left:820px; margin-top:46px; color:#FFFFFF; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:9px; background-image:url(../images/right-arrow.jpg); background-repeat:no-repeat; background-position:120px 0px; width:130px;} #forward a:hover{position:absolute; margin-left:820px; margin-top:46px; color:#FFFFFF; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:9px; background-image:url(../images/right-arrow-hover.jpg); background-repeat:no-repeat; background-position:120px 0px; width:130px;} #figureskate { width:110px; height:28px; position:absolute; margin-left:740px; margin-top:3px;} #language a{ position:absolute; margin-left:900px; margin-top:8px; color:#FFF;} /*LOGO*/ #logo { float:left; margin-top:28px; margin-left:10px; _margin-left:5px;} #logo a, #logo a:visited { float:left; width:322px; height:100px; display:block; background:url(../images/logo.png) no-repeat;} /*ENDORSED*/ #endorsed { margin-top:0px; margin-left:355px; color:#fcfbfb; font-size:9px; font-family:Arial, Helvetica, sans-serif; width:277px; height:110px; background-image:url(../images/cam_russel.jpg); padding-right:320px;} /*MAIN LAYOUT*/ #blackbar {float:left; width:652px; height:25px; background-color:#000000; display:block; margin-top:5px;} #blackbar2 {float:left; width:721px; height:25px; background-color:#000000; display:block; margin-top:5px; color:#00aeef; padding-top:8px; padding-left:20px; padding-right:20px;} #blackbar2 a{color:#00aeef;} #topleft {float:left; width:652px; height:475px; display:block; background-image:url(../images/topleft.jpg); background-repeat:no-repeat;} #leftside {float:left; width:592px; display:block; background-color:#efefef; padding:30px; height:745px;} #leftside a{ color:#00aeef; text-decoration:none;} #slider {float:left; width:652px; height:8px; display:block; background-image:url(../images/slider.jpg); background-repeat:no-repeat; font-size:0px; line-height:0px;} #bottomleft {float:left; width:652px; height:580px; display:block; background-image:url(../images/bottomleft.jpg); background-repeat:no-repeat;} #testimonialsbar {float:left; width:961px; _width:959px; height:112px; background-color:#000000; display:block; margin-top:9px;} #navbottombar {float:left; width:948px; _width:946px; height:25px; background-color:#000000; display:block; margin-top:9px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#5d5d5d; text-decoration:none; padding-left:13px; padding-top:8px; word-spacing:5px;} #copyrightbar {float:left; width:948px; _width:946px; height:39px; background-color:#000000; display:block; margin-top:9px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#5d5d5d; text-decoration:none; padding-left:13px; padding-top:21px;} #copyrightbar2 {float:left; width:748px; _width:946px; height:20px; background-color:#000000; display:block; margin-top:9px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#5d5d5d; text-decoration:none; padding-left:13px; padding-top:10px;} #footer {clear:both; height:20px;} #right {float:right; width:300px; height:1088px; display:block; background-image:url(../images/right.jpg); background-repeat:no-repeat; margin-top:5px; margin-right:2px;} #right2 {float:right; width:300px; height:830px; display:block; background-image:url(../images/right2.jpg); background-repeat:no-repeat; margin-top:5px; margin-right:2px; background-color:#efefef;} #distributors { float:left; width:701px; display:block; background-color:#efefef; padding:30px; } /*INNER LAYOUT*/ #gallery {position:absolute; margin-top:1px; margin-left:1px;} #galleft {display:block; width: 35px; background: url("../images/gallery-arrow-left.png") no-repeat; text-decoration: none; height:35px; position:absolute; margin-left:5px; margin-top:-215px; outline:none; background-position: 0 -37px; cursor:pointer; } #galright {display:block; width: 35px; background: url("../images/gallery-arrow-right.png") no-repeat; text-decoration: none; height:35px; position:absolute; margin-left:380px; margin-top:-215px; outline:none; background-position: 0 -37px; cursor:pointer; } #galleft:hover, #galright:hover{ background-position: 0 0; } #headline1 {position:absolute; width:190px; height:108px; margin-top:1px; margin-left:422px; padding-left:20px; padding-right:20px; padding-top:0px;} #headline2 {position:absolute; width:190px; height:103px; margin-top:120px; margin-left:422px; padding-left:20px; padding-right:20px; padding-top:15px;} #headline3 {position:absolute; width:190px; height:103px; margin-top:239px; margin-left:422px; padding-left:20px; padding-right:20px; padding-top:15px;} #headline4 {position:absolute; width:190px; height:102px; margin-top:358px; margin-left:422px; padding-left:20px; padding-right:20px; padding-top:15px;} #adsensehome {position:absolute; margin-top:1px; margin-left:430px; padding-top:10px; width:210px; padding-right:20px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#646263;} #headline1fr {position:absolute; width:190px; height:168px; margin-top:1px; margin-left:422px; padding-left:20px; padding-right:20px; padding-top:10px;} #headline2fr {position:absolute; width:190px; height:13px; margin-top:180px; margin-left:422px; padding-left:20px; padding-right:20px; padding-top:15px;} #headline3fr {position:absolute; width:190px; height:103px; margin-top:305px; margin-left:422px; padding-left:20px; padding-right:20px; padding-top:15px;} #tab1 {position:absolute; width:89px; height:18px; margin-left:38px; margin-top:40px;} #tab2 a{position:absolute; width:115px; height:22px; margin-left:165px; margin-top:34px; padding-top:7px; padding-left:28px;} #tab2 a:hover {background-color:#efefef;} #bottomlefteditable {position:absolute; width:550px; height:439px; color:#646263; margin-top:40px; margin-left:45px; font-family:Arial, Helvetica, sans-serif; font-size:11px;} #bottomlefteditable a{color:#00aeef; text-decoration:none;} #tab3 {position:absolute; margin-left:22px; margin-top:505px;} #tab4 a{position:absolute; width:99px; height:17px; margin-left:105px; margin-top:497px; padding-top:7px; padding-left:18px;} #tab4 a:hover {background-color:#efefef;} #tab5 {position:absolute; margin-left:22px; margin-top:307px;} #tab6 a{position:absolute; width:66px; height:17px; margin-left:100px; margin-top:299px; padding-top:7px; padding-left:21px;} #tab6 a:hover {background-color:#efefef;} #caption1 {position:absolute; margin-top:120px; margin-left:33px; text-align:center;} #caption2 {position:absolute; margin-top:120px; margin-left:152px; text-align:center;} #midrighteditable {position:absolute; width:264px; height:115px; color:#646263; margin-top:5px; margin-left:12px; font-family:Arial, Helvetica, sans-serif; font-size:11px;} #video-1 {position:absolute; margin-left:15px; margin-top: 6px;} #video-2 {position:absolute; margin-left:96px; margin-top: 6px;} #video-3 {position:absolute; margin-left:216px; margin-top: 5px;} #videospace {position:absolute; width:298px; height:247px; background-color:#FFFFFF; margin-left:0px; margin-top:36px; padding-left:2px; padding-top:1px;} #videospace2 {margin-left:0px; margin-top:0px; padding-left:0px; padding-top:0px;} #bottomrighteditable {position:absolute; width:252px; height:165px; color:#646263; margin-top:15px; margin-left:12px; font-family:Arial, Helvetica, sans-serif; font-size:11px;} #bottomrighteditable a{color:#00aeef; text-decoration:none;} #guarantee {position:absolute; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#646263; margin-top:963px; margin-left:32px;} #navbottombar a, #testimonials a {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#5d5d5d; text-decoration:none; word-spacing:normal;} #navbottombar a:hover, #copyrightbar a:hover, #testimonials a:hover {color:#00aeef} #copyrightbar a {color:#5d5d5d;} #quote { display:block; float:right; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#8e9597; width:365px; height:77px; border-left:solid; border-width:1px; padding-top:10px; padding-left:15px; padding-right:15px; margin-top:15px; border-color:#5d5d5d;} #testimonials { position:absolute; display:block; width:421px; height:118px; margin-top:357px;} #productinstall { position:absolute; margin-left:2px; margin-top:297px;} #fragment-1{background-color:#fff; height:130px; width:273px;} #reasonssynthetic { position:absolute; margin-left:0px; margin-top:495px;} #overviewtoorder { position:absolute; margin-left:0px; margin-top:33px;} #orderlogos { position:absolute; width:109px; height:55px; background-image:url(../images/orderlogos.gif); margin-top:425px; margin-left:40px; } #orderlogosmain {width:109px; height:55px; background-image:url(../images/orderlogos.gif); } #tab-install{ width:86px; background-image:url(../images/tab-install.gif); background-repeat:no-repeat; background-position:22px; } .ui-tabs-nav #tab-install.ui-tabs-selected a span { padding-right:5px; background-image:url(../images/tab-install-selected.gif); background-position:22px; } #tab-product{ width:94px; background-image:url(../images/tab-product.gif); background-repeat:no-repeat; background-color:#FFFFFF; background-position:22px; } .ui-tabs-nav #tab-product.ui-tabs-selected a span { width:94px; background-image:url(../images/tab-product-selected.gif); background-position:22px; } #tab-syntheticice{ width:122px; background-image:url(../images/tab-syntheticice.gif); background-repeat:no-repeat; background-position:22px; } .ui-tabs-nav #tab-syntheticice.ui-tabs-selected a span { width:94px; background-image:url(../images/tab-syntheticice-selected.gif); background-position:22px; } #tab-reasons{ width:94px; background-image:url(../images/tab-reasons.gif); background-repeat:no-repeat; background-color:#FFFFFF; background-position:22px; } .ui-tabs-nav #tab-reasons.ui-tabs-selected a span { width:94px; background-image:url(../images/tab-reasons-selected.gif); background-position:22px; } #tab-overview{ width:145px; background-image:url(../images/tab-overview.gif); background-repeat:no-repeat; background-color:#FFFFFF; background-position:22px; margin-left:10px; _margin-left:5px; } .ui-tabs-nav #tab-overview.ui-tabs-selected a span { width:94px; background-image:url(../images/tab-overview-selected.gif); background-position:22px; } #tab-toorder{ width:145px; background-image:url(../images/tab-toorder.gif); background-repeat:no-repeat; background-position:22px; margin-left:6px; _margin-left:5; } .ui-tabs-nav #tab-toorder.ui-tabs-selected a span { width:94px; background-image:url(../images/tab-toorder-selected.gif); background-position:22px; } #facebook{ width:30px; height:30px; background-image:url(../images/Facebook_icon.png); background-repeat:no-repeat; background-color:#FFFFFF; position:absolute; margin-left:540px; margin-top:33px; } #twitter{ width:30px; height:30px; background-image:url(../images/twitter_icon.png); background-repeat:no-repeat; background-color:#FFFFFF; position:absolute; margin-left:575px; margin-top:33px; } /* Caution! Ensure accessibility in print and other media types... */ @media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */ .ui-tabs-hide { display: none !important; } } /* Hide useless elements in print layouts... */ @media print { .ui-tabs-nav { display: none; } } /* Skin */ .ui-tabs-nav, .ui-tabs-panel { color:#646263; font-family:Arial, Helvetica, sans-serif; font-size:11px; } .ui-tabs-nav { list-style: none; margin: 0; padding: 0 0 0 3px; } .ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */ display: block; clear: both; content: " "; } .ui-tabs-nav li { float: left; margin: 0 0 0 2px; font-weight: bold; } .ui-tabs-nav a, .ui-tabs-nav a span { float: left; /* fixes dir=ltr problem and other quirks IE */ padding: 0 0px; padding-top:3px; background: url(i/tabs.png) no-repeat; } .ui-tabs-nav a { margin: 0 0 0; /* position: relative makes opacity fail for disabled tab in IE */ padding-left: 0; background-position: 100% 0; text-decoration: none; white-space: nowrap; /* @ IE 6 */ outline: 0; /* @ Firefox, prevent dotted border after click */ } .ui-tabs-nav a:link, .ui-tabs-nav a:visited { color: #fff; } .ui-tabs-nav .ui-tabs-selected a { position: relative; background-color:#efefef; } .ui-tabs-nav a span { padding-top: 1px; padding-right: 0; height: 20px; background-position: 0 0; } .ui-tabs-nav .ui-tabs-selected a span { padding-top: 0; background-position: 0 0px; } .ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */ cursor: text; } .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, .ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */ cursor: pointer; } .ui-tabs-disabled { opacity: .4; filter: alpha(opacity=40); } .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { color: #000; } .ui-tabs-panel { padding: 10px; } /*.ui-tabs-loading em { padding: 0 0 0 20px; background: url(loading.gif) no-repeat 0 50%; }*/ /* Additional IE specific bug fixes... */ * html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */ display: inline-block; } *:first-child+html .ui-tabs-nav { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */ display: inline-block; } /* TRANSPARENT PNG HACK FOR IE */ * html img, * html #logo a, * html #logo a:visited, * html #navbottom, * html #galleft, * html #galright, * html .png{ behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true) ); }