/* Site Name: Site Name Here Author: Mark Lamb Author URL: www.styledivision.net Version: 0.1 [Table Of Contents] 0 - Reset 1 - Global 2 - Typography 3 - Navigation 4 - Forms 5 - Page Specific Styles 6 - Footer [Colours] Blue: #013a81 Dark Gray: #666 Bronze: #ba8748 /* =0 Reset –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ @import url('reset.css'); /* 1 - Global –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ html, body, #wrapper { height: 100% } body > #wrapper { height: auto; min-height: 100% } body { background-color:#fff; text-align:center; background:url(/assets/templates/refund/images/BGBody.png) top center no-repeat } #wrapper { text-align:left } #header { position:relative;} #content { padding:20px 0 180px 0 } #mainContent { width: 680px; float:left; padding-right:10px; display:inline } #sideBar { width: 230px; float:right; display:inline } #title{margin-top:15px; font-weight:bold; height:80px;} .contentBox { padding-right:8px; width: 230px; float:left; display:inline; background: transparent url(/assets/templates/refund/images/ContentBox.png) top center no-repeat scroll; min-height:240px; position:relative } .contentBox h2, .contentBox p, .contentBox img { padding:0 20px; } .contentBox img { display:block } .contentBox p { padding-bottom:10px;} .contentBoxEnd { height: 20px; background: transparent url(/assets/templates/refund/images/ContentBox.png) bottom center no-repeat scroll; position:absolute; bottom:0; width:100%;} .container { width:940px; margin:auto; position:relative; overflow:hidden } .floatRight { float:right; clear:right; display:inline } .floatLeft { float:left; clear:left; display:inline } .clear { clear:both } /* 2 - Typography –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ body { font: 62.5%/1.5 "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; color:#666 } /* --- Headings --- */ h1, h2, h3, h4 { color:#123564; padding:0 0 0.4em 0 } h1 { font-size:1.8em; padding:0 0 1em 0 } h2 { font-size:1.6em } h3 { font-size:1.4em } body.home h1 { padding:25px 0 15px 2px ;} .contentBox h2 { padding: 1.1em 20px 1em 20px } /* ---Lists & Paragraphs --- */ #content ul, ol, dl li, dt, dd, p { font-size:1.2em; padding-bottom:1.5em } #content li { padding-left:15px; margin-left:15px; background:url(/assets/templates/refund/images/bullet.png) no-repeat left center } #content .contentBox ul { padding-bottom:20px; font-size:1.1em; } #content .contentBox ul ul{ padding-bottom:10px; list-style: square inside; color:#DFA256;} #content .contentBox li { background-image:none !important; padding-left:5px } /* ----- Links ----- */ a { text-decoration:none; color:#013a81 } #content a { font-weight:bold} a:visited { color:#3d5b81} a:hover, a:active, a:focus { text-decoration:underline; color:#ba8748} a.skip { position:absolute; top:-2000px; left:50% } a.skip:focus { top: 0; z-index:9999 } a.skip:hover { color: #666; text-decoration:underline } /* 3 - Navigation –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ /* ----- Main Navigation ----- */ ul#mainNav { height:54px; } ul#mainNav li { float:left } ul#mainNav li a { height:54px; width:100px; text-indent:-9999px; display:block; background-image:url(/assets/templates/refund/images/BGMainNav.png); /*background-color:pink;*/ } ul#mainNav li a.home { width:160px; background-position: 0 0 } ul#mainNav li a.about { width:80px; background-position: 780px 0; } ul#mainNav li a.about:hover, ul#mainNav li a.about:focus { width:80px; background-position: 780px -54px; } ul#mainNav li a.about:active { width:80px; background-position: 780px -108px; } ul#mainNav li a.gettingStarted { width:120px; background-position: 700px 0; } ul#mainNav li a.gettingStarted:hover, ul#mainNav li a.gettingStarted:focus { width:120px; background-position: 700px -54px; } ul#mainNav li a.gettingStarted:active { width:120px; background-position: 700px -108px; } ul#mainNav li a.whatYouNeed { width:169px; background-position: 580px 0; } ul#mainNav li a.whatYouNeed:hover, ul#mainNav li a.whatYouNeed:focus { width:169px; background-position: 580px -54px; } ul#mainNav li a.whatYouNeed:active { width:169px; background-position: 580px -108px; } ul#mainNav li a.caseStudies { width:111px; background-position: 411px 0; } ul#mainNav li a.caseStudies:hover, ul#mainNav li a.caseStudies:focus { width:111px; background-position: 411px -54px; } ul#mainNav li a.caseStudies:active { width:111px; background-position: 411px -108px; } ul#mainNav li a.findAdvisor { width:121px; background-position: 300px 0; } ul#mainNav li a.findAdvisor:hover, ul#mainNav li a.findAdvisor:focus { width:121px; background-position: 300px -54px; } ul#mainNav li a.findAdvisor:active { width:121px; background-position: 300px -108px; } ul#subNav { padding: 15px 0 35px 0;} ul#subNav li { float:left } ul#subNav li a, ul#subNav li a:visited { font-size:1.2em; } ul#subNav li span { padding:0 5px 0 5px; } ul#subNav li.last span { display:none; } /* 4 - Forms –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ fieldset { width:210px; border:1px solid #666; padding:0 20px 20px 20px; text-align:center} input, label, textarea, legend, select { font: 1.2em "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; color:#666; padding:3px; text-align:left; display:block } label{font-weight:bold;} input.radio { font:11px Arial,Helvetica,sans-serif;; color: #5B5C56; background-color: #FFFFFF; border:none; display:inline; width:20px; } input[type="hidden"]{ display:none; } input, textarea, select { width:200px; background:#fff; border: 1px solid #CCC} input:focus, textarea:focus { border:1px solid #7B970C } .errors{ color:#F00; } /* --- Buttons --- */ .button{background-color:#eee; text-align:center; font-weight:bold; color:#036;} button.btn, a.btn { position:relative; cursor:pointer; overflow:visible; text-align:center; background:transparent right top no-repeat; text-decoration:none} a.btn { display:block; width:120px; height:37px} button.btn::-moz-focus-inner {border:none} /* overrides extra padding in Firefox */ button.btn span, a.btn span { position:relative; display:block; white-space:nowrap; color:#FFF; font-weight:bold; background:transparent left top no-repeat;} /*@media screen and (-webkit-min-device-pixel-ratio:0) { button span { margin-top: -1px;}} Safari and Google Chrome only - fix margins */ button.btnLarge, a.btnLarge { height:37px; padding:0 15px 0 0; background-image:url(/assets/templates/refund/images/btnLargeRight.png)} button.btnLarge span, a.btnLarge span { height:37px; line-height:37px; padding:0 0 0 15px; font-size:1.4em; background-image:url(/assets/templates/refund/images/btnLargeLeft.png) } /* 5 - Page Specific Styles –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ /* --- Home --- */ body.home #mainContent{ width:960px} body.home .howWeCanHelp { position: relative; left:-6px;}as body.home .contentBox { width:238px} /* 6 - Footer –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ #footer { position: relative; margin-top: -165px; /* negative value of footer height */ height: 165px; clear:both; text-align:center !important} #footer ul { padding-bottom:7px; } #footer li { display:inline} #footer img { padding-top:10px;} /* 6 - Andre –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ /*yellow button-Links*/ #content a.btnLink {font-weight:normal;} a.btnLink { border:0; cursor:pointer; font-weight:normal; padding:0 11px 0 0; text-align:center; display:inline; background:transparent url(/assets/templates/refund/images/btn_Right_square.gif) no-repeat scroll right 0; font-size:11px; height:24px;line-height:24px; text-decoration:none !important;width:auto; float:left; margin-bottom:10px; font-weight:normal; font-family:"Tahoma", Arial, Helvetica, sans-serif;} a.btnLink span { position:relative;display:block; white-space:nowrap; padding:0 0 0 11px;height:24px; line-height:24px; background:url(/assets/templates/refund/images/btn_left_sqaure.gif) 0 0px no-repeat; color:#482566;width:auto; float:left; margin:0;} a.btnLink:hover {background:url(/assets/templates/refund/images/btn_Right_square.gif) right -26px no-repeat; text-decoration:none !important; color:#46166b;} a.btnLink:hover span {background:transparent url(/assets/templates/refund/images/btn_left_sqaure.gif) no-repeat scroll 0 -26px; } .btnLink:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .btnLink {display:inline-block;} * html .btnLink {height:1%;} /* IE 6 hack */ .btnLink {display:block;} #welcome { float:left; height:100px; margin-left:25px; margin-top:-170px; position:absolute; width:460px; z-index:50; overflow:hidden; color:#FFF; }