/* CSS Document */

body {
	font-family: verdana, arial, times;
	color: #001945;
	font-size: 76%;
	line-height: 1.3em;  
	width: 98%; 
	background: url(../images/bg.jpg) top left no-repeat;
}

.fltLt {
	position: relative;
	display: block;
	float: left;
}


 
#bottomNav {
	margin: 0 auto;
	width:760px;
	font-size:0.85em;
	line-height:1.2em;
} 

#bottomNav ul li{
	display:inline;
} 

#bottomNav ul li a{
	display:inline;
	color: #001945;
	font-weight:normal
} 

img.fltLt {
	 margin: 1.3em 5px 1.3em 13px;
}

p.fltLt {
	width: 225px;
}

p.clrBoth {
	clear: both;
}

a {
	text-decoration: none;
	font-weight: bold;
	color: #5E5212;
} 

a:hover {
	text-decoration: underline; 
} 
 
img {
	border: 0;
} 
 

#wrapper { 
	width: 800px;
	margin: 0 auto;
	margin-top: 33px;
	
}
* html #wrapper {  
	margin-top: 34px;
	
}

ul#navigation { 
	position: relative;
	float: left;
	height: 33px; 
	width: 481px;
	margin: 20px 0 0 0;
	padding: 0;
	background: url(../images/bg_blue.gif) top left;
}

ul#navigation li {
	float: left; 
	height: 33px;
	padding: 0 18px 0 0;
	margin: 0; 	
	list-style: none; 
}

ul#navigation li.final {
	float: right;
	background: url(../images/inactive.gif) bottom right no-repeat;
}

ul#navigation li.sectionActive {
	background: url(../images/active2.gif) top right no-repeat;
}

ul#navigation li.sectionFinalActive {
	background: url(../images/activeFinal.gif) top right no-repeat;
}

ul#navigation li a {  
	height: 33px;
	padding: 0;
	margin: 0;
	text-indent: -9999px;	
}

/* Home */

ul#navigation li.home a,
ul#navigation li.activeHome a {
	display: block;
	width: 54px; 
}

ul#navigation li.home a  { 
	background: url(../images/home.gif) top right no-repeat;
}
 
ul#navigation li.home a:hover { 
	background: url(../images/home_rollover.gif) top right no-repeat;
} 

ul#navigation li.activeHome a
 { 
	background: url(../images/home_active.gif) top right no-repeat;
} 


/* Get a quote */

ul#navigation li.quote a,
ul#navigation li.activeQuote a {
	display: block;
	width: 86px; 
}

ul#navigation li.quote a {
	background: url(../images/get-a-quote.gif) top right no-repeat;
}
   
ul#navigation li.quote a:hover { 
	background: url(../images/get-a-quote_rollover.gif) top right no-repeat;
} 
 
ul#navigation li.activeQuote a { 
	background: url(../images/get-a-quote_active.gif) top right no-repeat;
} 



/* What we do */

ul#navigation li.what a,
ul#navigation li.activeWhat a {
	display: block;
	width: 91px; 
}

ul#navigation li.what a {
	background: url(../images/what-we-do.gif) top right no-repeat;
}
   
ul#navigation li.what a:hover { 
	background: url(../images/what-we-do_rollover.gif) top right no-repeat;
} 
 
ul#navigation li.activeWhat a { 
	background: url(../images/what-we-do_active.gif) top right no-repeat;
} 



/* Clearances */

ul#navigation li.clearances a,
ul#navigation li.activeClearances a {
	display: block;
	width: 91px; 
}

ul#navigation li.clearances a {
	background: url(../images/clearances.gif) top right no-repeat;
}
   
ul#navigation li.clearances a:hover { 
	background: url(../images/clearances_rollover.gif) top right no-repeat;
} 
 
ul#navigation li.activeClearances a { 
	background: url(../images/clearances_active.gif) top right no-repeat;
} 



/* Contact */

ul#navigation li.contact a,
ul#navigation li.activeContact a {
	display: block;
	width: 69px; 
}

ul#navigation li.contact a {
	background: url(../images/contact.gif) top right no-repeat;
}
   
ul#navigation li.contact a:hover { 
	background: url(../images/contact_rollover.gif) top right no-repeat;
} 
 
ul#navigation li.activeContact a { 
	background: url(../images/contact_active.gif) top right no-repeat;
} 




h1 {
	font-size: 1px;
	text-indent: -9999px;
	position: relative;
	background: url(../images/smooth-mover-removals.gif) top left no-repeat;
	float: left;
	width: 307px;
	height: 53px;  
	margin-left: -2px
}

h2 {
	font-size: 1px;
	text-indent: -9999px;
	position: relative; 
	width: 307px;
	height: 22px;
	margin-left: 11px;
	margin-bottom: 0;
	
}


#home h2 { 
	background: url(../images/who-we-are.gif) top left no-repeat;
}

#what_we_do h2 { 
	background: url(../images/what-we-do_2.gif) top left no-repeat;
}
 
#clearances h2 { 
	background: url(../images/clearances_2.gif) top left no-repeat;
}
 
#quote h2 { 
	background: url(../images/get-a-quote-removals.gif) top left no-repeat;
}
 
#contact h2 { 
	background: url(../images/contact_2.gif) top left no-repeat;
}

h2.none {
	background:none !important;
	color: #001945 !important;
	font-weight:bold !important;
	font-size:1.2em !important;
	line-height:1em;
	text-indent:0;
	height:2.6em;
	width:400px !important;
}
.none a{

	color: #001945 !important;
	font-weight:bold !important; 
	text-transform:capitalize;
	text-indent:0;
}

h3,h4 {
	margin-left:11px
	
}

#home h3 {
	font-size: 1px;
	text-indent: -9999px;
	position: relative;
	background: url(../images/hassle-free.gif) top left no-repeat;
	width: 307px;
	height: 12px; 
}

form {
	margin: 0;
}

p, form { 
	margin-left: 12px;
}

form {
	font-size: 0.9em; 
	padding-top: 14px;
}

form .block { 
	float: left;
	position: relative;
	background: #F8F8F8;
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	padding: 4px 0 12px 0; 
	width: 364px;
	margin-right: 10px	;
	margin-bottom: 10px;
}

.items {
	height: 23.2em;
}



#quote form .items {  
	width: 177px !important; 
}


#quote form .contactDetails {
	position: relative;
	width: 738px;
	margin-right: 0;
}

#quote form .contactDetails div.ltContact {
	position: relative;
	display: block;
	float: left;
	width: 374px;
}

#quote form .contactDetails div.rtContact {
	position: relative;
	display: block;
	float: left;
	width: 364px;
}

#contact form .block { 
	width: 400px;
	float: left;
}

#contact form p { 
	width: 300px;
	float: left;
	font-size: 1.1em;
}



#contact textarea,
#quote textarea {
	height: 80px;
	width: 170px;
	margin-bottom: 10px;
	font-family: verdana, arial, times;
	font-size: 1em; 
}
 	


p, ul, h1 {
	margin-top: 0;
	margin-bottom: 1.2em;
} 
 
#quote h4,
#contact h4 {
	position: relative;
	display: block;
	font-size: 1em; 
	margin: 5px 0 19px 0;  
	height: 12px; 
 	text-align: center; 
	padding: 3px 0 0 0; 
	background: #E6E6E6;  
	color: #001945;
}
 
* html #quote h4 {  
	margin-bottom: 5px;   
}
* html #contact h4 {  
	margin-bottom: 5px;   
}
	

#quote h4 {
	width: 364px;
	font-weight: bold; 
}	

#quote .contactDetails h4 {
	width: 738px;
	font-weight: bold; 
}	

#quote .items h4 {
	width: 177px; 
}	

#contact h4 {
	width: 400px;
	font-weight: bold; 
}
#quote h4 span,	
#contact h4 span {
	 position: relative;
	 display: block;  
	 width: 100%;   
	 padding-bottom: 3px;
	 background: #E6E6E6
 } 
  
#quote input.submit,
#contact input.submit, 
#quote input.clear,
#contact input.clear {
	position: relative;
	display: block;
	float: right;
	font-size: 1em; 
	margin: 5px 0 9px 5px;  
	height: 1.5em; 
 	text-align: center; 
	padding: 3px 0 3px 0; 
	background: #E6E6E6;  
	color: #001945;
	width: 5em;
}
	

#contact input.clear {
	margin-right: 352px;
}	

#quote input.clear {
clear: both;
	margin-right: 20px;
}	
	
#quote input.submit span,	
#contact input.submit span,	
#quote input.clear span,	
#contact input.clear span {
	 position: relative;
	 display: block;   
	 padding-bottom: 3px;
	 background: #E6E6E6
 } 
 
.upTxt {
	text-transform:capitalize;
}	 
 
#quote h5 {
	font-size: 1px;
	text-indent: -9999px;
	position: relative;
	background: url(../images/.gif) top left no-repeat;
	width: 307px;
	height: 12px; 
}
 
#quote h6 {
	font-size: 1px;
	text-indent: -9999px;
	position: relative;
	background: url(../images/.gif) top left no-repeat;
	width: 307px;
	height: 12px; 
} 

p {
	margin-top: 14px;
}

p, ul, ol, td, th, label {
	font-size: 1em;
} 

#content {
	clear: both;
	background: #ffffff url(../images/removals-clearances.gif) no-repeat top center;
	width: 786px;
	padding-top: 22px;  
} 


#ltCol {
	float: left;
	width: 400px; 
	margin: 0 0 0 7px;
	padding: 0 0 100px 0; 
	min-height: 380px; 
}

* html #ltCol {
	height: 380px;
}


#quote #ltCol,
#contact #ltCol  {  
	width: 762px;
}

#rtCol {
	float: left;
	width: 330px; 
	margin: 0 0 0 12px;
	padding: 13px 0 0 0; 
	min-height: 380px; 
}

* html #rtCol {
	height: 380px;
}

#rtCol img  {
	float: right;
	font-size: 0.9em;
}

#rtCol img.home  {
	padding-top: 14px;
}

#rtCol .centredP {
	clear: both; 
	width: 255px;
	float: right;
}

#rtCol .centredP p { 	
	float: left;
	font-size: 0.9em;
	line-height: 1.1em;
	width: 210px;
}


a.quoteLink { 
	position: relative;
	display: block;
	clear: both;
	background: url(../images/get-a-quote_2.gif) top left no-repeat; 
	margin-left: 12px;
	width: 83px;
	height: 13px;
	text-indent: -9999px;
}

.leftFloatDiv select {
	width: 3.8em; 
}

label { 
	clear: left;
	float: left;
	text-align: left;
	width: 120px;	
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 1px;
	background: url(../images/colon.gif) top right no-repeat;

}

#quote .items label {
	width: 95px;
}
 
#quote label.none {
	float: none !important;
	width: 200px;
}
#quote select.none, input.none {
	float: none !important;
	 
}


label.noPad { 
	width: 8em;	 
	margin-left: 0px; 
}
   

input {
	float: left;
	width: 160px;	
	margin-bottom: 3px;
	font-size: 1em; 
	border: solid 1px grey;
} 

input.checkbox {
	float: left;
	width: 15px;	
	margin-bottom: 3px;
	font-size: 1em;
	border: solid 1px grey;
}

input.smallInput {
	width: 2em;
	margin-right: 5px;
}

input.yearInput {
	width: 4em;
	margin-right: 5px;
}

select {
	width: 160px;	
	margin-bottom: 3px;
	font-size: 10px; 
	 
 
}
  
#quote form .items select {  
	width: 3.8em; 
} 
  
#copyright {
	margin-top: -100px;
	background: url(../images/sussex-removals-clearances.gif) top left no-repeat;
	padding: 20px 20px 0 0;
	text-align: right;
	min-height: 100px;
}

* html #copyright { 
	height: 100px;
	 
}

#copyright p {
	font-size: 0.8em;
	margin-top: 115px;

}

* html #copyright p {
	padding-top: 20px;
}

#preloadNavigationImages {
	position: relative;
	height: 1px;
	width: 1px;
	font-size: 1px;
	line-height: 1px;
	display :none;
}

#preloadNavigationImages * {
	position: relative; 
	display :none;
}

.arnold {
	width:120px !important;
	margin-left:13px;
}

.ltImg,#ltImg {
	margin:13px;
}

a.hidHomeLink:link,
a.hidHomeLink:active,
a.hidHomeLink:visited,
a.hidHomeLink:hover { 
	color: #001945;
	text-decoration: none; 
	font-weight:normal;
	cursor:default
	 
	
}
 
a.hidHomeLink2:link,
a.hidHomeLink2:active,
a.hidHomeLink2:visited,
a.hidHomeLink2:hover { 
	color: #001945;
	text-decoration: none; 
	font-weight:normal;
	cursor:default;
	 
	
}
 

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */