html, body {height:100%; margin:0; padding:0; border:0 none;}

body, p, span, div, input, textarea {font-family:Arial, sans-serif; color:#fff; font-size:13px;}
body {background:url(images/bg.jpg) repeat;}
p {margin:0; padding:0 0 18px 0; font-size:13px;}
a {text-decoration:none; outline:none;}
a:hover {text-decoration:underline;}
h1 {margin:0; padding:0; border:0 none; color:#fff; font-family: Arial, sans-serif; font-size:26px; font-weight:normal;}
h2 {margin:0; padding:0; border:0 none; color:#fff; font-family: Arial, sans-serif; font-size:24px; font-weight:normal;}
h3 {margin:0; padding:0; border:0 none; color:#fff; font-family: Arial, sans-serif; font-size:18px; font-weight:normal; line-height:30px;}

.Box {display:block; position:relative; width:947px; padding:12px; border:0 none; background-color:#fff; margin:0 auto;}
.header {width:947px; height:233px; padding:0; background-color:#fff; position:relative; font-size:1px; overflow:hidden; border-bottom:12px solid #fff;}
.BoxInner {background:#201d10 url(images/bg-box.png) no-repeat; height:481px; min-height:481px; height:auto; width:947px; margin:0; padding:0; position:relative;}


.contentContainer {width:867px; margin:0; padding:0 40px; position:relative;}
*html .contentContainer {overflow-x:hidden;}
.leftColumn {float:left; width:414px; margin:0 39px 0 0; padding:0;}
.rightColumn {float:left; width:413px; margin:0; padding:0;}

.sList {display:block; margin:27px 0 0 0; padding:0; border:0 none; list-style:none; position:relative; left:-21px;}
.sList li {margin:0; padding:0; border:0 none; background:url(images/bullet.png) 0 0 no-repeat;}
.sList li div {display:block; padding:5px 0 0 0; margin:0 0 0 21px; border:0 none; height:35px; width:413px; overflow:hidden; background:url(images/leftline.png) 0 0 no-repeat;}


.pList {display:block; margin:27px 0 0 0; padding:0px; border:0 none; list-style:none; position:relative; left:0px;}
.pList li {margin:0px !important; padding:0px !important; border:0px none; font-size:1px !important; background:url(images/leftline.png) top right no-repeat; height:40px; min-height:40px; height:auto; float:left;}
.pList li div {display:block; padding:5px 0 0 0; margin:0 0 0 0; border:0 none; height:35px; min-height:35px; height:auto;  width:413px; cursor:pointer !important;}

.pList li div table, .pList li div table tr td, .pList li div table tr td h3 {margin:0; padding:0; border:0 none;}
.pList li div table tr td {align:left; vertical-align:middle; font-size:13px; line-height:normal;}
.pList li div table tr td h3 {padding:0 0 0 38px; margin:0;}
.pList li div table {height:35px; overflow:hidden;}

.andrea {background:url(images/who-andrea.jpg) 2px 0px no-repeat;}
.richard {background:url(images/who-richard.jpg) 2px 0px no-repeat;}
.justin {background:url(images/who-justin.jpg) 2px 0px no-repeat;}
.nick {background:url(images/who-nick.jpg) 2px 0px no-repeat; }


.leftColumnProfiles {float:left; width:867px; margin:0 39px 0 0; padding:0;}
.cListProfiles {display:block; margin:27px 0 0 0; padding:0; border:0 none; list-style:none; position:relative; left:-21px;}
.cListProfiles li {margin:0; padding:0; border:0 none; float:left; display:block; width:867px;}
.cListProfiles li div {display:block; padding:0; margin:0 0 0 21px; border:0 none; height:auto; width:867px; cursor:pointer !important;}
.cListProfiles li div h3 {line-height:normal; margin:0; padding:7px 0 6px 0;}
.cListProfiles .leftLine {background:url(images/leftline.png) 0 0 repeat-x;}
.cListProfiles .leftLineFull {background:url(images/leftline-full.gif) 0 0 repeat-x;}
.cListProfiles .open {display:block; width:28px; height:10px; background:url(images/open.png) 0 0 no-repeat; position:absolute; bottom:0px; left:836px;}
.cListProfiles .close {display:block; width:30px; height:10px; background:url(images/close.png) 0 0 no-repeat; position:absolute; bottom:3px; left:836px;}

.subMenuProfiles {display:block; margin:0 0 26px 0; padding:0; border:0 none; list-style:none; position:relative;}
.subMenuProfiles li {margin:0; padding:0; border:0 none; float:left; display:block; width:867px;}
.subMenuProfiles li div {display:block; padding:3px 0 2px 0; margin:0; border:0 none; height:9px; width:867px; cursor:pointer !important;}
.subMenuProfiles li div.selected {display:block; padding:3px 0 2px 15px; margin:0; border:0 none; height:18px; width:867px; font-weight:bold; background:url(images/little-arrow.png) 0px 6px no-repeat; cursor:pointer !important;}

.profileBox {height:125px; margin:38px 0 0 0; padding:0px; position:relative; overflow:hidden;}
#profile1 {position:absolute; top:0px; left:0px;}
#profile2 {position:absolute; top:0px; left:206px;}
/* #profile3 {position:absolute; top:0px; left:413px;} commented out cause of no need for this at the moment */
#profile4 {position:absolute; top:0px; left:413px;}
/* #profile4 {position:absolute; top:0px; left:619px;} profile3 and profile4 have been switched in position */

#profile1 a, #profile2 a, #profile3 a, #profile4 a {display:block; width:82px; height:82px; overflow:hidden; background-position:top; margin:0 0 3px 0; padding:0px;} 
#profile1 a:hover, #profile2 a:hover, #profile3 a:hover, #profile4 a:hover,
#profile1 .active, #profile2 .active, #profile3 .active, #profile4 .active {background-position:bottom;}
#profile1 a {background:url(images/profiles-1.png);}
#profile2 a {background:url(images/profiles-2.png) 0 0 no-repeat;}
#profile3 a {background:url(images/profiles-3.png) 0 0 no-repeat;}
#profile4 a {background:url(images/profiles-4.png) 0 0 no-repeat;}

.cList {display:block; margin:27px 0 0 0; padding:0; border:0 none; list-style:none; position:relative; left:-21px;}
.cList li {margin:0; padding:0; border:0 none; float:left;}
.cList li div {display:block; padding:0; margin:0 0 0 21px; border:0 none; height:auto; width:413px; cursor:pointer !important;}
.cList li div h3 {line-height:normal; margin:0; padding:7px 0 6px 0;}
.leftLine {background:url(images/leftline.png) 0 0 no-repeat;}
.leftLineFull {background:url(images/leftline-full.gif) 0 0 no-repeat;}

.subMenu {display:block; margin:0; padding:0; border:0 none; list-style:none; position:relative;}
.subMenu li {margin:0; padding:0; border:0 none; float:left;}
.subMenu li div {display:block; padding:3px 0 2px 0; margin:0; border:0 none; height:18px; width:413px; cursor:pointer !important;}
.subMenu li div.selected {display:block; padding:3px 0 2px 15px; margin:0; border:0 none; height:18px; width:398px; font-weight:bold; background:url(images/little-arrow.png) 0px 6px no-repeat; cursor:pointer !important;}

.addressDetails {position:absolute; bottom:4px; left:31px; width:625px;}

.footer {display:block; background:url(images/bg-footer.png) repeat-x; position:relative; width:917px; /*height:20px;*/ padding:0 0 0 30px; margin:0; border:0 none; list-style:none;}
.footer li {background: url(images/footer-bullet.gif) 0px 3px no-repeat; padding:0 44px 3px 11px; margin:0; border:0 none; float:left; font-size:1px;}
.footer li a {color:#92918c; font-family:Arial, sans-serif; font-size:11px; margin:0; padding:0; border:0; text-decoration:none;}
.footer li a:hover {color:#c9c8c6; text-decoration:none;}
.footer li .active {color:#c9c8c6;}

h3.orange a {color:#f5c20f; text-decoration:none;}
.orange {color:#f5c20f;}
.grey {color:#92918c;}
.title {padding:36px 0 73px 40px;}
.titleWithSub {padding:30px 0 0 37px;}
.titleSub {display:block; margin:-1px 0 94px 38px; padding:0 0 0 14px; font:26px Arial, sans-serif; color:#5a5028; text-decoration:none !important; background:url(images/little-arrow2a.png) 0px 13px no-repeat;} /* was color:#232116; background:url(images/little-arrow2.png)*/

.mpf {margin:0px !important; padding:0px !important; font-size:1px !important;}
.toggle_div {position:relative;}
.open {display:block; width:28px; height:10px; background:url(images/open.png) 0 0 no-repeat; position:absolute; bottom:-5px; left:383px;}
.close {display:block; width:30px; height:10px; background:url(images/close.png) 0 0 no-repeat; position:absolute; bottom:-2px; left:383px;}
.pleaseSelect {display:block; width:279px; height:19px; background:url(images/pleaseselect.png) 0 0 no-repeat; padding:0; margin:220px 0 0 128px;}
.small {font-size:11px;}

.fLeft {float:left;}
.fRight {float:right;}


.pt27 {padding:27px 0 0 0;}
.pb3 {padding:0 0 3px 0;}
.pb6 {padding:0 0 6px 0;}
.pb14 {padding:0 0 14px 0;}
.pb61 {padding:0 0 61px 0;}
.pb106{padding:0 0 106px 0;}
.pb39{padding:0 0 39px 0;}
.pb146{padding:0 0 146px 0;}
.pt7b27 {padding:7px 0 27px 0;}

.mt13 {margin:13px 0 0 0;}
.mb20 {margin-bottom:20px;}
.mb71 {margin:0 0 71px 0;}

.h19 {height:19px !important;}
.h40 {height:40px !important;}

.lhnormal {line-height:normal;}
.lh20 {line-height:20px;}
.lh22 {line-height:22px;}
.lh26 {line-height:26px;}
.lh27 {line-height:27px;}

/* ------------------------------------------------------------------------------------------------------------
 CUSTOM STYLE LISTBOX     */
 
form {margin:0px; border:0px none; padding:0px;}
#contactHolder {margin:51px 0 0 0; padding:0px; width:414px; }
#contactHolder tr td {height:60px; vertical-align:top; text-align:left;}
#contactHolder tr .button {padding:13px 0px 0px 0px; text-align:right;}
#contactHolder tr td .inputField {
	width:410px;
	height:18px;
	border:0px none;
	margin:0px;
	padding:2px 0px 0px 4px;
	font-family:Arial, sans-serif;
	font-size:12px;
	color:#000;
	background:url(images/contact-input.gif) no-repeat;
}

#contactHolder tr td .txtArea{
	width:408px !important;
	height:76px;
	border:1px solid #fff;
	margin:0px;
	padding:3px 0px 0px 4px;
	font-family:Arial, sans-serif;
	font-size:12px;
	color:#000;
	overflow:auto;
	background:#c8c1b7;
}


#contactHolder tr td .dropList {
	position:relative;
	height:23px;
	width:414px !important;
	margin:0px;
	padding:0px;
	z-index:90;
	}
#contactHolder tr td .dropList .select{
	border:0px none;
	background:url(images/contact-select2.gif) 0 0 no-repeat;
	width:404px; !important;
	height:18px;
	font-family:Arial, sans-serif;
	font-size:12px;
	color:#000;
	font-weight:normal;
	padding:2px 0px 0px 10px;
	margin:0px;
	position:absolute;
	left:0px;
	top:0px;
}


#contactHolder tr td .dropList #pullDown {
	position:absolute;
	background-color:#c8c1b7;
	border:1px solid #fff;
	z-index:120;
	width:412px !important;
	height:90px; /* was height:106px; with Anthea */
	top:19px; left:0px;
}

#contactHolder tr td .dropList #pullDown a {
	text-align:left;
	display:block;
	width:403px !important;
	font-family:Arial, sans-serif;
	font-size:12px;
	color:#000;
	font-weight:normal;
	padding-left:9px;
	margin:0px;
	cursor:pointer;
	text-decoration:none;
}

#contactHolder tr td .dropList #pullDown a:hover { background-color:#a4a09a; color:#fff;}

/*
#contactHolder tr td .dom {
	height:18px;
	border:0px;
	cursor:pointer;
	margin:0px;
	background-color:transparent;
	background-position:top;
}
*/
#contactHolder tr td .dropList input { margin:0px; padding:0px; background-color:transparent !important;}

#contactHolder tr td label {display:block; margin:0; padding:0 0 7px 1px; border:0 none;}


/* ------------------------------------------------------------------------------------------------------------
END OF CUSTOM FORM 		*/


.clearfix:after {
    content: ".";
   	display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}
.clearfix {display: inline-block;}
* html .clearfix {height:1%;}
.clearfix {display: block;}