/*
Theme Name: 3B International
Theme URI: http://www.ampersandindustries.co.uk
Description: Base template for 3B International
Version: 1.2
Author: Matt Collins
Author URI: http://www.ampersandindustries.co.uk
Tags: clean, basic
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";



body{
  background:   #5a5a5a;
  color:    #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size:    0.9em;
}

a{
  color:    #ff0080;
}


td, th{
  font-size:12px;
  text-align:left;
}

input{
  border:none;
}


#container{
  width:    100%;
  float:    left;
  height:   100%;
}

#page-outer{
  width:    887px;
  margin:   0 auto;
}


#header{
  width:    100%;
  float:    left;
  border-bottom:    4px solid #fff;
    background: transparent url(images/3b-international.png) no-repeat 0 0;
    height: 101px;
}


#header h1{
  font-size:    12px;
  width:    400px;
  float:    right;
  text-align:   right;
  padding-top:  30px;
}




#banner{
  width:    100%;
  float:    left;
}



ul.menu{
  width:    100%;
  overflow:hidden;
  margin-bottom:    -21px;
}

ul.menu li{
    list-style: none;
    padding:    0 0 0 0;
    margin:    0 0 10px 0;
}


ul.menu li a{
    color:  #fff;
    text-transform: uppercase;
    text-decoration:    none;
    height: 22px;
    display:    block;
    background: transparent url(images/menu.png) no-repeat top left;
    padding-right:  4px;
}

ul.menu li a:hover{
  color:    #ff0080;
}


#content-outer{
  width:    100%;
  float:    left;
  margin:   0 0 0 0;
}


#content{
  width:    430px;
  float:    left;
}




#content p, #sidebar p{
  font-size:    0.95em;
  line-height:  1.25em;
  margin:   0 0 1em 0;
}




#content h1{
  margin:   0 0 0 0;
}

#content h2{
  margin:   0 0 0 0;
}


#footer{
  float:    left;
  margin:   15px 0;
  font-size:    0.8em;
}

.form-outer{
  width:    100%;
  float:    left;
}


.form-row{
  width:    100%;
  float:    left;
  margin:   0 0 6px 0;
}

.form-row label{
  width:    30%;
  float:    left;
}

.form-row input, .form-row textarea{
  width:    60%;
  float:    left;
  border:   none;
}

fieldset{
  width:    97%;
  float:    left;
  margin:   0 0 12px 0;
  border:   1px solid #fff;
}


fieldset.column{
  width:    47%;
  float:    left;
margin-right: 2px;
}

fieldset.column .form-row input{
  float:    right;
}

.form-row.header{
  width:    25%;
}

.form-row.header label, .form-row.header input{
  float: none;
  width:90%;
  font-size: 12px;
}
.form-row.header label{
  font-weight:  bold;
}

.inner-row{
  width:    100%;
  float:    left;
}

.form-row .inner-row input,
.form-row .inner-row label{
  width:    auto;
}

.form-row label input{
  float:    none;
}

input#chkInsuranceRqd{
  width:    auto;
}