body{font-size:76%;margin:0;padding:0;color:#3F4051;background-color:#FFF;text-align:center;} /* all elements sized in ems only. DOCUMENTATION: http://www.thenoodleincident.com/tutorials/typography/index.html */

/*GEN LINK*/
.lnk a{border-bottom:1px solid #678011;}
.lnk a:Hover{color:#678011;}

/* LAYOUT */
#page{margin:0 auto;padding:0;text-align:left;background-color:#FFF;}
#header{margin:0;}
#footer{}


/*LAYOUT*/
#page{width:760px;text-align:left;}
#header{}
#logo{float:left;width:490px;padding:10px 0 10px 20px;}
#language{float:right;width:262px;text-align:right;}
#container{padding:20px 0 20px 0;background:#FFF;}
#navigation{float:left;width:180px;}
#content{float:left;width:578px;}
#content .padding{padding:0 0 10px 20px;}

#content2{float:left;width:360px;}
#content2 .padding{padding:0;}

#popup{width:580px;}
#popup #content{float:none;text-align:left;}

#login-logo {margin-bottom:20px;}

.cols{}
.col1{float:left;width:47%;}
.col2{float:right;width:47%;}

/* hayden added this start */
.cols-three{background:url(../images/bg-cols-three-588x3.gif) center repeat-y;}
	.cols-three .col1{float:left;width:33%;}
	.cols-three .col2{float:right;width:33%;}
	.cols-three p, .cols-three ul{ margin: 10px; padding: 0; }
	.cols-three li{ margin-bottom: 10px;  padding: 0;background:none;}
		.cols-three li a{ text-decoration: none; }
		.cols-three li a:hover{ text-decoration: none; }
		.cols-three li .col1 strong{ background: url(../images/chevron.gif) center right no-repeat; padding-right: 9px; }
		.cols-three li strong a{ color: #3F4051; }
/* hayden added this end */



/* FORMAT */
abbr,acronym,dfn{cursor:help;border:0;}
a abbr,a acronym,a dfn{cursor:pointer;}

pre,address{margin:0;padding:0;}
p,blockquote{margin:0;padding:0 0 1em 0;line-height:1.3em;font-size:0.94em;}
img{border:0;}
.img-link{cursor:pointer;}

p.intro{font-size:1.35em;color:#3F4051;font-family:Arial,Helvetica,sans-serif;line-height:1.3em;letter-spacing:-0.02em;}
p.credit{font-size:1.5em;padding:0 10px;}

/* FORMAT > fonts */
body,input,textarea,select{font-family:Tahoma,Arial,Helvetica,sans-serif;}
h1,h2,h3,h4,h5,h6{font-family:Tahoma,Arial,Helvetica,sans-serif;}
em,i{font-style:italic;}
strong,b{font-weight:bold;}
dfn{font-style:normal;}
cite{font-style:italic;}
code,kbd,pre{font-family:"Courier New",Courier,mono;font-size:0.94em;}


/* ANCHORS */
a{text-decoration:underline;color:#678011;}
a:link{ }
a:visited{ }
a:hover{color:#678011;}
a:active{ }


/* HEADERS */
h1,h2,h3,h4,h5,h6{margin:0;padding:0;color:#3F4051;font-weight:normal;margin:0 0 15px 0;}
h1{font-size:3em;color:#87A321;background:url(../images/bg-h1.gif) bottom left no-repeat;font-family:Arial,Helvetica,sans-serif;}
h2{font-size:1.75em;}
h3{font-size:1.5em;}
h4{font-size:1.25em;}
h5,h6{font-size:0.94em;}


/* LISTS */
ul,ol,dl{margin:0;padding:0 0 1em 0;font-size:0.94em;}
ul ul,ol ol,ol ul,ul ol{padding:0;margin:0 0 0 2em;}
ul{list-style-type:disc;}
ol{list-style-type:decimal;}
li{margin:0 0 0 2em;padding:0;}

dt{display:block;float:left;}
dd{margin-left:10em;}

ul{}
ul li{list-style-type:none;margin:0;padding:0 0 0 1em;}


hr{border:0;background:transparent;height:1px;border-top:1px solid #87A321;margin:15px 10px;}


/* LANGUAGE */
#language img{margin:10px 0 10px 0;}
#language select{width:auto;}


/* FOOTER LINKS */
#footer{background:#87A321;margin:0 !important;text-align:left;padding:0;}
	#footer ul{list-style-type:none;margin:0;padding:10px 15px;float:left;width:40%;background:url(../images/bg-footer-links.gif) top left no-repeat;}
	#footer ul li{display:inline;margin:0;padding:0;background:transparent;}
	#footer ul li a{padding:0 10px 0 0;margin:0 10px 0 0;color:#fff;background:url(../images/bg-footer-link.gif) center right no-repeat;}
	#footer p{color:#fff;padding:8px 15px;float:right;width:47%;text-align:right;background:url(../images/bg-footer-copyright.gif) top right no-repeat;margin:0;}

/* TABLES */
caption{display:block;padding:0;margin:0;}
table{border:0px;width:100%;margin:0;}
thead{background:url(../images/bg-tabs-dots.gif) bottom left repeat-x;}
th{border:0px;padding:6px 10px 6px 16px;font-size:0.94em;vertical-align:top;}
td{border:0px;padding:6px 10px 6px 16px;font-size:0.94em;vertical-align:top;}
tr.alt td{background-color:#FAFBF5;}
td.alt {background-color:#FAFBF5;}
th.alt {background-color:#FAFBF5;}
tr.line{background-color:#FAFBF5; border:0px;padding:0px;margin:0px; height:2px;}
tr.line td{border:0px;padding:0px;margin:0px; height:2px; background:url(../images/bg-tabs-dots.gif) bottom left repeat-x;}
td p{margin:0;padding:0;}

.hr_dots{height:1px; background:url(../images/bg-tabs-dots.gif) bottom left repeat-x;}

/* FORMS */
form{margin:0;padding:0 0 15px 0;}
fieldset{border:0px solid #FFF;margin:0;padding:0;}
legend{margin:0;padding:0;color:#333;display:none;}

label{display:block;font-size:0.94em;padding:0 15px 0 0;}
label small{display:block;clear:both;font-weight:normal;font-size:1em;}
textarea{font-size:100%;border:1px solid #A5ACB2;padding:3px;width:95%;}
input.text{border:1px solid #A5ACB2;font-size:0.94em;padding:3px;margin:0;width:95%;}
input.submit{margin:20px 0 0 0;}
input.radio,input.checkbox{margin:0 3px 0 0;padding:0;}

select{padding:1px; border:1px solid #A5ACB2;font-size:0.94em;margin:0;width:97%; height:19px;}
select option{padding:4px 3px 3px 3px;}

.short{width:auto !important;}

.multi{float:left;width:39%;margin:0;}
	 .multi select {padding:1px; border:1px solid #A5ACB2; font-size:0.94em; margin:0; width:100%; height:120px;}
	 .multi select option {padding:1px;}

.add-remove{float:left;width:15%;text-align:center;padding:25px 0 0 0;margin:0 1%;}
.add-remove button{clear:both;text-align:center;width:100%;}


input.margin{margin:3px 0 0 0;}

.field{padding:3px 0 3px 0;margin:7px 0 0 0;}

.fieldError{padding:3px 0 3px 0;margin:8px 0 0 0;background-color:#FF5700;}
.fieldError label, .fieldError label span.highlight{color:#FFF !important;}

fieldset p{padding:0 0 10px 15px;}

.label{float:left;width:35%;padding:3px 0 0 0;margin:0;text-align:right;font-weight:bold;}
.element{float:left;width:60%;margin:0;padding:0;}
	.element p{margin:0;padding:0;font-size:0.88em;}
	.element label{display:inline;padding:0;margin:0 10px 0 0;}
	
.element th{border:0px;padding:3px 10px 6px 0px;font-size:0.94em;vertical-align:top;}
.element td{border:0px;padding:0px 10px 6px 0px;font-size:0.94em;vertical-align:top;}

.help{float:right;width:auto;padding:0 0 0.5em 0;}
	.help a{display:block;background-color:#FFF;color:#000;border:1px solid #000;padding:0 0.4em;text-decoration:none;font-size:0.94em;}
	.help a:hover{background-color:#AAA;color:#FFF;}


.highlight{color:#F00;}
label .highlight{font-weight:normal;}

/* SHORTCUTS */
#shortcuts{position:absolute;left:-500px;top:-500px;width:50%;}
#toplink{position:absolute;left:-500px;height:1px;overflow:hidden;width:50%;}



/* ADMIN HEADER */
#admin-header{background:#EDF1F5 url(../images/bg-feature-tools.gif) bottom left repeat-x;border-bottom:1px solid #fff;}
	#admin-header .padding{padding:0;background:url(../images/bg-feature-nav.gif) bottom right no-repeat;}

	#admin-header .title{background:#88A322 url(../images/bg-corner-left-1.gif) top left no-repeat;}
	#admin-header .title p{background:url(../images/bg-corner-right-1.gif) top right no-repeat;padding:8px 20px;color:#FFF;font-weight:bold;}
	
	/* BREADCRUMB */
	#breadcrumb{margin:0;padding:10px 10px 12px 20px;}
		#breadcrumb p{display:block;width:auto;float:left;margin:0;padding:0 10px 0 0;line-height:1.1em;font-weight:bold;}
		#breadcrumb ol{list-style-type:none;margin:0;padding:0;}
		#breadcrumb ol li{display:inline;margin:0;padding:0;line-height:1.1em;background:transparent;}
		#breadcrumb ol li a{display:block;float:left;width:auto;padding:0 20px 0 0;background:url(../images/breadcrumb-arrow.gif) bottom right no-repeat;line-height:1.1em;text-decoration:none;}	
		#breadcrumb ol li a:hover{color:#3F4051;text-decoration:underline;}


/* NAVIGATION */
.panel{padding:0 0 15px 0;margin:0 0 20px 0;}
.panel a{color:#3F4051;text-decoration:none;}
.panel a.selected{font-weight:bold;border:0px;}

.panel h2{color:#FFF;font-size:0.94em;text-transform:uppercase;padding:7px 15px 8px 15px;margin:0;}
.panel .head{margin:0 0 8px 0;}
#navigation .panel ul, #navigation .panel li{margin:0;padding:0;}
#navigation .panel ul{padding:8px 0 0 15px;}
#navigation .panel li{padding:0 0 8px 0;}
#navigation .panel li ul{padding-left:0;}
#navigation .panel li li{padding-left:12px;}


#navigation .colour1{background:#F3F6E9 url(../images/nav-panel-bottom-1.gif) bottom left no-repeat;}
#navigation .colour1 .head{background:#87A321 url(../images/nav-panel-top-1.gif) top left no-repeat;}
#navigation .colour1 h2{background: url(../images/nav-panel-head-1.gif) bottom left repeat-x;}
.colour1 a{border-bottom:1px solid #87A321;}
.colour1 a:Hover{color:#87A321;}
.colour1 a.selected{color:#87A321;}
#navigation .colour1 li li{background:url(../images/nav-panel-link-1.gif) top left no-repeat;}

#navigation .colour2{background:#FFEFE7 url(../images/nav-panel-bottom-2.gif) bottom left no-repeat;}
#navigation .colour2 .head{background:#FF5700 url(../images/nav-panel-top-2.gif) top left no-repeat;}
#navigation .colour2 h2{background: url(../images/nav-panel-head-2.gif) bottom left repeat-x;}
#navigation .colour2 a{border-bottom:1px solid #FF5700;}
#navigation .colour2 a:Hover{color:#FF5700;}
#navigation .colour2 a.selected{color:#FF5700;}
#navigation .colour2 li li{background:url(../images/nav-panel-link-2.gif) top left no-repeat;}

#navigation .colour3{background:#F0F2F3 url(../images/nav-panel-bottom-3.gif) bottom left no-repeat;}
#navigation .colour3 .head{background:#6B7889 url(../images/nav-panel-top-3.gif) top left no-repeat;}
#navigation .colour3 h2{background: url(../images/nav-panel-head-3.gif) bottom left repeat-x;}
#navigation .colour3 a{border-bottom:1px solid #6B7889;}
#navigation .colour3 a:Hover{color:#6B7889;}
#navigation .colour3 a.selected{color:#6B7889;}
#navigation .colour3 li li{background:url(../images/nav-panel-link-3.gif) top left no-repeat;}



/* CONTENT */
#content .panel{padding:0 0 20px 0;margin:20px 0 0 0;}
#content .panel .padding{padding:0;}
#content .colour1{background:#EDF1DE url(../images/panel-bottom-1.gif) bottom left no-repeat;;}
#content .colour1 .head{background:#87A321 url(../images/panel-top-1.gif) top left no-repeat;}
#content .colour1 .head h2{background: url(../images/panel-head-1.gif) bottom left repeat-x;}

/* CONTENT2 */
#content2 .panel{padding:0 0 20px 0;margin:20px 0 0 0;}
#content2 .panel .padding{padding:0;}
#content2 .colour1{background:#EDF1DE url(../images/bg-panel_360.gif) bottom left no-repeat;}
#content2 .colour1 .head{background:#87A321 url(../images/panel-top-1_360.gif) top left no-repeat;}
#content2 .colour1 .head h2{background: url(../images/panel-head-1.gif) bottom left repeat-x;}

#content2 .colour2{background:#FFEFE7 url(../images/bg-panel-2_360.gif) bottom right no-repeat;}
#content2 .colour2 .head{background:#FF5700 url(../images/panel-top-2_360.gif) top left no-repeat;}
#content2 .colour2 .head h2{background: url(../images/nav-panel-head-2.gif) bottom left repeat-x;}

/* TOOLS */
.tools{margin:20px 0 0 0;}
		.tools ul{list-style-type:none;margin:0;padding:0 0 0 16px;}
		.tools ul li{display:inline;margin:0;padding:0;line-height:1.1em;background:transparent;}
		.tools ul li a{display:block;float:left;width:auto;color:#3F4051;margin:0 25px 0 0;line-height:1.1em;text-decoration:none;border-bottom:1px solid #87A321;font-weight:bold;}	
		.tools ul li a:hover{color:#87A321;text-decoration:none;}

/* TOOLS2 */
.tools2{margin:5px 0 0 0;}
		.tools2 ul{list-style-type:none;margin:0;padding:0 0 0 16px;}
		.tools2 ul li{display:inline;margin:0;padding:0;line-height:1.1em;background:transparent;}
		.tools2 ul li a{display:block;float:left;width:auto;color:#3F4051;margin:0 25px 0 0;line-height:1.1em;text-decoration:none;border-bottom:1px solid #87A321;}	
		.tools2 ul li a:hover{color:#87A321;text-decoration:none;}
		
.quicklinks{margin:5px 0 0 0; width:100%; height:20px;}
	.quicklinks ul{list-style-type:none;margin:0;padding:0;}
	.quicklinks ul li{display:inline;margin:0;padding:0;line-height:1.1em;background:transparent;}
	.quicklinks ul li a{display:block;float:right;width:auto;color:#3F4051;margin:0 25px 0 0;line-height:1.1em;text-decoration:none;border-bottom:1px solid #87A321;font-weight:bold;}	
	.quicklinks ul li a:hover{color:#87A321;text-decoration:none;}
	.quicklinks ul li img{cursor:pointer; border:0; margin:0 12px 0 0; float:right;}

/* TOGGLE LINK */
.toggle-link{text-align:right; padding-right:10px; font-size:0.94em;}
		
/* BUTTONS */
.button{margin:15px 0 10px 0;}
.button a{border:0px;}
.top-up-button{text-align:right;}
.top-up-button a{border:0px;}

.left{float:left;width:auto;}
.right{float:right;width:auto;}
		

/* LEVELS */
p.platinum{background:url(../images/icon-platinum.gif) top left no-repeat;padding:0 0 0 15px !important;}
p.gold{background:url(../images/icon-gold.gif) top left no-repeat;padding:0 0 0 15px !important;}
p.silver{background:url(../images/icon-silver.gif) top left no-repeat;padding:0 0 0 15px !important;}
p.bronze{background:url(../images/icon-bronze.gif) top left no-repeat;padding:0 0 0 15px !important;}


/* HIDING */
.hide{position:absolute;width:100px;left:-500px;top:-500px;}


/* FLASH OBJECTS */
	#flashcontent, #html {

	}

	#flashcontent img,#html img{
		margin-top:11px;
		float:left;
	}
	#flashcontent .headline, #html .headline{
		float:left;
	}
	#flashcontent p, #html p{	
		text-transform:lowercase;
		font-size:1.3em;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#6B7889;
		margin: 37px 0 0 0;
		padding:0;
	}
	#flashcontent span, #html span{
		color:#FF4400;
	}
	#flashcontent small, #html small{
		color:#596472;
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.94em;
		display:block;
	}


/* CLEARING */
.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear{display:inline-table;}

/* FILTERS */
/* hide from IE-mac \*/ .clear, .caption {display: block;} /* end hide from IE-mac */

/* FORM VALIDATION */
.validation-advice {
	font-size:1em;
	color:#FF5700;
	font-weight: bold;
	margin: 5px 0;
	padding: 3px;
	background-color:#FFEFE7;	
	border: 1px solid #FF5700;
	width: 95%;
}
td .validation-advice{font-size:1.05em;font-weight:bold;}

.validation-message {
	font-size:1em;
	color : #FF5700;
	font-weight: bold;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 5px;
	background-color: #FFFFFF;
	border: 1px solid #FF5700;
	width: 90%;
}
.validation-message p {text-align:right;color:#000000;font-size:0.94em;font-weight:normal;padding:0px;margin:0px;}
	.validation-message a {border-bottom:1px solid #FF5700;}
	.validation-message a:Hover {color : #FF5700;}
td .validation-message{font-size:1.05em;font-weight:bold;}

.search-message {
	font-size:1em;
	color : #FF5700;
	font-weight: bold;
	text-align: center;
	margin: 20px auto 20px auto;
	padding: 5px;
	background-color: #FFFFFF;
	border: 1px solid #FF5700;	
	width: 90%;
}
.search-message p {text-align:right;color:#000000;font-size:0.94em;font-weight:normal;padding:0px;margin:0px;}
.search-message div {text-align:left;color:#000000;font-size:0.94em;font-weight:normal;padding:0px;margin:20px 0 10px 0;}
	.search-message b {color: #FF5700;}
	.search-message a {border-bottom:1px solid #FF5700;}
	.search-message a:Hover {color : #FF5700;}

.error-image {
	padding-left: 19px;
	background-image: url(../images/error.gif);
	background-repeat: no-repeat;
}

.status-live {
	padding:0 0 3px 24px;
	background-image: url(../images/accept.png);
	background-repeat: no-repeat;
}

.status-pending {
	padding:0 0 3px 24px;
	background-image: url(../images/exclamation.png);
	background-repeat: no-repeat;
}

.bgNB {background-color:#ffa;}

.tooltip {
	margin:5px 0 0 0;
	padding: 5px;
	background-color: #D4E7FD;
	font-size: 0.94em;
	color : #000000;
	border:1px solid #648EBD;
	width: 94%;
}
.tooltip p {text-align:right;font-size: 1em;}
	.tooltip a {border-bottom:1px solid #648EBD;}
	.tooltip a:Hover {color : #648EBD;}
#pageTt {width: 90%; margin:5px auto 0 auto;}

.ttIcon {float:right; width:28px;}
 .ttIcon img {border:0; margin:2px 0 0 0; cursor:pointer;}
 .ttIcon-2 {cursor:pointer; padding:0; margin:0; vertical-align:bottom;}
 
.gen-edit-box {width:461px; height:342px; text-align:left; border:1px solid #666666; background:#FDFDFD; padding:10px;}

/* ADD DEAL */ 
#deal-add-top {padding:0 15px 15px 15px;}
#deal-add-top .boxTL {width:45%; float:left;}
#deal-add-top .boxTR {width:45%; margin-left:9%; float:left;}
#deal-add-top select {width:98%; margin-top:3px;}
#deal-add-bottom {padding:15px;}
#deal-add-bottom textarea {width:98%; height:80px; margin-top:3px;}
#deal-summary {padding:15px;}
#deal-summary .wrapper {height:120px; padding:5px; border-bottom:1px solid #CCCCCC;}
#deal-summary .row {margin-bottom:7px;}
#deal-summary .heading {font-weight:bold;}
#deal-summary .highlight {font-weight:normal; font-size:0.90em;}
#deal-summary .left {width:45%; float:left;}
#deal-summary .right {width:45%; margin-left:9%; float:left;}
#deal-form .validation-advice {width:98%;}

.boxField {margin-bottom:10px;}
.dealHeading {font-size:0.94em; font-weight:bold;}
.boxField .text {width:98%; margin-top:3px;}
.dealHeading .highlight {font-weight:normal;}
.dealHeading .note {margin-left:10px; color:#CCCCCC;}


/* WORLDPAY */

#wpFormWrapper {margin:0 16px 0 16px; width:94% !important; width:91%;}
#wpFormWrapper td {border:0; padding:0 0 10px 0; margin:0; background-color:#EDF1DE;}
#wpFormWrapper select {width:100%; font-size:0.75em; padding:0px;}
#wpFormWrapper .select_short {width:30%; font-size:0.75em; padding:0px;}
#wpFormWrapper input {width:100%; font-size:0.75em; padding:3px; border:1px solid #a5acb2;}
#wpFormWrapper textarea {width:100%; font-size:0.75em;}
#wpFormWrapper #cardCVV {width:30%; font-size:0.75em;}
#wpFormWrapper #cardIssueNo {width:30%; font-size:0.75em;}
#wpFormWrapper #op-PMMakePayment {width:151px; height:22px; font-size:0.75em; border:0;}
#wpFormWrapper .wp-label {font-weight:bold; text-align:right;}
#wpFormWrapper .highlight {font-weight:normal; color:#FF0000;}
#wpFormWrapper li {font-weight:normal; color:#FF0000;}
#wpFormWrapper .error {font-weight:normal; color:#FF0000;}
#wpFormWrapper .wp-h1 {font-weight:bold; padding:0 0 5px 0;}
#wpFormWrapper .wp-h2 {font-size:0.75em; font-weight:bold; padding:0 0 5px 0;}
#wpFormWrapper .wp-h3 {font-size:1em; font-weight:bold; padding-left:5px;}
#wpFormWrapper .wp-button {border:0px;}
#wpFormWrapper .wp-border {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: -moz-use-text-color;
	border-right-color: -moz-use-text-color;
	border-bottom-color: -moz-use-text-color;
	border-left-color: -moz-use-text-color;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 2px;
	background-color: transparent;
	background-image: url(../images/bg-tabs-dots.gif);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-x-position: left;
	background-y-position: bottom;
}
#wpFormWrapper .wp-button-pos-r {position:relative; right:-36px !important; right:-31px;}
#wpFormWrapper .wp-button-pos-l {position:relative; left:-16px; top:-26px;}
#wpFormWrapper .wp-button-pos-left {position:relative; left:-16px;}