/******** Stylesheet ********/

/******** Master Reset *******/
* {
margin: 0px;
padding: 0px;
}


/******** Globals ********/

body {
background-image: url('../images/layout/page-bg.jpg');
background-repeat: repeat-x;
background-color: #eeeeee;
color: #0B468F;
font-size: 13px;
line-height: 18px;
font-family: Tahoma, Arial, sans-serif;
}

h1,h2,h3,h4 {
padding: 0px 0px 15px 0px;
}

a, a:visited, a:hover {
text-decoration: none;
color: #0066FF;
}

a:active
{
outline: none;
-moz-outline-style: none;
}

a:focus
{
-moz-outline-style: none;
}

ul {
list-style-position: outside;
line-height:18px;
margin: 0px 0px 20px 30px
}


/******** Header ********/

#head-wrapper {
width: 100%;
height: 225px;
margin: 0 auto;
padding: 0px;
}

#header {
width: 1200px;
height: 172px;
margin: 0 auto;
padding: 0px;
}

#head-left {
float: left;
display: inline;
width: 600px;
}

#flash {
float: right;
display: inline;
width: 600px;
}

/******** Navigation ********/

#nav {
background-image: url('../images/layout/nav-bg.jpg');
background-repeat: no-repeat;
width: 1100px;
height: 53px;
margin: 0 auto;
padding: 0px;
}

#nav ul {
margin: 0px 38px 0px 0px;
padding: 0px;
width: 772px;
height: 39px;
float: right;
list-style-type: none;
display: inline;
}

#nav li {
font-family: Arial, Tahoma, sans-serif;
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
padding: 5px 15px;
float: left;
list-style-type: none;
border-right: 1px solid #5D80AB;
margin: 5px 0px 0px 0px;
display: inline;
}

#nav li#last {
border-right: 0px solid #5D80AB;
}

#nav li a {
color: #ffffff;
text-decoration: none;
}

#nav li a:hover {
color: #BBF48E;
}

/******** Body ********/

#main {
width: 1014px;
margin: 0 auto;
padding: 0px 0px 20px 10px
}


/******** Left Column ********/

#left-col {
width: 220px;
float: left;
display: inline;
min-height: 940px;
}

.left-col-head {
height: 23px;
background-color: #0B4A95;
text-align: center;
padding: 5px 0px 0px 0px;
color: #ffffff;
}

.left-col-head h1 {
font-size: 14px;
color: #ffffff;
font-family: Arial, Tahoma, sans-serif;
}

.left-col-head a {
text-decoration: none;
color: #ffffff;
}

.left-col-head a:hover {
text-decoration: underline;
}

.products-list {
background-color: #ffffff;
}

.products-list ul {
list-style-type: none;
padding: 5px 0px;
margin: 0px 0px 0px 15px;
}

.products-list li {
font-family: Tahoma, Arial, sans-serif;
font-size: 14px;
line-height: 22px;
}

.products-list li a {
color: #525252;
text-decoration: none;
}

.products-list li a:hover {
color: #7BC242;
}


/******** Main Column ********/

#main-col {
width: 515px;
float: left;
display: inline;
margin: 0px 0px 0px 15px;
background-color: #ffffff;
padding: 10px 10px 10px 10px;
min-height: 920px;
}

#main-col li {
margin: 0px 0px 10px 0px;
}

.breadcrumbs {
height: 25px;
width: 500px;
font-family: Arial, sans-serif;
font-size: 11px;
}

.breadcrumbs a {
color: #62913C;
text-decoration: none;
}

#main-col h1 {
font-family: Tahoma, Arial, sans-serif;
font-size: 18px;
line-height: 20px;
color: #7AC141;
}

p.blurb {
font-size: 12px;
line-height: 16px;
}


/******** Product Layout ********/

.product-layout {
margin: 10px 0px 5px 0px;
}

.prod-left {
float: left;
display: inline;
width: 255px;
}

.prod-right {
float: right;
display: inline;
width: 255px;
}

.prod-container {
width: 255px;
height: 172px;
margin: 0px 0px 10px 0px;
}

.prod-bg {
background-image: url('../images/layout/prod-bg.png');
background-repeat: no-repeat;
width: 255px;
height: 117px;
text-align: center;
padding: 2px 0px 0px 0px;
}

.prod-title {
background-image: url('../images/layout/prod-title.png');
background-repeat: no-repeat;
width: 235px;
height: 43px;
padding: 5px 10px;
}

span.sm {
text-transform: uppercase;
font-size: 18px;
line-height: 16px;
color: #ffffff;
font-family: Arial, sans-serif;
font-weight: bold;
}

span.lg {
text-transform: uppercase;
font-size: 28px;
color: #ffffff;
font-weight: bold;
font-family: 'Arial Black', Arial, sans-serif;
}

span.sm, span.lg {
color: #ffffff;
text-decoration: none;
}

/******** Right Column ********/

#right-col {
width: 227px;
float: right;
display: inline;
}

.branches {
width: 227px;
height: 112px;
margin: 0px 0px 12px 0px;
}

.form {
background-image: url('../images/layout/enquiry-form-bg.png');
background-repeat: no-repeat;
width: 227px;
height: 515px;
margin: 0px 0px 12px 0px;
}

.search {
background-image: url('../images/layout/search-bg.png');
background-repeat: no-repeat;
width: 227px;
height: 112px;
margin: 0px 0px 12px 0px;
}

            input.searchbox {
            width: 200px;
            height: 20px;
            border: 1px solid #7F9DB9;
            }
            .search-box-container {
            text-align: center;
            padding: 55px 0px 0px 0px;
            }
            .search-btn {float: right;
            padding: 5px 13px 0px 0px;
            }

.tips {
width: 227px;
height: 82px;
margin: 0px 0px 12px 0px;
}

.cards {
width: 227px;
height: 73px;
margin: 0px 0px 12px 0px;
}


/******** Footer ********/

#footer {
background-color: #2E5B92;
height: 65px;
width: 100%;
}

#footer-inner {
width: 1024px;
margin: 0 auto;
padding: 10px 0px 0px 0px;
font-family: Arial, Tahoma, sans-serif;
font-size: 11px;
line-height: 14px;
color: #ffffff;
}

#footer-nav {
float: left;
width: 650px;
display: inline;
}

#footer-nav ul {
padding: 0px;
margin: 0px;
float: left;
list-style-type: none;
display: inline;
}

#footer-nav li {
padding: 0px 10px;
float: left;
display: inline;
list-style-type: none;
border-right: 1px solid #ffffff;
margin: 0px;
}

#footer-nav li#last {
border-right: 0px solid #5D80AB;
}

#footer-nav li a {
color: #ffffff;
text-decoration: none;
}

#copy {
width: 350px;
float: right;
display: inline;
text-align: right;
}

#copy a {
color: #ffffff;
text-decoration: none;
}


/*************** Enquiry Form **************/

.enquiry-form-container {
width: 200px;
padding: 50px 0px 0px 13px;
color: #ffffff;
}

.required {
float: right;
font-size: 9px;
color: #ffffff;
}

.field {padding: 0px 0px 5px 0px;}

.field-label {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 13px;
line-height: 15px;
color: #ffffff;
padding: 0px 0px 3px 0px;
}

input.form-textbox {
    width: 200px !important;
    height: 20px;
    border: 1px solid #7F9DB9;
    }

select.form-textbox {
    width: 200px;
    height: 20px;
    border: 1px solid #7F9DB9;
    }

textarea.form-textbox {
    width: 200px;
    height: 40px;
    border: 1px solid #7F9DB9;
    }

.submit-btn {
    float: right;
    padding: 0px 0px 13px 0px;}

.captchaimg {
width: 202px;
}

.captchaimg img {
width: 202px;
}

input#CaptchaV2 {
    width: 200px;
    height: 20px;
    border: 1px solid #7F9DB9;
}

.hireguys {
font-size: 24px; 
color: #63be29;
font-weight: bold;
font-family: Tahoma, Arial, sans-serif;
padding: 25px 0px;
text-align: center;
font-style: italic;
}

.hire {
margin: 0 auto;
}

table.hire {
width: 80%;
text-align: center;
}

table.hire td {
text-align: left !important;
vertical-align: top;
}