/*==================================================================== DENTONSWEB - GLOBAL STYLE SHEET Copyright 2010 Dentonsweb.com (Operation Mandarin Squeeze) Written by dentonscreative.com / Author: Neil Thorne ======================================================================*/ /* Global Styles */ * {margin: 0; padding: 0; border: 0; font-family: "Lucida Sans", "Lucida Grande", Arial, Helvetica, sans-serif; } body {background: #fff url(../images/base/body_bg.gif) repeat-x top; text-align: left; font-size: 62.5%; } .clear {clear: both;} .hide {display: none;} /* Swatches ======================================== ff9900 Orange 423a3a Black Alt ebebeb Light Grey */ /*==================================================================== HEADINGS ======================================================================*/ /* Default Header Styles */ h1 {text-indent: -9999px; background: url(../images/base/h1logo.gif) top left no-repeat; line-height: 72px; } h2, h3, h4 {font-weight: normal; letter-spacing: -.05em; color: #423a3a; text-transform: capitalize;} h2 {font-size: 2.2em; line-height: 1.8em; margin: 0 0 4px 0; padding: 0;} h3 {font-size: 1.6em; line-height: 1.8em; margin: 0; padding: 0;} h4 {font-size: 1.4em; line-height: 1.4em; padding: 8px 0; margin-bottom: 8px;} h5 {font-size: 1.2em; line-height: 1.8em; margin: 0; } h4.alt {margin-bottom: 0; padding-bottom: 4px;} h4.push {margin-top: 14px;} /* Main Page Underline */ .MAINtitle {padding: 0 10px; font-size: 3em; margin: 0; line-height: 1em;} .SUBtitle {padding: 0 10px 12px 10px; color: #999; font-size: 1.8em; text-transform: none;} .PGtitle {padding: 0 10px; border-bottom: 1px solid #ebebeb;} .PGtitle.alt {text-transform: none;} .PGtitle span.txtGrey {text-transform: lowercase; } .RSerror {padding: 0 10px 6px 10px; border-bottom: 1px solid #ebebeb; font-size: 1.4em; text-transform:none;} .RSerrorAlt {padding: 4px 10px 6px 10px; border-top: 1px solid #ebebeb; font-size: 1.4em; text-transform:none;} /* Contained Header Container */ .BoxTitleGrey {height: 40px; background: url(../images/parts/titlebg_grey.gif) no-repeat top right; position: relative; margin-bottom: 10px;} .BoxTitleGrey h3 {margin: 0!important; background: url(../images/parts/titlebg_grey_corner.gif) no-repeat left; line-height: 40px; padding: 0 10px; float: left;} .BoxTitleBlack {height: 43px; background: url(../images/parts/titlebg_black.gif) no-repeat top right; position: relative; margin: 10px;} .BoxTitleBlack.alt {margin: 10px 0;} .BoxTitleBlack h3 {margin: 0!important; font-size: 1.4em; background: url(../images/parts/titlebg_black_corner.gif) no-repeat left; color: #fff; line-height: 43px; padding: 0 15px; float: left;} .BoxTitleBlack h3.alt {font-size: 1.6em;} .BoxTitleBlack .txtGrey {color: #e7e7e7;} .BoxTitleGrey p.sub, .BoxTitleBlack p.sub {float: right; padding: 0 30px 0 0; margin: 0 15px 0 0; line-height: 43px; font-weight: normal; text-transform: uppercase; font-size: 1.1em;} /* H3 Title Bars */ h3.modTitle {line-height: 48px; padding: 0 12px; background: url(../images/parts/modtitlebg.gif) no-repeat top left; position: relative;} h3.modTitle.alt {line-height: 48px; padding: 0 12px; background: none;} h3.BoxTitleGreySide {line-height: 40px; padding: 0 12px; background: url(../images/parts/titlebg_grey300.gif) no-repeat top left; position: relative;} h3.SUBtitleRefine {line-height: 40px; padding: 0 12px; color: #fff; background: url(../images/parts/titlebg_refine.gif) no-repeat top right; position: relative;} h3.SUBtitleMap {line-height: 40px; padding: 0 12px; color: #fff; background: url(../images/parts/titlebg_map.gif) no-repeat top right; position: relative;} /*==================================================================== TEXT STYLES, A STYLES, LIST STYLES & VARIATIONS ======================================================================*/ /* Default / Alternative P Styles */ p {margin: 14px 0 0 0; color: #666; font-size: 1.2em; line-height: 1.4em;} p.pull {margin-top: 0; margin-bottom: 12px;} /* Text Styles */ .txtInt {font-size: 1.4em; border-bottom: 1px solid #ebebeb; padding-bottom: 20px; margin-bottom: 4px;} .txtIntAlt {font-size: 1.4em; padding-bottom: 0; margin-bottom: 4px;} .txtOrg {color: #ff9900;} .txtGrey {color: #999;} .txtGreen {color: #99cc33;} .txtRed {color: #C30;} .txtFeint {font-size: .6em; font-style: italic;} .txtDisclaimer {font-size: 1.1em; color: #999; text-align: center; border-bottom: 1px solid #ebebeb; padding: 0 0 15px 0; margin: 0 0 10px 0;} /* Link Styles */ a {color: #ff9900; font-weight: bold; text-decoration: none;} a:hover {text-decoration: none; border-bottom: 1px dotted #ff9900;} a.alt {color: #423a3a; font-weight: normal;} a.alt:hover {text-decoration: none; border-bottom: 1px dotted #ff9900;} a.imgLink:hover {border: none;} /* Graphical Buttons */ .btn { background-position: top left; background-repeat: no-repeat; color: #fff; font-size: 1.4em; text-transform: uppercase; line-height: 37px; text-align: center; } .btnGrn {width: 175px; display: block; background-image: url(../images/buttons/btn_175_grn.png); } .btnOrg {width: 175px; display: block; background-image: url(../images/buttons/btn_175_org.png); } .btnGry {width: 175px; display: block; background-image: url(../images/buttons/btn_175_gry.png); } a.btn:hover {background-position: bottom left; border: none;} a.calHead {position: absolute; top: 18px; right: 10px;} /* Screenshot Links */ a.screenshot {border: 5px solid #ebebeb; display: inline-block; margin-top: 14px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } a.screenshot:hover {border-color: #dedede;} a.screenshot img {border: 1px solid #c7c6c6; } hr {clear: both; border: 0;color: #ebebeb;background-color: #ebebeb; height: 1px;width: 100%;text-align: left; margin: 25px 0;} /*==================================================================== LIST Styles ======================================================================*/ /* Default List Styles */ ul {margin: 14px 0; padding: 0; color: #666; } ul li {font-size: 1.2em; line-height: 1.4em; padding: 0; margin: 0;} ol {margin: 14px 0; padding: 0; color: #666; } ol li {font-size: 1.2em; line-height: 1.4em; padding: 0; margin: 0;} ul.inline li {display: inline; border-right: 1px solid #ebebeb; padding-right: 5px; margin-right: 3px; } ul.inline li.last {border: none; padding: 0; margin: 0;} /* Popular Style List */ ul.lined {list-style: none; margin: 8px 15px!important;} ul.lined li {border-bottom: 1px solid #ebebeb; line-height: 2.2em;} ul.lined.alt li {border-bottom: none;} /* Popular Style List */ ul.arrow {list-style: none; margin: 8px 15px!important;} ul.arrow li {background: url(../images/icons/ul_arrow.png) no-repeat left; padding-left: 16px;} /* A-Z List */ ul.azList {list-style: none; margin: 15px 10px!important; -moz-column-count: 3; -moz-column-gap: 30px; -webkit-column-count: 3; -webkit-column-gap: 30px; column-count: 3; column-gap: 20px; } ul.azList li {background: url(../images/icons/ul_arrow.png) no-repeat 0 5px; padding-left: 16px; display: block; width: 260px; } ul.azList.town li {width: 200px;} ul.azList.post li {width: 75px;} .AZcat ul.azCatList {list-style: none; margin: 15px 10px!important; } .AZcat ul.azCatList li {width: 300px; float: none; } .col700 ul {margin-left: 30px;} /* Landing */ ul.azLand {list-style: none; margin: 15px 0!important; } ul.azLand li {display: block; margin-right: 10px; clear: both; font-size: 1.4em; padding: 0 10px;} ul.azLand ul {margin: 5px 5px 18px 5px!important; border-bottom: 1px solid #ebebeb; display: inline-block; padding: 0 10px 12px 10px; width: 910px;} ul.azLand ul li {background: url(../images/icons/ul_arrow.png) no-repeat left; font-size: 1.2em; padding-left: 16px; display: block; float: left; width: 200px; margin: 0; clear: none;} /* Split List */ ul.split {list-style: none; margin: 8px 15px!important;} ul.split li {display: block; float: left; width: 135px;} /* Left Hand Sub Page Menu */ ul.sub {list-style: none; margin: 14px 0;} ul.sub li {line-height: 2.2em; padding: 0 10px; font-size: 1.4em;} ul.sub li.current {background: url(../images/buttons/li_current_bg.png) no-repeat left top;} ul.sub li.current a {color: #423a3a;} ul.sub ul {list-style: circle; } ul.sub ul li {padding: 0; line-height: 1.4em;} /*==================================================================== MAIN SITE NAVIGATION ======================================================================*/ #topNavCont {width: 960px; height: 40px; margin: 0 auto; position: relative; z-index: 50;} ul#mainNav {height: 40px; width: 500px; text-align: left; margin: 0; float: left;} ul#mainNav li {margin: 0; text-transform: uppercase; list-style: none; font-size: 1.2em; color: #fff; line-height: 33px; } ul#mainNav li, ul#mainNav a {display: inline; margin: 0;} ul#mainNav li a {padding: 0 9px 15px 9px; text-decoration: none; color: #fff; font-weight: normal; } ul#mainNav li a:hover {color: #000; border: none;} ul#mainNav li a.current {color: #000; background: url(../../images/base/nav_current.gif) no-repeat center 22px; } /* Pop Up Nav */ #mainNav table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0; } /* Style the list OR link hover. Depends on which browser is used */ #mainNav a:hover {visibility:visible; position:relative; z-index:200;} #mainNav li:hover {position:relative; z-index:200;} /* Keep the 'next' level invisible by placing it off screen. */ #mainNav ul, #mainNav iframe {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; z-index:300; text-align: center;} /* Drop Downs Styles */ #mainNav ul.dropNav {width: 184px; z-index: 300; left: 0; background: url(../../images/parts/navdrop_bottom.png) no-repeat bottom; } #mainNav ul.dropNav div.dropTopAd {height: 15px; background: url(../../images/parts/navdrop_top_advertise.gif) no-repeat top;} #mainNav ul.dropNav div.dropTopNear {height: 15px; background: url(../../images/parts/navdrop_top_nearest.gif) no-repeat top;} /* Drop Down Default */ #mainNav :hover ul {top: 13px; left: 0; padding: 0 0 22px 0; white-space: nowrap; height:auto; z-index: 300; } #mainNav :hover ul li {display: block; position:relative; font-weight:normal; line-height: 1.4em; margin: 0 15px; text-align: left; border-bottom: 1px solid #f79d35; text-transform:none;} #mainNav :hover ul li a {display:block; font-size: .9em; font-weight:normal; line-height: 1.4em; padding: 4px 0; border: none; color:#fff; text-decoration:none; text-indent: 0;} #mainNav :hover ul li a:hover {color:#000;} #mainNav :hover ul li.break {margin-top: 16px;} /*==================================================================== SUB NAVIGATION ======================================================================*/ ul#subNav {height: 33px; padding-right: 40px; text-align: left; margin: 0; float: right; background: url(../../images/parts/version5-1.gif) right no-repeat;} ul#subNav li {margin: 0; list-style: none; font-size: 1.1em; color: #feeed7; text-transform: uppercase; } ul#subNav li, ul#subNav a {display: inline; margin: 0; line-height: 33px; } ul#subNav li a {padding: 0 5px; text-decoration: none; color: #feeed7; font-weight: normal; } ul#subNav li a:hover, ul#subNav li a.current {color: #000; border: none;} /*==================================================================== PAGING NAVIGATION ======================================================================*/ /* Page Numbering / Alpha */ ul.paging {margin: 6px 20px; padding: 0; list-style: none;} ul.paging li {font-size: 1.2em; font-weight: bold; margin: 0 2px 0 0; padding: 0; float: left;} ul.paging li a {display: block; float: left; width: 23px; text-align: center; padding: 5px 0; border: 1px solid #dfdede; background: #fff;} ul.paging li a:hover {border-color: #423a3a;} ul.paging li a.current {color: #423a3a; border: 1px solid #ff9900;} ul.paging li.alt a {background: none; width: auto; border: none; margin: 0 8px; padding: 5px 0 0 0;} ul.paging li.alt a:hover {border-bottom: 1px dotted #ff9900; } ul.paging.AZ {clear: left; float: none; display: block; height: 30px; margin: 0!important; border-bottom: 1px solid #e7e7e7; padding: 25px 10px;} .BoxTitleGrey ul {float: right; list-style: none; padding-right: 10px;} /* On Black Title */ .BoxTitleBlack ul.paging, #content .BoxTitleBlack ul.paging {float: right; margin: 8px 10px 8px 0;} .BoxTitleBlack ul.paging li a {background: #5a5252; color: #fff; border: 1px solid #5a5252;} .BoxTitleBlack ul.paging li a:hover {border-color: #ff9900;} .BoxTitleBlack ul.paging li a.current {color: #423a3a; border: 1px solid #ff9900; background: #f5f5f5;} .BoxTitleBlack ul.paging li.alt {margin: 0 2px 0 0;} .BoxTitleBlack ul.paging li.alt a {width: auto; border: none; padding: 5px 10px; margin: 0; border: 1px solid #5a5252;} .BoxTitleBlack ul.paging li.alt a:hover {border: 1px solid #ff9900; } /*==================================================================== ICONS ======================================================================*/ .ICOtick {background:url(../images/icons/accept.png) no-repeat left; padding-left: 25px;} .ICObug {background:url(../images/icons/bug.png) no-repeat left; padding-left: 25px;} .ICOwarn {background:url(../images/icons/warning.png) no-repeat left; padding-left: 25px;} .ICOpin {background:url(../images/icons/locationpin_black.gif) no-repeat right; padding-left: 25px;} .ICOexclamation {background:url(../images/icons/exclamation_square.png) no-repeat 10px center; padding-left: 35px;} .ICObrowse {background:url(../images/icons/browsemore.gif) no-repeat 0 3px; padding-left: 25px;} .ICOquestion {background:url(../images/icons/questionmark18.png) no-repeat 0 2px; padding-left: 28px;} .ICOshowmore {background:url(../images/icons/ul_showmore.gif) no-repeat 0 3px; padding-left: 15px;} .ICOshowless {background:url(../images/icons/ul_showless.gif) no-repeat 0 3px; padding-left: 15px;} .ICOinfo {background:url(../images/icons/information.png) no-repeat left; padding-left: 25px;} .ICOinfowhite {background:url(../images/icons/information-white.png) no-repeat left; padding-left: 25px;} .ICOprint {background:url(../images/icons/printer.png) no-repeat left; padding-left: 25px;} .ICOtelephone {background:url(../images/icons/telephone.png) no-repeat left; padding-left: 20px;} .ICOfax {background:url(../images/icons/fax.png) no-repeat left; padding-left: 20px;} .ICOmobile {background:url(../images/icons/mobile.png) no-repeat left; padding-left: 17px;} .ICOemail {background:url(../images/icons/email.png) no-repeat left; padding-left: 20px;} .ICOweb {background:url(../images/icons/monitor.png) no-repeat left; padding-left: 20px;} /*==================================================================== INFO BOXES ======================================================================*/ .INFOnote {background: #FCFAE9 url(../images/icons/exclamation_square.png) no-repeat 10px center; border: 1px solid #E9E6C7; padding: 10px 20px 10px 40px; font-size: 1.2em; margin-top: 14px;} /*==================================================================== GENERIC PAGE LAYOUT ======================================================================*/ #inner {width: 960px; margin: 0 auto; padding-bottom: 60px; position: relative; z-index: 1; background: url(../images/base/heritagecrest.gif) no-repeat 490px 10px;} /* Default Page Columns */ .col {margin: 10px; padding-bottom: 30px; float: left; display: inline; position: relative;} .col220 {width: 220px;}/* Side col in 3 col layout 3:6:3 */ .col300 {width: 300px;}/* Main col in 2 col layout 4:8 */ .col460 {width: 460px;}/* Main / Middle col in 3 col layout 3:6:3 or 2:2 */ .col620 {width: 620px;}/* Main col in 2 col layout 4:8 */ .col700 {width: 700px;}/* Main col in 2 col layout 3:9 */ .col940 {width: 940px;}/* Full width 1:1 */ /* alternative Page Columns */ .col320 {width: 320px; margin: 10px 50px 10px 0; padding-bottom: 10px; float: left; display: inline; position: relative; }/* Split content */ .width620 {width: 620px; float: left;} .col.alt {float: right;}/* Module float right - e.g. weather on home page */ .last {margin-right: 0;} .noPad {padding-bottom: 0;} .AZcat {padding-bottom: 5px; border-bottom: 1px solid #e7e7e7; margin-bottom: 0;} .paraPull p {padding-right: 20px;} .col940 .col300 {margin-left: 0;} /* Footer */ #footerCont {width: 100%; height: 185px; background: #f5f5f5 url(../images/base/footer_bg.gif) repeat-x top;} #footer {width: 960px; margin: 0 auto;} #footer ul {width: 140px; margin: 20px 10px; float: left; display: inline; list-style: none;} #footer div#ftCreate {width: 220px; height: 61px; float: left; margin: 25px 10px; background: url(../images/parts/footer_create.gif) no-repeat top; padding-left: 80px;} #footer div#ftCreate h5 {border: none; padding: 12px 0 0 0; margin: 0;} #footer div#ftCreate p {margin: 0; font-size: 1em;} #footer div#ftEnd {background: url(../images/base/footer_border.gif) top repeat-x; } #footer div#ftEnd p {padding: 0 10px; margin: 0; line-height: 50px; font-size: 1em;} #footer div#ftEnd p a {margin: 0 0 0 20px;} /*==================================================================== BASIC ENQUIRY FORM ======================================================================*/ form {padding: 0; border: 0; padding: 0; margin-bottom: 0;} form fieldset {padding: 0; border: 0; margin: 0;} form label, input, textarea, select {display: block; color: #423a3a; font-size: 2em; } form label {margin: 0; text-align: left; width: 300px; padding-right: 5px;} form input {display: block; height: 24px; border: 1px solid #ccc; padding: 5px; margin-bottom: 5px;} form input.bg {background: url(../images/parts/field_bg.gif) top repeat-x; } form textarea {width: 490px; height: 200px; border: 1px solid #ccc; padding: 5px; margin-bottom: 7px; color: #555;} form select {display: block; height: 24px; border: 1px solid #ccc; margin-bottom: 5px;} form select.fedlistSelect {display: block; height: 150px!important; width: 500px!important; border: 1px solid #ccc; margin-bottom: 5px;} form .wide {width: 653px; margin-left: 13px; margin-bottom: 0;} form .short {width: 100px;} form .medium {width: 150px;} form input:hover, form textarea:hover {border: 1px solid #333333;} form input:focus, form textarea:focus {border: 1px solid #e9872d;} form p.disclaimer {font-size: .8em; color: #555; padding: 15px 30px 15px 0; line-height: 1.2em; border-top: 1px solid #ccc; } form input.submit { background-position: top left; background-repeat: no-repeat; background: transparent; font-size: 1.4em; text-transform: uppercase; line-height: 37px; text-align: center; border: none; color: #fff; height: 37px; padding: 0; } form input.submit.btnGrn { width: 175px; float: right; display: block; margin: 5px 0 0 0; height: 37px; padding: 0; border: none; font-size: 1.4em; text-transform: uppercase; font-weight: bold; text-align: center; line-height: 37px; background-image: url(../images/buttons/btn_175_grn.png); } form input.submit.btnOrg { width: 175px; float: right; display: block; margin: 5px 0 0 0; height: 37px; padding: 0; border: none; font-size: 1.4em; text-transform: uppercase; font-weight: bold; text-align: center; line-height: 37px; color: #fff; background-image: url(../images/buttons/btn_175_org.png); } form input.submit.find { width: 100px; float: right; display: block; margin: 5px 0 0 0; height: 37px; padding: 0; border: none; font-size: 1.4em; text-transform: uppercase; font-weight: bold; text-align: center; line-height: 37px; color: #fff; background-image: url(../images/buttons/btn_175_org.png); } form input.submit:hover {background-position: bottom left; border: none; cursor: pointer; color: #ff9900;} form input.submit.btnOrg:hover, form input.submit.btnGrn:hover {color: #fff;} form br {clear: both;} img.epdq{ float:right;}