/*---------------------------------------- Client: Cooper Grace Ward Lawyers Name: screen.css Developed by: Phase New Media Date Created: 27 August 2009 Last Updated: 27 August 2009 ----------------------------------------*/ /* Imports ----------------------------------------*/ @import url("reset.css"); @import url("960.css"); @import url("externalLinks.css"); /* Grid Layout ----------------------------------------*/ .midcol { width:280px !important; margin-left:20px !important;} .rightcol { width:260px !important; margin-left:20px !important;} .bottomright { width:570px !important; margin-left:20px !important; } .mainleft { width:650px !important; } /* Colours ----------------------------------------*/ .grey { color:#5D5D5D !important; } .grey2 { color:#79888B !important; } .red { color:#CB3332 !important; } /* Elements ----------------------------------------*/ body { background-color:#FFFFFF; } body,p,td,th,li { font-family: Arial, Helvetica, sans-serif; font-size:.875em; line-height:1.5em; color:#7A7976; } hr { border: 0px #E6E4DD solid; border-top-width: 1px; clear: both; height: 0; margin:25px 0px; } hr.noline { border: 0px #FFFFFF solid; border-top-width: 1px; clear: both; height: 0; margin:15px 0px; } p { margin: 0 0 1em 0; line-height:1.8em; padding:0 0 0px 0; } ul { margin-left:25px; list-style-type:none; } ol { margin-left:25px; } /* Link Styles ----------------------------------------*/ a:link, a:visited { color:#799E9F; text-decoration:none; } a:hover, a:active { color:#799E9F; text-decoration:underline; } a:focus { outline: 1px #EEE dotted; } p a:link, p a:visited { color:#B0B379; border-bottom:1px dotted #B0B379; padding-bottom:2px; font-weight:bold; text-decoration:none; } p a:hover, p a:active { color:#919454; border-bottom:1px dotted #919454; padding-bottom:2px; font-weight:bold; text-decoration:none; } span.more { display:inline-block; width:12px; height:10px; background:transparent url(../images/icon-more.gif) top left no-repeat; } /* Headings ----------------------------------------*/ h1 { color:#0079C1; margin:1.20em 0 .9em 0; font-size:1.2em; padding:8px 0px; width:100%; border-bottom:1px solid #E6E4DD; } h2 { color:#736044; margin:.200em 0 .5em 0; font-size:1.1em; padding:5px 0px; width:100%; /*border-bottom:1px solid #E6E4DD;*/ } h3 { color:#7A7976; margin:.825em 0 .5em 0; font-size:1.1em; } h4 { color:#7A7976; margin:.725em 0 .5em 0; font-size:0.875em; } h5 { color:#333333; margin: 0 0 .3em 0; font-size:1.5em; line-height:0.95em; } h6 { color:#CB3232; margin:.825em 0 .5em 0; font-size:0.5em; } /* Home ----------------------------------------*/ .blurb { border-bottom:none; padding:0px 0 15px 0; } .home-icons { width:300px; height:90px; padding:20px; margin:0 0 15px 0; background:#FFF url(../images/icons-bg.gif) top left no-repeat; } .home-icons p { color:#333; line-height:1.5em; } .home-block1, .home-block3 { width:247px; height:192px; float:left; display:inline; overflow:hidden; margin:0px; padding:48px 60px 0px 27px; } .home-block1 p, .home-block3 p { line-height:1.6em !important; color:#414141; } .home-block1 { background:#BFC292 url(../images/hero-block1-bg.gif) top left no-repeat; } .home-block3 { background:#E4EBEB url(../images/hero-block3-bg.gif) top left no-repeat; } /* Hero ----------------------------------------*/ #f_hero img { float:left; } #hero { float:left; width:330px; padding:0 0 0 10px; } p.breadcrumbs { padding:0 0 20px 0; } /* Block Elements ----------------------------------------*/ .greenbox { width:230px; height:132px; margin:0px; padding:15px; background:#CCD57E url(../images/greenbox.gif) top left no-repeat; overflow:hidden; font-size:0.8em; } .greenbox label, .cgwdirectlogin_t { display:inline; float:left; width:102px; margin:1px 5px;} .cgwdirectlogin_t { border-width:0px; font-size:1.0em; padding:4px 1px; } .greenbox a { color:#7A7976 !important; border-bottom:1px dotted #FFF; text-decoration:none; } .greenbox a:hover { color:#7A7976 !important; text-decoration:none; border-bottom:1px dotted #7A7976; } /* Sub pages ----------------------------------------*/ #sub-col {float:left; padding:0 0 0 35px; width:570px; } /* Button ----------------------------------------*/ .button { display:block; float:left; margin:0px; padding:0px; text-indent:-9990em; cursor:pointer; border-width:0px !important; } .emailaquestion { background:transparent url(../images/button-emailaquestion.gif) no-repeat scroll 0 0; height:26px; width:134px; } .emailaquestion:hover { background-position:0px -26px; } .submit { background:transparent url(../images/button-emailaquestion.gif) no-repeat scroll 0 0; height:26px; width:54px; } .submit:hover { background-position:0px -26px; } .go { background:transparent url(../images/button-emailaquestion.gif) no-repeat scroll 0 0; height:26px; width:54px; } .go:hover { background-position:0px -26px; } .enter { background:transparent url(../images/button-enter.gif) no-repeat scroll 0 0; height:26px; width:60px; } .enter:hover { background-position:0px -26px; } .enter2 { background:transparent url(../images/button-enter2.gif) no-repeat scroll 0 0; height:26px; width:60px; float:right !important; } .enter2:hover { background-position:0px -26px; } /* Nav ----------------------------------------*/ #f_anav { margin-top:35px; margin-bottom:35px; background:url(../images/anav-bg.png) top left no-repeat; z-index:6; } ul#anav { margin:0px !important; z-index:7; } ul#anav li { float:left; list-style-type:none; margin:0px; padding:0px; position:relative; z-index:8; } ul#anav li a { height:40px; display:block; text-indent:-9999px; outline:none; margin:0px; padding:0px; } li#anavServices a { background-image: url(../images/anav-services.png); width:111px;} li#anavHome a { background-image: url(../images/anav-home.png); width:94px;} li#anavForms a { background-image: url(../images/anav-forms.png); width:97px;} li#anavContact a { background-image: url(../images/anav-contact.png); width:126px;} li#anavUsefulresources a { background-image: url(../images/anav-usefulresources.png); width:168px;} ul#anav div.drop { display:none; } ul#anav li.dropli div.drop { width:109px; height:130px; overflow:hidden; position:absolute; top:40px; left:0px; background:#877861; color:#FFF; z-index:9;} ul#anav li.hov div.drop { display:block; } div.drop h3 { display:block; float:left; width:100%; border-bottom:1px solid #CCC; margin:3px 0px 10px 0px !important; padding:0px !important; font-size:11px; font-weight:bold; color:#FFF; } div.drop h3 a { margin:2px 0px 3px 0px !important; color:#FFF !important; } div.drop h3 a:hover { color:#E4E4E4 !important; text-decoration:none !important; } div.drop a { display:inline !important; float:left; padding:0px; margin:0px 0px 10px 0px !important; background-image:none !important; height:auto !important; text-indent:0px !important; color:#E4E4E4 !important; font-size:11px; text-decoration:none; line-height:120% !important; } div.drop a:hover { color:#BBBBBB !important; } div.drop div { float:left; display:inline; } div.drop .col1 { width:300px; padding:10px; } div.drop .col1-1 { width:150px; padding:0px; } div.drop .col1-2 { width:150px; padding:0px; } div.drop .col1 a { width:150px !important; } div.drop .col2 { width:160px; padding:10px; } div.drop .col2 a { width:160px !important;} div.drop .col3 { width:250px; padding:10px; } div.drop .col3 a { width:250px !important;} li#anavServices a:hover, li#anavHome a:hover, li#anavForms a:hover, li#anavContact a:hover, li#anavNewsEvents a:hover, li#anavUsefulresources a:hover { background-position:0 -40px; } #anavHome div.drop { width:300px !important; padding-top:5px !important; } #f_bnav { margin-bottom:10px; } #f_bnav a { display:inline; float:left; padding:9px 15px 15px 15px; font-size:12px; text-decoration:none; color:#878682; background:url(../images/bnav-bg.jpg) top left no-repeat; white-space:nowrap; } #f_bnav a:hover { text-decoration:underline; } #f_bnav a.first { background:#FFF !important; margin-left:23px !important; } #f_bnav a.last { margin-right:0px !important; padding-right:0px !important; } /* Search ----------------------------------------*/ .search-box { height:22px; margin-left:25px; margin-top:22px; width:195px; background:#000 url(../images/search-bg.gif) top left no-repeat; } .search-field { float:left; width:166px; height:19px; padding:0px; border-width:0px; margin:2px 0 0 6px; color:#7A7976; } .search-go { float:left; border:0; margin:0; padding:0; height:22px; width:22px; background:transparent; cursor:pointer; } /* CNAV ----------------------------------------*/ .cnav-col1 { width:160px; display:inline; float:left; margin:0px; padding:0px; } .cnav-col2 { width:370px; display:inline; float:left; margin:0px 0px 0px 30px; padding:0px; } .cnav-col1 a, .cnav-col2 a { display:block; float:left; clear:both; padding:6px 0px; color:#799E9F; font-size:0.85em; line-height:1.3em; text-decoration:none; } .cnav-col1 a:hover, .cnav-col2 a:hover { text-decoration:underline; } .cnav-col2 div { display:inline; float:left; margin:0px; padding:0px; } .cnav-col2a { width:180px; } .cnav-col2b { width:190px; } /* Footer ----------------------------------------*/ #f_footer1, #f_footer2 { font-size:0.9em; } #footer2_left { display:inline; float:left; } #footer2_right { display:inline; float:right; text-align:right; } #footer2_right a { padding:1px 10px; border-right:1px solid #CCC; text-decoration:none; color:#7A7976; } #footer2_right a:hover { text-decoration:underline; } #footer2_right a.last { border-width:0px !important; padding-right:0px !important; } #footer-email { border-width:0px !important; padding:0px !important; float:right; margin:20px 0px 0px 0px;} #sitebyphase { font-size:11px; text-decoration:none; color:#666; } #sitebyphase:hover { text-decoration:underline; } #cgwlogo {padding:20px 0 20px 0;} /* LIST - Border because of the PDF image */ ul.list { padding: 0 0 30px 0; } ul.list li { list-style-image: url(../images/list-icon.gif); padding: 0 0 10px 0; } ul.list li li { list-style-image: url(../images/list-icon.gif); padding:10px 0px 0 0; font-size:90%; } ul.list li a:link, ul.list li a:visited { color:#B0B379; /*border-bottom:1px dotted #B0B379; padding-bottom:2px;*/ text-decoration:none; } ul.list li a:hover, ul.list li a:active { color:#919454; /*border-bottom:1px dotted #919454; padding-bottom:2px;*/ text-decoration:none; } /* LIST */ ul.list2 { padding: 0 0 30px 0; } ul.list2 li { list-style-image: url(../images/list-icon.gif); padding: 0 0 10px 0; } ul.list2 li a:link, ul.list2 li a:visited { color:#B0B379; border-bottom:1px dotted #B0B379; padding-bottom:2px; text-decoration:none; } ul.list2 li a:hover, ul.list2 li a:active { color:#919454; border-bottom:1px dotted #919454; padding-bottom:2px; text-decoration:none; } /* Standard Definitions ----------------------------------------*/ .left { float:left; } .right { float:right; } .clear { clear:both; } .small { font-size:.625em; } .large { font-size:1em; } .soft { color:#D3D3D3; } .hide { display:none; } p.last { margin-bottom:0px; } blockquote { margin: 0 0 18px 18px; color:#666666; font-style:italic; } strong { font-weight:bold; } em { font-style:italic; } /* Forms ----------------------------------------*/ form { margin: 10px 0px; padding: 15px 18px 25px 18px; border: 1px solid #F0F0F0; /*background: #f8f8f8;*/} form p { border-bottom: 1px solid #E6E6E6; padding: 12px 0 5px 0; margin: 0; color: #7A7976;} label { font-weight:normal; color: #CC3333; font-size:12px} input, select, textarea { margin: 5px 0; padding: 5px; color: #333333; border-width: 1px; border-style: solid; border-color: #d4d4d4; font: 11px 'Lucida Grande', Verdana, Helvetica, sans-serif;} input.form-submit { background: #C8D6D7;} input.form-submit:focus { border-color: #d4d4d4;} input:focus, select:focus, textarea:focus { color: #000000;} input.form-text, input.form-textarea { width: 90%;} fieldset { border: 1px solid #D3C3C8; margin: 1em 0; padding: 1em; border-radius : 4px; -moz-border-radius : 4px; -webkit-border-radius : 4px; -khtml-border-radius : 4px; } fieldset legend { padding: 0 6px 0 0;} fieldset legend a:link { color: #8D122D;} .new-form { float:left; width:520px; } .new-form .form-item { display:block; float:left; clear:both; margin-top:0em; width:450px; } .new-form label { width:110px; font-size:0.8em; display:inline; float:left; color:#555; } .new-form input.form-text { width:300px; display:inline; float:left; clear:none; } .new-form select { width:175px; display:inline; float:left; clear:none; } .new-form textarea { width:300px; height:200px; display:inline; float:left; clear:none; } .new-form #email { width:300px !important; } .new-form #tel, .new-form #country, .new-form #postcode { width:180px !important; } .new-form input.form-submit { clear:both; float:left; } #crm-container input.form-checkbox {margin-right:5px;} #crm-container td.labels {border-width:0px;} #crm-container div.vevent span.summary { font-size:14px; } form#user-register div.form-item label { display:inline; width:125px; float:left; clear:left; text-align:right; padding-right:10px; } form#user-register input.form-text { display:inline; width:300px; float:left; } form#user-register div.description { display:block; clear:both; padding-bottom:15px; padding-left:140px;} form#user-register #crm-container td.label, form#user-register #crm-container td.option-label { width:116px }