/* CSS generated by SiteManager at 10:02am 24/11/2010 - do not edit this file directly */ /*--------------------------------------------------------------------------------------------------------------------------- CSS for Davidson Richards - Main Stylesheet Author: David Ball (davidball@silktide.com) / Silktide Studios - All Rights Reserved Created: 10/08/2009 ----------------------------------------------------------------------------------------------------------------------------- */ /* Global Styles ----------------------------------------------------------------------------------------------------------------------------- */ /* commented backslash hack \*/ html, body { height: 100%; } /* end hack */ body { background: #287B9F url(/templatefiles/body_bg.jpg) repeat-x 0 0; font: 75% arial, verdana, helvetica, sans-serif; text-align: center; padding: 0; margin: 0; } hr { height: 1px; background-color: #aaaaaa; color: #aaaaaa; padding: 0; border: 0; margin: 5px 0 15px; } form, table { background: transparent; font-size: 1.0em; line-height:1.4em; color: #757575; } .tablestyle { border-collapse: collapse; } .tablestyle td, .tablestyle th { vertical-align: top; padding: 5px 5px 5px 0; } .tableborder td, .tableborder th { vertical-align: top; padding: 5px; border: 1px solid #e8e8e8; } .formstyle td { color: #757575!important; padding-left: 0!important; } .widthwrapper { width: 100%; } .padding { padding: 20px; } .right { float: right; } .left { float: left; } .clear { clear: both; } img { border: 0; } .imgright { float: right; padding: 2px; border: 1px solid #c4c2c3; margin: 5px 0 10px 20px; } .wideimg { display: block; margin-bottom: 15px; } .subcontent { float:left; margin:0 10px 10px 0; } legend { color:#00AEC7; } /* Text and Link Styles ----------------------------------------------------------------------------------------------------------------------------- */ h1 { font: bold 1.9em arial, verdana, helvetica, sans-serif; color: #434343; margin: 0 0 5px; font-weight:bold; } h2 { font: bold 1.4em arial, verdana, helvetica, sans-serif; color: #00aec7; margin: 15px 0 10px; font-weight:bold; } h3 { font: bold 1.2em arial, verdana, helvetica, sans-serif; color: #434343; margin: 10px 0 5px; } p, li { font-size: 1.0em; line-height: 1.4em; color: #313131; margin: 10px 0; } a:link, a:visited { font-weight: bold; text-decoration: underline; color: #535353; } a:hover, a:active { color: #00AEC7; border: 0; } /* Layout Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #container { width: 948px; min-height: 100%; height:auto; background:#fff url(/templatefiles/contentwrapper-bk.gif) repeat-y left; text-align: left; padding: 0; margin: 0 auto -105px; } * html #container { height: 100%; } #sidecol { width:256px; float:left; } #clearfooter { clear: both; height: 105px;} /* height to match height + padding + margin etc in #footer */ #contentwrapper { clear: both; overflow:auto; height:100%; } /* Header Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #header { position: relative; background:#00AEC7 url(/templatefiles/header-bk.gif) no-repeat top right; height:174px; } #sitelogo { float: left; margin:30px 0 0 30px; } #accessibility { display: none; } #search { position:absolute; top:65px; right:30px; text-align:right; } #search input { width: 155px; background: #fff url(/templatefiles/search_bg.jpg) no-repeat left center; font-size: 0.9em; padding: 3px 0 3px 20px; border: 1px solid #969696; margin: 0 -4px 0 0; } #search .button { width: 45px; background: #00AEC7 none; border:1px solid #fff; text-transform: lowercase; color: #fff; padding: 1px 3px 1px; margin: 0; line-height:15px; } #search form { padding:0; margin:0; } p#telno { margin:5px 0; font-weight: normal; font-size: 1.8em; color: #fff; } /* Banner Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #banner { position:relative; } #banner #quote-box { background: transparent url(/templatefiles/quote-bk.png) no-repeat top left; width:256px; height:100%; position:absolute; top:0; left:0; overflow:hidden; } #banner #quote-box #quote { margin:50px 16px 44px 30px; font-size:1.1em; } #banner #quote-box strong { font-size:1.2em; } /* Navigation Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #mainnav { position:absolute; top:130px; right:30px; color:#fff; font-size:1.1em; text-transform:lowercase; } #mainnav ul { margin:12px 0; padding:0; } #mainnav ul li { display:inline; list-style-type:none; margin-left:13px; } #mainnav ul li a, #mainnav ul li a:link, #mainnav ul li a:visited { color:#fff; text-decoration:none; font-size:1.1em; font-weight:normal; } #mainnav ul li a:hover, #mainnav ul li a:active { text-decoration:underline; color:#fff; } #mainnav ul .selectedoption a { font-weight:bold !important; } /* Content Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #content { min-height: 100px; padding:20px 20px 20px 0; margin-left:280px; width: 650px; float: right; margin: 0; } #content ul { padding-left:20px; } .twocol { } .twocol .col { width:300px; float:left; margin-right:30px; } .twocol .last { margin-right:0!important; } .threecol { overflow:auto; margin-bottom:8px; } .threecol .col { width:190px; float:left; margin-right:8px; /*background:#E5E5E5;*/ padding:10px; } .threecol .last { margin-right:0; } .threecol h2 { margin-top:0; } .threecol img { margin-bottom:10px;} .threecol.col1 { background:url(/templatefiles/3col-1_bg.gif) repeat-y; } .threecol.col2 { background:url(/templatefiles/3col-2_bg.gif) repeat-y; } .threecol.col3 { background:url(/templatefiles/3col_bg.gif) repeat-y; } #home .twocol { margin-top:10px; background:transparent url(/templatefiles/2col_bg.gif) repeat-y left; overflow:auto; } #home .col .block { padding:15px; } #home .twocol.imagecol { background:transparent; text-align:center; overflow:hidden; } #home .twocol.imagecol img { margin:0 auto; /*height:102px;*/ } #home h1 { color:#434343; text-align:center; margin-bottom:15px; } #home h2 { font-size:1.9em; color:#00AEC7; text-align:center; } #home #sidecol { border-top:3px solid #fff; } .textblock { overflow:auto; } /* Sidecol Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #sidecol .box { background:#e5e5e5; width:216px; min-height:40px; padding:7px 10px 10px 30px; border-bottom:3px solid #fff; overflow:auto; } #sidecol .box img { margin:0 10px 5px 0; } #sidecol .pink { background:#E5E5E5 url(/templatefiles/sidecol-pink.gif) repeat-y left; } #sidecol .green { background:#E5E5E5 url(/templatefiles/sidecol-green.gif) repeat-y left; } #sidecol .purple { background:#E5E5E5 url(/templatefiles/sidecol-purple.gif) repeat-y left; } #sidecol .orange { background:#E5E5E5 url(/templatefiles/sidecol-orange.gif) repeat-y left; } #sidecol .grey { background:#E5E5E5 url(/templatefiles/sidecol-grey.gif) repeat-y left; } #sidecol h2 { margin:0 0 10px; color:#535353; font-size:1.7em; font-weight:normal; text-align:left; } #sidecol h2 a { font-weight:normal; text-decoration:none; } #sidecol h3 { text-align:left; } #sidecol p { color:#7D7D7D; margin-top:0; } #sidecol .signupform { } #sidecol .signupform label { font-weight:bold; font-size:1.1em; } #sidecol .signupform input { border:none; background:#fff; padding:2px; margin: 0 -3px 0 0; width:150px; } #sidecol .signupform .button { width: 45px; background: #00AEC7 none; border:none; text-transform: lowercase; color: #fff; padding: 1px 3px 1px; margin: 0; line-height:18px; } #sidecol .side-button { font-size:1.2em; color:#fff; width:170px; background: #00AEC7 url(/templatefiles/button-bg.gif) repeat-x; border:none; margin:10px 0; text-align:center; } #sidecol .side-button a, #sidecol .side-button a:visited { color:#fff; display:block; font-weight:normal; padding:5px 15px 6px; text-decoration:none; } #sidecol .side-button a:hover, #sidecol .side-button a:active { color:#0d0d0d; } #sidecol .side-button.purple-btn { background: #987EA5 url(/templatefiles/button-purple-bg.gif) repeat-x; } #sidecol-login { display:none; } #sidecol-login .taosTextField { width:120px; display:block; } #sidecol-login input.button { background:url(/templatefiles/button-bg.gif) repeat-x scroll 0 0 #00AEC7; padding:3px; color:#fff; border:0 none; display:block; } #sidecol-login #form_form { margin-bottom:8px; } #dynamicsrms-btn { display:none; } /* Subcontent Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .subnav { padding: 0; margin: 0; } .subnav li { text-transform: lowercase; list-style-type: none; margin:18px 0; } .subnav li a, .subnav li a:visited { font-weight: bold; color: #434343; font-size:1.25em; text-decoration:none; } .subnav li a:hover, .subnav li a:active { font-weight: bold; color: #00AEC7; font-size:1.25em; } .subnav li.selectedoption a, .subnav li.selectedoption a:visited { font-weight: bold; color: #00AEC7; } .subnav li.selectedoption a:hover, .subnav li.selectedoption a:active { font-weight: bold; color: #00AEC7; } /* Second Level Nav */ /* .subnav li.selectedoption ul { padding: 0; margin: 5px 0 5px 15px; } .subnav li.selectedoption ul li { margin: 8px 0; background:url(/templatefiles/subnav-bullet.gif) no-repeat left; font-size:0.85em; } .subnav li.selectedoption ul li a, .subnav li.selectedoption ul li a:visited { font-weight: normal; color: #757575; padding-left: 10px; } .subnav li.selectedoption ul li a:hover, .subnav li.selectedoption ul li a:active { font-weight: normal; color: #00AEC7; } .subnav li.selectedoption ul li.selectedoption a, .subnav li.selectedoption ul li.selectedoption a:visited { font-weight: normal; color: #6e2c86; } .subnav li.selectedoption ul li.selectedoption a:hover, .subnav li.selectedoption ul li.selectedoption a:active { font-weight: normal; color: #00AEC7; } */ .subnav li ul { padding: 0; margin: 5px 0 5px 15px; } .subnav li ul li { margin: 8px 0; background:url(/templatefiles/subnav-bullet.gif) no-repeat left; font-size:0.85em; } .subnav li ul li a, .subnav li ul li a:visited { font-weight: normal; color: #757575; padding-left: 10px; } .subnav li ul li a:hover, .subnav li ul li a:active { font-weight: normal; color: #00AEC7; } .subnav li.selectedoption ul { padding: 0; margin: 5px 0 5px 15px; } .subnav li.selectedoption ul li { margin: 8px 0; background:url(/templatefiles/subnav-bullet.gif) no-repeat left; font-size:0.85em; } .subnav li.selectedoption ul li a, .subnav li.selectedoption ul li a:visited { font-weight: normal; color: #757575; padding-left: 10px; } .subnav li.selectedoption ul li a:hover, .subnav li.selectedoption ul li a:active { font-weight: normal; color: #00AEC7; } .subnav li ul li.selectedoption a, .subnav li ul li.selectedoption a:visited { font-weight: normal; color: #00AEC7; } .subnav li ul li.selectedoption a:hover, .subnav li ul li.selectedoption a:active { font-weight: normal; color: #00AEC7; } /* Footer Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #footer { width: 948px; height:105px; background: none; text-align: center; padding: 0 0 0px; margin: 0 auto 0; } #footer p { } #footer a { } #footer #footer-upper { background:#fff; text-align:left; height:69px; border-top:1px solid #535353; padding:0 30px 0; } #footer #footer-upper p { font-size: 0.8em; color: #535353; margin:0; padding:4px 0; line-height:13px; } #footer #footer-upper a:link, #footer #footer-upper a:visited { font-weight: normal; color: #888888; border: 0; } #footer #footer-upper a:hover, #footer #footer-upper a:active { text-decoration: underline; color: #888888; border: 0; } #footer #footer-lower { background:#898989; height:35px; } #footer #footer-lower p { font-size: 0.9em; color: #000; margin:0; padding:8px 0; } #footer #footer-lower a:link, #footer #footer-lower a:visited { font-weight: normal; color: #000; border: 0; } #footer #footer-lower a:hover, #footer #footer-lower a:active { text-decoration: underline; color: #fff; border: 0; background:#3a3a3a; } #footer-facebook { vertical-align:middle; margin-left:10px; } #footer-twitter { vertical-align:middle; }