File: /home/drawpictures.co.uk/public_html/global2.css
@charset "utf-8";
/* designed by Draw Pictures
email : info@drawpictures.co.uk
create by : Salman Mughal
website: http://www.webnoxs.com */
@import url("css/fonts.css");
iframe {
background:transparent none;
}
html {
height: 100%;
width: 100%;
}
body {
background-image: url(img/bg2.jpg);
background-repeat: repeat-x;
background-position: center top;
margin: 0px;
padding: 0px;
background-color: #f2f2f3;
}
.clear {
clear:both;
content:'.';
visibility:hidden;
}
#wrapper {
width: 1003px;
margin-right: auto;
margin-left: auto;
}
.top-columns {
height: 94px;
}
.navigation {
height: 35px;
clear: both;
padding-top:17px;
width: 1003px;
}
.slider {
height: 281px;
clear:both;
margin-top:10px;
width:1003px;
overflow:hidden;
}
.smart-column {
height: 111px;
clear: both;
padding-top:15px;
}
.smart-group {
width:462px;
margin-left:10px;
float:left;
}
.smart-group .smart-group-one {
width:449px;
float:left;
height:29px;
padding:0px 13px 0px 0px;
background:url(img/top-lpc-three.png);
background-position:center top;
background-repeat:no-repeat;
}
.smart-group .smart-group-one h1 {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:20px;
float:left;
padding:0px;
margin:0px 0px 0px 13px;
padding:5px;
color:#FFF;
}
.smart-group .smart-group-two {
width:462px;
float:left;
height:68px;
background:url(img/top-lpc-four.png);
background-position:center top;
background-repeat:no-repeat;
}
.smart-group .smart-group-two .search-colum {
width:442px;
padding-top:15px;
margin-left:auto;
margin-right:auto;
}
.smarty-group {
width:530px;
float:left;
}
.smarty-group .smarty-group-one {
width:517px;
height:30px;
float:left;
padding:0px 13px 0px 0px;
background:url(img/top-lpc-one.png);
background-position:center top;
background-repeat:no-repeat;
}
.smarty-group .smarty-group-one h1 {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:20px;
float:left;
padding:0px;
margin:0px 0px 0px 13px;
padding:5px;
color:#FFF;
}
.smarty-group .smarty-group-one .link-arrow {
float:right;
width:50px;
text-align:right;
padding-top:5px;
}
.smarty-group .smarty-group-one .link-arrow img {
margin-right:2px;
}
.smarty-group .smarty-group-two {
width:530px;
height:68px;
float:left;
margin-top:-1px;
background:url(img/top-lpc-two.png);
background-position:center top;
background-repeat:no-repeat;
}
.smarty-group .smarty-group-two .sg-two {
width:494px;
padding-top:10px;
font-family: 'CalibriBold';
margin-left:auto;
margin-right:auto;
clear:both;
font-size:16px;
color:#FFF;
}
.smarty-group .smarty-group-two .sg-two span {
font-family: 'CalibriBold';
font-size:12px;
float:right;
padding-top:3px;
color:#ea8523;
}
.header-column-group {
height: 342px;
padding-top:20px;
}
.header-column-group .nav-linker {
height: 34px;
font-family:Tahoma, Geneva, sans-serif;
font-size:11px;
padding-left:10px;
text-align:left;
font-weight:bold;
color:#FFF;
}
.header-column-group .nav-linker span {
float:left;
display:inline-block;
padding-top:6px;
}
.header-column-group .nav-linker a {
text-decoration:none;
color:#FFF;
margin-right:6px;
float:left;
display:inline-block;
padding:6px;
}
.header-column-group .nav-linker a:hover {
text-decoration:none;
color:#fff;
}
.top-columns .left-columns-one .logo {
height: 76px;
width:167px;
float:left;
}
.top-columns .left-columns-one {
height: 88px;
width:548px;
padding-top:6px;
float:left;
}
.top-columns .right-columns-two {
height: 83px;
width:455px;
padding-top:11px;
float:left;
}
.top-columns .right-columns-two .top-section {
height: 40px;
width:450px;
padding-left:5px;
float:left;
}
.top-columns .right-columns-two .top-section-two {
height: 47px;
width:455px;
float:left;
}
.top-columns .right-columns-two .top-section .left-columns-three {
height: 32px;
width:366px;
padding-top:5px;
float:left;
}
.top-columns .right-columns-two .top-section .left-columns-four {
height: 32px;
width:83px;
float:left;
}
.top-columns .right-columns-two .top-section .left-columns-four img {
margin-right:3px;
}
img {
border:none;
}
a.btn1 {
width:136px;
height:27px;
padding-top:8px;
font-weight:bold;
float:right;
margin-right:5px;
text-transform:uppercase;
font-family: 'CalibriBold';
color:#FFF;
text-decoration:none;
background:url(img/button-one.png);
background-position:center top;
background-repeat:no-repeat;
display:block;
text-align:center;
font-size:14px;
}
a:hover.btn1 {
background:url(img/button-one-hover.png);
background-position:center top;
background-repeat:no-repeat;
color:#FFF;
}
input.search {
width:136px;
height:35px;
font-weight:bold;
border:none;
margin:0px;
padding:0px;
cursor:pointer;
float:left;
margin-left:10px;
text-transform:uppercase;
font-family: 'CalibriBold';
color:#FFF;
text-decoration:none;
background:url(img/button-one.png);
background-position:center top;
background-repeat:no-repeat;
display:block;
text-align:center;
font-size:14px;
}
input.search:hover {
background:url(img/button-one-hover.png);
background-position:center top;
background-repeat:no-repeat;
}
.font-one {
font-family:Tahoma, Geneva, sans-serif;
font-size:13px;
color:#1d181f;
font-weight:bold;
}
.font-one a {
color:#1d181f;
text-decoration:none;
}
.font-one a:hover {
color:#3e8a04;
text-decoration:none;
}
.nav {
list-style:none;
float:right;
width:980px;
}
.nav ul {
padding:0px;
margin:0px;
}
.nav li {
float:left;
display: inline;
font-size:13px;
color:#fff;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}
.nav li.splitter {
background:url(img/splitter.png);
height:16px;
float:left;
margin-left:4px;
margin-right:4px;
width:2px;
background-position:center top;
background-repeat:no-repeat;
}
.nav li a, .nav li a span {
display: inline-block;
background-image: url(img/bgnav.png);
background-repeat: no-repeat;
height: 25px;
margin-top:-4px;
padding-top:4px;
text-decoration: none;
color: #fff;
}
.nav li a {
padding-left: 12px;
background-position: left top;
}
.nav li a span {
padding-right: 11px;
background-position: right top;
}
.nav li a:hover, .nav li.current_page_item a, .nav li.current-page-ancestor a {
background-position: left bottom;
color:#880411;
}
.nav li a:hover span, .nav li.current_page_item a span, .nav li.current-page-ancestor a span {
background-position: right bottom;
color:#000000;
}
.txtbox-one {
width:282px;
height:22px;
padding:5px;
float:left;
background-color:#585858;
font-family: 'CalibriBold';
font-size:16px;
color:#FFF;
border:none;
}
/* Easy Slider */
#slider {
}
#slider ul, #slider li {
margin:0;
padding:0;
list-style:none;
}
#slider li p {
font-size:12px;
width:405px;
z-index:1000 !important;
margin-top:0px !important;
padding-top:0px !important;
text-align:justify;
line-height:18px;
padding-left:40px;
font-family:Arial, Helvetica, sans-serif;
}
#slider li h1 {
font-size:36px;
width:405px;
margin-bottom:0px !important;
padding-top:0px !important;
padding-top:12px;
z-index:20;
text-align:justify;
padding-left:40px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
#slider li h2 {
font-size:19px;
white-space:nowrap;
width:405px;
margin-bottom:0px !important;
padding-top:0px !important;
z-index:20;
color:#da7a00;
padding-left:40px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.green {
color:#69be28;
}
.grey {
color:#3e3e3e;
}
#slider li img {
margin-top:-250px;
height:281px;
z-index:10 !important;
}
#slider li {
width:1003px;
height:281px;
overflow:hidden;
}
#prevBtn, #nextBtn {
display:block;
width:30px;
height:77px;
position:absolute;
left:-30px;
top:71px;
}
#nextBtn {
left:696px;
}
#prevBtn a, #nextBtn a {
display:block;
width:30px;
visibility:hidden;
height:77px;
background:url(http://www.drawpictures.co.uk/images/btn_prev.gif) no-repeat 0 0;
}
#nextBtn a {
background:url(http://www.drawpictures.co.uk/images/btn_next.gif) no-repeat 0 0;
visibility:hidden;
}
/* // Easy Slider */
.banner-group {
height: 146px;
padding-left:0px;
padding-top:16px;
clear:both;
}
.banner-dd-one {
width:168px;
float:left;
margin-left:8px;
margin-right:10px;
padding-left:7px;
padding-right:7px;
font-size:11px;
color:#000000;
font-family:Tahoma, Geneva, sans-serif;
line-height:18px;
padding-top:13px;
height:120px;
background:url(img/bb1.png);
background-position:center top;
background-repeat:no-repeat;
margin-top: 2px;
}
.banner-dd-one h1 {
font-size:19px;
color:#0074a4;
margin:0px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.banner-dd-one h2 {
font-size:19px;
color:#34950b;
margin:0px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.banner-dd-one h3 {
font-size:19px;
color:#9f004e;
margin:0px;
font-weight:bold;
font-family: 'CalibriBold';
}
.banner-dd-one h4 {
font-size:19px;
color:#d94f00;
margin:0px;
font-weight:bold;
font-family: 'CalibriBold';
}
.banner-dd-one h5 {
font-size:19px;
color:#545454;
margin:0px;
font-weight:bold;
font-family: 'CalibriBold';
}
.banner-dd-one .color2 {
color:#34950b;
font-weight:bold;
}
.banner-dd-one .color3 {
color:#9f004e;
font-weight:bold;
}
.banner-dd-one .color4 {
color:#d94f00;
font-weight:bold;
}
.banner-dd-one .color5 {
color:#545454;
font-weight:bold;
}
.banner-dd-one p.blue {
color:#0074a4;
font-weight:bold;
}
.banner-dd-one p.float-left {
float:left;
}
a.bb1 {
width:168px;
height:30px;
padding-top:11px;
font-weight:bold;
margin-left:auto;
margin-right:auto;
text-transform:uppercase;
font-family: 'CalibriBold';
color:#FFF;
text-decoration:none;
background:url(img/bb1.png);
background-position:center top;
background-repeat:no-repeat;
display:block;
text-align:center;
font-size:14px;
}
a:hover.bb1 {
background:url(img/hover.png);
background-position:center top;
color:#FFF;
background-repeat:no-repeat;
}
a.bb2 {
width:168px;
height:30px;
padding-top:11px;
font-weight:bold;
margin-left:auto;
margin-right:auto;
text-transform:uppercase;
font-family: 'CalibriBold';
color:#FFF;
text-decoration:none;
background:url(img/bb2.png);
background-position:center top;
background-repeat:no-repeat;
display:block;
text-align:center;
font-size:14px;
}
a:hover.bb2 {
background:url(img/hover.png);
background-position:center top;
background-repeat:no-repeat;
color:#FFF;
}
a.bb3 {
width:168px;
height:30px;
padding-top:11px;
font-weight:bold;
margin-left:auto;
margin-right:auto;
text-transform:uppercase;
font-family: 'CalibriBold';
color:#FFF;
text-decoration:none;
background:url(img/bb3.png);
background-position:center top;
background-repeat:no-repeat;
display:block;
text-align:center;
font-size:14px;
}
a:hover.bb3 {
background:url(img/hover.png);
background-position:center top;
background-repeat:no-repeat;
color:#FFF;
}
a.bb4 {
width:168px;
height:30px;
padding-top:11px;
font-weight:bold;
margin-left:auto;
margin-right:auto;
text-transform:uppercase;
font-family: 'CalibriBold';
color:#FFF;
text-decoration:none;
background:url(img/bb4.png);
background-position:center top;
background-repeat:no-repeat;
display:block;
text-align:center;
font-size:14px;
}
a:hover.bb4 {
background:url(img/hover.png);
background-position:center top;
color:#FFF;
background-repeat:no-repeat;
}
a.bb5 {
width:168px;
height:30px;
padding-top:11px;
font-weight:bold;
margin-left:auto;
margin-right:auto;
text-transform:uppercase;
font-family: 'CalibriBold';
color:#FFF;
text-decoration:none;
background:url(img/bb5.png);
background-position:center top;
background-repeat:no-repeat;
display:block;
text-align:center;
font-size:14px;
}
a:hover.bb5 {
background:url(img/hover.png);
background-position:center top;
background-repeat:no-repeat;
color:#FFF;
}
#footer {
background-image: url(img/footer.png);
background-repeat: repeat-x;
font-family:Verdana, Geneva, sans-serif;
color:#FFF;
font-size:13px;
padding-top:10px;
width: 100%;
background-color: #1d181f;
}
#footer .inner-one {
width:1003px;
padding-bottom:20px;
margin-left:auto;
margin-right:auto;
}
.section-group {
float:left;
padding-bottom:20px;
}
.splitter2 {
float:left;
width:66px;
margin-top:20px;
height:126px;
background:url(img/splitter3.png);
background-position:center top;
background-repeat:no-repeat;
}
ul.section-one {
float:left;
width:108px;
list-style:url(img/bulits.png);
padding:0px 20px 0px 0px;
margin:0px 0px 0px 13px;
}
ul.section-one li {
font-size:11px;
line-height:23px;
white-space:nowrap;
}
ul.section-one li a {
color:#fff;
text-decoration:none;
}
ul.section-one li a:hover {
color:#3f8b05;
text-decoration:none;
}
.newsletter {
width:983px;
clear:both;
height:40px;
background-color:#312d33;
padding-top:12px;
padding-left:10px;
padding-right:10px;
}
.newsletter h1 {
font-size:18px;
color:#FFF;
padding:0px;
margin:0px;
}
.newsletter input.txtbox-two {
width:146px;
padding-left:5px;
padding-right:5px;
height:19px;
border:none;
font-size:11px;
background-color:#FFF;
margin-right:20px;
}
.newsletter span {
margin-right:10px;
}
.newsletter .float-left {
float:left;
width:650px;
margin-left:40px;
}
.float-left3 {
float:left;
}
.float-right22 {
float:right;
}
.newsletter .float-left2 {
float:left;
}
.newsletter input {
vertical-align:middle;
}
.footer-bg {
width:100%;
height:38px;
background:url(img/footer-menu.png);
background-position:center top;
background-repeat:repeat-x;
}
.footer-bg-inner {
width:1003px;
font-weight:bold;
color:#FFF;
padding-top:10px;
margin-left:auto;
margin-right:auto;
}
.footer-bg-inner a {
color:#fff;
text-decoration:none;
}
.footer-bg-inner a:hover {
color:#e0ffc8;
text-decoration:none;
}
.footer-logo {
width:100%;
height:72px;
background-color:#ffffff;
}
.footer-logo-inner {
width:1003px;
padding-top:10px;
margin-left:auto;
margin-right:auto;
}
.footer-logo-inner img {
margin-right:35px;
}
#main-contains {
width: 1003px;
padding-top:20px;
padding-bottom:20px;
}
.main-contains-left {
width: 743px;
float:left;
}
.main-contains-right {
width: 260px;
float:left;
}
.main-contains-left h1 {
color:#0074a4;
padding:0px;
margin:0px;
font-weight:normal !important;
font-size:20px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.main-contains-left h2 {
color:#0074a4;
padding:0px;
font-weight:normal !important;
margin:0px;
font-size:18px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.main-contains-left p {
color:#262128;
padding:0px 30px 0px 0px;
margin:0px;
text-align:justify;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
line-height:18px;
}
ul.list {
list-style:url(img/bulits2.png);
padding:0px;
margin:0px 0px 0px 18px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#262128;
line-height:18px;
}
ul.list li {
padding:5px 0px 0px 0px;
}
.box {
width:260px;
}
.box-one {
width:260px;
height:11px;
background:url(img/top.png);
background-position:center top;
background-repeat:no-repeat;
}
.in-faster {
width:235px;
margin-left:auto;
margin-right:auto;
}
.box-two {
width:260px;
background:url(img/middle.png);
background-position:center top;
background-repeat:repeat-y;
}
.padding-column {
text-align:center;
padding-top:10px;
}
.padding-column3 {
text-align:center;
padding-top:10px;
}
a {
color: rgba(8,20,145,1.00);
}
a:hover {
color:#000;
}
.padding-column2 {
padding-bottom:20px;
text-align:left;
font-size:10px;
font-family:Verdana, Geneva, sans-serif;
padding-top:10px;
}
.padding-column4 {
text-align:left;
font-size:10px;
font-family:Verdana, Geneva, sans-serif;
padding-top:10px;
}
a.link1 {
color:#666;
font-size:11px;
font-family:Verdana, Geneva, sans-serif;
text-decoration:none;
}
a:hover.link1 {
color:#333;
}
.box-three {
width:260px;
height:11px;
background:url(img/bottom.png);
background-position:center top;
background-repeat:no-repeat;
}
.txt3 {
width:200px;
padding-left:10px;
padding-right:10px;
height:31px;
background:url(img/txt3.png);
background-position:center top;
background-repeat:no-repeat;
font-size:12px;
font-family:Verdana, Geneva, sans-serif;
border:none;
}
.txt4 {
width:201px;
padding-left:10px;
padding-right:10px;
height:97px;
padding-top:10px;
background:url(img/txt4.png);
background-position:center top;
background-repeat:no-repeat;
font-size:12px;
font-family:Verdana, Geneva, sans-serif;
border:none;
}
ul.flt {
float:left;
font-size:12px;
font-family:Arial;
list-style:none;
padding:0px;
margin:0px;
}
ul.flt li {
line-height:23px;
padding-bottom:10px;
padding-top:10px;
padding-right:10px;
}
ul.flt li .input {
width:300px;
}
.padding-column3 h1 {
padding:0px 0px 10px 0px;
margin:0px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:18px;
text-align:left;
}
.padding-column3 h1 img {
vertical-align:middle;
padding-right:6px;
}
.message {
font-family:Verdana, Geneva, sans-serif;
font-size:13px;
text-align:center;
line-height:18px;
}
.message img {
margin-left:3px;
vertical-align:middle;
margin-right:3px;
}
#search-form {
float:right;
padding-left:20px;
padding-top:50px;
}
#search-form .txt5 {
background-color:#FFF;
border:1px solid #CCC;
padding-top:3px;
width:190px;
font-size:13px;
font-family: 'CalibriBold';
padding-bottom:3px;
padding-left:5px;
padding-right:5px;
}
#search-form input {
vertical-align:middle;
}
#contact-form {
background: #EAEAEA;
max-width: 250px;
width: 100%;
border-radius: 10px;
padding: 20px 10px 10px;
margin-top: 10px;
margin-bottom: 10px;
}
#contact-form h3 {
font-size: 1em;
margin: 0px;
padding: 10px 0px 0px 10px;
}
#contact-form h1 {
font-size: 1.5em;
}
div.form h3 {
padding-left:10px;
}
input, textarea {
max-width:200px;
padding: 9px;
border: solid 1px #E5E5E5;
margin: 9px;
background-color: #CCCCCC;
}
input:hover, textarea:hover,
input:focus, textarea:focus {
border-color: #C9C9C9;
max-width:200px;
}
.text textarea:focus {
color: #000;
}
.form label {
margin-left: 10px;
color: #999999;
}
.submit input {
padding: 9px 15px;
font-size: 14px;
color: #FFFFFF;
background-color: #11A7F2;
border: 0;
border-radius: 2px;
}