/* ------------------------------------------------------------------------ Theme Name:Equilibrium Theme URI:http://madebyon.com Description:Magazine style WordPress theme. Visit http://equilibrium.madebyon.com for more infomation. Version:1.4 Author:Tudinh Duong Author URI:http://madebyon.com ------------------------------------------------------------------------ */ /* ----------------------------------------- RESET ----------------------------------------- */ *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td{margin:0; padding:0;} table{border-collapse:collapse; border-spacing:0;} fieldset, img{border:0;} address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal;} caption, th{text-align:left;} h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal;} q:before, q:after{content:'';} strong{font-weight:bold;} em{font-style:italic;} a img{border:none;} a { color:#253446;} h1, h2, h3, h5, h5, h6{font-weight:bold;} /* ----------------------------------------- LAYOUT ----------------------------------------- */ .aligncenter{display:block; margin:0 auto;} .alignleft{float:left;} .alignright{float:right; padding: 0 0 15px 15px;} .clear{clear:both;} #home #m-Wrap .front-post-last p, #home .featured-content p { float: none;} #home .featured-content p { float: left !important; } #home #m-Wrap .left { padding: 10px 0 10px 20px; width: 630px;} #home .featured-content img { padding: 0 15px 0px 0px;} #mshout a { color:#253446; text-decoration: none;} #mshout a:hover { text-decoration:underline;} /* ----------------------------------------- STRUCTURE ----------------------------------------- */ body{font-size:62.5%; font-family:Arial,Helvetica,sans-serif; color:#222; margin:0; background: #c2c3c5;} #wrap { width: 960px; margin: 0 auto 0; } #page-wrap{width:940px; float: left; min-height:100%; height:auto !important; height:100%; margin:0 auto 0; padding: 0 10px 0 10px; text-align:left; background: #fff;} .content{width:640px; float:left; padding: 0 0 0 10px; background:url(images/panel-bck.jpg) top left repeat-x;} #interior .content { padding:20px; margin: 10px 0 0 0;} #interior #right { padding:7px 0 0 0;} /* ----------------------------------------- TYPOGRAPHY ----------------------------------------- */ p{color:#222; font-size:12px; line-height:1.5; margin-top:1.5em; margin-bottom:1.5em;} #m-Wrap .front-post-last ul { float: left; width:80%; margin: 10px 0 10px 0; padding: 0; list-style:square; font-size: 12px;} .featured-content ul li { float: left; width: 90%; font-size: 12px; line-height: 19px; margin: 0 0 0 20px;} #m-Wrap .front-post-last p { float: left; width: 100%;} p a, p a:visited, a:visited{ color:#0B96D0;} p a:hover, a:hover{color:#000; text-decoration:none;} h1 {font-size:1.4em; font-weight:bold;} .clients .test-wrap h3 { margin: 0 0 10px 0;} .post h2{text-transform:none; padding-bottom:0; border-bottom:0; margin-top:0; margin-bottom:0;} h4, h2{font-size:26px; color:#253446; font-weight:bold;} #home h2, #home h4 { border-bottom: none;} #home .front-post-last h4 { font-size: 13px; width:85%; padding: 0; line-height:19px;} #home .front-post-last .featured-content div a { color: #fff;} #home .front-post-last .featured-content div ul a { color:#253446;} #home .featured-content ul li, #home .featured-content ul { list-style: none;} #home .featured-content ul li { background:url(images/arrow-small.gif) left top no-repeat; margin: 0; padding: 0 0 0 15px;} h3{border-bottom:1px solid #C9C9C9; color:#566F7E; font-size:17px; font-weight:bold; margin-top:0; padding-bottom:4px;} .about h3 { padding-bottom: 10px; margin: 10px 0;} h3 a{text-decoration:none; color:#222;} .post ul li, .post ol li{font-size:1.2em; list-style-type:square; margin:5px 0 5px 15px;} #reply{border-bottom:4px solid #C9C9C9; color:#222; font-size:1.8em; margin-top:28px; margin-bottom:16px; padding-bottom:4px;} /* ----------------------------------------- TOP ----------------------------------------- */ #top{ float: left; width: 100%; background:#100039;} h1.logo { float: left; width: 247px; height: 95px; text-indent:-9000px; overflow: hidden;} h1.logo a{float:left; width: 247px; height: 95px; display: block; background:url(images/logo.gif) top left no-repeat;} #nav{float:left; width: 100%; background: #9aaab4 ;} #nav ul{list-style-type:none; width:100%;} .featured-content ul li a { color:#253446; text-decoration: none;} .featured-content ul li a:hover {text-decoration: underline;} #nav li{display:block; display:inline;} .services h4.message { font-size: 16px; margin: 15px 0;} #icaew-logo {background: url(images/icaew-logo.jpg) right top no-repeat; float: right; width:49px; height:66px; margin: 15px 15px 15px 0;} #contact-info { float: right; width: 50%; padding: 15px 20px 0 15px; } #contact-info p { color: #fff; text-align: right; margin: 0 0 16px 0; font-size:1.8em;} #contact-info p.last { margin:0;} #contact-info p span.title { color: #AFBDC6;} #contact-info p a { color: #fff; text-decoration: none;} #contact-info p a:hover { text-decoration: underline;} #nav a:link, #nav a:visited{padding:10px 15px 10px 15px; display:block; color:#fff; float:left; text-decoration:none; font-size:14px; font-weight:bold;} #nav a:hover{color:#fff; text-decoration: underline;} ul#nav li.current_page_item a:link, ul#nav li.current_page_item a:visited, ul#nav li.current_page_item a:hover, ul#nav li.current_page_item a:active, #home .home a, #home .home a:visited, .company-history .page-item-2 a, .company-history #nav .page-item-2 a:visited, .meet-the-team .page-item-2 a, .meet-the-team #nav .page-item-2 a:visited, .our-clients .page-item-334 a, .our-clients #nav .page-item-334 a:visited, .testimonials .page-item-334 a, .testimonials #nav .page-item-334 a:visited, .tax #nav .page-item-8 a:visited, .tax #nav .page-item-8 a, .managing-your-tax #nav .page-item-8 a:visited, .managing-your-tax #nav .page-item-8 a, .setting-up #nav .page-item-8 a:visited, .setting-up #nav .page-item-8 a, .managing-your-business #nav .page-item-8 a:visited, .managing-your-business #nav .page-item-8 a, .online-resources #nav .page-item-28 a, .online-resources #nav .page-item-28 a:visited, .general-self-assessment #nav .page-item-28 a, .general-self-assessment #nav .page-item-28 a:visited, .paye #nav .page-item-28 a, .paye #nav .page-item-28 a:visited, .ltd-companies #nav .page-item-28 a, .ltd-companies #nav .page-item-28 a:visited, .value-added-tax #nav .page-item-28 a, .value-added-tax #nav .page-item-28 a:visited, .case-studies #nav .page-item-334 a, .case-studies #nav .page-item-334 a:visited {color:#0F0039; text-decoration:underline; margin:0; padding: 10px 15px 10px 15px; background:#fff;} .testimonials h3 { font-size: 16px !important;} .test-wrap { float: left; width:100%; padding: 15px 0;} .contact #page-wrap ul#nav li.page-item-14 a:link, .contact #page-wrap ul#nav li.page-item-14 a:visited, .contact #page-wrap ul#nav li.page-item-14 a:hover, .contact #page-wrap ul#nav li.page-item-14 a:active{background: url(images/nav-selected-end.jpg) bottom right no-repeat; } /* ----------------------------------------- FEATURED ----------------------------------------- */ .front-post{width:303px; margin-right:25px; float:left;} .front-post-last{width:100%; float:left;} .featured-content p{padding-top:10px; margin:0; float: left;} .featured-content p a { color:#253446; text-decoration:none;} .featured-content p a:hover { color:#253446; text-decoration:underline;} .meet-the-team #page-wrap img { float: right; margin: 0.3em 0 0 1em !important;} .featured-content strong { font-size: 13px;} .featured-post{ float: left; width: 100%;} .featured-title h2{ color: #253446; font-size: 22px; font-weight: bold;} #home .featured-title h2 { margin-bottom: 4px;} .featured-title h2 a{cursor: default; color:#253446; text-decoration:none; border-bottom:0;} .featured-title h2 a:hover{color:#253446; cursor: default; text-decoration: none;} .featured-title{ float: left; width:100%; padding: 0 0 15px 0;} #home .featured-title { padding:0;} .featured-image{position:absolute; z-index:1;} .featured-content h2{margin-top:15px;} .featured-content h2 a{color:#0b96d0; text-decoration:none;} .featured-content h2 a:hover{color:#000;} .meet-the-team #post-50 p { margin-top:0;} .text-algn { width: 420px; float: left;} /* ----------------------------------------- SIDEBAR ----------------------------------------- */ #sidebar{float:right; width:250px; padding: 0; margin: -10px 0 0 0; overflow:hidden;} #sidebar li a{display:block; width:246px; margin:0; padding:8px 2px; list-style:none; border-bottom:1px solid #c9c9c9; font-size:1.2em; list-style-type:none; text-decoration:none; color:#222;} #sidebar a{color:#e6e6e6; text-decoration:none;} #sidebar a:hover{color:#6a7d89; text-decoration:underline;} #sidebar h2 a:hover { color: #fff;} #sidebar h2{font-size:18px; color:#fff; text-align:left; background:#100039; padding: 10px; margin-top:20px; font-weight: normal; margin-bottom:0;} .content h5 { font-size: 16px; font-weight: bold; margin: 15px 0 0 0; border-bottom: 1px solid #C9C9C9;} /* ----------------------------------------- LATEST ----------------------------------------- */ #front-bottom{margin-top:36px;} #latest-wrap{float:left; width:680px;} .latest-post-wrap{float:left; width:162px; margin-right:8px;} .latest-post{position:relative; width:162px; height:118px;} .latest-image{position:absolute; z-index:1;} .latest-title h2{margin:8px 10px 7px; line-height:1.4em; font-size:1em; text-transform:none; padding-bottom:0; border-bottom:0;} .latest-title h2 a{display:block; color:#0B96D0; text-decoration:none;} .latest-title h2 a:hover{color:#fff;} .latest-title{background:#000; display:block; z-index:101; width:100%; bottom:0; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; position:absolute; z-index:2;} .latest-content{position:relative; width:162px; height:200px; margin-bottom:20px;} .latest-content h2{margin-top:15px;} .latest-content h2 a{color:#0b96d0; text-decoration:none;} .latest-content h2 a:hover{color:#000;} .latest-content p{color:#222; font-size:1.2em; line-height:1.5; margin-top:8px; margin-bottom:1.5em; text-align:left;} /* ----------------------------------------- FOOTER ----------------------------------------- */ #footer-bottom { float: left; width: 940px; background: #161632 url(images/footer-bottom-bg.jpg) bottom left repeat-x; padding: 0; margin: 15px 0 2px 0;} .fs { font-size:12px !important; font-weight: bold;} .fs-man { font-size:12px !important; font-weight: bold; margin: 10px 0 0 0;} #footer-bottom a { color: #fff; text-decoration: none;} #footer-bottom a:hover { color: #fff; text-decoration: underline;} #footer-bottom #footer-services { float: left; width: 490px; padding: 0 0 20px 20px;} #footer-bottom h3 { color: #afbdc6; font-size: 17px; float: left; width: 100%; padding: 0 0 7px 0; border-bottom: 1px solid #2e2d49; margin-top:17px;} #footer-bottom #logo { float: left; width: 100px; margin: 0 14px 0 14px; height: 154px; background:url(images/icaew-logo.gif) bottom right no-repeat;} #footer-bottom #footer-services ul, #footer-bottom #locations ul { float: left; width: 155px; list-style:none; padding: 7px 0 10px 0;} #footer-bottom #footer-services ul.tax, #footer-bottom #footer-services ul.settings { width: 150px;} #footer-bottom #footer-services ul li, #footer-bottom #locations ul li { font-size:11px; color: #fff; padding: 4px 0 0 15px; background: url(images/arrow.gif) left center no-repeat;} p.moretext a { color: #fff; text-decoration: none; padding: 3px 20px 5px 5px; border-right: 1px solid #fff; border-left: 1px solid #fff;} p.moretext a:hover { color: #fff; text-decoration: underline;} /*#contact-img { float: left; width:100%; background:url(images/contact.gif) bottom right no-repeat;}*/ #footer-bottom #footer-contact { float: right; width: 220px; padding: 0 20px 20px 0;} #footer-bottom h4 { color: #fff; font-size:16px; padding: 15px 0 0 0; float: left; width: 100%;} #footer-bottom p { color: #fff; margin:0; padding: 5px 0 0 0; float: left; width: 100%;} #footer-bottom #right { width:430px; float: right; padding:0;} #footer{ width:940px; float: left; color:#4d4d4d;} #footer-Wrap { width: 906px; padding: 0; float: left;} #footer p{font-size:1.2em; color:#4d4d4d; line-height:1.5em; margin-bottom:0; margin-top:0;} #footer p a{border-bottom:1px solid #c9c9c9; color:#4d4d4d; text-decoration:none;} #footer p a:hover{border-bottom:1px solid #c9c9c9; color:#0b96d0; text-decoration:none;} #locations { float: left; width: 90px; padding: 0 0 0 20px;} #locations ul li a { text-decoration:none;} #locations ul li a:hover { text-decoration:underline;} /* ----------------------------------------- POSTMETA ----------------------------------------- */ .postMeta{font-size:1.2em; margin-bottom:18px; margin-top:8px; padding-bottom:24px; border-bottom:1px solid #c9c9c9;} .postMeta-featured{margin-top:8px; font-size:1.2em; width:303px;} .postMeta-front{margin-top:8px; font-size:1.2em;} .postMeta-post{font-size:1.2em; margin-bottom:18px; margin-top:8px; border-bottom:1px solid #c9c9c9; padding-bottom:10px; display: none;} .postMeta span.date, .postMeta-post span.date, .postMeta-featured span.date, .postMeta-front span.date{color:#8a8a8a; float:left;} #comments { display: none;} .postMeta span.comments a, .postMeta span.date a, .postMeta-post span.comments a, .postMeta-post span.date a, .postMeta-featured span.comments a, .postMeta-featured span.date a, .postMeta-front span.comments a, .postMeta-front span.date a{float:left; color:#8a8a8a; text-decoration:none;} .postMeta span.comments, .postMeta-featured span.comments, .postMeta-post span.comments, .postMeta-front span.comments{float:right; background:#FFF url(images/comment.gif) no-repeat left center; padding-left:15px; margin-left:2px;} /* ----------------------------------------- POSTS ----------------------------------------- */ .post-category{color:#8a8a8a; float:left; margin-bottom:8px;} .post-tags{color:#8a8a8a; float:right;} .post-category p, .post-tags p{color:#8A8A8A; font-size:1em; line-height:1.5em; margin-bottom:0em; margin-top:0em; text-align:none;} .post img{margin:0.5em 0 0.5em 0em;} .our-clients .post img, .clients .post img, .meet-the-team .post img, .meet-the-team .post img {margin:0.5em 0 0.5em 0; border: 4px solid #c4d1d9;} .post blockquote p{margin:0 2.6em; font-style:italic;} /* ----------------------------------------- COMMENTS ----------------------------------------- */ .comment-heading{margin-bottom:26px; text-transform:none; border:none;} .commentwrap{border-top:3px solid #C9C9C9; padding-bottom:15px; padding-top:15px;} .commentpost{float:right; width:510px;} .commentpost p{margin-top:0;} .commentmetadata{float:left; width:20%; color:#2F2B23; line-height:1.5em; padding-right:20px; color:#999; font-size:1.1em;} .commentmetadata li{list-style-type:none; padding:.3em; margin:0 .5em 0 0;} .commentmetadata li a{border-bottom:1px solid #c9c9c9; color:#0B96D0; text-decoration:none;} .warning{padding:10px; background:#282828; border:1px solid #323232; ; margin-bottom:10px;} #comments label input{border:1px solid #E5E5E5; padding:5px 4px; margin-bottom:10px; width:160px;} #comments label span{line-height:27px;} #comments label{font-family:"Lucida Sans Unicode"; font-size:1.1em;} #comment_author{margin:20px 20px 20px 0px; padding:0px; width:150px; float:left;} #comments-content{display:block; border-bottom:1px solid #C9C9C9; margin:10px 0px 10px 0px; padding:0px;} #comments textarea{margin-top:10px; padding:4px 0px; width:100%; border:1px solid #E5E5E5;} .button{border:1px solid #E5E5E5; font-size:1.1em; font-weight:bold; height:25px; margin-top:10px; margin-bottom:10px; padding:0 8px; text-transform:uppercase;} .children {margin-left: 50px;} .children div {border:none;} .children .commentwrap {border-top: 1px solid #C9C9C9;} .children .commentmetadata {padding-right:0px;} .children .commentpost {text-align:left; float:right; width:78%;} /* ----------------------------------------- SEARCH ----------------------------------------- */ #searchform{float:left; padding: 5px 0 0 0;} #search-r { float: right; width: 100%; padding: 0 0 10px 0;} #right label { float: left; font-size: 12px; font-weight: bold; padding: 10px 5px 0 ;} #searchsubmit{border:1px solid #E5E5E5; font-size:1.1em; font-weight:bold; height:2.1em; padding:2px 8px; text-transform:uppercase; float:right; background-color:#100039; color: #fff;} #s{float:left; width:139px !important; margin-right:6px; padding-top:4px; padding-bottom:4px; padding-left:2px; padding-right:2px; border:1px solid #E5E5E5; font-size:1.1em;} /* ----------------------------------------- HOME MAIN SHOUT ----------------------------------------- */ #m-Wrap {float: left; width:940px; margin: 10px 0 0 0; padding-top:10px; background:url(images/panel-bck.jpg) top left repeat-x; } #m-Wrap-top {float: left; width:940px; margin: 0;} #mshout { float: left; width:940px; background: url(images/homepage-mainshout-graphic1.jpg) bottom right no-repeat;} #footer-Wrap p { margin:0; padding: 5px 0 5px 10px; float: left; font-size: 11px;} #footer-Wrap p a { color: #222; text-decoration: none; border-bottom: none;} #footer-Wrap p a:hover { color: #6e8697; text-decoration: underline;} #mtext { float: left; width: 350px; padding: 0 20px 20px 20px; clear: both; font-weight: bold;} #mtext p { color: #767676; font-size:15px; line-height: 24px; margin:0; padding:15px 0 15px 0;} #mtext ul { float: left; width: 100%; list-style:none;} #mtext ul li { color: #253446; font-size: 16px; line-height: 30px; padding: 0 0 0 35px; background: url(images/tick.gif) left center no-repeat;} #mshout h1 { float: left; font-size: 30px; color:#253446; padding:15px 20px 15px 20px; font-weight: bold; font-family: Arial, Helvetica, sans-serif clear: both; } /* ----------------------------------------- Middle-panels ----------------------------------------- */ #m-Wrap .left { float: left; width: 610px; padding: 10px 20px 10px 20px;} #right { float: right; width: 251px; padding: 0 15px 10px 0;} /* ----------------------------------------- Accordion ----------------------------------------- */ #accordion-right { float: right; width: 250px; margin: 10px 0 0 0;} /* Styles for Example #2 */ #accordion{ margin:0; padding:0; width:250px; list-style-type:none; background-color:#FFFFFF; color:#000000; float:right; } #accordion a{ display:block; font-weight:normal; text-decoration:none; } #accordion ul{ overflow: hidden; margin:0; padding:0; } #accordion li{ margin:0 0 1px 0; padding:0; list-style-type:none; float: left; width:100%; } #accordion li a{ padding:10px 0 10px 10px; display:block; font-size: 18px; width: 240px; color:#000000; display: block; } #accordion li a.closed{ color:#fff !important; background:#a2b3bd; } #accordion li.firstitem a.closed{ color:#fff !important; background:#a2b3bd; } #accordion li.lastitem a.closed{ color:#fff !important; background:#a2b3bd; } #accordion li li{ padding:10px; font-size:12px; float: left; width: 230px; } #accordion p { float: left; margin: 0; line-height:1.3em; text-align:left;} #accordion p.moretext { float:right;} #accordion p.moretext a { padding: 0 10px 10px 0;} #accordion p a { font-size: 12px; text-decoration: underline; width: 200px; text-align: left; padding: 0 0 10px 10px;} #accordion h5 { margin: 10px 0 10px 0; float: left; font-size: 16px; width:80%;} #accordion ul li ul li a { font-size:12px; padding:5px 0 5px 0; text-decoration: underline; float: left; width: 230px;} #accordion ul li ul li a:hover { color:#6a7d89;} #accordion ul li ul li { padding: 0; float: left;} .imp { font-weight: bold; font-size: 14px; margin: 10px 0 20px 0; float: left; color: #FF0000;} #accordion li a.opened{ background:#100039; color:#FFFFFF; } #accordion li.firstitem a.opened{ background-image:url(ha-header-first-active.jpg); color:#FFFFFF; } #accordion li.lastitem li{ margin-bottom:-4px; } #accordion li.lastitem ul{ background-image:url(ha-footer.jpg); background-repeat:no-repeat; background-position:bottom; padding-bottom:4px; } #accordion li ul li a { padding:0;} #accordion .entry { float: left; width:100%;} /* ----------------------------------------- About Us ----------------------------------------- */ #wrapper { float: left; width: 100%;} .about-s { float: left; width: 24%; padding: 15px 0 15px 0;} .about-s .image, .about-s .text, .about-s .image a, .about-s .text a { text-align: center; color:#253446; width:100%; clear:both; display: block;} .our-clients .post img, .our-clients .post .text p, .clients .post img, .clients .post .text p { margin: 5px auto !important;} .about-s p { margin: 2px 10px 2px 0;} .about-s p.title { font-weight: bold;} #subnav { width: 100%; float: left; margin: 15px 0 15px 0;} #subnav ul { list-style: none; float: left; width: 100%;} #subnav ul li{ width: 24%; float: left; display: inline; margin:0; background:#fff; text-align: center; margin: 0 4px 0 4px;} #subnav ul li.first { margin: 0 4px 0 0;} #subnav ul li.last { margin: 0 0 0 4px;} #subnav ul li a { color: #100039; display: block; padding: 5px 0 5px 0; text-decoration: none;} #subnav ul li a:hover { background: #9AAAB4; color: #fff;} .mt-wrap { float: left; width:100%;} .general-self-assessment #subnav ul li a, .online-resources #subnav ul li a, .paye #subnav ul li a, .ltd-companies #subnav ul li a, .value-added-tax #subnav ul li a, .companies-house-forms #subnav ul li a { height: 30px;} .general-self-assessment .post img, .online-resources .post img, .paye .post img, .ltd-companies .post img, .value-added-tax .post img, .companies-house-forms .post img { margin: 0 10px 0 0; float: left; width: 19px;} .about #subnav ul li.one, .company-history #subnav ul li.two, .meet-the-team #subnav ul li.three, .our-clients #subnav ul li.four { background: #0F0039;} .meet-the-team #wrap .content { padding-bottom:20px;} .about #subnav ul li.one a, .company-history #subnav ul li.two a, .meet-the-team #subnav ul li.three a, .our-clients #subnav ul li.four a, .clients #subnav ul li.four a, .services #subnav ul li.one a, .tax #subnav ul li.one a, .setting-up #subnav ul li.three a, .managing-your-business #subnav ul li.four a, .online-resources #subnav ul li.five a, .general-self-assessment #subnav ul li.one a, .paye #subnav ul li.two a, .ltd-companies #subnav ul li.three a, .value-added-tax #subnav ul li.four a, .companies-house-forms #subnav ul li.five a, .managing-your-tax #subnav ul li.two a, .testimonials #subnav ul li.three a { background: #0F0039; color:#fff; font-weight: bold;} .about #subnav ul li.one a:hover, .company-history #subnav ul li.two a:hover, .meet-the-team #subnav ul li.three a:hover, .our-clients #subnav ul li.four a:hover, .services #subnav ul li.one a:hover, .tax #subnav ul li.one a:hover, .setting-up #subnav ul li.two a:hover, .managing-your-business #subnav ul li.three a:hover, .online-resources #subnav ul li.one a:hover, .general-self-assessment #subnav ul li.one a:hover, .paye #subnav ul li.two a:hover, .ltd-companies #subnav ul li.three a:hover, .value-added-tax #subnav ul li.four a:hover, .companies-house-forms #subnav ul li.five a:hover, { background: #0F0039; color:#fff; font-weight: bold;} .online-resources #subnav ul li, .general-self-assessment #subnav ul li, .paye #subnav ul li, .ltd-companies #subnav ul li, .value-added-tax #subnav ul li, .companies-house-forms #subnav ul li { width:18%;} .online-resources strong, .general-self-assessment strong, .paye strong, .ltd-companies strong, .value-added-tax strong, .companies-house-forms strong { font-size: 12px;} .meet-the-team .content h3 { font-size: 16px; font-weight: bold; color:#253446; clear: both; margin: 15px 0 15px 0; float: left; width: 100%;} /* ----------------------------------------- Online Resources ----------------------------------------- */ .or-wrap { float: left; width:100%; padding: 7px 0 7px 0;} .or-img { float: left; width: 20px; display: inline;} .or-text { float: left; display: inline; text-align:left; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; width:90%;} #accordion li .or-text a { width: 180px; font-size: 12px; font-weight: bold;} #accordion li .or-text { width: 70%;} /* ----------------------------------------- Contact Us ----------------------------------------- */ .contact-us #left-content { width: 390px; float: left; padding: 20px 0 0 0;} .contact-us #right-content { float:right; width: 250px; text-align: left; padding: 20px 0 0 0;} .contact-us .post #left-content h4, .contact-us .post #right-content h4, .contact-us #find-us h4 { font-size: 20px;} .contact-us #find-us { float: left; width: 100%; padding: 15px 0 10px 0; margin: 20px 0 20px 0; border-bottom: 1px solid #C9C9C9; border-top: 1px solid #C9C9C9;} .fixed-price-fees .column { float: left; width: 45%; padding: 0 20px 0 0;} .bottom-text { float: left; width:100%; margin: 0.6em 0;} .fixed-price-fees .column-2 { float: left; width: 45%;} .online-resources .post a, .general-self-assessment .post a, .paye .post a, .ltd-companies .post a, .value-added-tax .post a, .companies-house-forms .post a { color:#222222; text-decoration:underline;} .online-resources .post a:hover { color:#6a7d89;} .online-resources .content p, .general-self-assessment .content p, .paye .content p, .ltd-companies .content p, .value-added-tax .content p { margin: 1em 0 1em 0; float: left; text-align:left; width: 100%; margin: 0 !important; line-height:2.5em;} .fixed-price-fees h2, .fixed-price-fees h3 { font-size: 17px; padding: 15px 0px 5px 0px; color: #566F7E;} .fixed-price-fees h2 { margin: 15px 0 0 0;} .fixed-price-fees .content ul { list-style: none;} .fixed-price-fees .content ul li { list-style: none; margin: 15px 0 15px 0;} .managing-your-business h3, .setting-up h3, .managing-your-tax h3, .tax h3, .services h3, .tax h3 { font-size: 1.8em; color: #566f7e;} .price { font-size: 14px; font-weight: bold; padding: 5px 0 0 0;} /********************** TABS **************************/ #tabs-wrap { float: left; width:100%; padding: 15px 0 0 0;} .tabs { float: left; width:100%; padding: 0 0 0 0;} .tabs h2 { padding: 0 0 10px 0;} .services .tabs p { float: left; width: 240px; clear: both; margin:0; padding: 0 0 10px 0;} .tabs p { float: left; width: 100%; clear: both; margin:0; padding: 0 0 10px 0;} .tabs ul.service { list-style:none; float: left; width: 270px; clear: both; padding: 15px 0 15px 0;} .tabs ul.service li { list-style: none; padding: 7px 0 7px 20px; background:url('images/arrow-left.gif') left center no-repeat; font-size:14px; font-weight: bold; margin:0} .tabs ul.service li a:visited { color:#253446;} UL.tabNavigation { list-style: none; margin: 0; padding: 0; width:100%; float: left; display: inline; } UL.tabNavigation LI { display: inline; float:left; text-align:center; margin: 0 5px 0 0; color: #000; } UL.tabNavigation1 LI A, #wrap ul.tabNavigation .our-clients a { background: #a2b3bd url(images/tab.gif) top left no-repeat; color: #fff !important; font-weight: bold; text-decoration: none; float:left; width:154px; padding: 10px 0 10px 0; height: 17px; } UL.tabNavigation1 { list-style: none; margin: 0; padding: 0; width:100%; float: left; display: inline; } UL.tabNavigation1 LI { display: inline; float:left; text-align:center; margin: 0 5px 0 0; color: #000; } UL.tabNavigation LI A, #wrap ul.tabNavigation .our-clients a { background: #a2b3bd url(images/tab.gif) top left no-repeat; color: #fff !important; font-weight: bold; text-decoration: none; float:left; width:154px; padding: 10px 0 10px 0; height: 17px; } .online-resources UL.tabNavigation LI A { width:120px; padding: 10px 0 10px 0; background: #a2b3bd url(images/tab-small.gif) top left no-repeat; height: 30px;} .online-resources UL.tabNavigation LI A.selected, .online-resources UL.tabNavigation LI A:hover { background: #100039 url(images/tab-small-on.gif) top left no-repeat; color: #fff !important; float:left; padding: 10px 0 10px 0; height: 30px; } .about .tabs p { width: auto; float:none; text-align: justify !important;} UL.tabNavigation LI A.selected, UL.tabNavigation LI A:hover, ul.tabNavigation .client-testimonials a { background: #100039 url(images/tab-on.gif) top left no-repeat; color: #fff !important; float:left; padding: 10px 0 10px 0; height: 17px; } UL.tabNavigation1 LI A.selected, UL.tabNavigation1 LI A:hover, ul.tabNavigation1 .client-testimonials a { background: #100039 url(images/tab-on.gif) top left no-repeat; color: #fff !important; float:left; padding: 10px 0 10px 0; height: 17px; } .about .tabs img { padding: 0 0 15px 0;} UL.tabNavigation LI A:focus { outline: 0; } div.tabs > div { float:left; width:100%; } div.tabs > div h2 { margin-top: 0; float:left; width:100%; } .panel { border: 1px solid #a2b3bd; padding:23px; width: 594px !important; } /**************** TAB Images - Services **********************/ .services #first { background: #fff url('images/tab-backgrounds/services-1.jpg') top right no-repeat;} .services #second {background: #fff url('images/tab-backgrounds/services-2.jpg') top right no-repeat;} .services #third {background: #fff url('images/tab-backgrounds/services-3.jpg') top right no-repeat;} /**************** TAB Images - About Us **********************/ .about #first { background:#fff;} .about #second { background:#fff;} .about #third { background:#fff;} /**************** TAB Images - Clients **********************/ .clients #first { background:#fff;} .clients #second { background:#fff;} .clients #third { background:#fff;} /**************** TAB Images - Online Resources **********************/ .online-resources #first { background:#fff;} .online-resources #second { background:#fff;} .online-resources #third { background:#fff;} .online-resources #fourth { background:#fff;} .online-resources #fifth { background:#fff;} .waste { min-height: 1000px; } .quote { padding-left: 40px!important; width: 95%!important; background: #fff url('images/quote.gif') top left no-repeat;} .field-input-send { float:left; padding: 0 0 0 130px; } .send input { background: #100039; color: #fff; font-weight: bold; padding: 5px 10px; border: none; float:left;} .field-wrap { float: left; width:100%;} .field-text { float:left; width:130px;} .field-input, .field-input span input, .field-input span textarea { float:left; width:200px;} .field-input span textarea { height: 100px;} .contact-us div.wpcf7-validation-errors { border:none;} .contact-us .wpcf7-response-output { float:left; width:100%; font-size:12px; margin:0 !important;} .contact-us span.wpcf7-not-valid-tip-no-ajax { float:left;} .wpcf7-validation-errors { color:#FF0000;}