body {
    /*background: url("/images/background.jpg") #9B1D21 no-repeat;*/
    color: #fff;
    font-family: 'Merriweather',Arial, helvetica, sans-serif;
    margin: 0;
	background: #000;
}
html {
    margin: 0;
}

.backstretch {
	opacity: 0.8;
	}

#wrapperContainer {
	max-width: 600px;
	margin: 0 auto;
	z-index: 100;
	position: relative;
	}

#logoHolder {
    width: 100%;
	text-align: center;
	background: url(/images/line-bg.png) bottom left repeat-x;
	padding-bottom: 36px;
	padding-top: 100px;
}
#logoHolder a.logo {
    display: block;
    background: url("/images/logo.png") no-repeat center top;
    width: 100%;
	height: 191px;
    text-indent: -9999px;
}

#sublogoHolder {
	width: 100%;
	background: url(/images/line-bg.png) bottom left repeat-x;
	text-align: center;
	padding-bottom: 40px;
	padding-top: 30px;
	}

#sublogoHolder a.logoTwo {
	display: block;
	background: url("/images/bpl-logo.png") no-repeat center top;
	width: 30%;
	margin: 0 5% 0 15%;
	height: 128px;
	text-indent: -9999px;
	float: left;
	}

#sublogoHolder a.logoThree {
	display: block;
	background: url("/images/bph-logo.png") no-repeat center top;
	width: 30%;
	margin: 0 15% 0 5%;
	height: 128px;
	text-indent: -9999px;
	float: left;
	}

#contentHolder {
	text-align: center;
	padding: 30px 0px 50px;
	line-height: 30px;
	text-shadow: #000 0 1px 4px;
	background: url("/images/florish.png") no-repeat center bottom;
	margin-bottom: 20px;
	}

.clear {
	clear: both;
	height: 0;
	}

.form_container {
    border-top: 1px solid #dadada;
    width: 275px;
    position: absolute;
    right: 15%;
    padding: 15px 20px;
    top: 15%;
    background: url("/images/form_bg.png") repeat;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.5);
    box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.5);
	display: none;
}
.form_container .form_title {
    padding: 5px 0 0px 0;
    background: url("/images/icon.png") 101.5% 0px no-repeat;
}
.line {
    background: #ffffff;
    height: 1px;
    width: 100%;
    margin: 15px 0 0;
    -webkit-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.5);
    box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.5);
}
.form_container .form_title h2{
    font-family: 'Optima LT W01 Bold', Arial, helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase;
    text-shadow: 1px 1px 2px #000000;
    margin: 0;
}
.form_container .form_content {
    width: 100%;
    position: relative;
}
.form_container .form_content .form_label{
    font-family: 'HelveticaNeueW01-75Bold', arial, helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-shadow: 1px 1px 2px #000000;
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.form_submit {
    text-align: center;
    margin-top: 8px;
}
.form_submit a.submit_button .text{
    line-height: 12px;
    padding-top: 5px;
    margin-right: 8px;
    float: left;
    display: block;
}
.form_submit a.submit_button .icons{
    padding-top: 3px;
    float: left;
    display: block;
}
/* ================================= */
/* Enquiry Form */
/* ================================= */

img#captcha {
    margin-bottom: 10px;
}
.float_left {
    float: left !important;
}

.required_fields_heading {
    font-size : 11px;
    float: right;
    margin-top: 10px;
}

.form_required i, .required_fields_heading i {
    color : #fff;
    font-size: 12px;
}

.form_label, .form_required, .form_field {
    margin : 1px 0;
}

.form_label {
    width   : auto;
    padding : 7px 10px 0 0;
    clear   : both;
}

.form_required {
    width   : 5%;
    padding : 5px 0 0 0;
}

.form_field {
    width      : 100%;
    min-height : 30px;
    margin-bottom: 10px;
}

#content .errorInput {
    background         : url(/images/icons/error.gif) no-repeat right 3px #fff;
    -webkit-box-shadow : #E59595 0 0 4px;
    -moz-box-shadow    : #E59595 0 0 4px;
    box-shadow         : #E59595 0 0 4px;
    border             : 1px solid #CC0000;
}

.imageVerification * {
    vertical-align  : middle;
    margin          : 0 5px 0 0;
    text-decoration : none !important;
}

.imageVerification input {
    width : 25%;
}

.errorText {
    color : #FF9D9D;
}

input.hintText, .form_note {
    color : #999999;
}

.imageVerification i {
    color: #fff;
}
/* ================================= */
/* Form Fields Inputs */
/* ================================= */

input, textarea, select {
    font-family : Arial, Helvetica, sans-serif;
    font-size   : 12px;
    outline     : none;
}

input[type="text"], input[type="email"], input[type="number"], input[type="url"], input[type="password"], textarea, select {
    width                 : 100%;
    -webkit-border-radius : 5px;
    -moz-border-radius    : 5px;
    border-radius         : 5px;
    padding               : 12px 6px;
    border                : none;
    -moz-transition       : box-shadow linear 0.2s, border linear 0.2s;
    -webkit-transition    : box-shadow linear 0.2s, border linear 0.2s;
    -o-transition         : box-shadow linear 0.2s, border linear 0.2s;
    transition            : box-shadow linear 0.2s, border linear 0.2s;
    -webkit-box-sizing    : border-box;
    -moz-box-sizing       : border-box;
    -ms-box-sizing        : border-box;
    -o-box-sizing         : border-box;
    box-sizing            : border-box;
    -webkit-box-shadow:inset 1px 1px 5px 1px rgba(0,0,0,0.5);
    box-shadow:inset 1px 1px 5px 1px rgba(0,0,0,0.5);
}

input[type="text"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus {
    -webkit-box-shadow:inset 1px 1px 5px 1px rgba(0,0,0,0.8);
    box-shadow:inset 1px 1px 5px 1px rgba(0,0,0,0.8);
}

/* ================================= */
/* Tables */
/* ================================= */

table.invisibleTable tr:hover .mceLayout td {
    border-top : 1px solid #ccc;
}

table.invisibleTable tr .mceLayout td table {
    margin : 10px 0 5px !important;
}

/* ================================= */
/* Buttons */
/* ================================= */

input[type="submit"], button, .button {
    font-family: 'HelveticaNeueW01-77BdCn 692722', Helvetica, arial;
    padding               : 8px 21px !important;
    background: #4b4b4b; /* Old browsers */
    background: -moz-linear-gradient(top,  #4b4b4b 0%, #252525 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4b4b4b), color-stop(100%,#252525)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #4b4b4b 0%,#252525 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #4b4b4b 0%,#252525 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #4b4b4b 0%,#252525 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #4b4b4b 0%,#252525 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b4b4b', endColorstr='#252525',GradientType=0 ); /* IE6-9 */
    *background-color     : #252525;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */
    filter                : progid:DXImageTransform.Microsoft.gradient(enabled=false);
    display               : inline-block;
    font-size             : 14px;
    line-height           : 20px;
    *line-height          : 20px;
    line-height           : normal !important;
    -webkit-border-radius : 4px; -moz-border-radius : 4px; -o-border-radius : 4px; -ms-border-radius : 4px;
    border-radius         : 4px;
    text-transform: uppercase;
    color                 : #fff !important;
    font-weight           : normal;
    cursor                : pointer;
    -webkit-box-shadow    : inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow       : inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow            : inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    width                 : auto !important;
}

input[type="submit"]:hover, button:hover, .button:hover {
    background: #565656; /* Old browsers */
    background: -moz-linear-gradient(top,  #565656 0%, #303030 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#565656), color-stop(100%,#303030)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #565656 0%,#303030 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #565656 0%,#303030 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #565656 0%,#303030 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #565656 0%,#303030 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565656', endColorstr='#303030',GradientType=0 ); /* IE6-9 */
    color               : #FFF;
    text-decoration     : none;
    background-color    : #e6e6e6;
    *background-color   : #d9d9d9;
}

input[type="submit"]:active, button:active, .button:active {
    background-color   : #303030;
    background-color   : #303030     \9;
    background-image   : none;
    outline            : 0;
    -webkit-box-shadow : inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow    : inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow         : inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* ================================= */
/* Errors / Info / Caution */
/* ================================= */

.error_box, .info_box {
    margin       : 0 0 15px 0;
    padding      : 10px 15px;
    border-width : 3px;
    border-style : solid;
    color        : #555555;
	font-size: 12px;
}

.error_box ul {
	padding: 0px 0 0 20px;
	}

.error_box {
    border-color     : #C30000;
    background-color : #FFF2ED;
    color            : #C30000;
}

.info_box {
    border-color     : #D5F296;
    background-color : #F2FCDC;
}

#content .error_box ul {
    margin-bottom : 0;
}

.info_box i {
    margin : 0 8px 0 0;
}

/* ================================= */
/* Message Boxes */
/* ================================= */

.msg_box {
    position     : relative;
    font-size: 12px;
    text-align: center;
    margin       : 20px 0;
    padding      : 10px 10px 10px 10px;
    width        : auto;
    border-width : 2px;
    border-style : solid;
    /* border-radius: 5px; */
    color        : #555555;
}

.msg_box.info {
    background   : #E1F2F7 url('/images/icons/information.png') no-repeat 15px 11px;
    border-color : #C5E4ED;
}

.msg_box.success {
    background   : #F2FCDC url('/images/icons/accept.png') no-repeat 15px 11px;
    border-color : #D5F296;
    color: #66943B;
}

.msg_box.caution {
    background   : #FFFCD9 url('/images/icons/error.png') no-repeat 15px 11px;
    border-color : #F5F0AE;
}

.msg_box.error {
    background   : #FFF2ED url('/images/icons/exclamation.png') no-repeat 15px 11px;
    border-color : #F5C2AE;
    color: #F58C7A;
}

.msg_box a.close {
    position : absolute;
    top      : 3px;
    right    : 0px;
    padding  : 5px 10px;
}

/* ================================= */
/* Icons */
/* ================================= */

.small-icon {
    font-size : 12px;
}

.medium-icon {
    font-size      : 22px;
    vertical-align : middle;
}

.large-icon {
    font-size      : 35px;
    vertical-align : middle;
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 600px) {

	#outerWrapper {
		height: auto;
		}

	body {
		background-color: #000 ;
		}

	#contentHolder {
		padding: 30px 20px 50px;
		}

	#sublogoHolder a {
		margin: 0 !important;
		width: 50% !important;
		}

	}

@media only screen and (max-width: 420px) {

	#logoHolder {
		padding-top: 30px;
		padding-bottom: 30px;
		}

	#wrapperContainer {
		max-width: 600px;
		margin: 0 auto;
		z-index: 100;
		position: relative;
		top: 0;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		}

	#logoHolder a.logo {
		background-size: 160px auto;
		height: 100px;
		}

	#sublogoHolder {
		padding-bottom: 20px;
		}

	#sublogoHolder a {
		background-size: 160px auto !important;
		margin: 0 !important;
		width: 100% !important;
		}

    .backstretch {
	    opacity: 0.3;
	    }

	#sublogoHolder a.logoTwo {
		height: 140px;
		}

	}