/*                      General                                     */
html { font-family : Arial ; font-size : 10px ; background-color : #2e2e2c ; }
body { text-align : center ; background :#2fa3ec url("images/background.gif") repeat-x top ; margin : 0px ; }
div { text-align : left ;}
h1, h2 { font-size : 20px ; }

.title { font-weight : bold ; color : navy; margin-top : 10px ; }
.h{ height:28px}
.high{ height : 35px }
.veryhigh { height : 60px ; }
.h1{ height:40px}
.block-contact span{ float:right; margin-right:210px}
.checkbox { margin-top : 4px ; }
.input{ height : 17px ; border:1px solid #a3a3a3; background:#FFFFFF; width: 120px; font-size:1em; padding-left:2px; padding-top : 1px ; margin-bottom : 2px ;}
textarea { height : 40px ; border:1px solid #a3a3a3; background:#FFFFFF; width: 120px; font-size:1em; padding-left:5px; padding-top : 3px ; margin-bottom : 2px ;font-family : Arial ; }
.jamp{ width:187px;}
.jamp1{ width:87px;}
.button { width : 90px ; font-size : 1em;}
.medium { width : 120px ; }
.small { width : 80px; }
.tiny { width : 40px ; }
.long { width : 160px ; }
.wide { width : 300px; }
.about {height : 0px ;}
.smallbutton{ font-size : 10px ; height : 20px; width : auto ; }
.results { color : Navy }
.complete span { font-weight : normal }

#everything { height : 100% ; width : 100% ; top : 0px ; background : url("images/page bottom background.gif") bottom center repeat-x   ; text-align : center ;}
#ctl00_all, #ctl00_ctl00_all {  width : 980px ; margin-left : auto ; margin-right : auto; display : inline-block ;  background-color : white ;}

/*                      Top                                         */

#top { width : 100%;  height : 360px ; background : url("images/removal firms london top.jpg") bottom center no-repeat;}
.international #top { background : url("images/removal firms london top international.jpg") bottom center no-repeat; }
.commercial #top { background : url("images/removal firms london top commercial.jpg") bottom center no-repeat; }
.contactus #top { background : url("images/removal firms london top contact us.jpg") bottom center no-repeat; }
.confirmation #top { background : url("images/removal firms london top confirmation.jpg") bottom center no-repeat; }
.joinus #top { background : url("images/removal firms london top join us.jpg") bottom center no-repeat; }

#top .navigation { margin : 131px 0px 0px 224px ; width : 460px ; height : 50px ; display : inline-block ; }
#top .navigation a { color : silver ; font-weight : bold ; text-decoration : none ; font-size : 11pt ;}
#top .navigation .nav , #top .navigation .selected { float : left ; height : 35px ; padding-top : 15px ; width : 145px ; text-align : center ; margin-right : 4px ;}
#top .navigation .selected { background : url("images/arrow.gif") bottom center no-repeat; }
#top .navigation .selected a { color : white ; }
#top .navigation a:hover { color : gray ; }

.navicons a
{
    font-size : 11px ;
    font-weight : bold ;
}

.navicons
{
    color : Gray ;
    font-size : 10px ;
    width : 960px ;
    text-align : right ;
    position : absolute ;
    top : 25px ;
    height : 10px ;
    float : none ;
    margin-left : -490px ;
    left : 50% ;
}

/*                      Middle                                      */

#middle { width : 100% ; height : 100% ;display : inline-block ; }

#middle .left { width : 750px ; height : 100% ; float : left ;  display : inline-block ; }

#middle .left .breadcrumbs { width : 400px ; height : 10px ; margin-left : 15px; font-size : 12pt; padding-top : 5px ;}

#middle .left .postits { width : 720px ; height : 250px ; float : left ; margin-left : 5px ; margin-top : 15px ;}

#middle .left .postits .postit { width : 200px ; height : 100% ; float : left ; background : url("images/postit.jpg") no-repeat top center ; font-size : 16pt;  color : #32323d; text-align :center ; padding : 10px  20px 0px 20px ;}
#middle .left .postits .postit  .leader { font-size : 20pt ; font-weight : bold ; }
#middle .left .postits .postit p { margin : 0px ; }

#middle .left .main { width : 740px ; height : 100%; margin-top : 25px ;font-family : calibri, arial ;color : #32322d ; float : left ; display : inline-block ; }

#middle .left .main .content { width : 526px ;  height : 385px ; float : left ; background : url("images/main background.jpg") no-repeat top center ; text-align : left ; padding-left : 20px ; margin-bottom : 20px ;}
#middle .left .main .content h1 {  font-size : 20pt ; margin :  20px 0px 5px 0px ; }
#middle .left .main .content .column { width : 230px ; height : 300px ; float : left ; margin-right : 30px ; padding-top : 0px ; font-size : 12pt ;}
#middle .left .main .content .column p { margin-top : 0px ; margin-bottom : 7px ; }

#middle .left .main .generic-content { width : 526px ; float : left ; margin : 10px 10px 10px 10px ; display : inline-block ;}
#middle .left .main .generic-content .top { height : 30px ; width : 100%; background : url("images/generic-content background top.gif") no-repeat bottom center ;}
#middle .left .main .generic-content .middle{ width : 100%; background : url("images/generic-content background.jpg") repeat-y top center ; text-align : left ; margin : 0px 0px ; padding : 0px 0px 20px 0px; font-size : 12pt ;}
#middle .left .main .generic-content .bottom { height : 25px ; width : 100%; background : url("images/generic-content background bottom.gif") no-repeat top center ;} 
#middle .left .main .generic-content .middle p { margin : 10px 20px 10px 20px ; }
#middle .left .main .generic-content .middle h1 { margin : 0px 20px 10px 20px ; }
#middle .left .main .generic-content .middle h2 {  margin : 10px 20px 10px 20px ; }
#middle .left .main .generic-content .middle a { margin : 0px 20px 10px 20px ; }

#middle .left .image { float : left ; height : 100% ;}
#middle .left .image img { margin-left : 25px ; }

#middle .right { width : 220px ; height : 100% ;  float : left ; }

#middle .right .articles { width : 180px ; height : 200px  ;  background : url("images/articles background.jpg") no-repeat ; margin-top : 17px ; margin-left : -2px ; padding : 20px 20px 20px 20px ; font-size : 18pt ; font-family : Calibri, Arial; text-align : center ;}
#middle .right .articles p { margin : 0px ; }


/*                      Bottom                                      */

#bottom { text-align : center ; width : 100% ; height : 167px ;  float : none ; background : url("images/bottom background.gif") no-repeat top center #2e2e2c ; padding-top : 30px ; display : inline-block ;}
#bottom , #bottom a { color : white ; font-size : 10pt ; }
.places { color : Gray ; margin-top : 20px ; text-align : center ; }
.places p { margin : 5px 0px; }
#bottom .places a { color : Gray ; }

/*                      enquiry                                     */

.enquiry { font-size : 12px ; width : 210px ; }
.enquiry .main { padding-left : 20px ; background : url("images/box-content-narrow.png") repeat-y left; font-weight : bold ; padding-top : 5px ; text-align : left ;}
.enquiry .bottom { background : url("images/box-bottom-content-narrow.png") no-repeat ; height : 27px ; }
.enquiry .top { height : 0px ; }
.enquiry .joinus { background : url("images/salesleads.gif") no-repeat ; height : 36px ; color : White ; text-align : left ;  font-size : 14px ; padding-top : 15px ; margin-top : 4px ;}
.enquiry .contactus { background : url("images/contactus.gif") no-repeat ; height : 36px ; color : White ; text-align : left ;  font-size : 14px ; padding-top : 15px ; margin-top : 4px ;}


/*          update telephone numbers         */

#telephone_numbers { margin : 20px 20px  ; font-size : 16px ; }


.quotepage
{
/* position: relative;
float: left;
width: 1500px; /* remember to set a width */
}

.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 : 1 ;
}
.quotepage-content , .finder-content
{
    position: absolute ;
    color : Black ;
    top : 120px ;
    left : 50% ;
    margin-left : -200px ;
    width : 370px ;
    padding : 5px 5px 10px 10px ;
    z-index : 2 ;
    font-size : 11px ;
    font-weight : normal ;
}


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

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

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

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

.quotepage-content .main .h, .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-content .main .high
{
    height: 30px ;
    margin-bottom :4px;
}

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

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

#middle .cancellation { font-family : Arial ; font-size : 12pt ; padding : 10px 20px 10px 20px ; width : 710px ; }