/*==================================================================== DENTONS DIRECTORY - GLOBAL STYLE SHEET Copyright 2009 Dentons Directories Ltd Written by dentonscreative.com ======================================================================*/ /* Global Styles */ * {margin: 0; padding: 0; border: 0; font-family: Arial, Helvetica, sans-serif;} body {background: #d9d1c4 url(../images/base/bodybg.gif) repeat-x top; text-align: left; font-size: 62.5%; } .clear {clear: both;} /*==================================================================== TEXT STYLES, A STYLES, LIST STYLES & VARIATIONS ======================================================================*/ /* Default Header Styles */ h1 {text-indent: -9999px; background: url(../images/base/h1logo.gif) left no-repeat; line-height: 105px;} h2, h4 {font-weight: normal;} h2 {font-size: 3em; line-height: 1.3em; padding: 10px 10px 20px 0; letter-spacing: -.03em; color: #c41230; border-top: 1px solid #ebeae4; } h3 {font-size: 1.4em; line-height: 1.6em; padding: 0 10px 8px 0; letter-spacing: -.03em; color: #c41230;} h4 {font-size: 2em; line-height: 1.6em; padding: 0 10px 8px 0; letter-spacing: -.03em; font-style: italic; color: #c41230;} h5 {font-size: 1.4em; line-height: 1.6em; padding: 4px 0 5px 0; margin: 0 8px 6px 0; letter-spacing: -.05em; color: #333; border-bottom: 1px dotted #ccc;} /* Alternative Header Styles */ /* Default / Alternative P Styles */ p {padding: 0 20px 16px 0; color: #000; font-size: 1.2em; line-height: 1.3em;} p.intro {font-size: 1.8em; line-height: 1.4em; color: #666; margin-bottom: 14px; padding-right: 60px;} .contrast {color: #c41230; text-transform: uppercase; font-weight: bold;} .feint {color: #666;} .discreet {font-size: 9px; color: #666; line-height: 15px;} /* Link Styles */ a {color: #c41230; font-weight: bold; text-decoration: none;} a:hover {color: #c41230; text-decoration: underline; } img.border { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } /* List Styles */ ul {margin: 0 40px 14px 20px;} ul li {font-size: 1.2em;} /*==================================================================== BASIC PAGE LAYOUT ======================================================================*/ #wrapper {margin: 0 auto; background: url(../images/base/wrapperbg.gif) repeat-x bottom; } #header {height: 105px; width: 940px; margin: 5px auto 0 auto; position: relative;} #inner {width: 901px; margin: 0 auto; padding-left: 40px; background: url(../images/base/logopartl.gif) no-repeat top left;} #page {width: 900px; background: #fefdf3 url(../images/base/logopartr.gif) no-repeat top left; border-right: 1px solid #c0b9af; border-bottom: 1px solid #c0b9af; position: relative;} /* 3x Footer Parts */ #modInner {width: 901px; height: 267px; margin: 0 auto; padding: 20px 0 0 40px; background: url(../images/base/footlogo.gif) no-repeat bottom left; position: relative;} #modInner div {width: 265px; height: 200px; float: left; display: inline; margin-left: 12px;} #modInner div.first {margin-left: 40px;} #modInner div h2 {border-bottom: 3px solid #b2b2a7; padding-bottom: 12px; font-size: 2em; margin-bottom: 20px;} #modInner div p {padding-bottom: 22px;} p.times {list-style: none; margin: 0;} p.times strong {width: 100px; display: block; float: left;} #modInner img.logos { position: absolute; left: 357px; top: 236px; } #modInner img.moil { position: absolute; left: 322px; top: 236px; } /* Generic Parts */ #main {width: 564px; margin: 30px 40px 40px 40px; float: left; display: inline;} #main.home {width: 449px;} #main.home h2 {font-size: 2em; margin-bottom: 20px;} #main.content div#frame {height: 410px; overflow: auto; width: 564px; padding-top: 20px; } #main.content div#frame div {border-bottom: 1px solid #ebeae4; clear: left; padding-bottom: 20px; margin-bottom: 15px;} #main.content div#frame img {float: left; margin: 0 15px 15px 0; border: 2px solid #d5dbcc;} .servicetext h3 {margin: 0 0 0 120px;} .servicetext p {margin: 0 0 0 120px;} #right {width: 250px; float: left; display: inline; margin-top: 8px; position: relative;} #right.home {width: 364px; float: left; display: inline; margin-top: 8px; position: relative;} #right.home img.flag {position: absolute; top: 60px; left: -10px;} #right.home img.cert {position: absolute; bottom: 15px; left: 17px;} /* Generic Parts */ #page img.fold {position: absolute; bottom: -3px; right: -2px; z-index: 100; width: 23px; height: 65px;} #page img.but {border: 2px solid #d5dbcc; float: left; margin: 5px 10px 10px 0;} img.facebook { position: absolute; bottom: 41px; left: 450px; } /*==================================================================== HOME PAGE LAYOUT ======================================================================*/ /*==================================================================== FOOTER ======================================================================*/ #footer {background: #d9d1c4; height: 50px; border-top: 1px solid #bfbbae; } #footer div {width: 941px; margin: 0 auto; padding: 10px 0 0 0; text-align: right;} #footer div p {color: #333; padding: 0;} #footer div p .left {margin-right: 340px;} #footer div p a {color: #333;} /*==================================================================== MAIN SITE NAVIGATION ======================================================================*/ /* Main Graphic Nav */ ul#mainNav { height: 32px; width: 473px; bottom: 0; right: 1px; background: url(../images/base/nav.gif) no-repeat top left; position: absolute; margin: 0; } ul#mainNav li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;} ul#mainNav li, ul#mainNav a {height: 32px; display: block;} ul#mainNav li a {text-indent: -9999px; text-decoration: none;} #opt1 {left: 0; width: 47px;} #opt2 {left: 47px; width: 63px;} #opt3 {left: 110px; width: 66px;} #opt4 {left: 176px; width: 76px;} #opt5 {left: 252px; width: 54px;} #opt6 {left: 306px; width: 53px;} #opt7 {left: 359px; width: 70px;} #opt8 {left: 429px; width: 44px;} #opt1 a:hover {background: transparent url(../images/base/nav.gif) 0 -32px no-repeat;} #opt2 a:hover {background: transparent url(../images/base/nav.gif) -47px -32px no-repeat;} #opt3 a:hover {background: transparent url(../images/base/nav.gif) -110px -32px no-repeat;} #opt4 a:hover {background: transparent url(../images/base/nav.gif) -176px -32px no-repeat;} #opt5 a:hover {background: transparent url(../images/base/nav.gif) -252px -32px no-repeat;} #opt6 a:hover {background: transparent url(../images/base/nav.gif) -306px -32px no-repeat;} #opt7 a:hover {background: transparent url(../images/base/nav.gif) -359px -32px no-repeat;} #opt8 a:hover {background: transparent url(../images/base/nav.gif) -429px -32px no-repeat;} #opt1 a.current {background: transparent url(../images/base/nav.gif) 0 -32px no-repeat;} #opt2 a.current {background: transparent url(../images/base/nav.gif) -47px -32px no-repeat;} #opt3 a.current {background: transparent url(../images/base/nav.gif) -110px -32px no-repeat;} #opt4 a.current {background: transparent url(../images/base/nav.gif) -176px -32px no-repeat;} #opt5 a.current {background: transparent url(../images/base/nav.gif) -252px -32px no-repeat;} #opt6 a.current {background: transparent url(../images/base/nav.gif) -306px -32px no-repeat;} #opt7 a.current {background: transparent url(../images/base/nav.gif) -359px -32px no-repeat;} #opt8 a.current {background: transparent url(../images/base/nav.gif) -429px -32px no-repeat;} /* 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;} #mainNav ul.sub1 {width:160px; z-index: 300;} #mainNav :hover iframe.one {left: 0; top: 36px; width:160px; height:100px;} #mainNav :hover ul {left: 0; top:32px; background: #d9d1c4; padding:3px; border: 2px solid #c41230; border-width:0 2px 2px; white-space:nowrap; height:auto; z-index:300;} #mainNav :hover ul li {display:block; height:24px; position:relative; font-weight:normal; width:auto; text-align: left;} #mainNav :hover ul li a {display:block; font-size:11px; height: 24px; line-height: 24px; width:auto; padding:0 10px; color:#333; text-decoration:none; text-indent: 0;} #mainNav :hover ul li a:hover {background: #c41230; color:#fff;} /*==================================================================== BASIC ENQUIRY FORM ======================================================================*/ form {padding: 0; border: 0; font-size: 1em; padding: 0; margin-bottom: 15px; } form fieldset {padding: 0; border: 0;} form label, textarea, select {display: block; float: left; padding-top: 3px; font-size: 1.2em;} form label {margin: 0 5px 5px 0; text-align: left; width: 170px; padding-right: 5px;} form input {display: block; float: left; height: 20px; width: 200px; border: 1px solid #ccc; font-size: 1.2em; padding: 3px; margin-bottom: 5px;} form select {display: block; float: left; height: 20px; border: 1px solid #ccc; font-size: 1.2em; padding: 2px; margin-bottom: 5px;} form textarea {width: 270px; height: 200px; border: 1px solid #ccc; padding: 4px; font-size: 1.2em; margin-bottom: 7px;} 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: .9em; color: #666; padding: 15px 30px 15px 0; line-height: 1.2em; border-top: 1px solid #ccc; } form input.submit {float: none; height: 28px; padding: 0; width: 128px; margin: 6px 0 10px 0; border: 2px solid #d5dbcc;} form input.submit:hover {border: 2px solid #c41230; cursor: pointer;} form br {clear: left;} #main table { width: 470px; font-size: 12px; text-indent: 10px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; } #main table th.title { font-size: 12px; background-color: #D9D1C4; line-height: 21px; } img.offer { margin: 10px; } img.pad { padding-top: 80px; } #xmas { width: 380px; padding-left: 20px; } #wrapper #header .book { position: absolute; height: 43px; width: 165px; left: 776px; top: 13px; }