@charset "UTF-8"; /* CSS Document */ /* Table of Contents: Global Styles – (body, paragraphs, lists, etc) Header Page Structure Headings Text Styles */ /* Reset --------------------------------------------------------------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; } body { line-height: 1.5; background: #fff; margin:1.5em 0; } /* Tables still need 'cellspacing="0"' in the markup. */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight:400; } /* Remove possible quote marks (") from ,
. */ blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a img { border: none; } /* Global Styles --------------------------------------------------------------------------------------- */ html, body { border:0; margin:0; padding:0; font-family:'Arial', Helvetica, Lucida Sans sans-serif; color:#526265; text-align:left; background:url(../images/bDrop_body.jpg) repeat-x; background-color:#62ccde; height:100%; } /* Page Structure --------------------------------------------------------------------------------------- */ #page { width:850px; min-height:100%; } * html #page { height:100%; } #header {height:270px; } #headerFrame {height:157px; } #nav {height:40px;} #banner {height:230px; background:url(../images/bDrop_banner.jpg) no-repeat;} #bannerFrame {height:117px; background:url(../images/bDrop_bannerSml.jpg) no-repeat;} #content {padding:10px 30px 25px 30px; text-align:left; } #contentFrame {padding:10px 30px 0 30px; text-align:left; } #iFrame {padding:0; text-align:left; } #left_col {width:300px; margin:8px 30px 0 0; } #right_col {float:right; width:350px; margin:0 50px 0 0; } #teaser_wrap {float:right; width:178px; margin:0px 100px 0px 30px; } #teaser { list-style:none; padding:0px; clear:both; line-height:0px; } #teaser li a { height:176px; display:block; text-decoration:none; text-indent: -9999px;} .image {float:right; margin:0px 17px 7px 15px; } #footer {text-align:left; height:35px; color:#0078ae; font-size:11px; font-weight:500; padding-left:35px; margin:15px 0 15px 0; } .rojay {margin:0; padding-left:5px;} /* Headings --------------------------------------------------------------------------------------- */ h1, h2, h3 {} .home h1, .poolshop h1, .pools h1, .spas h1, .landscaping h1, .gallery h1, .faqs h1, .links h1, .contact h1, .awards h1, .specials h1, .colours h1, .shapes h1 { width:610px; height:55px; margin:0; padding:0; background:url(../images/hd_home.gif) no-repeat top; text-indent:-9000px; } .poolshop h1 { background:url(../images/hd_poolshop.gif) no-repeat top; } .pools h1 { background:url(../images/hd_pools.gif) no-repeat top; } .spas h1 { background:url(../images/hd_spas.gif) no-repeat top; } .landscaping h1 { background:url(../images/hd_landscaping.gif) no-repeat top; } .gallery h1 { background:url(../images/hd_gallery.gif) no-repeat top; } .faqs h1 { background:url(../images/hd_faqs.gif) no-repeat top; } .links h1 { background:url(../images/hd_links.gif) no-repeat top; } .contact h1 { background:url(../images/hd_contact.gif) no-repeat top; } .awards h1 { background:url(../images/hd_awards.gif) no-repeat top; } .specials h1 { background:url(../images/hd_specials.gif) no-repeat top; } .colours h1 { background:url(../images/hd_colours.gif) no-repeat top; } .shapes h1 { background:url(../images/hd_shapes.gif) no-repeat top; } #content h1, #content h2 {color:#0078ae; font-size:13px; font-weight:700; margin:4px; padding:3px; line-height:20px;} #content h2 {font-size:12px;} /* Text Styles --------------------------------------------------------------------------------------- */ p { margin:4px; padding:3px; font-size:12px; line-height:18px; } .required {color: #0078ae; font-weight: bold;} .list {list-style-type:none; margin:0 0 0 7px; padding:0px; line-height:18px; font-family:'Arial', Helvetica, Lucida Sans sans-serif; color:#526265; font-size:12px; } .list li { margin:0; padding: 10px 0 0 30px; display:block; background:url(../images/ic_point.png) no-repeat; background-position: 0 12px; } /* Links --------------------------------------------------------------------------------------- */ a, a:link, a:visited, a:hover {text-decoration:none; margin:0; padding:0;} #content a, a:link, a:visited, a:hover { color:#03a6ba; text-decoration:none; font-family:'Arial', Helvetica, Lucida Sans sans-serif; padding:0; font-size:12px; font-weight:700; margin:0; padding:0;} #content a:hover { border-bottom:1px dashed #0078ae; } #contentFrame a, a:link, a:visited, a:hover { color:#03a6ba; text-decoration:none; font-family:'Arial', Helvetica, Lucida Sans sans-serif; padding:0; font-size:12px; font-weight:700; margin:0; padding:0;} #contentFrame a:hover { border-bottom:1px dashed #0078ae; } #footer a, a:link, a:hover, a:visited {color:#ffffff; font-size:11px; font-weight:700; text-decoration:none; margin:0 6px 0 6px; } #footer a:hover { border-bottom:1px dashed #ffffff; } #teaser #teaser-one a { width:228px; background: url(../images/img_teaser1.jpg) no-repeat left top; margin:0; padding:0; } #teaser #teaser-one a:hover { background: url(../images/img_teaser1OV.jpg) no-repeat left top; margin:0; padding:0; border-bottom:none; } #teaser #teaser-two a { width:228px; background: url(../images/img_teaser2.jpg) no-repeat left top; margin:0; padding:0;} #teaser #teaser-two a:hover { background: url(../images/img_teaser2OV.jpg) no-repeat left top; margin:0; padding:0; border-bottom:none; } #teaser #teaser-three a { width:228px; background: url(../images/img_teaser3.jpg) no-repeat left top; margin:0; padding:0;} #teaser #teaser-three a:hover { background: url(../images/img_teaser3OV.jpg) no-repeat left top; margin:0; padding:0; border-bottom:none; } #teaser #teaser-four a { width:228px; background: url(../images/img_teaser4.jpg) no-repeat left top; margin:0; padding:0;} #teaser #teaser-four a:hover { background: url(../images/img_teaser4OV.jpg) no-repeat left top; margin:0; padding:0; border-bottom:none; }