/* -------------------------------
 * DEEPEND SYDNEY
 * FOR UNILEVER - CONTINENTAL
 * FEB 20, 2009
 * ------------------------------*/

/* -------RESETS-----------------------------------------------------------------*/
* 			{	margin: 0; padding: 0; }
a 			{	text-decoration: underline; }
a img	{ border: none;}
a:focus, a:active { outline: none;}
ul li 	{	list-style-type: none;}
.cleardiv {clear: both; height: 0.5em;}
/* -------END-RESETS-------------------------------------------------------------*/
/* -------GLOBALS----------------------------------------------------------------*/
body {
  background: url(../images/body-shim.gif) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}  

h1 {font-size: 15px;}
h2 {font-size: 12px;}
h3, h4 {font-size: 11px;}

/* -------PAGE STRUCTURE / LAYOUT------------------------------------------------*/
  
#pagewrapper {
  background: url(/images/site-shim.png) repeat-y;
	margin: 0 auto;
	position: relative;
	width: 954px;
	top: 0px;
	left: 0px;
}

#header {
  background: url(/images/header.gif) no-repeat left top;
  height: 134px;
  width: 954px;
}

#contentwrapper {
  float: left;
}

#footer {
 background: url(/images/footer-bg.gif) no-repeat left top;
 float: left;
 height: 124px;
 padding: 16px 0 0 0;
 width: 954px;
}

.footerText {
  font-size: 9px;
  color:#A6A3A3;
  float: right;
  padding: 0 30px 0 0;
  text-align: right;
  width: 660px;
}

.footerText a {
  color: #656363;
}

.footerText a:hover {
  color: #999;
}
/* -------PAGE DIVISIONS-----------------------------------------------------*/

#contentLeft {
  float: left;
  padding-left: 34px;
  width: 228px;
  margin-right: 20px;
  margin-top: 34px;
}
#contentLeftLoggedIn {
 float: left;
  padding-left: 34px;
  width: 234px;
  margin-right: 20px;
  padding-top: 20px;
}
#statusNav {
 width: 228px;
 height: 292px;
}

#contentRight {
  float: left;
  width: 642px;
  margin-top:14px;
}
#contentRightLoggedIn {
  float: left;
  width: 642px;  
}

#pageTitle 
{
	 margin: 20px 0 30px 0;
    background  : url(/images/pagetitle-bg.gif) no-repeat left top;   
}
#pageImageTitle 
{
	 margin: 20px 0 0px 0;
    background  : url(/images/pagetitle-bg.gif) no-repeat left top;   
}
#pageSubTitle
{
	 margin: 20px 0 30px 0;
    background  : url(/images/pagetitle-bg.gif) no-repeat left top;
}
#pageMasterSubTitle
{
	 margin: 20px 0 0 0;
    background  : url(/images/pagetitle-bg.gif) no-repeat left top;
}
.formTitle {
  margin: 20px 0 30px 0;  
}

.formSubTitle
{
	margin: 5px 0 30px 0;  
}

.formTitle a, .formTitle a:visited {
  color: #c90d09;
}

.formInfo {
  margin: 0 0 25px 0;
}

.deliveryType {
  margin: 3px 0 6px 0;
}

/* -------FORM STYLES------------------------------------------------*/

fieldset {
  border: none;
  float: left;
  margin: 0 0 46px 0;
  width: 315px;
}

.formLeft {
  margin: 0 12px 46px 0;
}

.formLeft1 
{
	  margin: 0 12px 106px 0;
}

legend {
  border-bottom: 1px solid #b0b0b0;
  border-top: 1px solid #b0b0b0;
  color: #c90d09;
  display: block;
  float: left;
  font-size: 13px;
  font-weight: bold;
  margin: 0 0 10px -6px;
  padding: 6px 0;
  text-transform: uppercase;
}

legend span {
  display: block;
  width: 310px;
}

fieldset label {
 background-color: #f1f4f2;
 display: block;
 float: left;
 font-size: 12px;
 font-weight: bold;
 height: 8px;
 padding: 6px 0 10px 9px;
 width: 93px;
}

fieldset label.changePass {
  width: 115px;  
}
fieldset label.changePass1 {
  width: 115px;  
  height:30px;
}
fieldset label#currPasswordLabel {
  height: 31px;
  padding: 6px 0 6px 9px;
}

fieldset label#currPasswordLabel span {
  font-size: 11px;
  font-weight: normal;
}

fieldset input#currentPassword {
  margin: 9px 0 11px 0;
}

fieldset label.radioLabel {
  background-color: #fff;
  font-size: 12px;
  font-weight: normal;
  margin: 0 0 12px 0;
  padding: 0 0 0 9px;
  width: 286px;
  
}
fieldset label.radioLabel1 {
  background-color: #fff;
  font-size: 12px;
  font-weight: normal;
  margin: 0 0 12px 0;
  padding: 0 0 0 9px;
  width: 286px;
  
}

fieldset input.radioBtn {
  display: block;
  float: left;
  background-color: #fff;
  font-size: 12px;
  font-weight: normal;
  margin: 0 0 12px 0;
  padding: 0 0 0 9px;
  width: 286px;
}

fieldset label.receiptLabel {
  width: 146px;
}

fieldset .formBox {
 border: 1px solid #b0b0b0;
 float: left;
 height: 20px;
 margin: 0 0 1px 0;
 padding: 2px 0 0 2px;
 width: 205px;
}

fieldset .formBox.short {
 width: 183px;
}

fieldset .formBox.receipts {
 background-color: #ebebeb;
 color: #515dc4;
 margin: 0 2px 0 0;
 width: 122px;
}

fieldset .formBox.phoneArea {
  float: left;
  margin: 0 3px 0 0;
  width: 28px;
}

fieldset .formBox.phoneNumber {
  float: left;
  width: 170px;
}

fieldset .preFilled {
 background-color: #ebebeb;
 color: #515dc4;
}

.clickable {
  cursor: pointer;
  margin: 0;
  text-align: center;
}

fieldset select {
  height: 24px;
  border: 1px solid #b0b0b0;
  float: left;
  margin: 0 105px 1px 0;
  padding: 1px 0 0 2px;
  width: 70px;
}

#prodPurchasedLabel {
  margin: 0;
  width: 302px;
}

select#prodPurchased {
  margin: 0;
  width: 312px;
}

#formRegistration p, #formDetails p, #formReturning p a {
  color: #656363;
  display: block;
  float: left;
  font-size: 12px;
  margin: 3px 0 0 6px;
}

#formReturning p a {
  color: #3a417a;
  font-size: 11px;
  margin: 6px 0 9px 6px;
}

#formValidate {
  height: 240px;
  margin: 0 0 45px 0; 
}

#formValidate legend span {
  letter-spacing: -.1em;
}

.btnFormSubmit {
  border-bottom: 1px solid #b0b0b0;
  border-top: 1px solid #b0b0b0;
  display: block;
  float: left;
  height: 22px;
  margin: 6px 0 0 0;
  padding: 4px 0;
  width: 311px;
}

.btnFormSubmitimg {
  float: right;
}

#btnContinue {
  float: right;
}

.claimCode {
  text-align: center;
  float: left;
  font-size: 12px;
  color: #3a417a;
  margin: 9px 0 6px 0;
  width: 310px;
}

/* -------GLOBAL NAVIGATION-----------------------------------------------------*/

#nav {
  background: url(/images/navBg.gif) no-repeat 0 top;
  height: 33px;
  margin: 0 0 0 7px;
  padding: 0 0 0 179px;
  position: relative;
  width: 761px;
}

#nav a {
  background-position: 0 -33px;
  background-repeat: no-repeat;
  float: left;
  height: 33px;
}

a.navSummary {
  background-image: url(/images/navBtnClaim.gif);
  width: 127px;
  margin: 0 39px 0 0;
}

#navContact {
  background-image: url(/images/navContactDetails.gif);
  width: 147px;
  margin: 0 44px 0 0;
}

a.navClaim {
  background-image: url(/images/navCompleteClaim.gif);
  width: 163px;
  margin: 0 37px 0 0;
}

a.navAddCup
{
 background-image: url(/images/navAddAnotherCup.gif);
 width:170px;
 margin: 0 37px 0 0;
}
#navLogout {
  background-image: url(/images/navLogout.gif);
  width: 58px;
}

#nav a:hover {
  background-position: 0 0;
}

/* -------REDEMPTION FORM DATA STYLES-----------------------------------------------------*/

#enteredTitle {
 background-color: #f1f4f2;
 display: block;
 float: left;
 font-size: 12px;
 font-weight: bold;
 height: 8px;
 margin: 0 0 2px 0;
 padding: 6px 0 10px 0;
 width: 311px;
}

#enteredTitle span {
  color: #2c347e;
  display: block;
  float: left;
  text-align: center;
  width: 155px;
}

#enteredTitle span#dateTitle {
  padding-left: 36px;
  width: 115px;
  
}

#enteredDate {
  color: #3a417a;
  margin: 0;
}

#enteredCode {
  color: #3a417a;
}

.purchaseRow {
 background-color: #f4cfce;
 display: block;
 float: left;
 font-size: 12px;
 font-weight: bold;
 height: 11px;
 margin: 0 0 2px 0;
 padding: 6px 0 10px 0;
 width: 311px;
}

.enteredItemNo {
  float: left;
  padding: -2px 0 0 0;
  text-align: right;
  width: 51px;
}

.enteredDateValue {
  float: left;
  margin: 0;
  text-align: center;
  width: 107px;
}

.enteredCode {
  float: left;
  text-align: center;
  width: 125px;
}

.purchaseRow.summary {
  background-color: #dddee8;
  display: block;
  float: left;
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 3px 0;
  padding: 23px 0 36px 20px;
  text-align: center;
  width: 291px;
}

.purchaseRow.summary p {
  background-image: url(/images/alert.gif);
  background-repeat: no-repeat;
  background-position: left top;
  padding: 0 0 0 33px;
  width: 193px;
}

.previewArea {
  margin: 0 40px 0 0;
  width: 342px;  
}

#cupPreview {
  background-color: #f1f4f2;
  padding: 16px 20px 16px 20px;
}

.cupNameLabel {
   margin: 6px 0 6px 0;
}

.cupName {
  border: 1px solid #b0b0b0;
  background-color: #ebebeb;
  color: #c90d09;
  float: left;
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 1px 0;
  padding: 2px 0 2px 6px;
  width: 214px;
}

.errorMessage
{
	border: 1px solid #b0b0b0;
  background-color: #ebebeb;
  color: #c90d09;
  float: left;
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 1px 0;
  padding: 2px 0 2px 6px;
  width: 214px;
}

.cupName.completion {
  border: 1px solid #b0b0b0;
  background-color: #ebebeb;
  color: #000;
  float: left;
  font-size: 13px;
  font-weight: bold;
  margin: 0 0 1px 0;
  padding: 2px 0 2px 6px;
  width: 214px;
}

fieldset#inlineFieldset {
  margin-bottom: 9px;
}

.disclaimerNotice {
  font-size: 12px;
  font-weight: bold;
  margin: 18px 0 6px 0;
}
.disclaimerCupNameNotice {
  font-size: 11px;
  font-weight:normal;
  margin: 18px 0 6px 0;
}
.termsCheck {
  float: left;
  width: 20px;
}

fieldset .termsCheckLabel {
  color: #666;
  float: left;
  padding: 0;
  font-size: 11px;
  font-weight: normal;
  margin: 0 0 9px 0;
  width: 320px;
}

fieldset .termsCheckLabel a {
  color: #666;
  text-decoration: underline;
}

.btnCupPreview {
  border-bottom: 0px solid #f1f4f2;
  border-top: 0px solid #f1f4f2;
  display: block;
  float: left;
  height: 22px;
  margin: 6px 0 0 0;
  padding: 4px 0;
  width: 326px;
}

.btnCupPreview img {
  float: right;
	}

#btnContinueCorrect {
  height: 42px;
  float: right;
}

/* -------CONFIRMATION PAGE-----------------------------------------------------*/

#confirmationLeft {
  float: left;
  padding-left: 20px;
  width: 248px;
}

#confirmationRight {
  width: 652px;
  float: left;
}

#formComplete {
  width: 652px;
}

#formComplete legend {
  margin: 12px 0 19px 0;
}

#formComplete legend span {
  width: 640px;
}

#formComplete legend span strong 
{
  width:640px;	
  color: #000;
}
#formCompleteHome
{
	width: 652px;
	 margin: 5px 0 19px 0;
}
.btnFormSubmit.complete {
  width: 411px;
  float: right;
}

#redemptionTable dt {
  background: #dddee8;
  color: #3a417a;
  float: left;
  font-size: 12px;
  font-weight: bold;
  height: 21px;
  margin: 0 1px 1px 0;
  padding: 6px 0 0 13px;
  width: 225px;
  
}

#redemptionTable dd {
   background: #f4cfce;
   color: #000;
   float: left;
   font-size: 12px;
   font-weight: normal;
   height: 21px;
   margin: 0 0 1px 0;
   padding: 6px 0 0 11px;
   width: 401px;
}

#redemptionTable2 dt {
  background: #d95552;
  color: White;
  float: left;
  font-size: 12px;
  font-weight: bold;
  height: 42px;
  margin: 0 1px 1px 0;
  padding: 6px 0 0 13px;
  width: 225px;
}

#redemptionTable2 dd {
   background: #D77A78;
   color: White;
   float: left;
   font-size: 12px;
   font-weight: normal;
   height: 42px;
   margin: 0 0 1px 0;
   padding: 6px 0 0 11px;
   width: 395px;
}


.modalPopup
{
	background-color: #ffffdd;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
	width: 450px;
	height:450px;
	overflow:auto;
}

#progressBackgroundFilter
{
	position: absolute;
	width: 200px;
	height: 184px;
	background-color: #000;
	filter: alpha(opacity=50);
	opacity: 0.5;
}
#processMessage
{
	position: absolute;
	top: 65%;
	left: 10%;
	padding: 10px;
	width: 40%;
	z-index: 1001;
	background-color: #000;
}