/*======= general =======*/
* { margin : 0px ; padding : 0px ; }

body {font-size:12px; font-weight : normal ;text-align : center ; background : url("images/background.gif") repeat-x top #2fa3ec;}
html{	font-family: Arial, Helvetica, sans-serif; color:#4f4e4e;	}	
		
#all { width : 100% ;  }		

p { margin-bottom : 10px ; }

		
h1 , h2 {
	color : #042c4f ;
	font-family : calibri, Arial, sans-serif ;
	font-size : 28px ;
	margin-bottom : 10px ;
	margin-top : 10px ;
	font-weight :  bold ;
	line-height : 28px ;
	
}

h3 { margin-top : 15px ; margin-bottom : 0px ;}

a img{ border:0px}
a{ color : #329EDC ; text-decoration:underline} 
a:hover{text-decoration:none}
ul{margin:0; padding:0; list-style:none;}
ul li{background:url(images/marker.gif) top left no-repeat; background-position:0 5px; margin: 0px 0px 10px 10px ; padding-left:10px; }
ul li a{color:#e5156d; text-decoration: underline; line-height:1.5em} 
ul li a:hover { text-decoration:none; }
em { font-style : normal ; }
img{ vertical-align:top;  }
.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
.bg{ background:url(images/bg1.gif) no-repeat top left}
.title { font-weight : bold ; color : #333333 ;  font-family : calibri, Arial, sans-serif ; margin-top : 10px ; font-size : 14px ; }
.h{ height:28px}
.high{ height : 35px }
.veryhigh { height : 60px ; }
.h1{ height:40px}
.checkbox { margin-top : 4px ; }
.input{ height : 17px ; border:1px solid #a3a3a3; background:#FFFFFF; width: 120px; font-size:11px; padding-left:2px; padding-top : 1px ; margin-bottom : 2px ;}
select { font-size:11px }
.dropdownlist { height : 20px ; border:1px solid #a3a3a3; background:#FFFFFF; width: 124px; font-size:11px; padding-left:0px; padding-top : 1px ; padding-bottom : 2px ; margin-bottom : 2px ;}
textarea { height : 40px ; border:1px solid #a3a3a3; background:#FFFFFF; width: 120px; font-size:11px; padding-left:2px; padding-top : 1px ; margin-bottom : 2px ; font-family: Arial, Helvetica, sans-serif;}
.jamp{ width:187px;}
.jamp1{ width:87px;}
.button { width : 90px ; font-size : 1em;}
.medium { width : 120px ; }
.small { width : 60px; }
.tiny { width : 40px ; }
.long { width : 160px ; }
.wide { width : 300px; }
.reallywide{ width : 450px ; }
.about {height : 0px ;}
.mission { color : white ; }
.mission a { color : white ; text-decoration : none ; font-weight : bold ; }
.smallbutton{ font-size : 10px ; height : 20px; width : auto ; }
.results { color : Navy }
.complete span { font-weight : normal }
#ctl00_CompareButton {    margin-top : 10px ;}
#ApplyButton{	margin-top : 20px ;}
.date{    width : 80px ;}


/*main*/
#main { width : 1000px ; margin-left : auto ; margin-right : auto; }

/*header*/
#header { min-height : 190px ; width : 980px; padding :  20px 10px 0px 10px ; text-align : left ; margin-top :0px ; background : url("images/thrc-back-top.gif") white top right no-repeat  ; }

#header .logo
{
    display : inline-block ;
    width : 300px ;
    float : left ;
    margin-top : 10px ;
} 



#testamenter { width : 100% ; text-align : right ; color : black ; }

#header .navigation
{
    float: left;
    width: 980px;
    height: 50px;
    background : url("images/navbar.gif") repeat-x bottom; 
    display : inline-block ;
    font-size : 26px ;
}

#header .nav, #header .selected
{
    float: left;
    height: 50px;
    width: 200px;
    padding:  0px 0px 0px 0px;
    text-align : center ;
    margin-right: 2px ;
}
 
#header .nav  a
{
    text-decoration: none;
    /*color : #ff7300 ;*/
    color : White ;
    font-family : calibri, Arial, sans-serif ;
} 

#header .nav  a:hover
{
    text-decoration: none;
    color : #042c4f ;
} 
 
#header .selected a
{
    text-decoration: none;
    color : White ;
    font-family : calibri, Arial, sans-serif ;
}

  

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


#header .nav 
{
    background: url("images/nav.gif") bottom no-repeat;
}


#header .selected 
{
    background : url("images/tab.gif" ) bottom no-repeat ;
}

#header .contentclick
{
	padding-top : 10px ;
	width : 980px; 
	height : 18px ;
	font-size : 11px ;
	float : left ;
	display : inline-block ;
	font-weight : bold ;
}

#header .contentclick a
{
    font-weight : normal ;
}

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

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

/* Content */

#content{ text-align : left; width : 980px; padding : 0px 10px 0px 10px ; margin : 0px; background : white ; display : inline-block; }

#content .marketing { width : 980px; height : 260px ; display : inline-block ; position : relative ; float : none ; text-align : left ;} 
#content .marketing img { margin : 0px ; }

#content .col1{ width : 720px;  float : left ; height : 100% ; }
#content .col2{ width : 200px;  float : right ; margin-right : 20px ; }
#content .col2 .top{ height : 60px ; background : url("images/removal quotes.jpg") bottom center no-repeat ;}

#content .moving .top { margin-top : 20px ; background : url("images/movingarticles.jpg") ; height : 51px ;}

#content .moving .bottom {  background : url("images/articles-bottom.jpg") ; height : 25px ;}

#content .moving  { margin-top : 20px ; }

#content .movingday { margin : 20px 20px 20px 20px 20px ; }

#content .moving .main { border-left : solid 1px gray ; border-right : solid 1px gray ; padding : 10px 10px 0px 10px ; font-size : 11px ;}

#content .content-window { width : 320px ; float : left ; height : 100%; padding : 20px ;}

#content a { font-weight : bold ; }
#content .quotation { font-family : calibri, Arial, sans-serif ; font-size : 28px ; font-weight : bold ; margin-top : 30px ; width : 320px ; color : #042c4f ; text-align : left ; display : inline-block ;}

#content .marketing .heading { color : white ; font-size :35px ;  position : absolute ; top : 90px ; left : 255px ; width : 490px ; float : left ;}

#content .marketing .testamonies { position : absolute ; top : 32px ; left : 764px ; height : 140px ; width : 180px ; font-size : 16px ; color : white; font-family : calibri, Arial, sans-serif; font-weight : bold ; text-align : center; float : right ;}

#content .thumbnails { width : 720px; padding-top : 40px ;  height : 270px ; }
#content .thumb { width : 320px ; float : left ; padding-right : 20px; height : 130px ;}
#content .thumb a { font-size : 12px ; font-weight : bold; font-family : Arial, helvetica, Sans-Serif ; color : #329EDC ;  text-decoration : underline ; margin-top : 8px ;  margin-bottom : 5px ;  line-height : 16px ;  padding-left : 20px ;  background: url("images/bullet point.gif") no-repeat center left;}
#content .right { margin-left : 40px ;}
#content .thumb p { margin-top : 3px ;}
#content .thumb img { margin-right : 15px ; }

/*footer*/
#footer {   float : none ; text-align : center ; font-size : 12px ; color : #333333 ; padding : 20px 0px;margin:0px; background : url("images/thrc-footer-bg.gif") #333333 top center no-repeat; min-height : 450px ; width : 100%;   }
#footer a{ color : #329EDC ; }
#footer .links { width : 980px ; margin-bottom : 45px ; display : inline-block ; float : none ;}

/*enquiry*/

.enquiry { font-size : 12px ; width : 200px ; }
.enquiry .main { padding-left : 20px ; background : url("images/box-content-narrow.png") repeat ; font-weight : bold ; padding-top : 5px ; text-align : left ;}
.enquiry .bottom { background : url("images/box-bottom-content-narrow.gif") no-repeat ; height : 15px ; }
.enquiry .top { display : none ; background : url("images/quickCompare.gif") no-repeat ; height : 15px ; color : White ; text-align : left ;  font-size : 14px ; padding-top : 15px ; margin-top : 4px ;}
.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 ;}


.results select
{
    width : 200px;
    height : 60px ;
    color : Black ;
    border : solid 1px black ;
} 

.articles
{
    width : 320px ;
    display : inline-block ;
    padding-bottom : 10px ;
    padding-top : 10px ;
    float : right ;
}

#content .static
{
    font-size : 12px ;
    font-weight : normal;
    font-family : Arial, helvetica, Sans-Serif ;
    color : #329EDC ;
    text-decoration : underline ;
    padding-left : 20px ;
    background : url("images/document.jpg") left top no-repeat ;
    margin-top : 8px ;
}

.articles h1, .articles h2, .articles .links a
{
    font-size : 12px ;
    font-weight : bold;
    font-family : Arial, helvetica, Sans-Serif ;
    color : #329EDC ;
    text-decoration : underline ;
    margin-top : 8px ;
    margin-bottom : 5px ;
    line-height : 16px ;
    padding-left : 20px ;
    background: url("images/bullet point.gif") no-repeat center left;
}

.articles .links p
{
    margin  : 0px 0px 3px 20px ; }

.articles .heading { font-family : calibri, Arial, sans-serif ; font-size : 28px ; font-weight : bold ; margin-top : 30px ; width : 320px ; color : #042c4f ; text-align : left ; display : inline-block ; }

#content .static { font-size : 12px ; line-height : 20px ;  font-weight : normal ; font-family : calibri, Arial, sans-serif ;}
  
.articles a:hover, .articles h1:hover, .articles h2:hover
{
    text-decoration : underline ;
}

.twitter
{
    margin-top : 30px ;
}

/*																	*/
/*																	*/
/*                   Q U O T E S									*/
/*                                                                  */

.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 ;
}

.comments { padding : 5px 5px ; margin-top : 20px ; width : 100%;}

.comments .title { font-size : 18px ; }

.comment { border-top : solid 1px black ; width : 100% ; margin-top : 20px; padding : 10px 10px ; color : Black ; }
.comment .time { font-size : 10px ; }


/*																	*/
/*																	*/
/*                   S I T E M A P									*/
/*																	*/

.sitemap a
{
    font-size : 12px ;
    font-weight : normal ;
    color : #329EDC ;
    text-decoration : underline ;
    padding-left : 20px ;
    line-height : 20px ;
    
}

div.sitemap, .sitemap div
{
    width : 300px ;
}

.sitemap .parent
{
   font-size : 14px ;
   padding-left : 0px ;
   font-weight : bold ;
   line-height : 30px ; }

.sitemap span { color : #329EDC ;  padding-left : 10px ;  font-style : italic ;}

.error span
{
    color : Red ; }
    
/*																	*/
/*																	*/
/*                   D I R E C T O R Y								*/
/*																	*/

.directory h2 { font-size : 18px ; margin-bottom : 0px ;}


/*      contact us */

.contactus { margin : 10px 0px 20px 0px ; background-color : #ebf5fc ;padding : 10px 10px ;}
.contactus1 { float : left ; width : 500px; }
.contactus2 { float : right ; width : 425px ; margin : 45px 0px 0px 40px ; }
.contactus .veryhigh { height : 120px ; }
.contactus .input { width : 200px ; }
.contactus .long { height : 100px ; width : 460px ; }
.contactus1 .address { font-size : 16px ; }

/* moving boxes */

.boxes {}
.boxes .leader { width : 400px ; padding : 0px 410px 0px 0px ; height : 300px ; background : url("images/moving day.gif") no-repeat right bottom ; }
.boxes .left { width : 300px ; float : left ; }
.boxes .right { width : 300px ; float : right ; }
.boxes img { margin : 10px 10px ; }