/* RESET ==================== */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, ol, ul, li, fieldset, fieldgroup, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
ol, ul {list-style:none;}
/* remember to define focus styles! */
/* :focus {outline: 0;} */
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse;border-spacing: 0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
a img {border:none;}

/* GENERAL ==================== */
body {
	color:#697979;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1;
	text-align:center;
}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#18aaa4;}
h1 {
	font-size:20px;
	line-height:1;
	margin-bottom:0.5em;
}
h2 {
	color:#f09921;
	font-size:18px;
	line-height:1;
	margin-bottom:0.75em;
}
h3 {
	font-size:16px;
	line-height:1.3;
	margin-bottom:1em;
}
h4 {
	font-size:14px;
	line-height:1.2;
	margin-bottom:1.25em;
}
h5, h6 {
	color:#697979;
	font-size:12px;
	font-weight:bold;
	margin-bottom:0.5em;
}
p {
	line-height:1.4;
	margin:0 0 1.5em 0;
}
a {
	color:#18aaa4;
	text-decoration:none;
}
a:focus, a:hover {color:#697979;}
strong {font-weight:bold;}
em {font-style:italic;}

/* Definition List */
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}

/* Table Styles */
/*
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
*/

/* Special classes */
.small {font-size:11px;line-height:14px;}
.large {color:#f09921;font-size:18px;line-height:1;margin-bottom:0.75em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.left {float:left;padding-right:10px;padding-bottom:10px;display:inline;}
.right {float:right;padding-left:10px;padding-bottom:10px;}
.clear {
	clear:both;
	height:0px;
	font-size:0px;
	line-height:0px;
	overflow:hidden;
}

/* LAYOUT ==================== */
.container {
	margin:0 auto;
	text-align:left;
	width:980px;
}

/* TOP NAV, BRANDING, LOGIN ==================== */
#pageTop {
	width:980px;
	height:114px;
	background:url(images/BG_pageTop.gif) center bottom no-repeat;
	position:relative;
}
#branding {
	position:absolute;
	top:30px;
	right:0;
}

/* Loged In Box */
#loggedIn {
	width:286px;
	height:67px;
	background:url(images/BG_topLogin.gif) 0 0 no-repeat;
	position:absolute;
	top:0;
	left:8px;
}
.name {
	height:17px;
	line-height:16px;
	margin:8px 23px 0 0;
	overflow:hidden;
	font-size:16px;
	color:#18aaa4;
	text-align:right;
}
.options {
	float:left;
	display:inline;
	margin:8px 0 0 16px;
}
.options a:focus, .options a:hover {color:#f09921;}
.options a {
	background:url(images/arrow_small.gif) 0 4px no-repeat;
	padding-left:9px;
	margin-left:6px;
	font-size:11px;
}
.status {
	float:right;
	display:inline;
	margin:8px 23px 0 0;
	color:#a0a0a0;
	font-size:11px;
}
/* SignIn - Register Btns */
#signIn {
	width:310px;
	height:55px;
	position:absolute;
	top:0;
	left:8px;
}
#signIn li {
	display:block;
	float:left;
}
a.btnSignIn {
	width:155px;
	height:55px;
	display:block;
	background:#fff url(images/btn_signIn.gif) 0 0 no-repeat;
}
a.btnSignIn:hover {
	background-image:url(images/btn_signIn_hover.gif);
}
a.btnRegister {
	width:155px;
	height:55px;
	display:block;
	background:#fff url(images/btn_register.gif) 0 0 no-repeat;
}
a.btnRegister:hover {
	background-image:url(images/btn_register_hover.gif);
}

/* TopNav */
#navMain {
	width:100%;
	height:36px;
	position:absolute;
	bottom:0;
	left:8px;
}
#navMain ul {
	width:auto;
	position:relative;
	display:block;
	height:36px;
	font-size:14px;	
}
#navMain ul li {
	display:block;
	float:left;
}
#navMain ul li a {
	display:block;
	float:left;
	padding:0;
	height:36px;
	line-height:36px;
}
#navMain ul li a span {
	display:block;
	margin-left:10px;
	padding:0 20px 0 10px;		
}			
#navMain ul li a.active {
	background:url(images/tab-main-L.gif) left center no-repeat;
	font-weight:bold;			
}
#navMain ul li a.active span {background:url(images/tab-main-R.gif) right center no-repeat;}

/* HEADER ==================== */
.header {
	width:980px;
	height:150px;
	background:0 0 no-repeat;
	position:relative;
}

/* Header shadows are positioned absolute so when the window is minimized
   the content will be hard up against the left instead of having a 95px
   gap from the image  */
/*#headerShadowL {
	background:url(images/headerShadowL.gif) 0 0 no-repeat;
	width:95px;
	height:150px;
	position:absolute;
	left:-95px;
	top:0;
}
#headerShadowR {
	background:url(images/headerShadowR.gif) 0 0 no-repeat;
	width:95px;
	height:150px;
	position:absolute;
	right:-95px;
	top:0;
}*/

#homeHeader {
	width:980px;
	height:349px;
	position:relative;
}
/*#homeShadowL {
	background:url(images/homeShadowL.gif) 0 0 no-repeat;
	width:95px;
	height:349px;
	position:absolute;
	left:-95px;
	top:0;
}
#homeShadowR {
	background:url(images/homeShadowR.gif) 0 0 no-repeat;
	width:95px;
	height:349px;
	position:absolute;
	right:-95px;
	top:0;
}*/

/* HOME CONTENT ==================== */
.homeColumn {
	width:238px;
	height:250px;
	overflow:hidden;
	margin-left:5px;
	float:left;
	display:inline;
	position:relative;
	background:url(images/BG_homeColumn.gif) 0 0 repeat-x;
}
.homeTitle {
	position:absolute;
	left:-9999px;
}
.homeColumnInner {
	padding:10px 15px;
}
#homeContent .large {
	margin-bottom:0;
	padding-top:8px;
}
#homeContent h3 {
	font-size:14px;
	padding-top:8px;
}
.btn {
	padding-top:8px;
}
/* Vertical (y) Scroll Box */
.yScroll {
	width:100%;
	height:35px;
	text-align:center;
}
.yScrollCopy {
	height:134px;
	margin:14px 0;
	overflow:hidden;
}
.yScrollCopy li {
	line-height:15px;
	padding-bottom:16px;
}
.yScrollCopy a {
	display:block;
	background:url(images/arrow_small.gif) left center no-repeat;
	font-size:11px;
	font-weight:bold;
	padding-left:9px;
}
.yScrollCopy a:focus, .yScrollCopy a:hover {color:#f09921;}

/* Horizontal (x) Scroll Box */
.partners {
	width:980px;
	height:118px;
	margin-top:50px;
	position:relative;
}
.xScrollCopy {
	width:910px;
	height:118px;
	margin:0 51px;
	overflow: hidden;
	position: relative;
}
.xScrollCopy a {position: relative;}
.xScrollCopy img {margin:15px 15px 0;}
.xScroll {
	width:36px;
	height:118px;
	position:absolute;
	top:0;
}
.xScrollLeft {left:0;}
.xScrollRight {right:0;}

/* CONTENT ==================== */
#contentContainer {
	width:730px;
	float:left;
	display:inline;
}
#contentInner {padding:25px 30px;}
#contentInner li ul, 
#contentInner li ol { margin:.25em 1.5em 0 1.5em; }
#contentInner ul, #contentInner ol { margin: 0 1.5em 1.5em 1.5em; }
#contentInner ul { list-style-image:url(images/arrow_small.gif); }
#contentInner ol { list-style-type: decimal; }
* html #contentInner ol { margin-left: 2em; }
#contentInner li { margin-bottom: .25em; }

.contentTitle {
	width:100%;
	margin-bottom:20px;
	background:url(images/BG_article.gif) center bottom no-repeat;
}
.contentTitle h2 {margin-bottom:0.2em;}
.contentTitle h3 {margin-bottom:0; padding-bottom:25px;}

#articleContainer {
	float:left;
	width:730px;
	display:inline;
}
.articleItem {
	margin-bottom:10px;
	padding:25px 30px 25px 25px;
	position:relative;
	background:url(images/BG_article.gif) center bottom no-repeat;
}
.articleItemLeft {
	margin-bottom:10px;
	padding:0px 0px 25px 25px;
	position:relative;	
	background:url(images/BG_article.gif) center bottom no-repeat;
}
.thumb {
	width:110px;
	position:absolute;
}
.articleCopy {margin-left:110px;}
.articleCopy h3 {padding-top:28px;}

.articleCopyLeft {margin-left:0px;}
.articleCopyLeft h3 {padding-top:28px;}
/* Thumbnail Dropshadow */
.dropshadow {
	width:80px;
	height:80px;
	background-color:#c3c3c3;
	position:relative;
	top:4px;
	left:4px;
	z-index:1;
}
.dropshadow img {
	position:relative;
	top:-4px;
	left:-4px;
	z-index:2;
}
/* Small Thumbnail Dropshadow */
.dropshadowSmall {
	width:71px;
	height:71px;
	background-color:#c3c3c3;
	position:relative;
	top:4px;
	left:4px;
	z-index:1;
}
.dropshadowSmall img {
	position:relative;
	top:-4px;
	left:-4px;
	z-index:2;
}

/* NEW Label */
.newLabel {
	width:80px;
	height:80px;
	display:block;
	background:url(images/new_label.gif) right bottom no-repeat;
	position:absolute;
	right:2px;
	bottom:2px;
	z-index:3;	
}
/* Links */
.viewArticle {
	width:100%;
	height:66px;
	padding:20px 0;
	line-height:66px;
	text-align:right;
}
.btnViewArticle {float:left;}
a.arrow {
	color:#a6a6a6;
	background:url(images/arrow.gif) 0 4px no-repeat;
	font-weight:bold;
	margin-left:6px;
	padding-left:15px;
}
a.arrow:focus, a.arrow:hover {color:#18aaa4;}
a.seeAll {
	color:#a6a6a6;
	background:url(images/arrow2.gif) 0 4px no-repeat;
	font-weight:bold;
	margin-left:6px;
	padding-left:15px;
}
a.seeAll:focus, a.seeAll:hover {color:#18aaa4;}

/* Feedback */
#feedbackTop {
	width:670px;
	height:7px;
	background:url(images/BG_feedbackTop.gif) center top no-repeat;
}
#feedbackBTN {
	width:670px;
	height:46px;
}
#feedbackBTN input {
	width:670px;
	height:28px;
	padding:8px 0;
}
#feedbackBot {
	width:670px;
	height:7px;
	background:url(images/BG_feedbackBot.gif) center top no-repeat;
}
/* Comments */
.commentList li {
	border-bottom:1px dashed #d2d6df;
	margin-bottom:25px;
}
.commentor {
	color:#18aaa4;
	font-size:16px;
	margin-bottom: 0;
}
.commentor span {
	color:#697979;
	font-size:12px;
	font-style:italic;
}
.comment p {
	font-style:italic;
}
.commentMeta {
	color:#18aaa4;
	font-size:11px;
}

/* Comment Box */
#commentBox {
	width:670px;
	padding-top:51px;
	background:url(images/tab_add_comment.gif) 0 0 no-repeat;
}
#commentBox form {
	width:670px;
	padding-top:25px;
	background:#FFFFFF url(images/BG_commentBox.gif) left bottom repeat-x;
}
#commentBox fieldset {margin-left:20px;}
.fieldgroup
{
	width:670px;
	padding-top:25px;
	background:#FFFFFF url(images/BG_commentBox.gif) left bottom repeat-x;
}
#commentBox form p {margin-bottom:0;}
#commentBox label {
	display: block;
	float: left;
	width: 78px;
	text-align: right;
	padding-right: 10px;
	margin-top: 2px;
}
#commentBox .inputTextBG, #commentBox .inputCommentsBG {
	display: block;
	float: left;
	width: 150px;
	margin-bottom: 20px;
}
#commentBox .inputTextBG {
	background:url(images/BG_inputText.gif) no-repeat scroll right top;
	width:213px;
	height:25px;
}
input, textarea 
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}
input.text {
	background:none;
	border:none;
	color:#697979;
	width:207px;
	height:21px;
	padding:3px 3px 1px;
}
#commentBox .inputCommentsBG {
	background:url(images/BG_inputComments.gif) no-repeat scroll right top;
	width:514px;
	height:102px;
}
.inputCommentsBG textarea {
	background:none;
	border:none;
	color:#697979;
	width:511px;
	height:96px;
	padding:3px 0 3px 3px;
}
.commentBoxSubmit {
	margin-right:45px;
	text-align:right;
}
#commentBox .submit {
	height:34px;
	padding:0 0 15px 0;
	width:109px;
}

/* SIDEBAR ==================== */
#sidebar {
	float:left;
	width:240px;
	display:inline;
	color:#97a8a8;
}

/* Downloads */
#downloads {
	background-color:#f1f1f1;
	width:240px;
	margin-bottom:25px;
	position:relative;
}
h4#downloadsTitle {
	background:url(images/tab_myDownloads.gif) 0 0 no-repeat;
	width:240px;
	height:51px;
	position:absolute;
	left:0;
	top:-51px;
}
#downloadList {padding:10px 0 50px 0;}
#downloadList li {
	padding:10px 25px;
	background-color:#F1F1F1;
}
#downloadList li.downloaded {background-color:#FbFbFb;}
#downloadList h5 {margin:0 0 0.5em 0;}
#downloadList li span {
	width:170px;
	display:block;
	line-height:16px;
}
#downloadList a {
	width:170px;
	display:block;
	background:url(images/btn_download.gif) right top no-repeat;
	line-height:14px;
	padding:0 20px 5px 0;
}
#downloadList .downloaded a:hover { color:#697979; }
#downloadList .downloaded a {
	background:url(images/btn_downloaded.gif) right center no-repeat;
	color:#f09921;
}

/* Messages */
#messages {
	background-color:#f1f1f1;
	width:240px;
	position:relative;
}
h4#messagesTitle {
	background:url(images/tab_messages.gif) 0 0 no-repeat;
	width:240px;
	height:51px;
}
#sidebar form {
	padding:0 25px;
}
#sidebar label {
	font-size:16px;
	font-weight:bold;
	margin-left:4px;
	display:block;
	float:left;
}
/* Custom Radio Buttons */
span.radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(images/radio.gif) no-repeat;
	display: block;
	clear: left;
	float: left;
}
/* Custom Checkbox Buttons */
span.checkbox {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(images/checkbox.gif) no-repeat;
	display: block;
	clear: left;
	float: left;
}
/*
#sidebar input[type=radio]:focus + label {
	color:#18aaa4;
}
#sidebar input:focus label {
	color:#18aaa4;
}*/
input.submit {
	width:109px;
	height:34px;
	padding-top:15px;
}

/* FOOTER ==================== */
#footerTop {
	width:980px;
	height:62px;
	margin:0 auto;
	background:url(images/BG_footerTop.gif) center bottom no-repeat;
}
#footer {
	background:#f2f2f2 url(images/BG_footerRepeat.gif) left top repeat-x;
	padding:25px 0 100px 0;
	position:relative;
}
/* Set a min height for footer incase it ever has no content */
#footerInner {height:100px;}
#footer>#footerInner {
	height:auto;
	min-height:100px;
}
.column {
	float:left;
	margin-left:40px;
	width:130px;
	display:inline;
}
#footer h4 {
	font-size:12px;
	font-weight:bold;
	margin-bottom:1.6em;
	padding-left:10px;
}
#footer li {width:130px;}
#footer li a {
	display:block;
	margin-bottom:1px;
	padding:5px 10px;
	color:#697979;
	line-height:1.2;
}
#footer li a:hover {
	color:#FFFFFF;
	background-color:#989898;
}
#footerText {
	padding-top:40px;
	margin-left:48px;
	text-align: left;
}
#footerR {
	width:235px;
	float:right;
	display:inline;
	text-align:right;
	margin-right:25px;
}
a#pgsLink 
{
	color:#f09921;
	font-size:12px;
	font-weight:bold;
}
a#pgsLink:hover, a#pgsLink:focus {color:#697979;}
img#stack 
{
	padding-top:1.6em;
	padding-right:20px;
}
.footerImageStack {
	padding-top:20px;
}

/* POPUP BOXES ==================== */
#loginPopup, #register {
	width:533px;
	text-align:left;
}
#popupHead {
	width:533px;
	height:73px;
	position:relative;
}
#competitionBody {
	background-color: #f4f4f4;
}
#competitionLogo{
	width:533px;
	height:73px;
	position:relative;
	padding-bottom: 20px;
}
h1#loginH1 {
 height:73px;
 background:url(images/t_signIn.gif) 0 0 no-repeat;
}
h1#registerH1 {
	height:73px;
	background:url(images/t_register.gif) 0 0 no-repeat;
}
h1#editDetailsH1 {
 height:73px;
 background:url(images/t_editDetails.gif) 0 0 no-repeat;
}
h1#enquiryH1 {
	height:73px;
	background:url(images/t_enquiry.gif) 0 0 no-repeat;
}
h1#blogComingSoonH1 {
	height:73px;
	background:url(images/t_blog-coming-soon.gif) 0 0 no-repeat;
	background-color: #ffffff;
}
#popupHead a {
	position:absolute;
	right:0;
	top:0;
}
#popupCopy p.intro {
	color:#18aaa4;
	padding:10px 32px 0 32px;
}
#popupCopy p.thankyou {
	color:#18aaa4;
	padding:10px 32px 0 32px;
	background-color: #ffffff;
}
.loginCopy {
 width:533px;
 height:152px;
 background:#fff url(images/BG_loginPopup.gif) left bottom repeat-x;
}
#loginPopup>.loginCopy {
 height:auto;
 min-height:152px;
}
.registerCopy {
	width:533px;
	background:#fff url(images/BG_registerForm.gif) left bottom repeat-x;
}
.signInText {
	color:#f09921;
}
#popupCopy .field {
	float:left;
	padding-left:32px;
}
.loginCopy label, .registerCopy label {
	display: block;
	padding-bottom:4px;
}
.loginTextBG {
	width:334px;
}
.loginTextBG input.text {
	background:url(images/BG_inputLoginText.gif) no-repeat scroll right top;
	width:328px;
	height:25px;
}
#popupCopy .inputTextBG, #popupCopy .inputCommentsBG {
	width: 150px;
	margin-bottom: 10px;
}
#popupCopy .inputTextBG {
	background:url(images/BG_inputText.gif) no-repeat scroll right top;
	width:213px;
	height:25px;
}
#popupCopy .inputTextNoBG {	
	width:213px;
	height:37px;
}
#popupCopy .inputTextareaBG {
	background:url(images/BG_inputTextarea.gif) no-repeat scroll right top;
	width:213px;
	height:76px;
}
.inputTextareaBG textarea {
	background:none;
	border:none;
	color:#697979;
	width:207px;
	height:70px;
	padding:3px 0 3px 3px;
}
.selectBG select {
	width:213px;
	height:25px;
	color:#697979;
}
.optIn {padding-top:12px;}
.optIn a {
	color:#f09921;
	text-decoration:underline;
	display:block;
}
.optIn a:focus, .optIn a:hover {
	color:#697979;
	text-decoration:none;
}
.btnLogin {
	padding:12px 0 20px 0;
}
.btnRegLogin {
	text-align:right;
	margin-right:40px;
	padding:15px 0 20px 0;
}
#news {

position: absolute;
visibility: visible;
top: 20px;
left: 650px;
height: 40px;
width: 150px;
z-index: 10;
clip: rect(0px, 100px, 60px, 0px);
border-width: 0px;
padding-top: 40px;

}

/* CONTENT TABLE STYLES ==================== */
.cTable_title {
 width:100%;
 background:url(images/BG_article.gif) center bottom no-repeat;
 height: 50px;
}
.cTable_title h3 {
 font-weight: normal;
 color: #f09921;
}
#contactTable {
 width: 100%;
 border: none;
}
.cTable_left {
 border-bottom: 1px solid #f4f4f4;
 color: #18aaa4;
 line-height: 2;
 width: 40%;
}
.cTable_right {
 border-bottom: 1px solid #f4f4f4;
 /*color: #18aaa4;*/
 width: 60%;
}

.enquiry {
 padding-top: 30px;
 text-align: center;
 margin-left: 20px;
}

.hearAboutUs {	
	font-size:11px;
}