/*--------------------------------------------*/
/*-------------- RESET STYLES ----------------*/
/*--------------------------------------------*/

html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	-webkit-text-size-adjust:none; /* This stops the iPhone from automatically changing the size of the text when you flip the phone */
}

body {
	font-size: 62.5%; /* 62.5% means 1em = 10px */
}

dl, dd, dt {
	list-style:none;
	padding:0;
	margin:0;
}

p {
	padding: 0;
	margin: 0;
}

/*--------------------------------------------*/
/*---------- SITE SPECIFIC STYLES ------------*/
/*--------------------------------------------*/

body {
	background:#151010;
	font-family: Helvetica, Arial;
	color:#BEB5B1;
}
a {
	color:#BEB5B1;
	text-decoration:none;
}
#container {
	width: 100%;
        margin- 0 auto;
}


/*--------------------------------------------*/
/*-------------- Headings --------------------*/
/*--------------------------------------------*/

h1 {
	color: #f7880f;
	font:Arial, Helvetica, sans-serif;
	font-size:24px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
}
h2 {
	color: #f7880f;
	font:Arial, Helvetica, sans-serif;
	font-size:22px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
}
h3 {
	color: #fff;
	font:Arial, Helvetica, sans-serif;
	font-size:20px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
}
h4 {
	color: #f7880f;
	font:Arial, Helvetica, sans-serif;
	font-size:16px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
}

/*--------------------------------------------*/
/*---------------- Banner --------------------*/
/*--------------------------------------------*/

#Banner {
	padding: 0 20px;
	height: auto;
	border-bottom: 0px solid #ddd;
    margin-bottom: 20px;
}
#subBanner {
	margin: 10px 0;
	width: 100%;
    margin-top: -20px;
}
#subBanner img {
	width: 100%;
}
#Logo img {
	width: 100%;
}
.clear {
	clear:both
}

/*--------------------------------------------*/
/*----------------- Content ------------------*/
/*--------------------------------------------*/

#content {
	padding:0 20px;
	overflow:auto;
	font: 14px Helvetica, Arial, Verdana, sans-serif;
	color:#BEB5B1;
        text-align: justify;
}

.item{
	margin: 30px 0;
	}

.item img {width: 100%;}


/*--------------------------------------------*/
/*------------------- Menu -------------------*/
/*--------------------------------------------*/

.menu {
	font: 14px helvetica;
	width: 100%;
	text-align: left;
}
.menu a {
	cursor: pointer;
	padding: 10px 20px;
	border-bottom: 1px solid #ffaf58;
	display:block;
	font-size: 13px;
	text-decoration: none;
	background: #f7880f url(Menu-Arrow.png) no-repeat center right;
	text-transform: uppercase;
	color: #fff;
}
.menu a:hover {
	color:#fff;
	background: #ec6f00 url(Menu-Arrow.png) no-repeat center right;
}
.dropDown a {
	border-bottom: 1px solid #ffaf58;
	background: #f7880f url(Menu-Arrow.png) no-repeat center right;
}

.dropDown a:hover {
	border-bottom: 1px solid #ffaf58;
	background: #ec6f00 url(Menu-Arrow-Down.png) no-repeat center right;
}


/*---------------- Top Sub Menu ----------------------*/
.subSlidingDiv a {
	border-bottom: 1px solid #474747;
	background: #242424 url(Menu-Arrow.png) no-repeat center right;
}
.subSlidingDiv {
	height:auto;
}

/*---------------- Bottom Sub Menu ----------------------*/
.subSlidingDivb a {
	border-bottom: 1px solid #474747;
	background: #242424 url(Menu-Arrow.png) no-repeat center right;
}
.subSlidingDivb {
	height:auto;
}


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

#footerRight {
width: 100%;
text-align: center;
background: #333;
padding-top: 10px;
padding-bottom: 10px;
}

#credCopyright{
padding: 5px;
color: #bbb;}

#credHavealook{
padding: 5px;
color: #bbb;}


#credHavealook a{
color: #bbb;}

.fullWebsite {
background: #444;
border-top: 1px solid #555;
border-bottom: 1px solid #555;
}

.fullWebsite a {
	display: block;
	color: #bbb;
	font-family: Helvetica; /* Helvetica is on the iPhone already, so you may as well take advantage */
	font-size: 10px;
	text-align: center;
     padding: 10px 5px;
}

.Copyright {
	font-family: Helvetica; /* Helvetica is on the iPhone already, so you may as well take advantage */
	color: #bbb;
	font-size: 10px;
	text-align: center;
	padding: 5px;
}


#toTop {display: none !important}

.Phonelink{width: 100%;}
.Phonelink a img{width: 100%;}

.contentCopy {
width: 100%;
margin: 0 0 10px;
}



/*--------------------------------------------*/
/*----------- Enquiry Forms ------------------*/
/*--------------------------------------------*/

/*---Border and BG Colour of Form---*/
.enquiry {
	background: #000;
	border: 1px solid #3b3434;
	padding: 20px;
}

.enquiryText {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #BEB5B1;
    text-align: left;
	vertical-align: top;
    padding: 5px 3px;
}

.enquiryField {
	padding: 0px 10px;
    width: 100%;
}

.enquirySend {
	padding: 8px 10px;
	text-align: center;
}

.enquiry .button {
	width:50%;
}

/*---BG and Text Colour of Header---*/
.enquiryHeader {
	background: #f7880f url(EnqHeaderBg.png) repeat-x top center;
	font: 16px Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 5px 20px;
}

/*---Change Space size under header Min 24px---*/
.espacing {
	height: 24px;
}

/*---Add a Border And Color to the text fields---*/
.enquiry input {
	background: #fff;
	border: 1px solid #999;
	width: 100%;
    height: 20px;
}

.enquiry select {
	background: #fff;
	border: 1px solid #999;
}

/*---Add a Border And Color to the text area---*/
/*Uncomment to Use*/
.enquiry textarea {
	background-color: #fff;
	border: 1px solid #999;
	height:80px;
	text-align:left;
	width: 100%;
}

.enquiryrow{
	padding: 10px 0px 0px;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color: #444;
    text-align: left;
}

.radioText{
	padding: 0px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #444;
    text-align: left;
}

/*---------Enquiry radio fields ------------*/
.radioEnq {
	margin-bottom: 7px;
	width: 8px !important;
	border: none;
}

.Dropdown{

}

/*--------------------------------------------*/
/*-----------------CMS------------------------*/
/*--------------------------------------------*/
.bodyCMS {
	background:#E5E5E5 url(/havealook/jsp/cms/gfx/bg.png) repeat-x; text-align:center;
	font-family:Helvetica,Arial, sans-serif;
}
#containerCMS { 
width: 950px;
padding-top:20px;
position:relative;
z-index:2;
margin:0px auto;
left:50%;
margin-left:-475px;
background: url(/havealook/jsp/cms/gfx/cont.png) repeat-y scroll 0 0 transparent;
}
#siteContentCMS {
	width: 870px;
padding: 0px 40px 0px 40px;
}
select {margin 0px;padding 0px}
.imageCMS {margin 0;padding:0;width:150px}