*{
margin:0;
padding:0;
}
html,body{ height:100%;}
body
{
color: #4d4d4d;
font-size:14px;
padding: 0px;
font-family:Arial, Helvetica, sans-serif;
line-height:24px;
}
body.contentpane {
width:auto;
margin:10px;
text-align: left;
}
img {
border: 0 none;
max-width:100%;
}
a{
text-decoration:none;
color:#4c8ace;
}
a:hover{
text-decoration:underline;
color:#b31b36;
}
ul,li{
margin:0;
padding:0;
list-style:none;
}
p{
margin:0 0 15px 0;
}
h1,h2,h3,h4,h5,h6{
color:#4d4d4d;
margin-bottom:10px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
}
h1{
font-size:36px;
line-height:36px;
}
h2{
font-size:32px;
line-height:32px;
}
h3{
font-size:24px;
line-height:24px;
}
h4{
font-size:18px;
line-height:18px;
}
h5{
font-size:16px;
line-height:16px;
}
h6{
font-size:12px;
line-height:12px;
}
.inputbox, select{
background:#fff;
border:1px solid #000;
color:#000;
padding:6px 5px;
}
input[type="text"],textarea{
border:1px solid #d1d1d1;
background:#e0e0e0;
padding:8px 5px;
font-family:Arial, Helvetica, sans-serif;
}
.button,.rsform-submit-button{
background:#8cb53d;
color:#FFF;
text-decoration:none;
padding:8px 20px;
border:none;
cursor:pointer;
font-family:Arial, Helvetica, sans-serif;
}
div#wrapper{
width:100%;
min-height:100%;
position:relative;
}
.main{
width:1180px;
margin:0px auto;
*zoom: 1;
}
#topline{
width:100%;
border-top:10px solid #A41A1C;
padding:10px 0;
height:31px;
}
#topline .main{
overflow:hidden;
}
#socialmedia{
float:right;
position:absolute;
bottom:20px;
right:0;
}
#search{
float:right;
width:auto;
margin-left:10px;
}
#search input[type="text"]{
background:#FFF;
float:left;
border:none;
width:150px;
border:1px solid #CCC;
background:url(../images/button-search.png) no-repeat scroll 5px center;
text-indent:20px;
margin-right:3px;
}
#search input[type="submit"]{
background:#000;
border:none;
padding:6px 10px;
display:block;
float:left;
}
div#header{
position:relative;
padding:0px;
height:132px;
background:url(../images/bgmenu.png) no-repeat scroll center bottom;
padding-bottom:20px;
}
#contactphone{
float:right;
font-family:'Roboto',sans-serif;
font-size:18px;
font-weight:300;
color:#4C8ACE;
margin:40px 120px 0 0;
}
#contactphone a{
color:#4C8ACE;
}
#contactphone ul li{
padding:5px 0px 5px 50px;
}
#contactphone ul li.phone{
background:url(../images/phone.png) no-repeat scroll 10px center;
font-size:24px;
font-weight:500;
}
#contactphone ul li.email{
background:url(../images/email.png) no-repeat scroll 10px center;
}
h1.logo{
margin:20px 0 0 40px;
float:left;
}
div#navigation li{
border-top:1px solid #FFF;
}
div#navigation li,
div#topmenu li{
float:left;
margin:0px;
}
#topmenu{
background:#23303c;
text-align:center;
}
div#topmenu .main{
height:22px;
padding:20px 0;
}
div#topmenu ul li{
display:inline;
padding:0;
float:none;
}
div#topmenu li li{
height:auto;
padding:0;
background:none;
}
div#topmenu li li a{
}
div#topmenu li:first-child{
background:none;
}
div#topmenu li a{
color:#FFF;
text-decoration:none;
font-size:12px;
padding:10px 18px;
font-weight:bold;
text-transform:uppercase;
}
div#topmenu li li a{
text-transform:capitalize;
border-width:1px;
}
div#topmenu li.active a,div#topmenu li a:hover{
color:#AAA;
}
div#navigation li.active a,div#navigation li a:hover,
div#topmenu li.active a,div#topmenu li a:hover{
}
div#content{
padding:0;
position:relative;
}
div.moduletable{
margin-bottom:0px;
}
div#maincontent,div#maincontent-f,
div#maincontent-fr,div#maincontent-fl{
width:100%;
padding:20px 0 10px 0px;
overflow:hidden;
}
div.colmain{
width:580px;
float:left;
padding:0 30px;
}
div#maincontent-f div.colmain{
width:100%;
}
div.colleft{
width:232px;
float:left;
}
div.colright{
width:412px;
float:right;
padding:0;
font-weight:300;
font-family:'Roboto',sans-serif;
font-size:16px;
}
div.colright .moduletable{
padding:30px 20px 30px 50px;
background:#dfe3e8;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
div.colleft .moduletable h3,
div.colleft .moduletable_menu h3,
div.colright .moduletable_menu h3,
div.colright .moduletable_upload h3,
div.colright .moduletable h3{
font-size:48px;
padding-bottom:10px;
line-height:48px;
}
div.colright ul li{
border-top:1px solid #dbdcdc;
padding:5px 0;
}
div.colright .ItemContent{
clear:both;
overflow:hidden;
margin-bottom:20px;
}
div.colright .ItemContent h4,
div.k2ItemsBlock ul li a.moduleItemTitle{
color:#4D4D4D;
font-weight:400;
font-size:21px;
}
div.colright .ItemContent .readmore,
div.k2ItemsBlock ul li a.moduleItemReadMore{
background:#4c8ace;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
color:#FFF;
padding:10px 20px;
text-align:center;
display:block;
width:150px;
}
div.colright .rsform p{
margin-bottom:5px;
}
div.colright .rsform-block{
width:100%;
overflow:hidden;
}
div.colright .rsform-block .rsform-input-box,
div.colright .rsform-block textarea{
border:1px solid #B3B3B3;
margin-bottom:10px;
width:243px;
}
div.colright .rsform-block .rsform-submit-button{
display:block;
padding:10px;
width:100%;
}
div#maincontent-fl .colmain,
div#maincontent-fr .colmain{
width:740px;
padding:0px;
}
div.item-page h2,
div.blog-featured h2{
margin-bottom:10px;
padding-bottom:10px;
font-size:48px;
line-height:48px;
}
div.blog-featured{
font-family:'Roboto',sans-serif;
font-size:18px;
font-weight:300;
}
div.blog-featured strong,div.blog-featured a{
font-weight:500;
}
div.blog-featured ul{
clear:both;
overflow:hidden;
margin:20px 0;
}
div.blog-featured ul li{
text-align:center;
float:left;
width:33%;
}
div.blog-featured ul li a{
font-weight:400;
}
div.blog-featured ul li:first-child{
margin:0;
}
div.item-page h2 a,
div.blog-featured h2 a{
text-decoration:none;
color:#181c21;
}
ul.pagenav{
display:none;
}
div.moduletable h3{
font-size:48px;
padding-bottom:5px;
margin-bottom:5px;
line-height:48px;
}
div.blog-featured h1{
margin-bottom: 15px;
padding-bottom: 10px;
color:#4d4d4d;
font-size:36px;
}
div.item-page h1{
font-size:36px;
}
div.items-row{
width:100%;
overflow:hidden;
margin-bottom:35px;
}
div.cols-2 .item{
width:49%;
float:left;
}
div.cols-2 .item.column-2{
float:right;
}
span.row-separator{
width:100%;
background:url(http://brightlinelaw.co.uk/templates/brightlinelaw/images/line2.png) no-repeat scroll 190px top;
height:auto;
display:block;
}
div.pagination{
text-align:center;
}
div.pagination ul li{
display:inline;
padding:0 5px;
}
.clearfooter {
clear: both;
height: 40px;
}
div#footer{
padding:30px 50px;
overflow:hidden;
font-size:12px;
color:#000;
background:url(../images/bgmod.png) no-repeat scroll center top;
}
div#footer ul li{
display:inline;
}
div#footer ul li a{
padding:0 7px;
}
div#footer ul li:first-child a{
padding-left:0;
}
#copyright{
padding:0;
margin-bottom:20px;
}
#copyright p{margin:0;}
#bottom{
padding:60px 20px 0 20px;
overflow:hidden;
}
#bottom .box{
width:300px;
float:left;
}
#bottom ul li a{
padding:0px;
}
#bottom ul li:first-child a{
padding-left:0;
}
#bottom .box h3{
font-size:13px;
text-transform:capitalize;
color:#000;
font-weight:bold;
}
div.rsform-block{
width:100%;
overflow:hidden;
margin-bottom:10px;
}
div.rsform-block .form-element{
width:48%;
float:left;
}
div.rsform-block input[type="text"]{
width:90%;
}
div.rsform-block textarea{
width:90%;
}
div.rsform-block label{
display:block;
width:100%;
color:#FFF;
font-size:12px;
margin-bottom:3px;
}
.chronoform{display:none;}
/* fallback placeholder */
.placeholder {
color: #000;
}
/* webkit placeholder */
::-webkit-input-placeholder {
color: #000;
}
/* moz placeholder */
:-moz-placeholder {
color: #000;
}
.ccms_form_element input{
color:#000;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
-mo-border-radius:2px;
border:1px solid #e3e3e3;
}
hr{
border-bottom:1px solid #a1a1a1;
height:1px;
}
#button-responsive{
display:none;
background:#171717;
color:#FFF;
width:100%;
padding:0px;
line-height:40px;
text-align:center;
position:relative;
z-index:111;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
#button-responsive h3{
text-decoration:none;
color:#FFF;
padding:10px 0;
font-size:18px;
text-transform:uppercase;
display:block;
cursor:pointer;
font-weight:bold;
}
#button-responsive h3 a{
color:#FFF;
display:block;
}
#button-responsive .btntop{
padding:0;
}
div#navigation{
position:absolute;
top:40px;
margin:0;
left:0px;
background:#333;
width:100%;
z-index:100;
}
div#navigation li a{
color:#fff;
text-decoration:none;
font-size:16px;
padding:5px 8px;
display:block;
}
div#navigation li.active a, div#navigation li a:hover{background:none;}
div#navigation ul ul{
display:none;
}
div#navigation ul li{
float:none;
margin:0;
}
div#navigation ul li.active a,
div#navigation ul li a:hover{
background:#c7d8ed;
border-radius:0;
}
/*style upload form*/
div.fileinputs{
margin:0;
position:relative;
}
input.file {
height: 35px;
opacity: 0;
position: relative;
text-align: right;
width: 240px;
z-index: 2;
}
div.fakefile {
left: 0;
position: absolute;
top: 0;
z-index: 1;
}
div.fakefile input {
background: url("http://brightlinelaw.co.uk/templates/brightlinelaw/images/inputupload.png") no-repeat scroll left top transparent;
border: medium none;
float: left;
height: 35px;
margin: 0;
position: relative;
width: 140px;
}
div.fakefile img {
float: left;
margin-left:20px;
}
div#button1{
width:100%;
}
#content-top{
width:100%;
overflow:hidden;
}
#content-top .box{
float:left;
width:454px;
background:#789dd4 url(http://brightlinelaw.co.uk/templates/brightlinelaw/images/shadow.png) no-repeat scroll center bottom;
height:122px;
color:#FFF;
padding:10px 10px 36px 10px;
font-size:32px;
}
#content-top .boxin{
padding:20px 10px;
height:80px;
border:1px solid #FFF;
position:relative;
line-height:40px;
}
#content-top a.readmore{
position:absolute;
display:block;
width:9px;
height:13px;
background:url(../images/arrow1.png) no-repeat scroll right top;
right:20px;
bottom:20px;
text-indent:-2000px;
}
#content-top .box2{
background:#999999 url(http://brightlinelaw.co.uk/templates/brightlinelaw/images/shadow.png) no-repeat scroll center bottom;
float:right;
}
div#newsletter{
text-align:center;
}
span.acymailing_introtext{
font-size:24px;
color:#487EC6;
}
.ccms_form_element{
padding:0;
overflow:hidden;
}
.ccms_form_element label{
float:none;
}
.ccms_form_element .box{
float:left;
width:300px;
margin-left:10px;
}
.ccms_form_element .box1{
margin-left:0;
}
.ccms_form_element .inputbox{
border:1px solid #b4c3d1;
background:#e0e0e0;
width:286px;
border-radius:0;
}
.ccms_form_element textarea {
width:600px !important;
height:100px;
}
#topselect{
background:#181c21;
padding:30px 50px;
overflow:hidden;
margin-bottom:10px;
}
#topselect h3{
float:left;
color:#FFF;
background:url(../images/readon.png) no-repeat scroll right center;
padding-right:60px;
line-height:30px;
font-size:18px;
}
#topselect select{
float:left;
width:350px;
margin-left:50px;
}
div#slideshow{
width:100%;
padding:0px;
position:absolute;
top:112px;
height:603px;
}
div#slideshow img{
width:100%;
height:603px;
}
div.content-mass-top{
width:100%;
padding:0;
font-family:'Roboto',sans-serif;
font-size:18px;
font-weight:300;
background:url(../images/bgmod.png) no-repeat scroll center top;
padding-top:20px;
}
div.content-mass-top strong{
font-weight:500;
}
div.content-mass-top .box{
margin-left:30px;
padding:0px;
width:300px;
float:left;
}
div.content-mass-top .box1{
margin:0;
}
div.content-mass-top h3{
font-size:48px;
margin-bottom:20px;
padding:0px;
}
#content-mass-bottom{
width:100%;
font-size:13px;
margin-top:40px;
overflow:hidden;
}
#content-mass-bottom .box{
float:left;
width:240px;
margin-left:20px;
}
#content-mass-bottom .box1{
margin-left:0;
}
#content-mass-bottom .moduletable{
margin:0;
}
#content-mass-bottom .moduletable h3{
padding:10px 0;
color:#181C21;
margin-bottom:10px;
}
#content-mass-bottom a.readmore{
display:inline;
padding:8px 0px;
margin-top:0px;
font-size:13px;
}
.flexslider {
height:416px;
}
.flexslider .slides img{
height:416px;
}
#contact{
width:100%;
font-size:13px;
overflow:hidden;
background:url(../images/bgmod.png) no-repeat scroll center top;
padding-top:20px;
}
#contact .box{
float:left;
width:210px;
margin-left:20px;
}
#contact .box1{
margin-left:0;
}
#contact input[type="text"],
#contact textarea{
width:96%;
}
#contact textarea{
height:90px;
}
#contact input[type="submit"]{
width:150px;
text-align:center;
}
#contact div.formBody{
margin-bottom:10px
}
#contact .moduletable{
margin:0;
}
#contact .moduletable h3{
padding:0;
color:#181C21;
margin-bottom:10px;
}
div#contact .main{
overflow:hidden;
}
div#contact div.formCaption{
display:block;
float:none;
width:auto;
margin-bottom:5px;
font-family:Tahoma, Helvetica, sans-serif;
font-size:14px;
}
div#contact div.rsform-block{
width:100%;
clear:both;
margin-bottom:10px;
overflow:hidden;
}
div#contact div.rsform-block-send{
text-align:center;
margin-top:10px;
}
div.formBody{
float:none;
}
div#contact div.rsform-block input[type="text"],
div#contact div.rsform-block textarea{
width:90%;
}
div#contact div.rsform-block textarea{
height:80px;
}
div#contact .form-element{
margin:0;
width:100%;
overflow:hidden;
margin-bottom:10px;
}
div.k2ItemsBlock ul li{
background:none;
border:none;
padding:0;
margin-bottom:30px;
}
div.k2ItemsBlock ul li div.moduleItemIntrotext{
line-height:inherit;
}
p.readmore{
text-align:center;
}
p.readmore a{
background:#f15a24;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
color:#FFF;
padding:15px 30px;
font-weight:300;
}
div.mainpadding{
padding:30px 0 30px 50px;
overflow:hidden;
}
.colmain ul {margin-bottom:25px;margin-left:30px;}
.colmain ul li {list-style-type: disc;padding-left: 0px;padding-top: 5px;padding-bottom: 5px;list-style-position: outside;}
@media (min-width: 768px) and (max-width: 1024px){
.main {width:1024px;}
div#maincontent-fl {width:1000px;}
div#maincontent-fl .colmain{width:550px;}
div#maincontent-fl .colright {width:390px;}
div.content-mass-top .box {width:100%;float:none;margin-left:0;}
#contact .box.box3 {margin-left:0;}
div#footer {padding: 30px 0;}
}