body
{
    text-align: center;
    margin: 0px 0px 0px 0px;
    font-family: Arial;
    font-size: 0.75em;
    background-color: #93a9d5;
}


h1, h2
{
    color: #93a9d5;
    font-size: 1.8em;
    font-family : calibri, Arial, sans-serif ;
    margin-bottom: -10px;
    margin-top : 3px ;
}

h2
{
      color : Navy ;
}

h1
{
    font-size : 2.5em ;
    font-weight : bold ;
    color : Black ;
}


.everything
{
    width: 1100px;
    margin-right: auto;
    margin-left: auto;
    display: inline-block;
    background-color: White;
    border : 1px solid gray ;
}

.fright 
{
    float : right ;
}

.smallphoto
{
    width : 100px ;
    float : right ;
    margin-left : 10px ;
    margin-bottom : 10px ;
    margin-top : 10px ;
}

.mediumphoto
{
    width : 200px ;
    float : right ;
    margin-left : 10px ;
    margin-bottom : 10px ;
    margin-top : 10px ;
}

.border
{
    border : solid 1px black ;
}

.breadcrumb { height : 30px ; display : inline-block ;}

/*     H E A D E R */

#header
{
    float: none;
    width: 1080px;
    height: 150px;
    display: inline-block;
    background : url("images/asbestos advisor logo.png") no-repeat top left ;
}

#header .topright
{
    float : right ;
    margin : 10px 0px;
    width : 470px ;
    text-align : right ; 
}     

#header .searchbox 
{
     height : 20px ; width : 700px ; float: right; text-align : right ; }

#header .nav, #header .selected
{
    float: left;
    height: 30px;
    padding: 10px 0px 0px 0px;
}

#header .nav  a
{
    font-size: 1.2em;
    text-decoration: none;
    font-weight: bold;
    color : navy ;
    
} 
 
#header .selected a
{
    font-size: 1.2em;
    text-decoration: none;
    font-weight: bold;
    color : White ;
}

  

#header .nav div, #header .selected div
{
    float: left;
}


#header .nav .left
{
    background-image: url("images/gradient button left.gif" );
    height: 30px;
    width: 11px;
}

#header .nav .main
{
    background-image: url("images/gradient button main.gif" );
    height: 20px;
    padding-top: 10px;
}

#header .nav .right
{
    background-image: url("images/gradient button right.gif" );
    height: 30px;
    width: 11px;
    margin-right : 1px ;
}

#header .selected .left
{
    background-image: url("images/navy button left.gif" );
    height: 30px;
    width: 11px;
}

#header .selected .main
{
    background-image: none;
    background-color: navy;
    height: 20px;
    padding-top: 10px;
}

#header .selected .right 
{
    background-image: url("images/navy button right.gif" );
    height: 30px;
    width: 11px;
    margin-right : 1px ;
}


#header .navigation
{
    float: none;
    width: 100%;
    height: 40px;
    margin-top : 70px ;
}

#header .search { width : 280px ; height : 30px ; padding-top : 8px ; }

#header .web-pages
{
    float: none;
    padding: 3px 10px 3px 10px;
    text-align: left;
    color: White;
    background-color: Navy;
    min-height : 30px ;
}

#header .web-pages a
{
    color: White;
    font-size : 1.0em ;
    font-weight : bold ;
}

/*              C O N T E N T      */

#content
{
    width: 1080px;
    float: none;
    text-align: left;
    display: inline-block;
    padding: 0px 10px 0px 10px;
    margin-top : 10px ;
}

#content .left
{
    float: left;
    width: 740px ;
}

#content .right
{
    float: left;
    width : 330px ;
}

#content .google
{
    width: 740px ;
    height: 100px;
    background: url("images/google-bg.gif") top left no-repeat ;
    margin-bottom: 10px;
    padding : 9px 3px 3px 3px ;
}

#content .google div
{
   font-size : 0.9em !important ;
}

#content .ad
{
    width: 740px ;
    height: 100px;
    margin-bottom: 10px;
    padding : 9px 3px 3px 3px ;
}

.page-content
{
    padding-right : 15px ;
    padding-bottom : 10px ;
}

.video
{
    margin-left : 20px ;
    width : 320px ;
    height : 300px ;
}

.photo 
{
    height : 150px ;
}

.photo img
{
    height : 140px ;
}

#material
{
    width : 400px;
    margin-bottom : 10px ;
}

#material thead tr
{
    background-color : White ;
    padding : 0px 0px 0px 0px ;
}

#material tr
{
    background-color : #ffffcc ;
     border-collapse : collapse ;
}

#material .left , #material .right
{
     width : 190px ;
     vertical-align : top ;
     padding : 7px 4px 10px 4px ;
}

.contact-us span
{
    color : Navy ;
    font-weight : bold ;
    
}

/*                           F O O T E R                                      */

#footer
{
    width: 1080px;
    padding: 10px 10px 0px 10px;
    float: none;
    min-height: 30px;
    background-color: black;
    display: inline-block;
    border-top: solid 1px #7c9bcf;
    background-color: #ebf5fc;
    color: navy;
    height: 50px;
}

#footer a
{
    color: Navy;
}

#footer div.regional { margin-top : 13px ; }
/*****************************************************************************************************/
/*                              Q U O T E S
/*****************************************************************************************************/

.quote
{
    margin-left : 10px ;
    margin-top : -15px ;
    width : 330px ;
    padding-top : 10px ;
    padding-left : 10px ;
    font-size : 11px ;
}

.quote .enquiry div.main, .quote .enquiry div.bottom, .quote .enquiry div.top
{
    padding-left : 10px ;
    width : 320px ;
}
    

.quote div.bottom
{
    width : 100%;
    height : 20px ;
    background : url("images/box-bottom.png") top left white no-repeat;
}

.quote div.main
{
    width : 100%;
    background : url("images/box-content.png") white repeat-y;
    padding-top : 10px ;
}

.quote div.top
{
    width : 100% ;
    height : 60px ;
    background : url("images/box-top.png") bottom left no-repeat;
}

.quote select, .quote input, .quote textarea
{
    font-size : 11px ;
    margin-bottom : 3px ;
    width : 210px ;
}

.quote select.dropdownlist
{
    width : 220px ;
    padding : 3px 3px ;
}

.quote select.dropdownlist.tiny
{
    width : 50px ;
}

.quote select.dropdownlist.small
{
    width : 100px ;
}

.quote input.textbox
{
    padding : 4px 4px ;
}

.quote textarea.textbox
{
    padding : 4px 4px ;
    font-family : Arial ;
    width : 280px ;
    height : 100px ;
}

.quote input.textbox.medium
{
    width : 150px ;
}



.quote .button, .button input
{
    width : 100px ; 
    padding : 4px 4px ;
    font-size : 1.2em ;
    font-weight : bold ;
}

.quote .radiobutton .button input
{
    width : auto ;
}

.quote .radiobutton .button label
{
    font-weight : normal ;
    font-size : 11px;
    color : Black ;
}

.quote .quote-section
{
    width : 270px ;
    margin-bottom : 7px ;
}

.quote span
{
    color : Navy ;
    font-weight : bold ;
    font-size : 1em ;
}

.quote .textbox , .quote .dropdownlist
{
    border : silver solid 1px;
    font-size : 1em ;
}

.overlay
{
    position: absolute;
    top: 0; /* These positions makes sure that the overlay */
    bottom: 0; /* will cover the entire parent */
    left: 0;
    width: 100%;
    height : 3000px;
    background: #000;
    opacity: 0.65;
    -moz-opacity: 0.65; /* older Gecko-based browsers */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    filter : alpha(opacity=65); /* For IE6&7 */
    z-index : 200 ;
}

.quote div.quotepage-content
{
    position: absolute ;
    color : Black ;
    top : 120px ;
    left : 50% ;
    margin-left : -200px ;
    width : 370px ;
    padding : 5px 5px 10px 10px ;
    z-index : 300 ;
}

.quotepage-content div
{
    width : 330px ;
    overflow : hidden ;
}

.quotepage-content div.top
{
    background : url("images/box-top-content.png") no-repeat ;
    height : 15px ;
    padding : 0px 20px 0px 20px ;
}

.quotepage-content div.main
{
    background : url("images/box-bg-content.png") repeat-y ;
    padding : 0px 20px 0px 20px ;
}

.quotepage-content div.bottom
{
    background : url("images/box-bottom-content.png") no-repeat ;
    height : 15px ;
}

/* POST CODE FINDER    */

.quote .finder  input, .quote .finder select { margin-bottom : 4px ; padding : 5px 5px ; border : solid 1px silver; width : 200px ;  }
.quote .finder select { width : 210px ; }
.quote .finder option { padding : 0px 5px; border : none ; width : 182px ; }
.quote .finder  input.submit { width : auto ; }

.quote .finder .finder-content
{
    position: absolute ;
    color : Black ;
    top : 120px ;
    left : 50% ;
    margin-left : -200px ;
    padding : 5px 5px 10px 10px ;
    z-index : 500 ;
    font-size : 11px ;
    font-weight : normal ;
}


.quote .finder .finder-content
{
    font-size : 1em ;
    font-weight : normal ;
}

.finder  .finder-content div
{
    width : 330px ;
    overflow : hidden ;
}

.quote .enquiry .finder .finder-content div.top
{
    background : url("images/box-top-content.png") no-repeat ;
    height : 15px ;
    padding : 0px 20px 0px 20px ;
    width : 360px ;
}

.quote .enquiry .finder .finder-content div.main
{
    background : url("images/box-bg-content.png") repeat-y ;
    padding : 0px 20px 0px 20px ;
     width : 360px ;
}

.quote .enquiry .finder .finder-content .main .h
{
    padding-left : 0px ;
    margin-top : 2px ;
    margin-bottom : 0px ;
    font-size : 0.9em ;
    line-height : 0.8em;
    height : 23px ;
}

.quotepage-content .main .high, .finder .finder-content .main .high
{
    height: 30px ;
    margin-bottom :4px;
}

.quote .enquiry .finder .finder-content .bottom
{
    background : url("images/box-bottom-content.png") no-repeat ;
    height : 15px ;
    padding : 0px 20px 0px 20px ;
     width : 360px ;
}

.finder-results select
{
    height : 300px ;
    border : solid 1px black ;
}

/*    SEARCH     */

.search { margin: 10px 0px ; }
.searchResults { margin : 0px 0px 50px 0px ;   }


/*      COMMENT    */

.comments .add textarea {  font-family: Arial; padding : 4px ; color : Gray; font-size : 1.2em; width : 500px ; height : 100px ; }
.comments .header { height : 30px ; width : 100%; background : silver ; color : White ; font-size : 2em; padding : 10px 0px 10px 10px ; }
.comments .add { height : 100%; width : 100%; border-top : white solid 2px ; background : lightblue; padding : 10px 0px 10px 10px;}
.comments .add input { padding : 4px ; color : Gray; font-size : 1.2em; width : 300px ;}
.comments .add input.button { color : Black ; width : auto; }
.comments .comment { height : 100%; width : 100%; border-top : white solid 2px ; background : #ebf4f3 ; padding : 10px 0px 10px 10px ; }
.comments .comment p { margin-right : 10px ; }
.comments { margin : 10px 0px }