/* ELEMENTS */

/* colours 

#007AC1 - blue

#C1005B - purple

#C1A500 - yellow

*/

.clear {
clear:both;
}

/* HEADER SECTION */

#header {

}

#logo img {
padding:5px 0 0 0;

}




#navigation ul li
{
    display:inline;
color:#fff;
padding:0 20px;
border-right:1px solid #ccc;
}


#navigation ul li a:link, #navigation ul li a:visited, #navigation ul li a:hover {
color:#000;
font-size:18px;
text-decoration:none;
}

#navigation ul li a:hover {
color:#C1005B;
font-size:18px;
text-decoration:underline;
}

/*#navigation a:link, #navigation a:visited, #navigation a:hover{
color:#ccc;
padding:0 5px;
}

#navigation a:hover{
color:#000;
}*/

#navigation span 
{
    margin:4px 3px 0 0;
}


#phone h2 {
float:right;
font-size:28px;
color:#C1005B;
padding:3px 10px;
letter-spacing:-1px;
}

#phone h2 span{
font-size:38px;
color:#007ac1;
}

/* SEARCH SECTION */

#start h1 {
color:#007ac1;
padding:5px 0 5px 34px;
margin:0;
font-size:18px;
font-weight:bold;
}

#search form{
margin:0;
padding:0;
}

#search fieldset{
margin:0;
padding:0;
}

#search select{
width:180px;
margin:8px 10px 0 0;
}


/* SEARCH HOME SECTION */

#start-h h1 {
color:#007ac1;
padding:3px 0 3px 25px;
margin:0;
font-size:22px;
}

#search-h form{
margin:0;
padding:0 0 0 260px;
}

#search-h fieldset{
margin:0;
padding:0;
}

#search-wrap-h select{
width:175px;
margin:0 6px 0 0;
}


input.go 
{
    background:url(../images/go.gif) 0px 0px no-repeat;
    border:none;
    cursor:hand; 
    cursor:pointer;
    height: 22px; 
    width: 37px;
}

.alphahide 
{
    width:230px;
    position:absolute;
    top:10px;
    left:695px
    }



/*#help {
text-align:center;
padding:3px 0 0 0;
}

#help ul li{
display:inline;
color:#fff;
}*/



/* CONTENT WRAPPER SECTION */


.links-sm {
position:relative;

padding: 5px 10px;
width: 850px;
float: left;
}


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

.links-sm ul li
{
        float: left;
        width: 90%;
        padding-left: 10px;
        list-style-position: outside;
        list-style-type: disc;
}


.links-sm li a:link, .links-sm li a:visited,  .links-sm li a:hover 
{
width:240px;
font-size:13px;
}

.links-sm li a:hover 
{
    color:#000
}


#links {
position:relative;
margin: 0px 0px 5px 0px;
padding: 5px 10px;
width: 618px;
min-height:280px;
height:auto !important;
height:280px;
float: left;
border:1px solid #999;
background:#fff url(../images/links-bg.png) bottom right no-repeat;
}

#links li {
width:190px;
float: left;
padding-left: 10px;
}

#links li li {
float: left;
width: 180px;
margin-right: 10px;
padding: 0 0 3px 0;
}

#links h3 {
padding:8px 0;
}

/* LEFT CONTENT SECTION */

#leftcolumn p {
margin:0 0 5px 0; 
}

#showing h2 
{
    font-size:18px;
    color:#fff;
} 


#instruction p {
margin:0 0 5px 0; 
}

#instruction {
border:1px solid #333;
}

#title h1 { 
color:#c1005b;
}

#title h2{ 
color:#007ac1;
}

#title-more h1 { 
color:#c1005b;
}

#title-more h2{ 
color:#007ac1;
font-size:14px;
}


div.top { 
position:relative;
width: 618px;
float: left;
margin-top:10px;
padding:1px 10px;
text-align:right
}

#pagination { 
position:relative;
width: 580px;
float: left;
margin-top:5px;
padding:8px 0 10px 0;
background:#fff url(../images/pagination-bg.gif) top left no-repeat;
}
/* Pagination */

div.pagination { margin-top: 0 } /* see below for print styles */

p#pagecount { clear: both; float: left; margin: 0 0.3em 0 0; }

ul.pagination { float: right; list-style-type: none; margin: 0; padding: 0 10px 0 0; }

ul.pagination li { display: block; float: left; border: 1px solid #333; margin-left: 0.5em; line-height:144%;}

ul.pagination li a:link, ul.pagination li a:visited, ul.pagination li span { display: block; color:#333; background: #f5f5f5; padding: 0.3em 0.6em;  line-height: 1em; text-decoration:none;} 

ul.pagination li a:hover { background: #e61c62; color: #fff; }

ul.pagination li span.current { background-color:#e61c62; color:#fff}



#moreoffices h2 { 
padding:5px 10px;
}

#help h2 { 
padding:5px 10px;
}

#moreoffices ul { 
margin:0 0 10px 10px;
}

/* FOOTER SECTION */


div#footer-cms {
position:relative;
float:left;
width: 920px;
}

#footer-container {
position:relative;
width:100%;
margin:0 auto;
background: #202128 url(../images/footer-bg.gif) top left repeat-x;
border-top:2px solid #fff;
}

div#footerwrap {
position:relative;
width: 920px;
margin:0 auto;
height:435px;
padding-top:70px;
}

#footernav {
position:relative;
width: 920px;
padding:8px 0 10px 0;
border-top:1px solid #d5d1ca;
clear:both;

}

#footernav ul li {display: inline;color:#818181;}
#footernav ul .copyright {float: left;}
#footernav ul li a {float: right; margin-left: 22px;}

.footer-box {
float:left;
width:280px;
padding:30px 10px 10px 10px;
}

.footer-box p 
{
 font-size:12px;
 color:#818181;
}

.footer-box h4.blu 
{
    color:#0071ac;
     font-size:15px;
}

.footer-box h4.pur 
{
    color:#c1005b;
     font-size:15px;
}

.footer-box h4.yel 
{
    color:#c1a500;
     font-size:15px;
}


.officetypes {
float: right; 
clear: right; 
width: 250px; 
margin:15px 0 8px 0; 
padding: 15px 17px; 
font-size: 14px; 
}

.officetypes  h3 {color:#C1A500; padding-bottom: 5px;}
.officetypes  ul li {display: block;}
.officetypes  ul li a {font-size: 13px; line-height: 1.75em; font-weight: normal; color: #999;}



/* MORE INFORMATION PAGE */

div.boxmore { 
position:relative;
margin: 0px 0px 5px 0px;
padding: 5px 10px;
width: 618px;
float: left;
border:1px solid #ccc;
background-color:#fff;
}

#reg-form p.red 
{
    color:Red;
} 

#reg-form { 
float:left;
width:640px;
margin:0 0 10px 0;
padding: 3px 0px 5px 0px;
}

#reg-form input.get-report {
background-color:#FE3038;
color:#FFFFFF;
width:220px;
padding:5px;
font-size:18px;
margin:10px 0 0 170px;
cursor:pointer;
}

.legal { 
float:left;
width:528px;
margin:10px 0 0 0;
border:1px solid #ccc;
padding: 5px;
}

.legal p {
color:#999;
font-size:12px;
margin:0;
}

span.clear { clear:both}


/* DEFAULT page ------------------------------------------------------------------*/


#intro-text 
{
    position:relative;
    float:left;
    width:580px;
    margin:0px 0 20px 0;
    /*background-color:#ccc;*/
    }
    
#note 
{
    position:relative;
    float:left;
    width:340px;
    height:250px;
    margin:0px 0 20px 0;
    background: #fff url(../images/note.png) top left no-repeat;
    }    

#heading
{
    position:relative;
    float:left;
    width:640px;
    text-align:center;
    padding:30px 0 0 140px;
    }
    

#heading h1 
{
    color:#222
    }
    

#intro 
{
    position:relative;
    float:left;
    width:920px;
    margin:80px 0 20px 0;
    }

#intro h1 
{
    font-size:23px;
    font-weight:normal;
        display: block;
        width: 919px;
        height: 54px;
        text-indent: -999em;
        background: url(../images/officespace-intro.gif) no-repeat left top;
}
    

#intro-text h1 
{
    font-size:23px;
    font-weight:normal;

     
}

#intro-text h2
{
    font-size:21px;
    margin:15px 0 5px 0;
    font-style:italic;
    
}

#intro-text h3
{
    font-size:20px;
    color:#999

}

#intro-text span 
{
    background-color:#fde900;
} 




#default-logo
{
    position:relative;
    float:left;
    width:920px;
    padding-top:138px;
    }


#bullets
{
    position:relative;
    float:left;
    width:600px;
    }

#bullets h2 
{
    color:#007AC1;
}



#bullets ul 
{
    padding:15px;
}


#bullets ul li 
{
    background:url(../images/tick.gif) 0px 3px no-repeat;
padding:0 0 0 25px;
color:#818181
}

#testimonials
{
    position:relative;
    float:left;
    width:300px;
    }

.test-man
{
    position:relative;
    float:left;
    width:200px;
    height:175px;
    padding:25px 20px 0 80px;
    background: url(../images/testimonial-man.gif) no-repeat left top;
    }
  
.test-man p {font-size:12px}

    
.test-woman
{
    position:relative;
    float:left;
    width:200px;
    height:175px;
    padding:25px 20px 0 80px;
    background: url(../images/testimonial-woman.gif) no-repeat left top;  
    }

.test-woman p {font-size:12px}

#regionlinks 
{
    position:relative;
    float:left;
    width:920px;
    }
    
#startsearch-uk 
{
    position:relative;
    float:left;
    width:440px;
    /*height:288px;
    background:transparent url(../images/ukstart.png) top left no-repeat;*/
    padding:30px 0 0 10px;
    margin:0 10px 0 0;
}

#startsearch-us 
{
    position:relative;
    float:left;
    width:440px;
    /*height:288px;
    background:transparent url(../images/usastart.png) top left no-repeat;*/
    padding:30px 0 0 10px;
}


#startsearch-uk h1 a, #startsearch-us h1 a
{
    color:#c6005a;
    
}
    
#startsearch-uk h2, #startsearch-us h2 
{
    font-size:16px;
    color:#007ac1;
    
}


img.flag-img 
{
    float:left;
    padding-right:10px;
}



#welcome 
{
    position:relative;
    float:left;
    width:920px;
    margin-top:25px;
    }

/* home page ------------------------------------------------------------------*/

#homecontent {
position:relative;
float: left;
width: 920px;
}

#homecontent img.user 
{
    margin-right:55px;
}

#boxwrap {
position:relative;
float: left;
width: 570px;
clear:both;
}

.homebox-1 {
    float:left;
    width:145px;
    height:180px;
    padding:40px 20px 10px 20px;
    background:url(../images/home-box1.gif) no-repeat top left;
}
.homebox-2 {
    float:left;
    width:145px;
    height:180px;
    padding:40px 20px 10px 20px;
    background:url(../images/home-box2.gif) no-repeat top left;
}
.homebox-3 {
    float:left;
    width:145px;
    height:180px;
    padding:40px 20px 10px 20px;
    background:url(../images/home-box3.gif) no-repeat top left;
}

#homeoffices {
position:relative;
float: left;
width: 305px;
height:180px;
padding:0px 20px 10px 25px;
background:url(../images/homeoffices.gif) no-repeat top left;
}


#homeoffices h1 
{
    font-size:18px;
    font-weight:normal;
    color:#007AC1;
    padding:8px 0 0 0;
}

#homeoffices ul 
{
    margin:10px 0 0 15px;
}

#homeoffices ul li
{
background:url(../images/tick.gif) 0px 3px no-repeat;
padding:0 0 0 20px;
}

#homeoffices a:link,#homeoffices a:visited,#homeoffices a:hover 
{
    text-decoration:none;
    font-weight:bold;
}

#homeoffices a:hover 
{
text-decoration:underline
}
   
  
   
img.img-l 
{
    padding:0px 15px 0px 0px;
    float:left;
    clear:left
}   
   
   
/*------------------------------------------------------------------*/

#whatnext {
position:relative;
float: left;
width: 920px;
padding:0 0 15px 0;
margin-top:10px;
}


#boxwrap {
position:relative;
float: left;
width: 570px;
clear:both;
}

.whatnext-1 {
    float:left;
    width:145px;
    height:180px;
    padding:40px 20px 10px 20px;
    background:url(../images/what-1.gif) no-repeat top left;
}
.whatnext-2 {
    float:left;
    width:145px;
    height:180px;
    padding:40px 20px 10px 20px;
    background:url(../images/what-2.gif) no-repeat top left;
}
.whatnext-3 {
    float:left;
    width:145px;
    height:180px;
    padding:40px 20px 10px 20px;
    background:url(../images/what-3.gif) no-repeat top left;
}  
   
   

   
/* popup css ------------------------------------------------------------------*/


div.view-box {
width:338px;
height:180px;
background: url(../images/viewing-bg.gif) top lef no-repeat;
}
   
   
/* content style ------------------------------------------------------------------*/  
   

 
div.info
{
    background: url(../images/info.png) top left no-repeat;
}


#title-content h1.first { 
color:#000;
padding-left:70px;
}


 
#title-content h2.second{ 
color:#999;
font-style:italic;
padding-left:70px;
} 
        


#content-area h1 { 
color:#c1005b;
}

/*#content-left h1.user { 
background: url(../images/user.png) top left no-repeat;
padding:10px 0 10px 50px;
}*/


#content-area h2{ 
color:#007ac1;
font-style:italic;
}


#content-area h2.tick{ 
color:#007ac1;
font-style:italic;
padding-left:30px;
background: url(../images/tick-content.png) top left no-repeat;
}

#content-area p 
{
    font-size:14px;
}

        
ul.tick{
        padding:0;
        margin:1em 0;   
        }
ul.tick li{
        margin:.5em 0;
        padding:0 0 0 30px;
        list-style:none;
        background:url(../images/tick-content.png) no-repeat 0 0;
        min-height:30px;
        }               
* html ul.tick li{height:30px;} 


.box-blu 
{
    position:relative;
    float:left;
    width:598px;
    padding:10px;
    margin:10px 0;
    color:#fff;
    background:#007AC1 url(../images/box-blu-bg.gif) top left repeat-x;
    border:1px solid #007AC1;
}

.box-pur 
{
    position:relative;
    float:left;
    width:598px;
    padding:10px;
    margin:10px 0;
    background:#c1005b url(../images/box-pur-bg.gif) top left repeat-x;
    border:1px solid #c1005b;
}

.box-yel 
{
    position:relative;
    float:left;
    width:598px;
    padding:10px;
     margin:10px 0;
    background:#c1a500 url(../images/box-yrl-bg.gif) top left repeat-x;
    border:1px solid #c1a500;
}



.box-blu p, .box-pur p, .box-yel p 
{
    color:#fff;
}


ul#helpmenu 
{
    position:relative;
    float:left;
    width:624px;
    margin-bottom:15px;
    border-bottom:1px dotted #999;
    padding-bottom:15px;
    }

ul#helpmenu li 
{
    display:inline;
    padding:0 5px;
}

ul#helpmenu li a 
{
    font-weight:bold;
    font-size:14px;
} 




div.box-right 
{
    position:relative;
    float:right;
    width:245px;
}












/* sIFR standard styles */

.sIFR-flash {
        visibility: visible !important;
        margin: 0;
}

.sIFR-replaced {
        visibility: visible !important;
}

span.sIFR-alternate {
        position: absolute;
        left: 0;
        top: 0;
        width: 0;
        height: 0;
        display: block;
        overflow: hidden;
        letter-spacing: 0;
}


/* SIFR decoy styles */

.sIFR-hasFlash h1 {
        visibility: hidden;
}




/* ============================================================= */


.demo-show { float:right; width: 240px; margin: 0; }
   
.demo-show h3 { margin: 0; padding:8px; background-color:#fff; border-top: 1px solid #cdccbf; cursor: pointer;  color:#4f4e4e; font-size:14px; }
            
.demo-show div { padding: 5px 2px;}

.demo-show ul{ margin:0; padding:0; }

.demo-show li{ list-style:none; padding-left:8px; padding-bottom:7px; background:url(../images/tick.gif) center left no-repeat; }

img.point {cursor:hand; cursor:pointer;}

img.pointlast {cursor:hand; cursor:pointer;  margin-bottom:10px;}
/* ============================================================= */


div#back {
        position:relative;
        float:left;
        width:590px;
}

p.note 
{
    font-size:12px;
    font-weight:bold;
}

div#process 
{
    width:285px;
    height:80px;
    margin:0 auto;
    background: url(../images/please-wait.gif) top left no-repeat;
    padding:70px 0 0 65px;
        background-color:white;
        text-align:center;
}