/**
* @author	Jasal Vadgama - Javelin Group
* @version	1.0
* @media	screen
*
* @info		Account styles
*
* @contents
* 
* Test 2
*/
.CompetitionHeading {
    font-family: dinRegular;
    padding: 0 !important;
    margin: 15px 0 15px 25px !important;
    font-size: 2em !important;
    text-transform: uppercase;
}
.Competition h1 { line-height: 0.8em;}
/**
* =1: Login/registration containers
*/
h1.LoginHeading { display: none; }
.login,.registration {
	float: left;
	width: 450px;
	padding: 15px 0 15px 20px;
}
.forgottenPassPage {
    float: left;
    width: 450px;
    padding: 10px 0 55px;
}
.forgottenPassPage p { float: left; clear: both;}
form#SendForgottenPassword, form#NewsletterSubscribe {
    float: left;
    display: inline;
    clear: both;
    padding: 0 20px 50px;
}
.fpLabel { width: 80px; }
.forgottenPassPage input { width: 285px; }
.login p, .registration p { padding: 2px 0 !important; }
.forgottenPassPage p.FPtext { width: 420px !important; display: inline; float: left; }
input.newPassword {
    width: 225px !important;
    height: 22px !important;
    background: url(/images/buttons/btn-sprite.png) no-repeat left -407px;
    text-indent: -999em;
    display: block;
    border: none !important;
    margin-right: 9px;
    text-transform: uppercase;
}
.backToSignIn {
    width: 116px;
    height: 16px;
    background: url(/images/buttons/btn-sprite.png) no-repeat left -428px;
    text-indent: -999em;
    display: block;
    text-transform: uppercase;
}
.registration {
    background: url(/images/backgrounds/bg-login-separator.png) repeat-y left top;
    margin-left: 8px;
}
.formRow input, .formRowList input,.checkOutPage select {
    width: 285px;
    float: left;
}
.login label, .registration label {
    float: left;
    display: inline;
}
.formRow {
    width: 440px;
    float: left;
    display: inline;
    margin: 5px 0;
    clear: both;
    /* DREW 2010-08-17 removed this line when debugging JLS-914
    position: relative;
    */
}
.cardTip { position: absolute; top: 3px; left:175px; }
.cardTip2 { line-height:150% }
#SaveAddress .formRow { margin-left: 15px;}
.formRow label, .formRowShortInput label,
#pwordStrengthIndicator label, .formRowList label {
    width: 140px !important;
    padding-right: 0 !important;
}
#LoginCentre label { width: 100px !important;}
.formRowShortInput {
    width: 440px;
    float: left;
    display: inline;
    margin: 5px 0 !important;
    position: relative;
}
.formRowShortInput input { width: 195px !important; }
#pwordStrengthIndicator {
    width: 440px;
    float: left;
    display: inline;
    margin: 5px 0;
    padding: 0 !important;
    position: relative;
}
.fs {
    font-weight: bold;
    display: inline;
    margin: 10px 0 !important;
    float: left;
    clear: both;
    width: 425px;
    padding: 0;
}
.fs p {
    font-weight: bold;
    display: inline;
    margin: 0 !important;
    float: left;
    clear: both;
    width: 425px;
    padding: 0;
}
.formRowAlt .fs, .formRow .fs { margin: 10px 0 !important;}
.formRow p, .formRowAlt p { padding-left: 0 !important; }
.formRowMand {
    width: 440px;
    float: left;
    display: inline;
    margin: 0 0 25px 0;
    clear: both;
}
#billingAddress fieldset.gvpost span.formRowMand{
	position:relative;
	top:15px;
}
.catalogueSelectionForm .formRowMand {
    width: 440px;
    float: left;
    display: inline;
    margin: 0 0 10px 25px;
    clear: both;
}

.myAccPageCont .formRowMand {
    margin: 5px 15px !important;
}

label.checks {
    width: 270px !important;
    float: left;
    margin-top: 0 !important;
}
.rightFloater { float: left; }
.formRow a { margin-left: 140px; }
#LoginCentre .formRow a { margin-left: 100px !important; }
.formRow a.tooltip { margin-left: 0px; float: none; }
.checkInput {
    width: 340px;
    float: left;
    display: inline;
    margin: 5px 0;
}
.registration .checkInput { margin-left: 140px;}
.login .checkInput {margin-left: 100px;}
.mainHeading {
    text-transform: uppercase;
    padding: 10px 10px 10px 20px;
    font-family: dinRegular;
}
/**
* =x: Address table styles
*/
.addressTable {
	clear: both;
	margin: 10px 0;
	width: 99%;
	border-collapse: collapse;

}
.myAccPageCont table tr td { padding:  20px 0px 20px 15px !important;}
.myAccPageCont table tr th { padding:  10px 0 5px 15px !important;}
.myAccPageCont table tr.topRow td {padding-top: 15px !important;}
.paymentTable { margin: 15px 0; width: 99%;}
.addressTable tbody tr, .addressTable tfoot, .paymentTable tbody tr, .paymentTable tfoot tr {
    background: url(/images/backgrounds/bg-addressbook-trbottom.png) no-repeat left bottom;
}
.addressTable tbody tr {
    background: url(/images/backgrounds/bg-addressbook-trbottom.png) no-repeat left 120px !important;
}
.addressTable th {
	padding: 0 5px 0 0;
	width: 94px;
	font-weight: bold;
}
.addressTable td {
	width: 104px;
	padding: 10px 5px 10px 0;
	vertical-align: top;
}
.addressTable .longCol { width: 260px; }
.addressTable tbody tr { margin: 10px 0 !important;}
/**
* =x: Password Strength Indicator
*/
#pwordStrengthIndicator { display: none; }
#passwordStrength {
	display: block;
	float: left;
	margin-right: 5px;
	width: 201px;
	height: 20px;
	background: url(/images/password-strenght-new.png) 0 0;
}
form#UpdateProfile p#pwordStrengthIndicator label { margin-left: 10px;}
.strength4 { background: url(/images/password-strenght-new.png) 0 -84px !important; }
.strength3 { background: url(/images/password-strenght-new.png) 0 -63px !important; }
.strength2 { background: url(/images/password-strenght-new.png) 0 -42px !important; }
.strength1 { background: url(/images/password-strenght-new.png) 0 -21px !important; }

/*
* =x: Tooltips
*/
.tooltipContainer {
	position: absolute;
	top: -999px;
	left: -999px;
	width: 190px;
	background: url(/images/backgrounds/tooltip-bottom.png) bottom left no-repeat;
	padding-bottom: 14px;
	z-index: 100;
}
.tooltipContainer div {
    display: block;
	padding: 10px;
	width: 159px;
	background-color: #fff;
	border: 4px solid #E1E8F0;
	border-width: 4px 4px 0;
}
.tooltipContainer p { padding: 0; }

/**
* =x: Billing address table
*/
.addressList {
	width: 690px;
	padding: 0;
	margin: 0;
	float: left;
	display: inline;
}
.addressList li {
	clear: none;
	float: left;
	margin: 0;
	padding: 5px 0 25px;
	width: 170px;
}
.addressList .checkInput {
    width: 172px !important;
    padding: 0;
    margin: 0;
}
.addressList li p { padding: 0; float: left; clear: both; }
.addressList input.myAccEdit { margin-left: 0; }
.addressList .checkInput label { font-weight: bold; }
.addressList li:first-child { margin-left: 0; }
.addressList li form { float: left; }
.addressList li .checkInput input { margin-left: 0 !important; }

/**
* =x: Order history
*/
/**
* =x.1: History summary
*/
.orderItem {
	margin: 10px 0;
	padding: 0;
	float: left;
	display: inline;
	width: 739px;
}
.orderItem dl {
	margin-bottom: 10px;
	padding: 10px 10px 0;
	background: #efefef;
}
.orderItem dd { padding-left: 20px; }

/**
* =x.2: Order details
*/
.deliveryDets {
	float: left;
	padding: 0 40px 10px 0;
}
.deliveryDets address, .billingDets address { clear: both; }
.billingDets, .cardDets {
	float: left;
	display: inline;
	margin: 5px 15px 0 0;
	width: 200px;
}
.cardDets { margin-bottom: 10px;}
.billingDets b, .cardDets b {font-weight: bold;}
.amountDetails {
    float: right !important;
    display: inline;
    margin: 10px 10px 0 0;
    width: 160px;
    text-align: right !important;
}
.cardDets { width: 280px !important; }
.cardDets b {padding: 5px;}
.cardDets img {float: left; margin: 2px 5px;}
.detailsBox {
	float: left;
	display: inline;
	margin: 3px;
}
.editCheckoutOptions {
    float: left;
    text-align: right;
    padding-right:10px;
    clear: both;
    width: 680px;
    display: inline-block;
}
.editCheckoutOptions .secondaryButton { float: right !important;}
.cardDetails { float: left; margin: 2px; width: 185px; padding: 3px 0; }
.cardDetails p { padding: 0 5px !important; }
.cardDets p, .cardDets b { float: left; clear: none; margin: 0 !important; }
.detailsBox p { text-align: center; }
.detailsBox h3 a { display: block; }
.orderConfBox p {line-height: 1.5em; margin: 0 0 7px;}
.orderConfBox p a { text-decoration: underline !important; }
.orderConfBox {
    float: left;
    display: inline;
    margin: 2px 0 15px;
    width: 685px;
}
.orderConfBox p b { font-weight: bold;}
#OrderHistorySummary { clear: both; }

/*
** My Account
*/
#UpdateProfile { padding: 15px;}
.accountPage { width: 754px !important; display: table-cell; vertical-align: top;}
.accountPage .formRowList { margin-left: 15px;}
.accountPage fieldset { width: 100% !important; display: inline; float: left;}
.accountPage .listLower { background: url(/images/backgrounds/bg-basket-tablerowlines.gif) repeat-x left top; padding-top: 10px;}
.myAccPageCont .lowerLine { background: none !important;}
.myAccPageCont .deliveryOptionGV { width: 740px !important;}
.myAccountSecondNav {
    float: left;
    width: 205px;
    display: inline;
    clear: both;
    margin: 20px 0;
}
.accountNavHolder {
    display: inline;
    float: left;
    margin: 0;
    width: 205px;
}
.accountNavHolder .slotLHNContainer { margin-top: 24px;}
.paymentTable tbody td { padding-bottom: 10px !important;}
.paymentTable td img {
    padding: 4px 0 0;
}
.paymentTable td address {
    padding: 0 !important;
}
.DeliveryAddress .myAccPageCont {
    float: left;
    width: 754px;
    background: none!important;
}

.myAccPageCont {
    float: left;
    width: 754px;
    background: url(/images/backgrounds/bg-myaccount-topbgr.gif) repeat-x left top;
}
.DeliveryAddress .myAccPageCont p.long, .DeliveryAddress .myAccPageCont .formRowMand, .DeliveryAddress .myAccPageCont .fs { margin: 5px 0 !important;}
.myAccPageCont p.fs, .myAccPageCont p { margin-left: 15px !important; }
.PaymentDetailHolder .myAccPageCont { background: none !important;}
.PaymentDetailHolder .myAccPageCont h1 { font-size: 1.4em;}
.myAccPageCont ul li .confirmationMessage { padding-left: 0 !important; }
.myAccPageContLand {
    float: left;
    padding:  5px 0 10px;
    width: 754px;
    background: url(/images/backgrounds/bg-myaccount-topbgr.gif) repeat-x left top;
}
.myAccPageCont blockquote {
    float: left;
    display: inline;
    margin: 0 0 4px 150px;
    width: 285px;
}
.myAccPageCont h2, .myAccPageCont h4 {
    font-weight: bold;
    text-transform: uppercase;
    margin-left: 15px;
}
.myAccPageCont h1 {
    font-family: dinRegular;
    padding: 10px 15px;
}
#saveAddress { margin-left: 15px; display: inline;}
#UpdateProfile .checkInput input {margin-left: 125px;}
h1.myAccPaymentDetails {
    width: 216px;
    height: 27px;
    display: block;
    background: url(/images/backgrounds/bg-myaccount-headings.png) no-repeat left top;
    padding: 3px 0 0 30px !important;
    margin: 5px 0 15px 15px !important;
}
h1.myAccOrderHistory {
    height: 28px;
    display: block;
    background: url(/images/backgrounds/bg-myaccount-headings.png) no-repeat left -37px;
    padding: 5px 0 0 25px !important;
    margin: 5px 0 15px 15px !important;
}
h1.myAccMyProfile {
    width: 150px;
    height: 31px;
    display: block;
    background: url(/images/backgrounds/bg-myaccount-headings.png) no-repeat left -75px;
    margin: 5px 0 15px 15px !important;
    padding: 5px 0 0 30px !important;
}
h1.myAccAddressBook {
    width: 199px;
    height: 27px;
    display: block;
    background: url(/images/backgrounds/bg-myaccount-headings.png) no-repeat left -116px;
    padding: 2px 0 0 40px !important;
    margin: 6px 0 15px 13px !important;
}
h2.myAccHead {
    padding: 8px 0 8px 20px !important;
    margin: 7px 1px 0;
    font-family: dinRegular;
    text-transform: uppercase;
    float: left;
    width: 156px;
    display: block;
    background: url(/images/backgrounds/bg-myaccount-headings.png) no-repeat left -154px;
}
.myAccBgrIcons {
    background: url(/images/backgrounds/bg-myaccount-bgr-icons.png) no-repeat left top;
    float: left;
    display: inline;
    margin: 3px 0;
    width: 754px;
    height: 229px;
}
h1.myAccLanding {
    display: block;
    font-family: dinRegular;
    padding: 3px 0 10px !important;
    float: left;
    margin: 0 0 0 15px;
}
.contactUsSecondNav h2 {margin: 4px 0 0 !important;}
input.myAccSave {
    width: 61px !important;
    height: 22px !important;
    background: url(/images/buttons/btn-sprite.png) no-repeat left -612px;
    text-indent: -999em;
    display: block;
    border: none !important;
    margin: 0 0 25px 140px;
    text-transform: uppercase;
}
.PaymentDetailHolder input.myAccSave {
    margin: 0 0 25px 125px;
}
#UpdateProfile input.myAccSave {margin-left: 125px !important; margin-bottom: 40px;}
input.myAccAddNewAddress {
    width: 163px !important;
    height: 22px !important;
    background: url(/images/buttons/btn-sprite.png) no-repeat left -634px;
    text-indent: -999em;
    display: block;
    border: none !important;
    margin-left: 584px;
    margin-bottom: 30px;
    text-transform: uppercase;
}
input.addNewAddress {
    height: 22px !important;
    background: transparent;
    cursor: pointer;
    display: inline;
    text-decoration: underline;
    font-size: 1em;
    padding: 0 !important;
    border: none !important;
    float: none;
}
p.addNewAddrss { float: left !important; margin: 8px 0; }
input.myAccEdit {
    width: 43px !important;
    height: 16px !important;
    background: url(/images/buttons/btn-sprite.png) no-repeat left -656px;
    text-indent: -999em;
    display: block;
    margin: 0 0 0 60px;
    border: none !important;
    text-transform: uppercase;
}
#DeletePaymentDetail, #EditBillingAddress, #EnterAddress, #DeleteAddress {
    float: right !important;
    clear: both;
    margin: 0 !important;
}
input.myAccEditBilling {
    width: 123px !important;
    height: 16px !important;
    background: url(/images/buttons/btn-sprite.png) no-repeat left -924px;
    text-indent: -999em;
    display: block;
    padding: 0 !important;
    margin: 0 0 0 60px;
    border: none !important;
    text-transform: uppercase;
}
input.myAccDelete {
    width: 59px !important;
    height: 16px !important;
    background: url(/images/buttons/btn-sprite.png) no-repeat left -672px;
    text-indent: -999em;
    display: block;
    margin: 5px 0 0 44px;
    border: none !important;
    text-transform: uppercase;
}
input.myAccDefault {
    width: 100px !important;
    height: 16px !important;
    background: url(/images/buttons/btn-sprite.png) no-repeat left -688px;
    text-indent: -999em;
    display: block;
    margin: 0;
    border: none !important;
    text-transform: uppercase;
}
h3.myAccLandOrdrHist a {
    width: 181px;
    height: 145px;
    display: block;
    text-indent: -999em;
    background: url(/images/backgrounds/bg-myaccount-landing-icons.png) no-repeat left top;
    padding: 0 !important;
    margin: 3px 0 10px !important;
    text-transform: uppercase;
}
h3.myAccLandMyProfile a {
    width: 185px;
    height: 145px;
    display: block;
    text-indent: -999em;
    background: url(/images/backgrounds/bg-myaccount-landing-icons.png) no-repeat -190px top;
    padding: 0 !important;
    margin: 3px 0 10px !important;
}
h3.myAccLandAddressBook a {
    width: 180px;
    height: 145px;
    display: block;
    text-indent: -999em;
    background: url(/images/backgrounds/bg-myaccount-landing-icons.png) no-repeat -378px top;
    padding: 0 !important;
    margin: 3px 0 10px !important;
}
h3.myAccLandPaymentDetails a {
    width: 181px;
    height: 145px;
    display: block;
    text-indent: -999em;
    background: url(/images/backgrounds/bg-myaccount-landing-icons.png) no-repeat -566px top;
    padding: 0 !important;
    margin: 3px 0 10px !important;
}
p.doubleLines {
    background: url(/images/backgrounds/bg-actionmessage-bottomline.png) repeat-x left bottom;
    padding: 5px 0 10px;
}
.formRow h2 {
    text-transform: uppercase;
    font-weight: bold;
    margin: 3px 0;
}
.formRow textarea { float: left; }
.myAccTdAction { width: 105px; }
table.paymentTable td p { padding: 0 8px 0 0;}
table.paymentTable th { padding: 0 0 10px 0 !important;}

/* orders history table */
.ordersTable {
    margin: 0;
    width: 100%;
    border-collapse: collapse;
    clear: both;
}
.myAccPageCont .ordersTable td, .myAccPageCont .ordersTable th {
    padding: 5px 10px 5px 15px !important;
    margin: 0;
}
.ordersTable input.viewDets {
    background: url(/images/buttons/btn-sprite.png) no-repeat left -884px;
    display: block;
    text-indent: -999em;
    text-transform: uppercase;
    width: 70px !important;
    height: 12px !important;
    margin: 10px 0 0 0;
}
.accountPage fieldset.smallWidth { width: 70px !important; }
fieldset.largeWidth {width: 690px;}
.largeWidth2 {width: 685px;}
.ordersTable td.ordrbtn { width: 70px; padding: 0 !important;}
input.backToOrderHistory {
    width: 138px !important;
    height: 16px !important;
    background: url(/images/buttons/btn-sprite.png) no-repeat left -896px;
    display: block;
    text-indent: -999em;
    text-transform: uppercase;
}
.listLower {
    margin: 0 0 10px 15px;
    width: 730px;
    padding: 5px 10px 15px 0px;
    display: inline;
    float: left;
}
.btns {
    margin: 5px 0 20px 15px;
    padding: 0 10px 15px 0px;
    float: left;
    display: inline;
}
.myAccPageCont table.paymentTable tbody tr td { padding: 5px 0 10px; }
table.paymentTable tr td.closer { padding-left: 3px !important;}
.myAccPageCont .formRowAlt ul { width: 735px !important; margin-left: 0px;}
.myAccPageCont .basketTable { margin-left: 15px !important; width: 740px; float: left;}
.orderS .basketTable {margin-left: 0px !important;}
.orderDetails {
    padding: 15px;
    float: left;
    display: inline;
}
.orderDetails dt { font-weight: normal !important; line-height: 1.5em;}
.orderDetails dt b {
    width: 110px;
    display: inline;
    float: left;
}
.myAccPageCont .billingDets { padding-left: 0px;}
.myAccPageCont address { padding-left: 0;}
.boldCaps {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.9em;
}