@charset "UTF-8";
/* CSS Document */

/* CSS Document */

* { margin:0px; padding:0px; }

body { background-color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:0.75em; color:#333333; background-image:url(images/home_back.gif); background-repeat: repeat-x; }

#skip_nav { height:100px; margin-top:-100px; } 

#wrapper {
	width:980px;
	margin:0px auto;
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}

#navigation  {

	/*float:right;*/
	padding-top:148px;
}

#navigation ul { list-style:none; }
/* 
#nav ul li { display: inline; padding: 0px 6px; text-transform:uppercase; font-family:Times, New Times, serif;}
#nav ul li a:link, #nav ul li a:visited { color:#FFFFFF; text-decoration:none; }
#nav ul li a:hover, #nav ul li a:active { color:#FFCCD9; text-decoration:none; }
*/

#header {
	height:186px;
	background-image:url(images/back_homepage.jpg);
	background-repeat:no-repeat;
}
#headercontent { height:208px; background-image:url(/images/img_home.jpg); background-repeat:no-repeat; padding:20px 20px 20px 733px;  }
#headercontent p.h1 { font-size:1.6em; color:#000000; }
#headercontent ul { margin-left:10px; padding-left:10px; }
#headercontent li { font-size:1.2em; color:#FFFFFF; padding-bottom: 5px; }

#headertext {
	background-image:url(http://www.mailboxes247.co.uk/new/images/back_bannertext.jpg);
	background-repeat: no-repeat;
	height:132px;
}

#headertext h3 {
	font-size:1.3em;
	font-weight:normal;
	color:#FFFFFF;
	padding:10px 0 0 380px;
	margin:0;
		
}

#headertext h4 {
	font-size:1.1em;
	font-weight:normal;
	color:#d7df21;
	padding:40px 0 0 380px;
	margin:0;
		
}


#quicklinks  {
	float:left;
	padding-top:5px;
	color:#990000;
}

#quicklinks a:link, a:visited
{
	color:#000;
}

#quicklinks a:link, a:visited
{
text-decoration:none;
}

#quicklinks a:hover
{
color:#990000;
}




#maincontent {
	width:980px;
	float:left;
	padding: 0px;
}
#maincontent ul { margin-left:10px; padding-left:10px; line-height:150%; }
#sidecontent {
	width:220px;
	float:right;
	margin-right: 40px;
	margin-top: 30px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#sidecontent ul { margin-left:10px; padding-left:10px; line-height:150%; }

h1 {
	font-size:1.7em;
	padding-bottom:1.0em;
	color:#B9012F;
	font-weight:normal;
	font-family:Times, New Times, serif;
	padding-top: 1.0em;
}
h2 { font-size:1.2em; padding-bottom:0.5em; color:#B9012F; font-family:Times, New Times, serif; font-weight:normal; }
h3 { font-size:1.1em; padding-bottom:0.8em; color:#B9012F; font-family:Times, New Times, serif; font-weight:bold; }
p { padding-bottom:0.8em; line-height:150%; }

a.white:link, a.white:visited { color:#FFFFFF; text-decoration:none; }
a.white:hover, a.white:active { color:#000000; text-decoration:none; }

a.black:link, a.black:visited { color:#000000; text-decoration:none; }
a.black:hover, a.black:active { color:#FFFFFF; text-decoration:none; }
 
a.red:link, a.red:visited { color:#CC0000; text-decoration:none; }
a.red:hover, a.red:active { color:#FFFFFF; text-decoration:none; }

a.grey:link, a.grey:visited { color:#666666; text-decoration:none; }
a.grey:hover, a.grey:active { color:#666666; text-decoration:underlline; }

#maincontent a:link, #maincontent a:visited { color:#B9012F; text-decoration:none; }
#maincontent a:hover, #maincontent a:active { color:#B9012F; text-decoration:underline; }

#sidecontent a:link, #sidecontent a:visited { color:#B9012F; text-decoration:none; }
#sidecontent a:hover, #sidecontent a:active { color:#B9012F; text-decoration:underline; }


#colour { background-color:#BDCCA4; padding:10px; overflow:visible; clear:both; width:95%; }
div.left { width:220px; }
div.right { float:right;  width:200px; }

.bold { font-weight:bold; }
.italic { font-style:italic; }
a img { border:none; }
img .alignleft { float:left; padding-right:10px; }
img .alignright { float:right; padding-left:10px; }

#footer {
	clear:both;
	background-image:url(images/footer_home_back.jpg);
	background-repeat:repeat-x;
	height:330px;
	color:#eeeeee;
	line-height:150%;
	padding:0px;
	background-color: #990000;
}

#panel_1
{ float:left; padding-right:10px; padding-left:10px; background-image:images/panel_1.jpg;}
#panel_2
{ float:left; padding-right:10px; padding-left:10px; }
#panel_3
{ float:left; padding-right:10px; padding-left:10px; }
#panel_4
{ float:left; padding-right:10px; padding-left:10px; }


#copyright {
	clear:both;
	height:30px;
	color:#666666;
	padding:10px;
	background-color: #1a1a1a; 
}

#copyright a:link, #copyright a:visited { color:#fff; text-decoration:none; }
#copyright a:hover, #copyright a:active { color:#fff; text-decoration:underline; }

#terms {  clear:both; float: right; height:36px; color:#fff; line-height:150%;  }

#footer_two {
	width:980px;
	margin:0px auto;
	clear:both;
	/*background-image:url(../images/back_footer.jpg);
	background-repeat:repeat-y; padding:10px;*/
	height:16px;
	color:#fff;
	line-height:150%;
	padding-top:10px;
	padding-bottom:10px;
}

#footer_two a:link, #footer_two a:visited { color:#fff; text-decoration:none; }
#footer_two a:hover, #footer_two a:active { color:#fff; text-decoration:underline; }


#terms {  clear:both; float: right; height:16px; color:#fff; line-height:150%; }



#newsletter {
	width:980px;
	margin:0px auto;
	clear:both;
	/*background-color:#000;
	background-image:url(../images/back_footer.jpg);
	background-repeat:repeat-y; padding:6px 30px 10px 30px;*/
	height:16px;
	color:#fff;
	line-height:150%;
	padding-bottom: 20px;
	
}


/*input form styles*/

input { 
	background-color: #FFFFFF; 
	color: #000; 
	border: 1px solid #000; 
	/*border: 1px solid #000000;*/
	font-size:1em; 
	padding:1px;
}

select { 
	background-color: #FFFFFF; 
	color: #82683E; 
	border: 1px solid #000; 
}
input.button {
	background-color: #666;
	border: 1px solid #000;
	color: #fff; font-size:1em; padding:1px 1px; 
}
input.button2 { background-color: #CCCCCC; border: 1px solid #000; color: #000000; font-size:1em; padding:2px 6px; }
input.button:hover {background-color: #82683E;}
input.button2:hover {background-color: #000; color:#FFFFFF;}