/* -------------------------------------------------- GENERIC FORM - */
form ul.col1 {float: left; width: 48.5%;}
form ul.col2 {float: right; width: 48.5%;}
form li {margin-bottom: 1em; clear:both;}
#progress li {clear:none; }
form li.chk input {background: none; border: 0;}
form li.rad input {background: none; border: 0;}
form li.rad label {position: relative; top: -3px;}
input.submit {border: 1px solid #f1b51c; background: #f1bf1c url(/contents/images/site/btnSubmit.gif) repeat-x 0 100%; font-weight: bold; color: #6d2c91; padding: 2px 7px 3px 10px; cursor: pointer;}

/* -------------------------------------------------- SEARCH FORM (HEADER) - */
#frmSearchSite fieldset {float: right; border: none;padding-top:10px;}
#frmSearchSite legend {display: none;}
#frmSearchSite label {position: absolute; left: -9999px;}
#frmSearchSite input {float: left; width: 120px;}
#frmSearchSite input.submit {width: auto;padding:2px 3px 3px 4px;background-image:url(/contents/images/site/search-ok-button.gif);}

/* -------------------------------------------------- LOG IN FORM (HOMEPAGE) - */
#frmAccountLogIn li.chk {margin-bottom: 0;}
.my-account #frmAccountLogIn li.chk {float: left;}
.my-account #frmAccountLogIn li.btn {float: right;}

/* -------------------------------------------------- PROGRESS BAR - */
#progress {padding:0.5em 0;}
#progress h3 { color:#0066b3; line-height:normal; margin-bottom:0; }

/*ORDERED LIST PROGRESS BAR*/
#progress ol  { font-size:0.8em; clear:both; float:left; height:34px; list-style:none; margin:1em 0; width:100%; }
#progress ol li { background:#FFF url('/contents/images/site/progress/progressRepeat.gif') repeat-x 0 0; float:left; height:34px; }
#progress ol li span  { background:transparent url('/contents/images/site/progress/progressDivider.gif') no-repeat 0 0; display:block; height:34px; }

.clearProgressBars {
clear:both;
}

/*STEP WIDTHS - EACH SET OF STEPS MUST ADD UP TO LESS THAN 100% DUE TO IE ROUNDED UP DECIMAL RENDERING OF PERCENTAGE WIDTHS AT DIFFERENT SCREEN SIZES*/
#progress ol#p3steps li  { width:33%; }
#progress ol#p4steps li  { width:24.9%; }
#progress ol#p5steps li  { width:20%; }
#progress ol#p6steps li  { width:16%; }
#progress ol#p8steps li  { width:12.5%; }

/*FIRST STEP*/
#progress ol li.step1  { background:transparent url(/contents/images/site/progress/progressBar.gif) 0 0 repeat-x; }
#progress ol li.step1 span  { background:transparent url(/contents/images/site/progress/progressStartOff.gif) 0 0 no-repeat; }

/*PROGRESS BAR POSITION*/
#progress ol.onStep2 li.step2,
#progress ol.onStep3 li.step2,
#progress ol.onStep4 li.step2,
#progress ol.onStep5 li.step2,
#progress ol.onStep6 li.step2,
#progress ol.onStep3 li.step3,
#progress ol.onStep4 li.step3,
#progress ol.onStep5 li.step3,
#progress ol.onStep6 li.step3,
#progress ol.onStep4 li.step4,
#progress ol.onStep5 li.step4,
#progress ol.onStep6 li.step4,
#progress ol.onStep5 li.step5,
#progress ol.onStep6 li.step5,
#progress ol.onStep6 li.step6,
#progress ol.onStep7 li.step7,
#progress ol.onStep8 li.step8   { background:transparent url(/contents/images/site/progress/progressBar.gif) 0 0 repeat-x; }

#progress ol.onStep1 li.step1 span{
background:transparent url(/contents/images/site/progress/progressStartOn.gif) 0 0 no-repeat; 
color: #fff!important;
}

#progress ol.onStep1 li.step1,
#progress ol.onStep2 li.step2,
#progress ol.onStep3 li.step3,
#progress ol.onStep4 li.step4,
#progress ol.onStep5 li.step5,
#progress ol.onStep6 li.step6,
#progress ol.onStep7 li.step7 {
background:transparent url(/contents/images/site/progress/progressBarOn.gif) 0 0 repeat-x!important; 
}


#progress ol.onStep2 li.step2,
#progress ol.onStep3 li.step2,
#progress ol.onStep4 li.step2,
#progress ol.onStep5 li.step2,
#progress ol.onStep6 li.step2,
#progress ol.onStep3 li.step3,
#progress ol.onStep4 li.step3,
#progress ol.onStep5 li.step3,
#progress ol.onStep6 li.step3,
#progress ol.onStep4 li.step4,
#progress ol.onStep5 li.step4,
#progress ol.onStep6 li.step4,
#progress ol.onStep5 li.step5,
#progress ol.onStep6 li.step5,
#progress ol.onStep6 li.step6,
#progress ol.onStep7 li.step2,
#progress ol.onStep7 li.step3,
#progress ol.onStep7 li.step4,
#progress ol.onStep7 li.step5,
#progress ol.onStep7 li.step6,
#progress ol.onStep8 li.step2,
#progress ol.onStep8 li.step3,
#progress ol.onStep8 li.step4,
#progress ol.onStep8 li.step5,
#progress ol.onStep8 li.step6,
#progress ol.onStep8 li.step7,
#progress ol.onStep8 li.step8  { background:transparent url(/contents/images/site/progress/progressBar.gif) 0 0 repeat-x; }


/*HIDE DIVIDER*/
#progress ol.onStep2 li.step2 span,
#progress ol.onStep3 li.step2 span,
#progress ol.onStep4 li.step2 span,
#progress ol.onStep5 li.step2 span,
#progress ol.onStep6 li.step2 span,
#progress ol.onStep3 li.step3 span,
#progress ol.onStep4 li.step3 span,
#progress ol.onStep5 li.step3 span,
#progress ol.onStep6 li.step3 span,
#progress ol.onStep4 li.step4 span,
#progress ol.onStep5 li.step4 span,
#progress ol.onStep6 li.step4 span,
#progress ol.onStep5 li.step5 span,
#progress ol.onStep6 li.step5 span,
#progress ol.onStep6 li.step6 span,
#progress ol.onStep7 li.step2 span,
#progress ol.onStep7 li.step3 span,
#progress ol.onStep7 li.step4 span,
#progress ol.onStep7 li.step5 span,
#progress ol.onStep7 li.step6 span,
#progress ol.onStep7 li.step7 span,
#progress ol.onStep8 li.step2 span,
#progress ol.onStep8 li.step3 span,
#progress ol.onStep8 li.step4 span,
#progress ol.onStep8 li.step5 span,
#progress ol.onStep8 li.step6 span,
#progress ol.onStep8 li.step7 span   { 
background:transparent url(/contents/images/site/progress/progressDividerCompleted.gif) no-repeat scroll 0 0; 
color: #fff;
font-weight:normal;
}

#progress ol.onStep2 li.step1 span,
#progress ol.onStep3 li.step1 span,
#progress ol.onStep4 li.step1 span,
#progress ol.onStep5 li.step1 span,
#progress ol.onStep6 li.step1 span,
#progress ol.onStep7 li.step1 span,
#progress ol.onStep8 li.step1 span{
font-weight:normal;
color:#fff;	
}

/*PROGRESS ARROW POSITION*/
#progress ol.onStep1 li.step2 span,
#progress ol.onStep2 li.step3 span,
#progress ol.onStep3 li.step4 span,
#progress ol.onStep4 li.step5 span,
#progress ol.onStep5 li.step6 span,
#progress ol.onStep6 li.step7 span,
#progress ol.onStep7 li.step8 span  { background:transparent url(/contents/images/site/progress/progressArrow.gif) 0 0 no-repeat; }

/*LAST STEP OFF*/
#progress ol#p3steps li.step3 span span,
#progress ol#p4steps li.step4 span span,
#progress ol#p5steps li.step5 span span,
#progress ol#p6steps li.step6 span span,
#progress ol#p8steps li.step8 span span   { background:transparent url(/contents/images/site/progress/progressEndOff.gif) 100% 0 no-repeat; }

/*LAST STEP ON*/
#progress ol#p3steps.onStep3 li.step3 span span,
#progress ol#p4steps.onStep4 li.step4 span span,
#progress ol#p5steps.onStep5 li.step5 span span,
#progress ol#p6steps.onStep6 li.step6 span span,
#progress ol#p8steps.onStep8 li.step8 span span  { 
background:transparent url(/contents/images/site/progress/progressEndOn.gif) 100% 0 no-repeat; 
font-weight:bold;
}

#progress ol#p3steps.onStep2 li.step2 span span,
#progress ol#p4steps.onStep1 li.step1 span span,
#progress ol#p4steps.onStep2 li.step2 span span,
#progress ol#p4steps.onStep3 li.step3 span span,
#progress ol#p4steps.onStep4 li.step4 span span,
#progress ol#p5steps.onStep2 li.step2 span span,
#progress ol#p5steps.onStep3 li.step3 span span,
#progress ol#p5steps.onStep4 li.step4 span span,
#progress ol#p5steps.onStep5 li.step5 span span,
#progress ol#p8steps.onStep8 li.step8 span span {
font-weight:bold;
}

#progress ol#p3steps.onStep3 li.step3,
#progress ol#p4steps.onStep4 li.step4,
#progress ol#p5steps.onStep5 li.step5{
background:transparent url(/contents/images/site/progress/progressBar.gif) 0 0 repeat-x!important; 
}

#progress ol#p4steps.onStep3 li.step3 .progressBarText{
color: #fff; 	
}

/* TEXT FORMATTING FOR PROGRESS BAR TEXT */
.progressBarText{color:#d2d0b5;font-weight:bold;padding-top: 7px;text-align:center;}
.doubleLine{padding-top:6px;line-height:1em;font-size:0.9em;}
.singleLine{padding-top:7px;font-size:0.9em;}
.progressSelected{font-weight: bold;}

#progress ol#p8steps.onStep1 li.step1 span span,
#progress ol#p8steps.onStep2 li.step2 span span,
#progress ol#p8steps.onStep3 li.step3 span span,
#progress ol#p8steps.onStep4 li.step4 span span,
#progress ol#p8steps.onStep5 li.step5 span span, 
#progress ol#p8steps.onStep6 li.step6 span span, 
#progress ol#p8steps.onStep7 li.step7 span span, 
#progress ol#p8steps.onStep8 li.step8 span span{font-weight:bold;color:#fff;}

#frmAccountLogIn label {display: block; width: 100%;}
#frmAccountLogIn li.chk label {display: inline;}
#frmAccountLogIn input {width: 97%;}
#frmAccountLogIn li.chk input {width: auto;}
#frmAccountLogIn li.btn input.submit {float: right; width: auto;}
.my-account #frmAccountLogIn li.btn input.submit {float: none; width: auto;}
#frmAccountLogIn ul li.btn a.blt {float: left; font-size: 1.2em;}
.my-account #frmAccountLogIn ul li a.blt {float: none; font-size: 1.2em;}

/* -------------------------------------------------- POINTS SEARCH FORM (COLLECT POINTS PAGE) - */
#frmPointsSearch li {float: left; margin-bottom: 0;}
#frmPointsSearch li.btn {float: none;}
#frmPointsSearch label {position: absolute; left: -9999px;}
#frmPointsSearch li input {margin-right: 5px; width: 81px;}
#frmPointsSearch li.btn input.submit {float: right; margin-right: 0; margin-left: 0; width: auto;}

/* -------------------------------------------------- FIND PLACES (COLLECT POINTS LANDING PAGE) - */
#frmFindPlaces label {display: block; width: 100%;}
#frmFindPlaces input {width: 97%;}
#frmFindPlaces li.btn {margin-bottom: 0; padding-bottom: 2.4em; text-align: right; width: 100%;}
#frmFindPlaces li.btn input.submit {width: auto;}

/* -------------------------------------------------- PLACES SEARCH INLINE FORM (TRAVEL AND LEISURE PAGE) - */
#frmProductSearch li {float: left;}
#frmProductSearch li label {position: absolute; left: -9999px;}
#frmProductSearch li input {margin-right: 5px; width: 190px;}
#frmProductSearch li input.submit {margin-right: 0; width: 95px;}

/* -------------------------------------------------- SEARCH TREATS (SPEND POINTS LANDING PAGE) - */
#frmSearchTreats label {display: block; width: 100%;}
#frmSearchTreats input {width: 97%;}
#frmSearchTreats li.btn {margin-bottom: 0; padding-bottom: 2.4em; text-align: right; width: 100%;}
#frmSearchTreats li.btn input.submit {width: auto;}

/* -------------------------------------------------- ORDER NOW (SPEND POINTS INTERNAL PAGE) - */

#frmOrderNow fieldset { float:none; padding-left:75px; padding-bottom:1em;}
#frmOrderNow li {margin-bottom: .5em;}
#frmOrderNow li.sel {margin-bottom: 3px;}
#frmOrderNow li.btn {padding-top: 2px;}
#frmOrderNow li label {display: block;}
#frmOrderNow li.rad label {display: inline;}
#frmOrderNow li.sel label {position: absolute; left: -9999px;}
#frmOrderNow select {width: 160px;}
#frmOrderNow li input {width: 152px;}
#frmOrderNow li.rad input {width: auto;}
#frmOrderNow li input.submit {width: 160px;}


/* ------------------------------- SHOP ONLINE CARD NUMBER  (RETAIL DETAIL) -  */
#frmShopOnline fieldset { margin-top:1em; margin-bottom:0; text-align:center; }
#frmShopOnline fieldset ul { float:left; clear:both;margin:0;padding: 0 0 1em 0; width: 100%;}
#frmShopOnline fieldset li { float:left; clear:both; margin: 0; padding: 0 0 1em 0;width: 100%; text-align: center;}
#frmShopOnline label { float: left; clear: both; margin: 0 0 2em 0; width:100%;text-align:left; }
#frmShopOnline strong { float: left;}
#frmShopOnline input { float: left; text-align:left; }
#frmShopOnline input.submit { float:none; text-align: center;width:9em; font-size:165%;}
p.smallPrint {float: left; clear: both; width: 100%; font-size:1.1em;}
strong.inputPrefix { float:left; font-size:1.4em; line-height:2em; margin-right:5px; }

/* Looking for a treat - STICK IN FORM CSS */
.lookingForATreat { padding-bottom: 1.25em; }
.lookingForATreat div.category { float: left; margin-right: 2em; padding-bottom: 1.25em; white-space: nowrap; }
.lookingForATreat div.category label { font-size: 1.8em; color: #D71344; margin-bottom: .2em; float: left;}
.lookingForATreat div.category select { float: left; clear: left; margin-top: .555em;}
.lookingForATreat div.pointsRange { float: left; padding-bottom: 1.25em; white-space: nowrap; line-height: 1.33em;}
.lookingForATreat div.pointsRange label { margin-right: .5em; }
.lookingForATreat div.pointsRange input { margin: 0 .5em 0 0; }
.lookingForATreat div.pointsRange input.submit { margin: 0; }
.lookingForATreat p { font-size: 1.8em; color: #D71344; line-height: 1.333em; margin-bottom: .35em; }