/*

	-- -- -- -- -- -- --
	SafeVans v1: Default layout CSS file
	last edit: 12 August 07
	-- -- -- -- -- -- --

	File Contents: Template - v1
	
*/

@import "base.css";
@import "forms.css";

/******************* =GENRERAL */

body { font-family: Arial, Helvetica, Sans-Serif; color:#44576C; }

p {
	font-size:1.4em;
	line-height:1.6em;
	margin-top: 5;
	margin-right: 5px;
	margin-bottom: 1em;
	margin-left: 5px;
}

a { color:#FF6600; text-decoration:none; }
a:hover { text-decoration:underline; }
a.current { }

ul.bullet { display:block; margin:0 5px 10px; padding:0; }
ul.bullet li { font-size:1.4em; line-height:1.6em; background:url(../img/arrow-bul.png) no-repeat left .3em; padding-left:18px; }

/******************* =LAYOUT */

#body_wrapper { background:black; }

#header_wrapper { background:url(../img/header_wrap-bg.png) #183351 repeat-x top; }
#header_wrap_home { background:url(../img/header_wrap_home-bg.png) #183351 repeat-x top; }
#header_home { width:900px; height:340px; margin:0 auto; padding:0; background:url("../img/big-removals.jpg") #183351 no-repeat bottom; }
#header { width:900px; height:280px; margin:0 auto; padding:0; background:url("../img/small-removals.jpg") #183351 no-repeat bottom; }

#content_wrapper { background:url(../img/content_wrap-bg.png) transparent repeat-x bottom; }
#content { position:relative; width:900px; margin:-40px auto 0; padding:0 0 10px; border-top:1px solid transparent !important; border-top:none; }
#content .left_col { float:left; display:inline; width:560px; margin:0 20px 10px 10px; }
#content .right_col { float:left; display:inline; width:280px; margin:0 10px 10px 20px; }
/* Additional styling for tags */

#content .left_col p.slide { margin:-10px 0 10px; padding:5px; border:1px solid #CECECE; border-top:none; }
#content .right_col p { font-size:1.2em; }
#content .right_col h2 { font-size:2em; }
#content p a.back_to_top { position:absolute; bottom:0px; right:0px; width:30px; height:22px; margin:0 0 -1px !important;  margin:0 0 -2px; padding:0; background:url(../img/back_to_top-btn.png) no-repeat top left; text-indent:-9999em; }
#content p a:hover.back_to_top { background-position:top right; }

#footer_wrapper { background:url(../img/footer_wrap-bg.png) #213C5C repeat-x top; }
#footer { width:900px; margin:0 auto; padding:35px 0 2em; background:url(../img/footer-bg.png) no-repeat 40px top; color:#CDCDCD; }
#footer .mid_col { float:left; display:inline; width:280px; margin:0 10px 0; }
#footer p, #footer ul { font-size:1.2em; }
#footer p.bottom { display:block; width:850px; float:left; background:url(../img/bottom-p-bg.png) no-repeat 10px top; margin:2em 0 1em; padding:0 10px 0 45px; font-size:1.1em; line-height:25px; }
#footer p img.payment_met { margin:-24px 10px 0 0; float:right; }
#footer a { color:#3FA5F8; }
#footer a:hover { color:#58BAFB; }

#legals_wrapper { background:pink; }
#legals { width:910px; margin:0 auto; padding:10px; background:white;  }

/******************* =HEADINGS */

h1, h2, h3, h4, h5 { font: bold 1em/1em Geneva, Arial, Helvetica, sans-serif; margin-bottom:5px; padding-left:5px; }
h1 { font-size: 2em; }
h2 { font-size: 2em; line-height:1.5em; margin-bottom:1em; color:#444444; border-bottom:1px solid #9CAEC2; }
h3 { font-size: 1.5em; line-height: 1.5em; }
#content h3 { margin-bottom:5px; color:#44576C; }
#footer h3 { margin-bottom:15px; color:#FFCC00; border-bottom:1px solid #2E619B; }
h4 { font-size: 1.4em; line-height: 1.8em; margin-bottom:10px; padding:0 0 0 20px; background:url(../img/arrow-bul.png) no-repeat 5px center; border-bottom:1px solid #CECECE; cursor:pointer; }
h5 { }
h6 { }

/******************* =ICONS */

.mobile { padding:3px 0 3px 20px; background:url(../img/ico-mobile.png) no-repeat left center; }
.mail { padding:3px 0 3px 25px; background:url(../img/ico-mail.png) no-repeat left center; }
.phone { padding:3px 0 3px 25px;  background:url(../img/ico-phone.png) no-repeat left center; }

/******************* =PORLETS */

.portlet { background:pink; padding:10px; margin-bottom:10px; }

#logo { display:block; width:290px; height:85px; margin:20px 0 15px 60px; background:url(../img/logo.png) no-repeat center; text-indent:-9000px; }
#header_home blockquote { display:block; width:510px; height:60px; margin:0 0 0 20px; padding:0; background:url(../img/quote.png) no-repeat center; }
#header_home blockquote p { margin-left:-9000px; }

#primary_nav { position:relative; width:900px; height:50px; font: 1.8em "Trebuchet MS", Arial, sans-serif; background:url(../img/primary_nav-bg.png) no-repeat center; }
#primary_nav li { display:inline; float:left; }
#primary_nav li a { text-decoration:none; color:#FFFFFF; line-height:50px; margin:0; padding:16px 1em; }
#primary_nav li a:hover { background:url(../img/primary_nav-hover.png) #183351 repeat-x; }
#primary_nav li a.current { color:#FFCC00; background:url(../img/primary_nav-hover.png) #183351 repeat-x; }
#primary_nav li a.skip_to_content { position:absolute; top:0px; right:0px; width:30px; height:22px; margin:0; padding:0; background:url(../img/skip_to_content-btn.png) no-repeat top left; text-indent:-9999em; }
#primary_nav li a:hover.skip_to_content { background:url(../img/skip_to_content-btn.png) no-repeat top right; }

#secondary_nav { }
#secondary_nav li { padding:10px 0; }
#secondary_nav li a { font-size:1.4em; }
#secondary_nav li a.current { font-weight:bold; }

#services_nav { margin:0 5px 25px; }
#services_nav li { height:45px; background:url(../img/services_nav-dotted.png) repeat-x bottom; }
#services_nav li a { font:italic bold 1.7em Arial, Helvetica, sans-serif; color:#18324F; background:url(../img/ico-services.png) no-repeat; padding:9px 0 9px 45px; line-height:45px; text-decoration:none; }
#services_nav li a:hover { color:#FF6600; }
#services_nav li a.ico-uk { background-position:5px bottom; }
#services_nav li a.ico-eu { background-position:5px -235px; }
#services_nav li a.ico-clearances { background-position:5px -177px; }
#services_nav li a.ico-packing { background-position:5px -118px; }
#services_nav li a.ico-assemblance { background-position:5px -58px; }
#services_nav li a.ico-cleaning { background-position:5px top; }
#services_nav li.last { background:none; }

#contact { margin:0; }
#contact li { margin:0 0 0 5px; line-height:1.6em; }
#contact li:first-letter { font-weight:bold; color:#FFFFFF; }

#feature { }

#welcome_message {  }

/******************* =FIXES */

.center { margin:0 auto; text-align:center; }
.sml_print { font-size:1em; text-align:right; color:#CCCCCC; }

/******************* =HIDDEN */

.hide { display:none; }

/******************* =IMG */

.pic { display:block; border:4px solid #EFEFEF; margin:0 10px 5px 0; padding:1px; }

/******************* =FLASH */

#flash_header { width:550px; height:200px; }
#flash_header { width:560px; height:230px; }

/******************* =TABLES */

.vans { width:550px; margin:5px 5px 15px; padding:0; }
.vans thead tr td { font:bold 1.4em/2 Geneva, Arial, Helvetica, sans-serif; color:#FFFFFF; text-indent:14px; margin:0; padding:0 0 0 10px; background:url(../img/arrow-bul.png) #44576C no-repeat 5px center; }
.vans tbody tr td { width:275px; font-size:1.2em; line-height:2.2em; border-bottom:1px solid #EFEFEF; margin:0; padding-left:5px; }
.vans tbody tr td.img { width:270px; margin:0; padding:10px; border:none; }
.van_lel { background:url("../img/manvanlondon-image.png") #EFEFEF no-repeat center; }
.van_ll { background:url("../img/removals-insured.png") #EFEFEF no-repeat center; }
.van_pl { background:url("../img/london-van-image.png") #EFEFEF no-repeat center; }
.van_ps { background:url("../img/london-removals-image.png") #EFEFEF no-repeat center; }
.vans tbody tr td.img img { visibility:hidden; }

.data {
	width:550px;
	font-size:1.2em;
	line-height:1.6em;
	margin-top: 5;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
}
.data thead tr th { text-align:center; }
.data thead tr td { font-weight:normal; background-color:#999999; color:white; } 
.data tr td {
	font-weight:bold;
	text-align:center;
	background-color:#EFEFEF;
	padding: 6px;
}
.data tr th { text-align:left; color:white; background-color:#44576C; padding: 7px; }
.data tr th.empty { background-color:white; color:#44576C; }
.data tr th.row { font-weight:bold; background-color:white; color:#44576C; text-align:center; vertical-align:middle; border-left:1px solid #44576C; border-top:1px solid #44576C; }


/******************* =ACESSIBILITY */

acronym, abbr { cursor:help; border-bottom:1px dotted #CCCCCC; }