/*--------------------------------------
------   Misc Sitewide Classes  -------
---------------------------------------*/

.hide {
	display: none;
}

.clear {
	clear: both;
}

.alignCenter {
	text-align: center;
}

.alignRight {
	text-align: right;
}

.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}

abbr, acronym {
	cursor:help;
	border-bottom:1px dotted;
}
	abbr:hover, acronym:hover {
		border-bottom:none;
	}

/*---- Message ----*/

.message {
	margin: 10px;
	padding: 8px 8px 8px 33px;
	background: #E7E7E7 url(/images/icons/message.gif) no-repeat 10px 50%;
	border: 2px solid #C7C7C7;
}

.message p, .error p {
	margin: 0!important;
}

.error {
	background: url(/images/icons/error.gif) #FFD1D1 no-repeat 10px 50%;
	border: 1px solid #F8ACAC;
	color: #8D3F3F;
	margin: 10px;
	padding: 8px 8px 8px 33px;
}

.message#success {
	background-color: #E1FFD1;
	background-image: url(/images/icons/success.gif);
	border-color: #C5F8AC;
	color: #468D3F;
}

.message#info {
	background-color: #b6ddff;
	background-image: url(/images/icons/info.gif);
	border-color: #2b78bb;
	color: #00335f;
}

/*---- Buttons ----*/

button {
	background:#012c63;
	border:none 0;
	color:#FFF;
	cursor:pointer;
	font-size:11px;
	height:19px;
	line-height:19px;
	padding:0 8px;
	position:relative;
	top:1px;
}

#searchBtn {
	background:#012c63!important;
	border:none 0;
	color:#FFF;
	cursor:pointer;
	font-size:11px;
	height:23px!important;
	line-height:23px!important;
	padding:0 8px!important;
	position:relative;
	top:1px;
	width:68px!important;
}

.blueBtn, .greenBtn, .darkblueBtn, .greyBtn, .order_button {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:1px solid;
	cursor:pointer;
	display:inline-block;
	font-size:13px;
	font-weight:bold;
	height:auto;
	margin:0 10px 20px;
	padding:7px 15px;
	position:relative;
	text-decoration:none!important;
	width:auto;
	z-index:5;
}
.blueBtn, .order_button {
	background:#aeedfc;
	border-color:#aeedfc;
	color:#49474a!important;
	outline:none;
}
	.blueBtn:hover, .order_button:hover {
		background:#d2f4fc;
		border-color:#aeedfc;
	}
	.greenBtn {
	background:#3ebe35;
	border-color:#3ebe35;
	color:#FFF!important;
}
	.greenBtn:hover {
		background:#5ee355;
		border-color:#3ebe35;
	}
.darkblueBtn {
	background:#012c63;
	border-color:#012c63;
	color:#FFF!important;
}
	.darkblueBtn:hover {
		background:#054c83;
		border-color:#012c63;
	}
	#continueShopping {
		margin-left:219px;
		margin-right:0;
	}
.greyBtn {
	background:#c8c8c6;
	border-color:#c8c8c6;
	color:#FFF!important;
}
	.greyBtn:hover {
		background:#d2d2cf;
		border-color:#c8c8c6;
	}
input[disabled] {
	background:#EEE;
	border:1px solid #EDEDED;
	color:#CCC!important;
	cursor:default;
}
	input[disabled]:hover {
		background:#EEE;
		border:1px solid #EDEDED;
	}

/*---- Clearfix - http://tinyurl.com/yz5f63z ----*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/*---- External Links ----*/
/*Taken from 'Elements' Developed by Ben Henschel - http://elements.projectdesigns.org

a[href^="http:"] {
	background: url(/images/externallinks/externalLink.gif) no-repeat right top;
	padding-right: 10px;
}

a[href^="http://mhl.bfi001.bfhosting.co.uk"], a[href^="http://www.mitrehallandletts.com"], a[href^="http://mitrehallandletts.com"] {
	background-image: none !important;
	padding-right: 0px;
}*/

.exempt {
	background-image: none !important;
	padding-right: 0px;
}

.external {
	background: url(/images/externallinks/externalLink.gif) no-repeat right top;
	padding-right: 10px;
}

a[href^="mailto:"] {
	background: url(/images/externallinks/email_link.png) no-repeat right top;
	padding-right: 22px;
	padding-bottom: 5px;
}

a[href$=".pdf"] {
	background: url(/images/externallinks/page_pdf.png) no-repeat right top;
	padding-right: 22px;
	padding-bottom: 5px;
}

a[href$=".doc"] {
	background: url(/images/externallinks/page_word.png) no-repeat right top;
	padding-right: 22px;
	padding-bottom: 5px;
}


/*---- BF Link ----*/
p#bf {
	clear: both;
	font-size: 11px;
	font-weight: normal;
	margin: 0 auto 0 auto;
	padding: 4px 0;
	text-align: right;
	width: 930px;
}
	
p#bf a {
	border-bottom: none;
	font-weight: bold;
	text-decoration: none;
	padding-right: 0;
	background: none;
}
	
p#bf a:hover {
	color: #9370DB;
	text-decoration: underline;
}
	
p#bf span a,#bf span a:hover {
	font-weight: normal;
	text-decoration: none;
}
	
p#bf, p#bf a, #bf span a:hover {
	color: grey;
}

/*---- Typography ----*/

html, body {
	color:#474747;
}

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

#bd .yui-u + .yui-u a:link, #bd .yui-u + .yui-u a:visited {
	color:#002768;
	text-decoration:underline;
}
#bd .yui-u + .yui-u a:hover, #bd .yui-u + .yui-u a:active {
	text-decoration:none;
}


p {
	line-height:18px;
	margin-bottom:18px;
}

h1 {
	font-size:22px;
	margin:3px 0 15px 10px;
}

/*---- Website Structure ----*/
html {
	background:url('../images/background.jpg');
}

body {
	background:url('../images/body-shadow.png') repeat-y center;
}

#doc4 {
	background:#FFF;
	position:relative;
}

/*---- Header ----*/

#hd {
	background:url('../images/hd-bkg.png') repeat-x;
	border-bottom:3px solid #808b8f;
	height:136px;
	position:relative;
	z-index:3000;
}
	#hd p {
		line-height:1.231;
		margin:0;
	}
	#hd .yui-g {
		height:39px;
		position:relative;
	}
	#hd #accountOpt {
		float:left;
		padding:11px 0 0 9px;
		width:415px;
	}
	#hd #accountOpt li {
		float:left;
		font-size:11px;
		margin-right:4px;
	}
	#hd #accountOpt li a {
		background:#40618a;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		color:#FFF;
		padding:1px 9px;
	}
	#hd #accountOpt li a:hover {
		background:#FFF;

		color:#002b62;
	}
	
	#hd #quickLinks {
		float:left;
		padding:11px 0 0 0;
		width:382px;
	}
	#hd #quickLinks li {
		float:left;
		font-size:12px;
		margin-right:4px;
	}
	#hd #quickLinks li a {
		background:#002b62;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		color:#FFF;
		padding:3px 9px;
	}
	#hd #quickLinks li a:hover {
		background:#FFF;
		color:#002b62;
	}
	#hd #custNumber {
		background:url('../images/number-bkg.png') repeat-x;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		height:48px;
		padding-top:11px;
		position:absolute;
		right:0;
		text-align:center;
		width:166px;
	}
	#hd #custNumber p {
		color:#FFF;
		letter-spacing:1px;
		text-transform:uppercase;
	}
	#hd #custNumber p  + p {
		color:#fc1d16;
		font-size:19px;
		font-weight:bold;
	}
	
	#hd .yui-g  + .yui-g {
		height:97px;
	}
	#hd #logo a {
		background:url('../images/logo.gif') no-repeat;
		display:block;
		float:left;
		height:64px;
		margin:19px 0 0 10px;
		text-indent:-9999em;
		width:207px;
	}
	#hd #navigation {
		float:left;
		padding:62px 0 0 24px;
		position:relative;
		width:497px;
		z-index:1000;
	}
	#hd #navigation li {
		font-size:11px;
		font-weight:bold;
		float:left;
		margin-right:1px;
		position:relative;
	}
	#hd #navigation li a {
		background:url('../images/nav-off.png') repeat-x;
		border:1px solid #9e9fa1;
		border-bottom:none;
		-moz-border-radius-topleft:2px;
		-webkit-border-top-left-radius:2px;
		-moz-border-radius-topright:2px;
		-webkit-border-top-right-radius:2px;
		border-radius:2px 2px 0 0;
		color:#49494b;
		display:inline-block;
		height:34px;
		line-height:34px;
		padding:0 24px 0 8px;
	}
	#hd #navigation li a:hover {
		background:url('../images/nav-on.png') repeat-x;
		border-color:#2b455e;
		color:#FFF;
	}
	#hd #navigation li:hover > a {
		background:url('../images/nav-on.png') repeat-x;
		border-color:#2b455e;
		color:#FFF;
	}
		#hd #navigation li ul {
			left:0;
			display:none;
			position:absolute;
			top:35px;
		}
		#hd #navigation li ul li a {
			background:url('../images/70white.png');
			-moz-border-radius-topleft:0;
			-webkit-border-top-left-radius:0;
			-moz-border-radius-topright:0;
			-webkit-border-top-right-radius:0;
			border-radius:0;
			border:0 none;
			width:125px;
		}
		#hd #navigation li ul li a:hover {
			background:url('../images/subnav-on.png') repeat-x;
			color:#49494b;
		}
		#hd #navigation li ul li ul {
			left:151px;
			display:none;
			position:absolute;
			top:0;
			width:auto;
		}	
		#hd #navigation li ul li ul li a {
			width:125px;
		}
	#hd #navigation #specialOffers a:hover {
		background:url('../images/nav-on-special.png') repeat-x;
		border-color:#c81822;
		color:#FFF;
	}
	#hd #basketSearch {
		background: url(../images/basket.gif) top right no-repeat;
		float:left;
		margin:24px 0 0 0;
		/*position:absolute;*/
		right:0;
		width:232px;
		padding: 0;
		display: inline;
		height: 73px;
	}
	#hd #basketSummary {
		color:#002657;
		font-size:11px;
		font-weight:bold;
		padding: 3px 3px 0 0;
		text-align:right;
		width: 150px;
		margin: 0;
	}
		#hd #basketSearch p span {
			color:#f21a1b
		}
	#hd #basketSearch #searchSimple {
		background:url('../images/search-box.png') repeat-x;
		-moz-border-radius-topleft:3px;
		-webkit-border-top-left-radius:3px;
		border-radius:3px 0 0 0;
		height:35px;
		line-height:35px;
		margin-top:8px;
		padding-left:8px;
		width:224px;
		float: left;
		display: inline;
	}
		#hd #basketSearch #searchSimple input {
			/*background:url('../images/icons/search.gif') no-repeat 3px 2px #FFF;*/
			border:0 none;
			height:19px;
			float:left;
			font-size:11px;
			line-height:19px;
			margin:5px 5px 0 0;
			width:135px;
			display: inline;
		}

#banner {
	border-bottom:3px solid #808b8f;
}
	#banner img {
		vertical-align:middle;
	}

/*---- Footer ----*/

#ft .yui-gh {
	background:url('../images/footer-bkg.png') repeat-x #1d4674;
	border-top:3px solid #808b8f;
	padding-bottom:30px;
}
	#ft .yui-gh .yui-u {
		padding-left:1%;
		width:17%;
	}
	#ft h6 {
		color:#FFF;
		font-weight:bold;
		margin:18px 0 8px;
	}
	#ft ul li {
		font-size:11px;
		line-height:20px;
	}
	#ft ul li a {
		color:#929697;
	}
	#ft ul li a:hover {
		color:#FFF;
	}

#ft .yui-g {
	background:#c8c8c6;
	color:#474747;
	font-size:11px;
	padding:6px 10px 20px;
}

#ft .cards {
	margin:20px 8px -10px 0;
}

/*---- Repeated Elements ----*/

#bd #breadcrumb {
	font-size:12px;
	line-height:42px;
	padding-left:10px;
}
	#bd #breadcrumb li {
		display:inline;
	}
	#bd #breadcrumb li a:after {
		content:"  »";
	}
	#bd #breadcrumb a {
		color:#474747;
		font-weight:bold;
	}

#bd .checkoutProcess {
	background:#012c63;
	color:#FFF;
}
	#bd .checkoutProcess p{
		font-size:12px;
		line-height:38px;
		margin:0;
	}
	#bd .checkoutProcess .step {
		border-bottom:3px solid;
		color:#7b6e75;
		display:inline;
		margin:0 10px;
		padding:0 12px 3px;
		vertical-align:middle;
	}
	#bd .checkoutProcess .on {
		color:#FFFFFF;
	}
	#bd .checkoutProcessButtons {
		float:right;
		text-align:right;
		width:430px;
	}
		#bd .checkoutProcess .blueBtn {
			margin-left:124px;
			position:relative;
			width:160px!important;
			z-index:1000;
		}
		#bd .checkoutProcess .greenBtn {
			width:135px!important;
		}
		#bd .checkoutProcess .yui-u{
			width:45%;
		}
		#bd .checkoutProcess .first {
			width:53%;
		}

.verifiedBy {
	margin:30px 0 0 54px;
}

/*==== Left Column ====*/

.yui-gf .leftMenu {
	padding-top:10px;
}

.yui-gf .leftMenu h3 {
	background:#002e62;
	color:#FFF;
	font-size:13px;
	margin:0 0 0 10px!important;
	padding:5px 0 5px 6px;
}

.yui-gf .leftMenu ul {
	background:#e6e6e6;
	font-size:12px;
	margin-left:10px;
	padding:6px 0 18px 0;
}

.yui-gf .leftMenu a {
	color:#4e4e4e;
	display:block;
	padding:4px 6px;
}

.yui-gf .leftMenu a:hover {
	background:#c1cad9;
	color:#39577b;
}

/*---- Accounts ----*/

.accounts {
	padding:0 10px 10px;
}

.accounts .notyou {
	display:block;
	font-size:11px;
	margin:-14px 0 16px;
}

.accounts ul {
	line-height:22px;
}

/*---- Register ----*/

#postcode, #delivery_postcode {
	display:inline;
	width:80px;
}
#findaddress, #delivery_findaddress {
	display:inline;
	margin-left:0!important;
	padding:2px!important;
	width:50px!important;
}
#address_select_line {
	padding:10px 0;
}
#address_select_line label, #delivery_address_select_line label {
	font-size:14px;
	font-weight:bold;
	text-align:center!important;
	width:345px!important;
}
#address_select_line select, #delivery_address_select_line select {
	clear:both;
	display:block;
	margin:10px auto;
}

/*---- Store Locator ----*/

.storeLocator {
	padding:60px 10px 0;
}

.storeLocator p {
	margin-bottom:28px;
}

.standard-table {
margin-top:18px;
}