﻿/*-----------------------------------------------------------------------------
Web Site:                       <BID - SiteBuilder (Default template)>
-----------------------------------------------------------------------------*/
@import url(../../../css/generic/helper.css);
@import url(../../../css/generic/styleOverriders.css);

@import url(branding/header.css);
@import url(branding/footer.css);

/* =Typography
-----------------------------------------------------------------------------*/
body{
	text-align: center;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 62.5%;
    }
.hidden{display: none;}


/* =Main container boxes
-----------------------------------------------------------------------------*/
#container{
    width: 100%;
    background: #fff;
    border-top: 10px solid #b3db46;
    text-align: center;
    padding-bottom: 60px;       
	}
	#content {
		width: 677px;
		margin: 0 auto;
		text-align: left;
	    font-size: 1.1em;
	    padding-top: 20px;
		}
h1 {	
	padding: 0 0 15px 0;
	margin: 0;
	font-weight: normal;
	font-size: 2.8em;
	}
.primary-content br {
	clear:none;
	}

.ContactUsContent{
	padding: 0 0 35px 0;
	}

.phone-number{
	float: right;
	width: 396px;
	height: 52px;
	margin-right: 3px;
	font-size: 2em;
	text-align: center;
	line-height: 52px;
	background: url(../images/phone-bg.gif) no-repeat 0 0;
}
.phone-number strong {
	color: #b3db46;
	font-weight: normal;
}
	.primary-content{
		padding-left: 5px;
		}
	.secondary-content {
		float: right;
		width: 399px;
		margin:0 0 0 15px;
		}
		.secondary-content h2 {			
			font-size: 1.8em;
			margin: 0;
			padding: 0 0 10px 0;
			}


/* =Blocks
---------------------------------------- */
.w190 {width: 190px!important;}
.tl, .tr, .bl, .br {	
	background-repeat: no-repeat;
	height: 12px;
	overflow: hidden;
	position: absolute;
	width: 12px;
	}	
	.tl {top: 0; left: 0;}
	.tr {top: 0; right: 0;}
	.bl {bottom: 0; left: 0;}
	.br {bottom: 0; right: 0;}	
	.inner-block {padding: 12px; float: left;}
	
.basic-block,
.other-block {
	width: 100%;	
	float: left;
	position: relative;
	margin-top: 20px;
	overflow:hidden;
	}	
	.basic-block .tl {background-position: -12px -12px;}
	.basic-block .tr {background-position: 0 -12px;}
	.basic-block .bl {background-position: -12px 0;}
	.basic-block .br {background-position: 0 0;}

.other-block {
	background: #dd325a;
	float: right;
	}	
	.other-block .tl {background-position: -36px -12px;}
	.other-block .tr {background-position: -24px -12px;}
	.other-block .bl {background-position: -36px 0;}
	.other-block .br {background-position: -24px 0;}


	
/* =Opening Times
---------------------------------------- */
.open-time {
	width: 166px;
	padding: 12px;
	float: left;
	}
	ul.opening-time {
		list-style: none;
		padding: 0;
		width: 100%;
		float: left;
		}
		ul.opening-time li {
			width: 100%;
			float: left;
			}
			ul.opening-time li strong {
				font-weight: normal;
				display: block;
				float: left;
				}
			ul.opening-time li span.open-hours {
				float: right;
				width: 70px;
				}
				.open-hours span {
					display: none;
					}
			.open-time-title {
				font-size: 1.7em;
				font-weight: normal;
				width: auto;
				float: left;
				padding: 0 0 5px;
				}
			
	

/* = Contact form styling
---------------------------------------- */
.contact-form {
	overflow:hidden;	
	padding: 15px 18px 20px;	
	color:#000;
	font-size: 1.1em;
	}
	.contact-form label {
		display:block;
		margin-bottom:5px;
		}
	.contact-form input.text,
	.contact-form textarea.text {
		border:1px solid #E4E5E7;
		width:286px;
		padding:2px;
		margin-bottom:11px;
		border-top:1px solid #ADADAF;
		}	
		.contact-form textarea.text {
			width: 350px;
			}
	#content .contact-form br {
		clear:both;
		}
	.contact-form button.submit {
		color:#000;		
		border:1px solid #838383;
		font-weight:bold;
		margin:0;
		padding:2px 10px;
		cursor:pointer;
		border-radius:3px;
		-webkit-border-radius:3px;
		-khtml-border-radius:3px;
		-opera-border-radius:3px;
		-moz-border-radius:3px;		
		}

.download-brochure {
	float: left;
	margin: 20px 0 0;
	}
	.download-brochure a {
		display: block;
		width: 85px;
		height: 63px;	
		color: #fff;	
		padding: 5px 90px 0 16px;
		float: right;
		text-decoration: none;
		font-size: 1.6em;
		line-height: 1em;
		text-indent: -9999em;
		}
