
/* FORMS ========================================================================*/

#formsContainer{
	margin:10px 0 0 0;
	padding:0 0 10px 0;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
fieldset{
	border:none;
	margin-bottom:10px;
	padding:10px 0px 0px 0px;
	
}
fieldset.primarylist{
	margin-top:20px;
	}

fieldset ul li{
	list-style:none;
}
fieldset p{
	padding-bottom:15px;
}
fieldset ul li label{padding:0 5px;}
legend{
	font-size:16px;
	font-weight:bold;
	letter-spacing:0.3px;
	padding:10px 0 16px 0;
}

.inputs,.radioButs,.inputsBD{
	clear:both;
	margin-bottom:8px;
	clear:both;
	min-height:36px;	
}
.inputs div.clear{display:none;}
.inputs label,.inputsBD label,.inputs span.label,.inputs span.regionLabel,.radioButs label{
	width:160px;
	float:left;
	text-align:right;
	display:block;
	padding:5px 8px;
	margin:0 0 6px 0;
}
input{
	padding:5px;
	
	}
.inputs input{
	font-size:11px;
	width:170px;
	margin:0 6px 6px 0;
	border:1px solid #ddd;
	background-color: #f1f1f1;
	float:left;
}
div.Attachment{float:left; width:400px;}
.Attachment ul li{list-style:none;}

.Attachment input{

	width:160px!important;
	line-height:14px!important;
	margin:0!important;
	height:18px!important;
	*height:22px!important;
	margin-right:5px!important;
	border:1px solid #93302e!important;
	background-color: #ffffff!important;
	border:1px solid #fff!important;
}
input.ruButton{
	color:#fff!important;
	background:#e8600a!important;
	width:60px!important;
	height:24px!important;
	
	font-size:11px!important;
	padding:0!important;
}
p.formText{clear:both;}
.inputs select{
	width:348px!important;
	float:left;
	padding:4px;
	margin:0 6px 6px 0;
	border:1px solid #ddd!important;
	background-color: #f1f1f1;
}


.inputs select option{
	
}
.inputs textarea{
	margin:0 6px 6px 0;
	border:1px solid #ddd;
	width:350px!important;
	float:left;
	background-color: #f1f1f1;
}

#LoginForm{
	margin-top:40px;

}
.inputsBD select{
	padding:4px;
	margin:0;
	background-color: #fff;
	border:1px solid #93302e;
}
span.optionalLabel{
	display:inline;
	position:absolute;
	padding:4px 0 0 5px;
}

.checkbox{
	margin:10px 0 20px 172px;
	font-weight:bold;
	letter-spacing:0.3px;
	font-size:11px;
}
.checkbox input{
	font-size:110%;
	margin-top:2px;
}
.checkbox label{
	margin-top:-2px;
	padding:0 4px;
}
/*#miniLogin p, #LoginForm p{display:none;}*/

p.forgotPw {
                display:block!important;
                margin-left:178px;
                font-weight:bold;
                font-style:italic;
                min-width:0;
                clear:both;
}

.submitButton{clear:both; padding:0; margin:0;}

.submitButton input, input.ship_submit, .submitContest input{
	display:block;
	clear:both;
	margin: 20px 0 10px 214px;
	cursor: pointer;
	background:url(../images/template/buttons/submit.gif) no-repeat 0 0;
	width:82px;
	height:35px;
	border:0;
	text-indent:-1px;
}

.submitContest input {
	text-indent:-10000px;
	margin: 20px 0 10px 170px;
}

.submitButton input.JoinNow{
	display:block;
	clear:both;
	margin: 20px 0 10px 214px;
	cursor: pointer;
	background:url(../images/template/buttons/joinNow.gif) no-repeat 0 0;
	width:96px;
	height:35px;
	border:0;
	text-indent:-1px;
}
#loginBox .submitButton input{
margin: 20px 0 10px 176px;

}
#subscribeForm select{
	width:368px!important;
}
#subscribeForm .submitButton{
	clear:both;
	margin:-20px 0 0 0;
	padding:0;
}
#subscribeForm .submitButton input {
	padding:0;
	margin:0 0 0 176px ;
}
.submitButton input.submitWide {
	margin:0px 0 20px 177px;
	padding:0;
}

.submitButton input.submitJoin {
	display:block;
	clear:both;
	margin: 20px 0 10px 212px;
	cursor: pointer;
	background:url(../images/template/buttons/joinButton.html) no-repeat 5px 5px;
	width:95px;
	height:38px;
	border:0;
	text-indent:-10000px;
}


.radioButs input{
	width:20px;
	float:left;
	margin-left:10px;
	margin-top:7px;
	position:relative;
	background:none;
	border:none;
	width:20px;
}
.radioButs span label{
	width:auto;
	padding:3px 0px; 
	margin-top:2px;
	text-align:left;
	
}
table.RadUploadTable{
	background:#999;
	width:270px;
	padding:4px;
}
table.RadUploadTable {border:1px solid #c00;}

/*###VALIDATION      */

.DESVALSummary{
	
	border:1px dotted #E6D9AB;
	padding:4px;
	margin:0 0 10px 0;
	background:#EFE1B2;
	font-size:11px;
	width:98%;
}
.DESVALSummary br{
	font-size:2px;
}
span.DESVALErrorText, .DESVALSummaryHeader{
	font-weight:bold;
	font-size:100%;
	color:#9b0707!important;
	padding:0;
	line-height:21px;
	float:left;
	padding:0px 0 0 0;
	margin:0;
}
.DESVALSummaryHeader{float:none; margin:5px 0 0 0; display:block;}
/*some fixes to validations*/
span.DESVALErrorText ul, ul.DESVALSummaryErrors {

	font-weight:normal;
	line-height:18px;
	margin:0 0 5px 0;
	padding:0px 10px 5px 30px;
	color:#d60a0a!important;
}
div.inputs span.DESVALErrorText{border:none;}


span.DESVALErrorText img{
	display:block; 
	width:20px; 
	margin-left:0px; 
	margin-top:-2px;
	border:none;
	}
		
span.name {
	display:block;
	float:left;
	margin:3px 2px;
	padding:2px;
}
/*new form styles for 4.3 - to give name check and strength password and login in tooltip */
/*created a new div around create account form to give more control of just the create accoutn page.*/
#contentForms{
	min-height:1px;
	width:661px;
	
	margin:0;
	padding:0;
	}
	
#createAccount div.inputs{
	clear:both;
	min-height:36px;	
	}
#createAccount  div.inputs label{
 	width:160px;
 	font-size:11px;
	margin:0px 0 6px 0;
	padding:0px 8px;
	line-height:26px;
 }
#createAccount  div.inputs input{
	padding:4px 4px 6px 4px;
	*padding:7px 4px 5px 4px;
	width:170px;
	
}
#createAccount  div.inputs select{
	width:180px!important;	
	border:1px solid #ddd;
}
.memberCheckButton{
	width:80px; 
	float:left;
	margin-left:0px; 
	margin-top:1px;
	*margin-top:2px;
	}

#createAccount .inputs .memberCheckButton input{
	display:block;
	margin: 0 0 0px 0;
	cursor: pointer;
	color:#fff;
	width:59px;
	height:26px;
	background:url(../images/template/checkNameBut.gif) no-repeat;
	background-position:0 0;
	text-indent:-10000px;
	padding:0px 0 0px 0;
	border:none;
}
h3.accountTitles, .reviewArea p{
	font-size:16px;
	font-weight:bold;
	letter-spacing:0.3px;
	padding:16px 0 16px 0;
}
.memberNamePopup{
	display:none;
	padding:5px 20px 2px 10px;
	font-size:11px;
	width:218px;
	clear:both;
	background:#fff;
	margin-top:0px;
	margin-left:-190px;
	margin-bottom:10px;
	top:5px;
	position:relative;
	color:#3b5366;
	font-style:italic;
	border:1px dotted #73A6FF;
	}
span.memberNameTaken{
	display:block;
	background:url(../images/template/membertaken.gif) no-repeat;
	background-position:0px 8px;
	padding:0 0 0 29px;
	}
span.memberNameAvailable{
	display:block;
	margin:5px 0 0 5px;
	height:24px;
	background:url(../images/template/memberfree.gif) no-repeat;
	background-position:0px 0px;
	padding:5px 0 0 29px;
}
#createAccount .inputsHolder{
	width:auto;
	clear:both;
	float:left;
	border:none;
	}
 .inputsHolder{
	width:474px;
	clear:both;
	float:left;
	}
.inputs input.focusField, .inputs input:focus{
	border:solid 1px #bbb;
    background:#eee;
    color:#363636;
}
.checkName{
	border:1px solid #363636;
}


#createAccount .hintPopup{
	visibility:hidden; 
	padding:4px 16px 2px 20px;
	font-size:11px;
	line-height:16px;
	width:230px;
	overflow:hidden;
	background:#fff;
	min-height:44px;
	float:left;
	color:#363636;
	position:absolute;
	margin:-10px auto 0 auto;
	display:inline;
	background:url(../images/template/helparrow.png) no-repeat 0 0;
}
/*#createAccount .hintPopup span ,.hintPopup span{display:block; line-height:30px;}*/

.hintPopup{
	
}
.strengthGaugeContainer{
    width:80px;
    height:34px;
    padding:0px;
	float:left;
	margin-left:0px; 
}
.strengthGauge{
    float:left;
	font-size:9px;
}
.noPassword{
    background:url(../images/template/noPassword.gif) no-repeat 0 0;
    margin:0;
	padding:18px 0 0 2px;
	width:70px;
}
.weakPassword{
    background:url(../images/template/weakPassword.gif) no-repeat 0 0;
    margin:0;
	padding:18px 0 0 2px;
	width:70px;
}
.mediumPassword{
    background:url(../images/template/mediumPassword.gif) no-repeat 0 0;
    margin:0;
	padding:18px 0 0 2px;
	width:70px;
}
.strongPassword{
	background:url(../images/template/strongPassword.gif) no-repeat 0 0;
    margin:0;
	padding:18px 0 0 2px;
	width:70px;
}

.primarylist ul li{list-style:none;}


.primarylist ul{margin:10px 0;padding:0;}
.primarylist ul li {
    background:#EEEEEE;
    margin: 15px 0;
    padding: 5px 0;
}
.primarylist ul li input{
	display:block;
	float:left;
	width:40px;
}
.primarylist ul li label{margin:0;}


.reviewArea{
	margin:30px 0 0 0;
	clear:both;
	padding:0 0 0px 0;
}
.reviewArea a{}

@media screen and (-webkit-min-device-pixel-ratio:0) {    
	#createAccount div.inputs input.lastNameField{
	position:relative;
	margin-left:-1px;
	}     
}


#createAccount div.reviewArea div.inputs p {
	font-size:100%;
	text-transform:none;
	font-weight:normal;
}

/*FACE BOX STUFF ########################################################*/

div#modalPopupOverlay 
{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)" !important; /* no idea why this needs important */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65) !important;
   
    opacity: 0.65; /* webkit */
    -moz-opacity:0.65; /* ff */
    z-index: 110;
    height: 100%;
    width: 100%;
    background-repeat:no-repeat; 
    background-position:center; 
    position:fixed; 
    top: 0px;
    left: 0px;
    display: none;
    background: #000; 
}



#loginBox #miniLogin .inputs input {
	width:130px!important;
	
	}

#loginBox #miniLogin .forgotPw{
	margin:5px 0 15px 176px;
	}


#loginBox #miniLogin .submitButton input{
	background:url(../Images/template/buttons/SignIn.gif) no-repeat;
	width:82px;
	height:35px;
	cursor:pointer;
	border:0;
	text-indent:-100000px;
	font-size:0;
	line-height:0;
	}























#loginBox{
	height:100%;
	margin:0;
	padding:0;
	font-size: 13px;
	line-height: 18px;
	background:#fff!important;
}
#miniLogin{
	width:90%; 
	margin:0 0px 0 20px; 
	overflow:hidden;
}

#Login1_formsContainer{margin-top:20px;}

/*capture widget*/
#recaptcha_widget{
	clear:both; 
	overflow:hidden; 
	background:#fff;
	padding:3px 3px 6px 3px;
	width:600px;
	margin:0px 0px 20px 0px;
	color:#363636;
	float:left;
	border:1px solid #ddd;
	}

#recaptcha_widget div{
	float:left; margin:3px;
	}
input#recaptcha_response_field{
	padding:6px 4px;
	width:200px;
	margin-left:4px;
	display:block;
	margin:5px 0;
	display:block;
	border:1px solid #ddd;
	background-color: #f1f1f1;
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
}
#recaptcha_widget div#recaptcha_image{
/*position:static;width:300px; border:1px solid #D3D1D2;margin-bottom:5px;*/
	float:left;
	margin-right:15px;
	border:1px solid #D3D1D2;
}
span.recaptcha_only_if_image{display:block;}

/** Captcha Icons ***********/
.recaptcha_reload a{
	background:url(../images/template/buttons/WAT_Capcha_Reload.gif);
	width:24px;
	height:20px;
	display:block;
	text-indent:-1000000px;
	margin-top:5px;
	}

.recaptcha_only_if_image a{
	background:url(../images/template/buttons/WAT_Capcha_Sound.gif);
	width:24px;
	height:20px;
	display:block;
	text-indent:-1000000px;
	margin-top:5px;
	}

.recaptcha_help a{
	background:url(../images/template/buttons/WAT_Capcha_Help.gif);
	width:24px;
	height:20px;
	display:block;
	text-indent:-1000000px;
	margin-top:5px;
	}

.recaptcha_only_if_audio a{
	background:url(../images/template/buttons/WAT_Capcha_Text.gif);
	width:24px;
	height:20px;
	display:block;
	text-indent:-1000000px;
	margin-top:5px;
	}
.CaptchaInput span.VAMErrorText {
	float:left;
	margin:30px 0 0 15px;
}

/*business enquiries*/

div.Attachment {
	float:left;
	width:340px;
	overflow:hidden;
	padding:0;
	margin:-4px 0 0 0;
}
.Attachment input {
	font-size:11px!important;
	padding:3px 4px!important;
	*padding:2px 4px!important;
	margin:0 10px 6px 0!important;
	border:1px solid #ddd!important;
	width:200px!important;
	float:left!important;
	background-color: #efefef!important;
	font-family: Arial, Helvetica, sans-serif!important;
}
.Attachment li{
	list-style:none;
}

input.ruButton {
	background:#3B5366 none repeat scroll 0 0 !important;
	height:26px !important;
	color:#fff!important;
	line-height:12px !important;
	font-size:12px!important;
	width:60px !important;
	padding:0!important;
	margin:0!important;
}

.primarylist ul{padding-top:0;}
#ctl00_ContentBody_LoginView2_ResetPassword1_EmailAddressExists_Txt{font-size:11px; width:200px;}

/*facebox styles*/
html{
	
	}

#modalPopup iframe{display:none;}
#facebox #modalPopup iframe{display:block;}


#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br,#facebox .b {
	height:10px;
	overflow:hidden;
	padding:0;
	width:10px;
	background:#363636;
}

#facebox {
  position: fixed;
  top: 100px!important;
  left: 0;
  z-index: 100000;
  text-align: left;
  /*ie6*/
  _position:absolute;
  _top:15%;

}

#facebox .popup {
  position: relative;
  background:#363636;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 5px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
  display:block; 
}
#facebox .loading img{border:2px solid #c00;}
#facebox .image {
  text-align: center;
  
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  padding-top: 0px;
  margin-top: 0px;
	margin-bottom:0px;
  text-align:right;
}

#facebox a.close{
	height:25px;
	overflow:hidden;
	}


#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 8px;
  width: 8px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 1100;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

div#modalPopupOverlay 
{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)" !important; /* no idea why this needs important */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65) !important;
    opacity: 0.65; /* webkit */
    -moz-opacity:0.65; /* ff */
    z-index: 1101;
    height: 100%;
    width: 100%;
    background-repeat:no-repeat; 
    background-position:center; 
    position:fixed; 
    top: 0px;
    left: 0px;
    display: none;
    background: #000; 
	/*ie 6*/
	 _position: absolute;
  _height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

body > div#modalPopup{
    display: none;
}

div#modalPopup > iframe#modalPopupFrame{
    border: 0; /* border: 0 works in everything but ie. you need to do body { border: 0; } in the  */ 
}


#modalPopup{
 	 width: 100%;
    height: 100%;
}

#modalPopup iframe{
		height: 380px!important;
		width:570px!important;
		_width:580px!important;
		_height:380px!important;
    	overflow:auto!important;
		background:#fff!important;
	}

#ctl00_ContentBody_TicketGiveAways_EnterContestSubmit:hover
{
color:#CCCCCC;
}
#ctl00_ContentBody_shippingAddressForm_Submit:hover
{
color:#CCCCCC;
}
#ctl00_ContentBody_TicketGiveAways_ViewRRSubmit, #ctl00_ContentBody_TicketGiveAways_ViewRRSubmit_popup
	{background-image: url("../images/template/buttons/accountd.gif");
	border: medium none;
	color:#ffffff;
	height:29px;
	margin-left:25px;
	margin-top:25px;
	padding: 2px 11px 4px 11px; 
	text-transform:uppercase;
	font-weight:bold;
	height:33px;

	}
	/*IE7, you're the worst*/
*:first-child+html #ctl00_ContentBody_TicketGiveAways_EnterContestSubmit {width:85px;}
*:first-child+html #ctl00_ContentBody_TicketGiveAways_ViewRRSubmit {width:267px;}
*:first-child+html #ctl00_ContentBody_TicketGiveAways_ViewRRSubmit_popup {width:267px;}
*:first-child+html #rule_CB input {margin-left:60px}
*:first-child+html #ctl00_ContentBody_TicketGiveAways_TermsAgreementValid_Img {margin-top:-20px; margin-left:30px;}
*:first-child+html #mailing_cb {margin-left:40px;}

#ctl00_ContentBody_TicketGiveAways_ViewRRSubmit:hover
{
color:#CCCCCC;
}
#ctl00_ContentBody_TicketGiveAways_ViewRRSubmit_popup:hover
{
color:#CCCCCC;
}
#rules_wrap {overflow:visible; font-size:10px; line-height:1;}
#rules_title {text-align:center}

