/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

.formfields 
{
    margin: 1em 0;
    padding: 1em;
}

.formfields p 
{
    margin: 2px 12px 10px 10px;
}

.formfields .label 
{
	width:150px;
	float:left;
    display: block;
}

.formfields .label.inline 
{
    display: inline;
}

.formfields .label br
{
	clear:none;
}

.formfields .label .Help 
{
    position: absolute;
    width:200px;
}

.formfields legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

.formfields input[type="text"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

.formfields input[type="password"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

.formfields ul
{
    width: 200px;
    float: left;  
    list-style-type:none;  
}

.formfields ul ul
{
    width: 200px;
    float: left;    
    padding: 0 0 0 20px;
    min-height:130px;    
}

.formfields li
{
    list-style-type:none; 
}

/* Offers Module */
.dOffer
{
    float:left;
    margin:20px 0 0 0;
    padding:0 0 20px 0;
    width:500px;
    border-bottom:solid 1px #000;
}
.dOfferImg
{
    float:left;
    margin-left:5px;
    cursor:pointer;
}
.dOfferTitle
{
    font-size:15px;
    float:left;
    width:300px;
    margin:5px 0 10px 10px;
}
.dOfferDesc, .dOfferExpiryDate, .dOfferLink
{
    margin-left:10px;
    float:left;
    width:300px;
}
#dOfferBox
{
    width:500px;
    cursor:pointer;
    position:absolute;
}
#dOfferBoxImgContainer
{
    text-align:center;


}
#dOfferBoxTitle, #dOfferBoxDescription, #dOfferBoxURL, #dOfferBoxExpiryDate
{
    text-align:center;
    width:100%;
}
#dOfferBoxTitle
{
    font-size:20px;
    width:100%;
    text-align:center;
}
#dOfferBoxDescription, #dOfferBoxExpiryDate, #dOfferBoxURL
{
    font-size:15px;
    float:left;
    text-align:center;
}

/* Form Flow */ 
.FormFlowLayout
{
    width:100%;
    float:left;
}
.FormFlowLayout label
{
    float:left;
    width:20%;
}
/* Voucher List */
.EnvyList br
{
    display:none;
}
.EnvyList span div
{
    width:400px;
    margin:5px 0 0 0;
    float:left;
}
.sProductImgLeft
{
    height:26px;
    background-image: url('ProductLeftBody.gif');
    background-repeat:no-repeat;
    width:16px;
    float:left;
}
.sProductImgBody
{
    height:26px;
    background-image: url('ProductBody.gif');
    background-repeat:repeat-x;
    float:left;
}
.sProductImgRight
{
    height:26px;
    background-image: url('ProductRightBody.gif');
    background-repeat:repeat-x;
    width:16px;
    float:left;
}
.sProductImgBody img
{
    border-style:none;
    margin-top:3px;
}
.dProductPoundSign
{
    height:15px;
    background-image: url('PoundSign.png');
    background-repeat:repeat-x;
    width:9px;
    float:left;
    margin-top:4px;
}
.dProductPrice
{
    color:#2D73A4;
    font-weight:bold;
    font-family:Arial;
    font-size:12px;
    width:36px;
    margin-top:4px;
    float:left;
}
#dWalletContainer
{
    float:left;
    width:300px;
}
#dVoucherContainer
{
    float:left;
    width:350px;
}
#dVoucherContainer span
{
    width:175px;
    float:left;
}
#dVoucherContainer label
{
    width:40px;
    float:left;
}
#dVoucherContainer input
{
    float:left;
    width:120px;
}
.dVoucherRow
{
    float:left;
    margin:5px 0 0 0;
}
.dWalletBlock
{
    width:125px;
    float:left;
    height:105px;
    display:block;
}
.dWalletBlock img
{
    position:absolute;
}
.dWalletBlock input
{
    position:absolute;
    margin:45px 0 0 95px;
}
#dBonusBondContainer
{
    width:704px;
}
.ProductViewBtnBasket
{
    float:right;
    margin-right:55px;
}
.dEditWallets
{
    width:100%;
    height:200px;
    background-color:Lime;
}
.dRegistrationColumn
{
    float:left;
    margin:20px 0 0 0;
}
.changePasswordContainer div
{
    width:850px;
    float:left;
}
#BtnChangePassword
{
    margin-top:15px;
}
.hovMenu:hover
{    
    background:#FFF url('Images/bg-sub-menu-on.gif') no-repeat top left;
}
.rootBlue
{
    background:#FFF url('Images/bg-sub-menu-on.gif') no-repeat top left;
}
.rootBlue a
{    
    color:#FFF !important;
}
.hovMenu:hover a
{
    font-weight:bold;
    color:#FFF !important;
}
.hovSubMenu:hover
{
    background:#FFF url(Images/bg-sub-menu-lower-on.gif) no-repeat top left;
}
.ImgDownloadRetailerPDF
{
    width:194px;
    height:23px;
    background:#FFF url(Images/button-download-retail.gif) no-repeat top left;
    float:left;
}
.ImgDownloadRetailerPDF:hover
{
     background:#FFF url(Images/button-download-retail_up.gif) no-repeat top left;
}