
/* css reset */
/* --------- */

div, img, a, form { margin: 0; padding: 0; }
img { border: 0; }
input, :focus { outline: 0; }


/* MailCheck */

#suggestion { 
	color: #0099ff;
	line-height: 1.3em;
	margin-bottom: 5px;
	font-size: 14px;
	cursor: pointer;
}
#suggestion i { 
	text-decoration: underline !important;
}
.notice {
	background-color: #fdfde1 !important;
	color: #000 !important;
}   

div#your-details div.row.suggestion span.required {
	top: 34px;
}

/* start of new password strength indicator */
/* ---------------------------------------- */

#strength-indicator {
    margin-top: 3px;
}

#strength-indicator #tips,
#strength-indicator #complexity {
	float: right;
}

#strength-indicator #tips.inset {
	margin-right: 10px;
}

#strength-indicator #tips a {
	background-color: #ff0000;
	display: block;
	width: 148px;
	height: 22px;
	background: url(/images/12update/reviewOrderPaymentHelpIcon.png) no-repeat right 2px; 
}

#strength-indicator #complexity {
    width: 50px;
    margin-top: 2px;
    margin-right: 30px;
}

#strength-indicator .js-complexity-feedback {
    font-size: 14px;
    margin-bottom: 14px;
}

#strength-indicator .progress {
    height: 20px;
    margin-bottom: 20px;
    margin-right: 10px;
    overflow: hidden;
    background-color: #efefef;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    width: 140px;
	float: left;
}

#strength-indicator .progress.wide {
    width: 165px;
}

#strength-indicator .progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease
}

#strength-indicator .progress-bar-success {
    background-color: #5cb85c;
}

#strength-indicator .progress-bar-info {
    background-color: #5bc0de;
}

#strength-indicator .progress-bar-warning {
    background-color: #f0ad4e;
}

#strength-indicator .progress-bar-danger {
    background-color: #d9534f;
}

div#passwordTips.fancyBoxInlinePopup {
    background: url(/images/15/icon-padlock-green.png) 370px 70px no-repeat;
}

div#passwordTips.fancyBoxInlinePopup p {
    background: url(/images/15/comparison/green-tick.v1.png) 0 0 no-repeat;
    padding-left: 28px;
}

/* inline password tip box - my account */
#passwordTips-inline { 		
	margin: 0; padding: 13px 13px 0 13px; background: #FFF;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	-khtml-border-radius: 5px !important;
	border-radius: 5px !important; 
	border: 1px solid #d1d3d4;
	height: 386px;
}

div#passwordTips-inline {
	background: url(/images/15/icon-padlock-green.png) 328px 10px no-repeat;
	background-size: 62px 62px;
}

div#passwordTips-inline h2 {
	font-size: 22px;
	padding: 16px 0;
}

div#passwordTips-inline p {
    background: url(/images/15/comparison/green-tick.v1.png) 0 0 no-repeat;
    padding-left: 28px;
    font-size: 16px;
}

/* inline password tip box - password reset */
div#passwordTips-inline.password-reset {
	background: url(/images/15/icon-padlock-green.png) 312px 10px no-repeat;
	background-size: 52px 52px;
	height: 319px;
}

div#passwordTips-inline.password-reset h2 {
	font-size: 21px;
	padding: 12px 0 8px;
}

div#passwordTips-inline.password-reset p {
    font-size: 14px;
    margin-bottom: 1.1em;
}


/* start of order steps */
/* -------------------- */

div#steps.step1,
div#steps.step2,
div#steps.step3,
div#steps.step4 {
	margin-top: 9px; margin-bottom: 8px; width: 978px; height: 65px;
	}

	div#steps.step1 {
		background: url(/images/13/stepsBackground.v3.png) 0 0 no-repeat;
		}

	div#steps.step2 {
		background: url(/images/13/stepsBackground.v3.png) 0 -65px no-repeat;
		}

	div#steps.step3 {
		background: url(/images/13/stepsBackground.v3.png) 0 -130px no-repeat;
		}

	div#steps.step4 {
		background: url(/images/13/stepsBackground.v3.png) 0 -195px no-repeat;
		}


div#mainContentWrapper {
	background: url(/images/12update/corners/containerFullWidthPanel.png) top center repeat-y;
	margin-bottom: 0; 
}

	div.containerPanelTop {
		background: url(/images/12update/corners/containerFullWidthPanelTop.png) top center no-repeat;
		display: block; height: 5px;
		}

	div.containerPanelBottom {
		background: url(/images/12update/corners/containerFullWidthPanelBottom.png) top center no-repeat;
		display: block; height: 5px;
		}

	div.containerPanelDivide {
		background: url(/images/12update/corners/containerFullWidthPanelDivide.png) top center no-repeat;
		display: block; height: 17px;
		}


/* start of left content */
/* --------------------- */

div#leftColumn {
	float: left; width: 718px; margin-right: 7px;
	}

	div#leftColumn div.containerPanel {
		margin-top: 0;
		padding: 23px;  background: #fff;
		border-left: 1px solid #ded2e9;
		border-right: 1px solid #ded2e9;
		}

	div#leftColumn div.containerPanel.sell-my-mobile {
		padding: 10px 23px;  background: #fff;
		}
		
	div#leftColumn div.containerPanel.maz3AddMobileBanner {
		padding: 11px 23px 23px 23px;
		}

		div#leftColumn h1 {
			font-size: 1.95em; font-weight: bold; color: #4e1c89; -webkit-font-smoothing: antialiased;
			margin-left: -0.1em; margin-top: 0em; margin-bottom: 23px; padding-bottom: 21px; letter-spacing: -1px; border-bottom: 1px solid #dcd0e8;
			}

		div#leftColumn h2 {
			font-size: 1.0em; font-weight: normal; color: #666666; -webkit-font-smoothing: antialiased;
			margin-left: -0.1em; margin-top: 0em; margin-bottom: 18px; padding-bottom: 0;
			}

			div#leftColumn #device-config h2 {
				font-size: 0.95em!important;
			}

	/* start of big model search styles */
	/* -------------------------------- */

	div#leftColumn div#bigModelSearch {
	    margin-bottom: 0; z-index: 100; position: relative;
		}

	div#leftColumn div#bigModelSearchWrap {
		background: url(/images/13/bigModelSearchInput.v2.png) 0 0 no-repeat;
		height: 42px; width: 315px; margin-bottom: 10px;
		}

	div#leftColumn div#bigModelSearchWrap #bigInput {
		margin: 5px 0 0 6px; width: 287px;
		position: absolute; top: 61px; left: 25px;
		}

		div#leftColumn div#bigModelSearchWrap #bigInput input {
			height: 25px; width: 290px; font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #999;
			border: 0; outline: none;
			-webkit-appearance: none !important;
			box-sizing: inherit !important;
			}

		div#leftColumn div#bigModelSearchWrap div#bigSubmit {
			width: 145px; height: 44px; outline: none;
			position: absolute; top: 70; left: 345px;
			}

		div#leftColumn div#bigModelSearchWrap div#secondaryAction {
			width: 150px; height: 44px; line-height: 44px;
			position: absolute; top: 70; left: 465px;
			}

		div#leftColumn div#bigModelSearchWrap div#secondaryAction a {
			font-size: .9em; text-decoration: underline; outline: none;
			}

		div#leftColumn div#bigModelSearchWrap #secondaryAction a.help {
			padding-right: 25px;
			background: url(/images/12update/helpIcon.png) right center no-repeat;
			}

	#resultsPlaceholder {
		position: relative;
	}


	/* popular model type styles */
	/* ------------------------- */

	div#leftColumn div#popularModelTypes {
		min-height:362px; height:auto !important; height:362px;
		}	
		
		div#leftColumn div#popularModelTypes div.device {
			width: 214px; height: 177px; margin-bottom: 8px; float: left; 
			border: 2px solid #eee; 

			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			-khtml-border-radius: 5px;
			border-radius: 5px;
		}
		
		div#leftColumn div#popularModelTypes div.device.iphone {
			background: #fff url(/images/17/sell-my-apple-iphone-retina.v1.png) 19px 11px no-repeat;
			background-size: 180px 120px;
			}

		div#leftColumn div#popularModelTypes div.device.ipad {
			background: #fff url(/images/17/sell-my-apple-pad-retina.v1.png) 19px 11px no-repeat;
			background-size: 180px 120px;
			}		

		div#leftColumn div#popularModelTypes div.device.watch {
			background: #fff url(/images/17/sell-my-apple-watch-retina.v1.png) 19px 11px no-repeat;
			background-size: 180px 120px;
			}
			
		div#leftColumn div#popularModelTypes div.device.s3 {
			background: #fff url(/images/15/sell-my-mobile/sell-my-galaxy-s3.v1.png) 19px 11px no-repeat
			}

		div#leftColumn div#popularModelTypes div.device.s4 {
			background: #fff url(/images/15/sell-my-mobile/sell-my-galaxy-s4.v1.png) 19px 11px no-repeat
			}

		div#leftColumn div#popularModelTypes div.device.s5 {
			background: #fff url(/images/15/sell-my-mobile/sell-my-galaxy-s5.v1.png) 19px 11px no-repeat
			}

		div#leftColumn div#popularModelTypes div.device.s6 {
			background: #fff url(/images/17/sell-my-galaxy-s6-retina.v1.png) 19px 11px no-repeat;
			background-size: 180px 120px;
			}

		div#leftColumn div#popularModelTypes div.device.s7 {
			background: #fff url(/images/17/sell-my-galaxy-s7-retina.v1.png) 19px 11px no-repeat;
			background-size: 180px 120px;
			}

		div#leftColumn div#popularModelTypes div.device.s8 {
			background: #fff url(/images/17/sell-my-galaxy-s8-retina.v1.png) 19px 11px no-repeat;
			background-size: 180px 120px;
			}

		div#leftColumn div#popularModelTypes div.device.htc {
			background: #fff url(/images/15/sell-my-mobile/sell-my-htc-one.v1.png) 19px 11px no-repeat
			}

		div#leftColumn div#popularModelTypes div.device.ipad,
		div#leftColumn div#popularModelTypes div.device.s7 {
				margin: 0 8px;
		}	
		
		div#leftColumn div#popularModelTypes div.device a {
			width: 218px; display: block; padding-top: 143px; padding-bottom: 13px; 
			text-align: center; font-size: 18px; text-decoration: none; color: #999;
		} 	

	
	/* start of manufacturer styles */
	/* ---------------------------- */

	div#leftColumn div#manufacturers {
		min-height:480px; height:auto !important; height:480px;
		}

		div#leftColumn div#tiledManufacturers div {
			width: 167px; height: 103px; float: left;
			}

	div#leftColumn div#tiledManufacturers div a,
	div#leftColumn div#tiledManufacturers div a:link,
	div#leftColumn div#tiledManufacturers div a:visited,
	div#leftColumn div#tiledManufacturers div a:hover,
	div#leftColumn div#tiledManufacturers div a:active {
		width: 167px; height: 103px; display: block; text-decoration: none; position: relative;
		}

	div#leftColumn div#tiledManufacturers div.row1Col1 a {
		background: url(/images/14/tiledManufacturers.v7.png) 0 0 no-repeat /* amazon */
		}
		div#leftColumn div#tiledManufacturers div.row1Col1 a:hover {
			background: url(/images/14/tiledManufacturersReversed.v6.png) 0 0 no-repeat; /* amazon */
			}
	div#leftColumn div#tiledManufacturers div.row1Col2 a {
		background: url(/images/14/tiledManufacturers.v7.png) -167px 0 no-repeat /* amazon */
		}
		div#leftColumn div#tiledManufacturers div.row1Col2 a:hover {
			background: url(/images/14/tiledManufacturersReversed.v7.png) -167px 0 no-repeat; /* amazon */
			}
	div#leftColumn div#tiledManufacturers div.row1Col3 a {
		background: url(/images/14/tiledManufacturers.v7.png) -334px 0 no-repeat /* apple */
		}
		div#leftColumn div#tiledManufacturers div.row1Col3 a:hover {
			background: url(/images/14/tiledManufacturersReversed.v7.png) -334px 0 no-repeat /* apple */
			}
	div#leftColumn div#tiledManufacturers div.row1Col4 a {
		background: url(/images/14/tiledManufacturers.v7.png) -501px 0 no-repeat /* blackberry */
		}
		div#leftColumn div#tiledManufacturers div.row1Col4 a:hover {
			background: url(/images/14/tiledManufacturersReversed.v7.png) -501px 0 no-repeat /* blackberry */
			}
	div#leftColumn div#tiledManufacturers div.row2Col1 a {
		background: url(/images/14/tiledManufacturers.v7.png) 0 -103px no-repeat /* google */
		}
		div#leftColumn div#tiledManufacturers div.row2Col1 a:hover {
			background: url(/images/14/tiledManufacturersReversed.v7.png) 0 -103px no-repeat /* google */
			}
	div#leftColumn div#tiledManufacturers div.row2Col2 a {
		background: url(/images/14/tiledManufacturers.v7.png) -167px -103px no-repeat /* htc */
		}
		div#leftColumn div#tiledManufacturers div.row2Col2 a:hover {
			background: url(/images/14/tiledManufacturersReversed.v7.png) -167px -103px no-repeat /* htc */
			}
	div#leftColumn div#tiledManufacturers div.row2Col3 a {
		background: url(/images/14/tiledManufacturers.v7.png) -334px -103px no-repeat /* huawei */
		}
		div#leftColumn div#tiledManufacturers div.row2Col3 a:hover {
			background: url(/images/14/tiledManufacturersReversed.v7.png) -334px -103px no-repeat /* huawei */
			}
	div#leftColumn div#tiledManufacturers div.row2Col4 a {
		background: url(/images/14/tiledManufacturers.v7.png) -501px -103px no-repeat /* lg */
		}
		div#leftColumn div#tiledManufacturers div.row2Col4 a:hover {
			background: url(/images/14/tiledManufacturersReversed.v7.png) -501px -103px no-repeat /* lg */
			}
	div#leftColumn div#tiledManufacturers div.row3Col1 a {
		background: url(/images/14/tiledManufacturers.v7.png) 0 -206px no-repeat /* microsoft */
		}
		div#leftColumn div#tiledManufacturers div.row3Col1 a:hover {
			background: url(/images/14/tiledManufacturersReversed.v7.png) 0 -206px no-repeat /* microsoft */
			}
	div#leftColumn div#tiledManufacturers div.row3Col2 a {
		background: url(/images/14/tiledManufacturers.v7.png) -167px -206px no-repeat /* motorola */
		}
		div#leftColumn div#tiledManufacturers div.row3Col2 a:hover {
			background: url(/images/14/tiledManufacturersReversed.v7.png) -167px -206px no-repeat /* motorola */
			}
	div#leftColumn div#tiledManufacturers div.row3Col3 a {
		background: url(/images/14/tiledManufacturers.v7.png) -334px -206px no-repeat /* nokia */
		}
		div#leftColumn div#tiledManufacturers div.row3Col3 a:hover {
			background: url(/images/14/tiledManufacturersReversed.v7.png) -334px -206px no-repeat /* nokia */
			}
	div#leftColumn div#tiledManufacturers div.row3Col4 a {
		background: url(/images/14/tiledManufacturers.v7.png) -501px -206px no-repeat /* oppo */
		}
		div#leftColumn div#tiledManufacturers div.row3Col4 a:hover {
			background: url(/images/14/tiledManufacturersReversed.v7.png) -501px -206px no-repeat /* oppo */
			}
	div#leftColumn div#tiledManufacturers div.row4Col1 a {
		background: url(/images/14/tiledManufacturers.v7.png) 0 -309px no-repeat /* samsung */
		}
		div#leftColumn div#tiledManufacturers div.row4Col1 a:hover {
			background: url(/images/14/tiledManufacturersReversed.v7.png) 0 -309px no-repeat /* samsung */
			}
	div#leftColumn div#tiledManufacturers div.row4Col2 {
		background: url(/images/14/tiledManufacturers.v7.png) -167px -309px no-repeat /* sony */
		}
		div#leftColumn div#tiledManufacturers div.row4Col2 a:hover {
			background: url(/images/14/tiledManufacturersReversed.v7.png) -167px -309px no-repeat /* sony */
			}
	div#leftColumn div#tiledManufacturers div.row4Col3 a {
		background: url(/images/14/tiledManufacturers.v7.png) -334px -309px no-repeat /* sony ericson */
		}
		div#leftColumn div#tiledManufacturers div.row4Col3 a:hover {
			background: url(/images/14/tiledManufacturersReversed.v7.png) -334px -309px no-repeat /* sony ericson */
			}
	div#leftColumn div#tiledManufacturers div.row4Col4 a {
		background: url(/images/14/tiledManufacturers.v7.png) -501px -309px no-repeat /* telstra */
		}
		div#leftColumn div#tiledManufacturers div.row4Col4 a:hover {
			background: url(/images/14/tiledManufacturersReversed.v7.png) -501px -309px no-repeat /* telstra */
			}

	div#leftColumn div#tiledManufacturers div.row5Col1 a {
		background: url(/images/14/tiledManufacturers.v7.png) 0 -412px no-repeat /* samsung */
		}
		div#leftColumn div#tiledManufacturers div.row5Col1 a:hover {
			background: url(/images/14/tiledManufacturersReversed.v7.png) 0 -412px no-repeat /* samsung */
			}
	div#leftColumn div#tiledManufacturers div.row5Col2 {
		background: url(/images/14/tiledManufacturers.v7.png) -167px -412px no-repeat /* sony */
		}
		div#leftColumn div#tiledManufacturers div.row5Col2 a:hover {
			background: url(/images/14/tiledManufacturersReversed.v7.png) -167px -412px no-repeat /* sony */
			}
	div#leftColumn div#tiledManufacturers div.row5Col3 a {
		background: url(/images/14/tiledManufacturers.v7.png) -334px -412px no-repeat /* sony ericson */
		}
		div#leftColumn div#tiledManufacturers div.row5Col3 a:hover {
			background: url(/images/14/tiledManufacturersReversed.v7.png) -334px -412px no-repeat /* sony ericson */
			}
	div#leftColumn div#tiledManufacturers div.row5Col4 a {
		background: url(/images/14/tiledManufacturers.v7.png) -501px -412px no-repeat /* telstra */
		}
		div#leftColumn div#tiledManufacturers div.row5Col4 a:hover {
			background: url(/images/14/tiledManufacturersReversed.v7.png) -501px -412px no-repeat /* telstra */
			}

    /* start of model/manft listing page styles */
    /* ---------------------------------------- */

    #modelTabs {
        width: 100%; margin: 0 0 10px 0; padding: 0; list-style: none; height: 26px; line-height: 26px;
        font-weight: normal; color: #666666; -webkit-font-smoothing: antialiased;
        padding-bottom: 35px; background: #fff url(/images/12update/modelsSeparator.png) center 50px no-repeat;
    }

        #modelTabs #left {
            margin: 0; padding: 0; float: left; display: inline-block; width: 380px;
        }

        #modelTabs #right {
            margin: 0; padding: 0; float: right; display: inline-block; width: 210px;
        }

    #modelTabs a:link, #modelTabs a:visited {
        background-color: #e5f3ff; margin-right: 3px; padding: 0 11px; height: 28px; display: inline-block;
        line-height: 28px; color: #333333; text-decoration: none; font-weight: normal; font-size: 15px; white-space: nowrap;
    }

    #modelTabs a:hover { background-color: #1193ff; color: #ffffff; }

    #modelTabs a.active { background-color: #1193ff; color: #ffffff; }

    div#leftColumn div#models {
        height:auto !important;
    }

        div#leftColumn div#models div#tiledModels {
            padding-bottom: 0; position: relative;
        }

            div#deviceSpinner {
                padding: 0; width: 670px; height: 740px; position: absolute; z-index: 9999;
                background: #FFF url(/images/orderProcess10/loadingSpinner.gif) center 20px no-repeat;
            }

            div#leftColumn div#tiledModels div.modelsPages {
                margin: 0 1px 5px; text-align: left;
            }

            div#leftColumn div#tiledModels div.modelsPages.hide {
                display: none;
            }

            div#leftColumn div#tiledModels div.modelsPages h2 {
                font-size: 16px; font-weight: normal; color: #4e1c89; -webkit-font-smoothing: antialiased;
                margin-top: 0; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #dcd0e8;
                text-align: center;
            }

                div#leftColumn div#tiledModels div.modelsPages div.model {
                    width: 160px; float: left; cursor: pointer; margin: 0 7px 0 0; padding: 0 0 24px 0;
                    background: url(/images/12update/modelSearchSmallUnderGrad.png) left 135px no-repeat;
                }

                    div#leftColumn div#tiledModels div.modelsPages div.model img {
                        display: block; margin: 0 auto 15px; cursor: pointer;
                    }

                    div#leftColumn div#tiledModels div.modelsPages div.model a.modelText {
                        display: block; font-size: 0.8em; font-weight: normal; text-align: center;
                        cursor: pointer; color: #666; text-decoration: none;
                    }

            div#leftColumn div#tiledModels div.modelsPages div.spacer {
                display: block; height: 15px; clear: both;
                font-size: 15px; line-height: 15px;
            }

            div#leftColumn div#tiledModels div.modelsPages .viewMoreButton {
                clear: both; margin: 1px 0 20px 0;
            }

            div#leftColumn div#tiledModels div.modelsPages .viewMoreButton .hide {
                display: none;
            }

            div#leftColumn div#tiledModels div.modelsPages .slidingButton.grey.viewMore {
                width: 668px; background: url(/images/13/slidingButtonGreyLeftWide.png) left center no-repeat;
            }

            div#leftColumn div#tiledModels div.modelsPages .slidingButton.grey.viewMore:hover {
                text-decoration: none;
                background: url(/images/13/slidingButtonGreyLeftReversedWide.png) left center no-repeat;
            }

            div#leftColumn div#tiledModels div.modelsPages .slidingButton.grey.viewMore span {
                width: 640px;
            }

    #mnfctListingAction { margin-top: 5px; padding-top: 25px; border-top: 1px solid #dcd0e8; position: relative; }


	/* start of add handset page style */
	/* ------------------------------- */

	h2.bar {
		background: #4F148C; height: 32px; padding: 0 12px; margin-bottom: 7px !important;
		font-weight: bold !important; line-height: 32px; color: #fff !important;

		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;
	}


	/* start of handset detail column styles */
	/* ------------------------------------- */

		div#addHandset {
			border: 1px solid #cfbde2; background: url(/images/12update/widgetGradient.png) top center repeat-x;

			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			-khtml-border-radius: 5px;
			border-radius: 5px;

		}

		div#addHandset div#handsetDetailGroup {
			 padding: 5px 13px 10px 13px;
		}

		div#addHandset h3, div#addHandset h4 {
			display: inline; font-size: 20px; line-height: 20px; margin: 0 !important; padding: 0 !important;
		}

		div#addHandset h4 {
			color: #7b7b7b;
		}


		/* sell_mobile_phone :: add mobile widget styles */
		/* --------------------------------------------- */

			.addMobileWidget { float: left; width: 216px; margin-right: 10px; margin-bottom: 10px; }
			.addMobileWidget.twoThirds { float: left; width: 442px; margin-right: 10px; }
			.addMobileWidget.last,
			.addMobileWidget.twoThirds.last { margin-right: 0px; }
			.addMobileWidget.block { float: left; width: 668px; margin-right: 0px; }

			.addMobileWidget h3 {

				display: block;
				background: transparent;
				color: #4e1c89;
				font-size: 1.5em;
				padding: 0;
				margin-bottom: 5px;
				text-align: left;
				font-weight: 600;
				-webkit-font-smoothing: antialiased;
				line-height: 1.15em;
			}

			.addMobileWidget h3 a.helpIcon { 
				display: inline-block;
				background-image: none;
				float: right;
				color: #0089ff;
				font-size: 20px;
			}
			.addMobileWidget h4 { 
				display: block; 
				font-size: 1.0em; 
				margin-bottom: 4px; 
				color: #333;
				font-weight: 300;
			}
			.addMobileWidget h5 { display: block; font-size: 1.1em; margin-bottom: 25px; color: #333; }

			.widgetContent { 
				border: 1px solid #cfbde2; padding: 5px 8px; min-height: 297px;

				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				-khtml-border-radius: 4px; /* for old Konqueror browsers */
				border-radius: 4px; /* future proofing */

			}
			.widgetContent.short { min-height: 210px; }
			.widgetContent.grey { background-color: #f5f3f3; }
			.widgetContent.gradient { background: url(/images/12update/widgetGradient.png) top center repeat-x; }
			.widgetContent.gradient.shallow { background: url(/images/12update/widgetGradient.png) center center repeat-x; }
			.widgetContent.noMinHeight { min-height: 0; }
			.widgetContent.singleImei { min-height: 78px; }
			.widgetContent hr { padding: 0 0 10px 0; margin: 0; border: 0; height: 0; border-top: 1px solid rgba(78, 28, 137, 0.3); }
			.widgetContent.relative { position: relative; }


		/* sell_mobile_phone :: your handset widget styles */
		/* ----------------------------------------------- */

			#yourHandsetWidget { display: block; text-align: center; }

			#imgThumb { background: #fff; border: 0; margin: 0 auto; width: 100px; margin-bottom: 8px; padding: 12px 0 0 0; }

			#device-config { margin-top: 18px; }

				#device-config h2 { 
					line-height: 1.3; 
					margin-bottom: 0 !important;
				}

			#sell-button-group { 
				position: relative; 
				width: 218px; 
				height: 40px;
				float: right;
			}
			#qty-group {
				position: absolute;
				top: 11px;
				left: -126px;
			}
			#qty-group div { 
				width: 108px;
				height: 33px;
				position: relative;
				background: url('/images/14/network-bonus/qty-input-bg.png') left center no-repeat; }
			#qty-group input { 
				border: 0;
				position: absolute;
				right: 2px;
				top: 0;
				background: transparent;
				width: 26px;
				padding: 7px 4px;
				font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333; 
			}

			div#yourHandsetWidget h1,
			div#yourHandsetWidget h4 {
				display: block;
				font-size: 1.0em;
				margin: 0;
				margin-bottom: 3px;
				padding: 0;
				color: #333;
				letter-spacing: normal;
				border: 0;
				-webkit-font-smoothing: auto;
			}

			div#yourHandsetWidget h1 strong,
			div#yourHandsetWidget h4 strong {
				font-weight: bold;
				font-size: 1.1em;
				line-height: 1.7em;
			}

			div#yourHandsetWidget h1 span,
			div#yourHandsetWidget h4 span {
				display: block;
				font-size: 0.9em;
				line-height: 1.15em;
			}

			#yourHandsetWidget h5 { font-size: .9em; margin-bottom: 0!important; }

			#yourHandsetWidget a.changeQuantity {
				background: url(/images/12update/step1ChangeQuantityButton.png) 0 0 no-repeat;
				width: 107px; height: 22px;
				line-height: 22px; display: inline-block; text-decoration: none;
			}

			#yourHandsetWidget a.saveQuantity {
				background: url(/images/12update/step1ChangeQuantityButton.png) 0 -22px no-repeat;
				width: 94px; height: 22px;
				line-height: 22px; display: inline-block; text-decoration: none;
			}


		/* sell_mobile_phone :: handset condition widget styles */
		/* ---------------------------------------------------- */

			#workingConditionWrap,
			#faultyConditionWrap {
				display: block; margin-top: 12px;
				height: 34px;
				border: 1px solid #ddd1e8;
				background-color: #fff;
				padding: 7px;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				-khtml-border-radius: 4px;
				border-radius: 4px;
			}

			#workingConditionWrap a,
			#faultyConditionWrap a {
				color: #fff;
				width: 48%; padding: 9px 0; 
				float: left;
				text-decoration: none !important;
				line-height: 1;
				text-align: center;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				-khtml-border-radius: 4px;
				border-radius: 4px;
			}

				#workingConditionWrap a.working { 
					background-image: none;
					background-color: #0089ff;
				}
				
				#workingConditionWrap a.faulty { 
					background-image: none;
					background-color: #c4c4c4;
					float: right;
				}

				#faultyConditionWrap {
					display: none;
				}

				#faultyConditionWrap a.faulty { 
					background-image: none;
					background-color: #c4c4c4;
				}

				#faultyConditionWrap a.working { 
					background-image: none;
					background-color: #0089ff;
					float: right;
				}
			
			#select-network h4 { margin: 3px 0 18px 0; }
			#conditionWidget h4 { margin: 3px 0 5px 0; line-height: 1.1em; }

			#conditionWidget .moreInfo { margin: 0; padding: 0; line-height: 1.2em; border-top: 1px solid #c3b4d5; padding-top: 8px; }
			#conditionWidget .moreInfo a:link,
			#conditionWidget .moreInfo a:visited,
			#conditionWidget .moreInfo a { color: #333; font-weight: normal; font-size: .7em; margin: 0; padding: 0; line-height: 1.2em; }

			#conditionWidget .widgetContent { padding: 5px 8px; }

			#conditionWidget ul,
			#conditionWidget ul li { 
				font-size: .9em; margin: 0; padding: 0; list-style: none;
			}

			#conditionWidget ul { margin: 12px 0 10px 30px; }
			#conditionWidget ul li { line-height: 1.4em; padding: 2px 0; }
			#conditionWidget ul li span { font-weight: bold; }
			
			#conditionWidget ul.handsetConditions li {  }
			#conditionWidget ul.handsetConditions li a { 
				background-image: none;
				color: #0089ff;
				float: left; width: 18px; text-decoration: none; margin-left: -22px;
				font-size: 19px;
			}

			/**
			 * css for handset condition tooltips (tipped)
			*/
			.mazConditionTooltip { width: 215px; padding-bottom: 10px; font-size: 1.1em; color: #111; padding: 4px 4px 8px 4px; }
			.mazConditionTooltip h2 { line-height: 1.4em; font-size: 16px; text-align: left; margin-bottom: 6px; padding-bottom: 2px; }
			.mazConditionTooltip hr { margin: 0 0 10px 0; border: 0; height: 0; border-top: 1px solid rgba(78, 28, 137, 0.3); border-bottom: 1px solid rgba(255, 255, 255, 0.7); }
			.mazConditionTooltip p { text-align: justify; margin-bottom: 6px; }

		/* sell_mobile_phone :: payment methods widget styles */
		/* -------------------------------------------------- */

			#paymentMethodWidget { margin-bottom: 13px; }
			#paymentMethodWidget .widgetContent { padding: 0; margin: 4px; }
			#paymentMethodWidget .widgetContent.last { margin-bottom: 0; }

			.paymentMethod { height: 120px; margin-bottom: 2px }

			.paymentMethod a.selector { float: right; text-decoration: none; }
			.paymentMethod a.select,
			.paymentMethod a.selected {
				width: 43px; height: 41px; float: right; margin-top: -4px; margin-right: 15px;
			}

			.paymentMethod a.selected { background: url(/images/12update/reviewOrderPaymentTickOn.png) center center no-repeat; }
			.paymentMethod a.select { background: url(/images/12update/reviewOrderPaymentTickOff.png) center center no-repeat; }

			.paymentMethod h3 { 
				display: block; 
				background-color: #e8e8e8; 
				text-transform: uppercase;
				font-size: .8em; 
				padding: 5px; 
				color: #010101; 
				text-align: center;
				margin-bottom: 53px;
				-webkit-font-smoothing: antialiased;
			}
			.paymentMethod span { 
				font-size: 2.1em; 
				font-weight: bold; 
				color: #333; 
				display: block; 
				margin-bottom: 13px; 
				-webkit-font-smoothing: antialiased;
				padding-left: 20px;
			}
			.paymentMethod h4 { margin-left: 80px; font-size: .7em; line-height: 16px; }
			.paymentMethod h4 a { float: left; margin-right: 5px; }

			.paymentMethod.cheque { background: url(/images/12update/icons/paymentMethodCheque.jpg) center 35px no-repeat; }
			.paymentMethod.transfer { background: url(/images/12update/icons/paymentMethodTransfer.jpg) center 35px no-repeat; }
			.paymentMethod.argos { background: url(/images/12update/icons/paymentMethodArgos.jpg) center 35px no-repeat; }

			.mazPaymentTooltip ul ,
			.mazPaymentTooltip ul li { 
				text-align: left; margin: 0; padding: 0;
			}
			.mazPaymentTooltip ul { margin-bottom: 10px; }
			.mazPaymentTooltip ul li { margin: 0; padding: 0; padding-left: 16px;  list-style: none; line-height: 1.6em; }
			.mazPaymentTooltip ul li { background: url(/images/12update/icons/li-arrows.png) left 3px no-repeat; }

			/**
			 * css for payment method tooltips (tipped)
			*/
			.mazPaymentTooltip { width: 225px; padding-bottom: 10px; font-size: 1.1em; color: #111; padding: 4px 4px 6px 4px; }
			.mazPaymentTooltip h2 { line-height: 1.4em; font-size: 16px; text-align: left; margin-bottom: 6px; padding-bottom: 2px; }
			.mazPaymentTooltip hr { margin: 0 0 10px 0; border: 0; height: 0; border-top: 1px solid rgba(78, 28, 137, 0.3); border-bottom: 1px solid rgba(255, 255, 255, 0.7); }
			.mazPaymentTooltip p { text-align: justify; margin-bottom: 0px; }

			/* sim bonus option styles */
			/* ---------------------------- */
			#bonusOptionPopUp { 
				background: url(/images/12update/iconReviewSaleTableHeadInfo.png) right center no-repeat;
				display: inline-block; width: 16px; height: 16px;
				vertical-align: baseline; text-decoration: none;
			}

			#singleImeiWidget h4 { font-size: 1em; margin-bottom: 10px; }
			#singleImeiWidget input { float: left; }

			#singleImeiWidget .imeiHelp { padding-top: 4px; }
			#singleImeiWidget .imeiHelp a:link,
			#singleImeiWidget .imeiHelp a:visited,
			#singleImeiWidget .imeiHelp a { color: #333; font-size: .8em; float: right; width: 88px; }


			#singleImeiRow input#imeiField1 {

				width: 70%;	margin: 0; font-size: 100%; 
				font-weight: normal;

				display: inline-block;
				height: 30px; padding: 4px 8px; margin-bottom: 10px;
				font-size: 18px; line-height: 30px;
				color: #555555;	vertical-align: middle;

				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				border-radius: 4px;

				background-color: #fff;
				border: 1px solid #cccccc;
				-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
				-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
				box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

			}

			#singleImeiRow input#imeiField1.placeholder { color: #888888; }

			#singleImeiRow input#imeiField1.imeiInputHover {

				background-color: #fff;
				border: 1px solid #a1a1a1;
				-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15);
				-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15);
				box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15);

			}

			#singleImeiRow input#imeiField1.imeiInputFocus {

				background-color: #fff;
				border: 1px solid #1193ff;
				-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
				-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
				box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);

			}


			/* multiple imei numbers styles */
			/* ---------------------------- */

			div#addHandset div#multipleImei {
				height: 26px; line-height: 26px; margin-top: 8px; margin-bottom: 15px;
			}

				div#addHandset div#multipleImei div#multipleImeiNumbers {
					float: left; width: 445px;
				}

				div#addHandset div#multipleImei span.title {
					text-align: right; font-size: 15px; height: 26px; line-height: 26px; font-weight: bold; float: left;
				}

				div#addHandset div#multipleImei input {
					border: 1px solid #c8b4d9; background-color: #fdfcd6;
					padding: 0 0 0 8px; margin: 0 0 0 2px; width: 340px; height: 46px;
					text-align: left; line-height: 46px; font-size: 19px; font-weight: bold; color: #7b7b7b;

					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
					-khtml-border-radius: 5px;
					border-radius: 5px;

				}

				div#addHandset div#multipleImei input.placeholder { color: #888888; }

				div#addHandset div#multipleImei div.imeiNumberHelp {
					height: 26px; line-height: 26px; float: right; 
				}

					div#addHandset div#multipleImei div.imeiNumberHelp a {
						font-size: 13px; padding-right: 25px; display: block;
						background: url(/images/12update/reviewOrderPaymentHelpIcon.png) right center no-repeat;
					}

				#multipleIMEISubmit { padding-top: 20px; }
				#multipleIMEISubmit input { float: right; }


	/* step 2 styles */
	/* ------------- */

	div#step2rev12 {
		margin-bottom: 7px; padding-top: 7px; position: relative; z-index: 1000;
	}

		div#step2rev12 div.paymentMethodBox {
			width: 331px; float: left; margin-right: 8px;
			position: relative;
		}

		div#step2rev12 div.paymentMethodBox.last {
			margin-right: 0; 
		}

		div#step2rev12 div.selectPaymentMethod {
			border: 1px solid #cfbde2; padding: 13px 13px 19px 13px;
			background: #f5f3f3;

			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			-khtml-border-radius: 5px;
			border-radius: 5px;
		}

		div#step2rev12 div.selectPaymentMethod.compact {
			padding: 19px; padding-bottom: 20px;
		}

		div#step2rev12 div.selectPaymentMethod:hover,
		div#step2rev12 div.selectPaymentMethodFocus {
			background: #fdfcd6;
		}

		div#step2rev12 div.selectPaymentMethod div.paymentDetails {
			margin-bottom: 11px;
		}

		div#step2rev12 div.selectPaymentMethod.compact div.paymentDetails {
			margin-bottom: 0; width: 230px; float: left; 
		}

		div#step2rev12 div.selectPaymentMethod.compact div.paymentDetails span {
			display: block; margin-left: 120px;
		}

			div#step2rev12 div.selectPaymentMethod div.paymentDetails span.value {
				font-weight: bold; font-size: 27px;
			}

			div#step2rev12 div.selectPaymentMethod div.paymentDetails span.method {
				font-weight: bold; font-size: 12px; color: #4E1C89;
			}

			div#step2rev12 div.selectPaymentMethod div.paymentDetails img.helpIcon {
				position: absolute; top: 10px; right: 10px;
			}

		div#step2rev12 div.selectPaymentMethod.compact div.paymentTick {
			float: left; display: inline-block;
		}

		div#step2rev12 div.selectPaymentMethod div.cheque {
			height: 43px;
			background: url(/images/12update/placeOrder/step2Cheque.png) left center no-repeat
		}

		div#step2rev12 div.selectPaymentMethod div.transfer {
			height: 43px;
			background: url(/images/paymentMazumaBacs.gif) left center no-repeat
		}

		div#step2rev12 div.selectPaymentMethod div.voucher {
			height: 43px;
			background: url(/images/12update/placeOrder/step2ArgosVoucher.png) left center no-repeat
		}

			div#step2rev12 div.selectPaymentMethod div.tick {
				cursor: pointer;
			}

			div#step2rev12 div.selectPaymentMethod div.select {
				margin-left: 138px; width: 43px; height: 41px;
				background: url(/images/12update/placeOrder/reviewOrderPaymentTickOff.png) center center no-repeat;
			}

			div#step2rev12 div.selectPaymentMethod.compact div.select {
				margin-left: 0; width: 43px; height: 41px;
			}

			div#step2rev12 div.selectPaymentMethod div.selected {
				margin-left: 138px; width: 43px; height: 41px;
				background: url(/images/12update/placeOrder/reviewOrderPaymentTickOn.png) center center no-repeat;
			}

			div#step2rev12 div.selectPaymentMethod.compact div.selected {
				margin-left: 0; width: 43px; height: 41px;
			}


	/* start of handset detail column styles */
	/* ------------------------------------- */

	div#addToSalesBasket img.addMobileAnimPromo {
		float: left;
	}

	div#addToSalesBasket {
		text-align: right; margin-bottom: 45px; padding-bottom: 2px; padding-top: 0;
	}

		div#addToSalesBasket input#sellThisMobileBasketButton {
			margin-top: 10px; width: 218px; height: 40px; cursor: pointer; float: right;	
		}


	/* new 4 simple steps box styles */
	/* --------------------------- */

	.topPaddingDividerSimpleStepsOnly { margin-top: 45px; }

	div#step4rev12 div#addMobileStepsRow { margin-top: 13px; }


	/* start of sales info box styles */
	/* ------------------------------ */

	div#step4rev12 {

	}

		div#step4rev12 div#salesInfoBoxRow1,
		div#step4rev12 div#salesInfoBoxRow2 {
			margin-bottom: 7px;
		}

		div#step4rev12 div.salesInfoBoxContainer {
			width: 219px; float: left; margin-right: 6px;
			min-height: 166px; height:auto !important; height: 166px;
			position: relative;
		}

		div#step4rev12 div.salesInfoBoxContainer.last {
			width: 220px; margin-right: 0; 
		}

			div#step4rev12 div.salesInfoBoxContent {

				border: 1px solid #cfbde2; padding: 11px 0 0 12px;
				background: #ffffff url(/images/12update/placeOrder/salesInfoBoxBackground.png) bottom center no-repeat;

				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				-khtml-border-radius: 5px;
				border-radius: 5px;

			}

			div#step4rev12 div#step4SalesPack {
				background: url(/images/12update/placeOrder/step4SalesPack.png) 90% 82% no-repeat;
				padding-right: 12px; padding-bottom: 11px;
			} 

			div#step4rev12 div#step4PrintYourOwnSalesPack {
				background: url(/images/12update/placeOrder/step4PrintYourOwnSalesPack.png) 90% 78% no-repeat;
				padding-right: 12px; padding-bottom: 11px;
			} 

			div#step4rev12 div#step4DataDeleteTool {
				background: url(/images/12update/placeOrder/step4DataDeleteTool.png) 89% 75% no-repeat;
				padding-right: 12px; padding-bottom: 11px;
			} 

			div#step4rev12 div#step4CourierCollection {
				background: url(/images/12update/placeOrder/step4CourierCollection.png) 90% 81% no-repeat;
				padding-right: 12px; padding-bottom: 11px;
			} 

			div#step4rev12 div#step4DontGetStung {
				background: url(/images/12update/placeOrder/step4DontGetStung.png) 100% 74% no-repeat;
				padding-right: 12px; padding-bottom: 11px;
			} 

			div#step4rev12 div#step4SameDayPayment {
				background: url(/images/12update/placeOrder/step4SameDayPayment.png) 95% 85% no-repeat;
				padding-right: 12px; padding-bottom: 11px;
			} 

			div#step4rev12 div.salesInfoBoxContent h5 {
				border-bottom: 1px solid #d3c6e2; padding-bottom: 8px !important; margin-bottom: 8px !important; 
				font-size: 15px; font-weight: normal; display: block; overflow: hidden;
			}

			div#step4rev12 div.salesInfoBoxContent p {
				font-size: 12px; font-weight: normal; line-height: 1.45em; color: #666666; margin-bottom: 21px;
			}

			div#step4rev12 div.salesInfoBoxContent p.action {
				padding: 0; margin: 0; margin-bottom: 2px;
			}

			div#step4rev12 div.salesInfoBoxContent p.action a,
			div#step4rev12 div.salesInfoBoxContent p.action a:link
			div#step4rev12 div.salesInfoBoxContent p.action a:visited {
				color: #666666; text-decoration: underline;
			}

			div#step4rev12 div.salesInfoBoxContent p.action a:hover,
			div#step4rev12 div.salesInfoBoxContent p.action a:focus {
				color: #333333;
			}


/* start of right column */
/* --------------------- */

div#rightColumn {
	float: left; width: 253px;
	}

	div#rightColumn div#rightColumnInner {
		border-left: 1px solid #ded2e9;
		border-right: 1px solid #ded2e9;
		background: #fff; padding-top: 10px;
		}

	div#rightColumn div#mySalesBasket {
		margin: 0 15px 15px; margin-bottom: 3px; height: 98px;
		background: url(/images/12update/placeOrder/mySalesBasket.png) 0 0 no-repeat
		}

	div#rightColumn div#mySalesBasketTotal {
		margin: 0 15px 12.5px 15px; 
		font-weight: bold; color: #ee0b00; font-size: 37.5px;
		}

	div#rightColumn div#basketScrollShort {
		margin: 5px 1px 5px;
		text-align: left;
		height: 243px;
		overflow-x: hidden;
		overflow-y: auto;
		}

	div#rightColumn div.basketItem {
		margin-bottom: 11px; 
		}

	div#rightColumn div.basketItem.last {
		margin-bottom: 0; 
		}

	div#rightColumn div.basketItem div.basketItemTitle,
	div#rightColumn div.basketItem div.basketItemInfo {
		margin: 0 15px 4px 15px;
		font-weight: bold; font-size: .75em; color: #666;
		}

	div#rightColumn div.basketItem div.basketItemInfo {
		padding-bottom: 7px; font-weight: normal; border-bottom: 1px solid #ded2e9;
		}

	div#rightColumn div.basketItem.last div.basketItemInfo {
		margin-bottom: 2px; border-bottom: none;
		}

	    div#rightColumn div.basketItem div.basketItemInfo div.basketItemSerial,
	    div#rightColumn div#youWillReceive div.heading {
	    	float: left;
	    	}

	    div#rightColumn div.basketItem div.basketItemInfo div.basketItemPrice,
	    div#rightColumn div#youWillReceive div.value {
	    	float: right;
	    	}

    div#rightColumn div#youWillReceive {
		margin-bottom: 12.5px; height: 46px; line-height: 48px; padding: 0 15px; background: #e6f4ff;
		font-weight: bold; color: #4e1c89; font-size: 16px;
    	}

	    div#rightColumn div#youWillReceive.empty {
			color: #ee0b00; margin-bottom: 22px;
	    	}

    div#rightColumn div#basketFooter {
    	background: url(/images/12update/placeOrder/basketFooterSeparator.png) center bottom no-repeat;
		padding: 0 15px 48px 15px;
    	}

    	div#rightColumn div#basketFooter a#reviewOrderButton {
    		margin-bottom: 12.5px;
    	}


		/* start of small model search styles */
		/* ---------------------------------- */

		div#rightColumn form#miniSearchForm {
		    margin: 0; padding: 0; height: 27px; position: relative;
		    background: url(/images/12update/placeOrder/miniSearchInput.png) 0 0 no-repeat;
		    height: 27px; position: relative;
			}

			div#rightColumn form#miniSearchForm input#miniSearchInput {
			    margin: 0; padding: 0; height: 20px; width: 155px; border: 0; background: none;
			    font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #999;
			    position: absolute; top: 4px; left: 10px;
			    box-sizing: inherit!important;
			    -webkit-appearance: none !important;
				top : 5px\9; /* IE8 and below */
				*top : 5px; /* IE7 and below */
				}

			div#rightColumn form#miniSearchForm input#miniSearchSubmit {
			    width: 38px; height: 27px;
			    position: absolute; top: 0; left: 183px;
				}

		/* start of small competitor typeahead */
		/* ----------------------------------- */

		div#leftColumn div#competitor-trustpilot {
			padding: 0 15px; 
		}

		div#leftColumn div#competitor-trustpilot input.typeahead.tt-hint {
			display: none;
		}

		div#leftColumn div#competitor-trustpilot input.typeahead.tt-input::-webkit-input-placeholder {
		   color: #999; 
		}

		div#leftColumn div#competitor-trustpilot input.typeahead.tt-input:-moz-placeholder { /* Firefox 18- */
		   color: #999;  
		}

		div#leftColumn div#competitor-trustpilot input.typeahead.tt-input::-moz-placeholder {  /* Firefox 19+ */
		   color: #999;   
		}

		div#leftColumn div#competitor-trustpilot input.typeahead.tt-input:-ms-input-placeholder {  
		   color: #999; 
		}

		div#leftColumn div#competitor-trustpilot img {
			margin-bottom: 1px; 
		}		

		div#leftColumn div#competitor-trustpilot p {
			color: #666666; font-size: 15px; line-height: 1.3em;
			margin-bottom: 15px;
		}

		div#leftColumn div#competitor-trustpilot-search {
		    margin: 0; padding: 0; height: 27px; position: relative;
		    background: url(/images/12update/competitorSearchInput.jpg) 0 0 no-repeat;
			}

			div#leftColumn div#competitor-trustpilot-search input.typeahead {
			    margin: 0; padding: 0; height: 20px; width: 200px; border: 0; background: transparent;
			    font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #666666;
			    position: absolute; top: 4px; left: 10px;
				top : 5px\9; /* IE8 and below */
				*top : 5px; /* IE7 and below */
				}

		div#leftColumn div#competitor-trustpilot .star-animation {
		    margin: 20px 0 0 26px; padding: 0; height: 30px;
			}

		span.tt-dropdown-menu {
			background: #fff; border: 1px solid #dedede; border-bottom: 0;
			padding: 0 !important; line-height: 1em; top: 30px !important; width: 219px;
		}


		.tt-dataset-recyclers {
			background: #fff; padding: 0 !important; margin: 0 !important;
		}

		.tt-dataset-recyclers .tp-option {
			background: #fff; border-bottom: 1px solid #dedede; padding: 0 !important; margin: 0 !important;
		}

		.tt-dataset-recyclers .tp-option a.empty:hover {
			background-color: #fff;
			cursor: default;
		}

		.tt-dataset-recyclers .tp-option:last-child {
			border-bottom: 1px solid #dedede;
		}

		.tt-dataset-recyclers a {
			display: block;
			background-color: #fff;
			padding: 4px 8px;
			font-size: 12px;
			text-decoration: none;
			color: #333;
			border-top: 2px solid #fff; border-bottom: 2px solid #fff;
			font-weight: bold;
		}

		.tt-dataset-recyclers a:hover {
			background-color: #ede7f3;
			font-weight: bold;
		}

		/* overrides for wide competitor drop down on sell mobile page */
		/* ----------------------------------------------------------- */

    	#competitor-trustpilot.ct-wide {
    		padding: 0; margin-bottom: 10px; height: 92px; width: 668px; position: relative;
    		background: url('/images/14/maz-competitor-widget-wide.png') left top no-repeat;
    	}
     	#competitor-trustpilot.ct-wide #competitor-trustpilot-search {
     		background: url('/images/14/maz-competitor-widget-wide-input.png') left top no-repeat;
     		width: 260px; position: absolute; right: -10px; bottom: 15px;
     	}
		#competitor-trustpilot.ct-wide span.tt-dropdown-menu { width: 203px; }
		input.typeahead.tt-input { font-weight: bold; color: #333333 !important; }
		input.typeahead.tt-input:-moz-placeholder { font-weight: bold; color: #333333 !important; }
		input.typeahead.tt-input::-moz-placeholder { font-weight: bold; color: #333333 !important; }
		input.typeahead.tt-input:-ms-input-placeholder { font-weight: bold; color: #333333 !important; }
		input.typeahead.tt-input::-webkit-input-placeholder { font-weight: bold; color: #333333 !important; }
		input.typeahead.tt-input:focus::-webkit-input-placeholder { color: transparent; }

		div#leftColumn div#competitor-trustpilot-search input.typeahead { width: 185px; }


		/* auto Suggest Script Styles */
		/* -------------------------- */

		div#rightColumn div#miniSearchResults { 
		    max-height: 151px; width: 219px; border: solid 1px #DEDEDE; 
		    background-color: #fff; display: none; overflow: auto; font-size: 11px;
		    position: absolute; left: 0; top: 32px;
		    z-index: 1000;
			}

		div#rightColumn div#miniSearchResults ul, 
		div#rightColumn div#miniSearchResults li { padding: 0; margin: 0; border: 0; list-style: none; }
		div#rightColumn div#miniSearchResults li { border-top:solid 1px #DEDEDE; overflow: hidden; line-height: 1.3em; }
		div#rightColumn div#miniSearchResults li a { display: block; padding: 4px; text-decoration: none; color: #000000; font-weight: bold; }
		div#rightColumn div#miniSearchResults li a:hover { background: #FFFFCC; }
		div#rightColumn div#miniSearchResults ul { padding: 6px; }

		/* start of search for another model styles */
		/* ---------------------------------------- */

		div#searchForAnotherModelDummyForm {
		    margin: 0; padding: 0; height: 27px; position: relative;
		    background: url(/images/12update/searchForAnotherModelInput.jpg) 0 0 no-repeat;
		    height: 27px; position: relative;
			}

			div#searchForAnotherModelDummyForm input#searchForAnotherModelDummyInput {
			    margin: 0; padding: 0; height: 20px; width: 230px; border: 0; background: none;
			    font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #999;
			    position: absolute; top: 4px; left: 10px;
				top : 5px\9; /* IE8 and below */
				*top : 5px; /* IE7 and below */
				}

			div#searchForAnotherModelDummyForm a#searchForAnotherModelDummySubmit {
			    width: 38px; height: 27px;
			    position: absolute; top: 0; left: 246px;
				}

		/* auto Suggest Script Styles */
		/* -------------------------- */

		div#searchForAnotherModelDummyForm div#searchForAnotherModelResults { 
		    max-height: 139px; width: 219px; border: solid 1px #DEDEDE; 
		    background-color: #fff; display: none; overflow: auto; font-size: 11px;
		    position: absolute; left: 0; top: 28px; z-index: 5000;
			}

		div#searchForAnotherModelDummyForm div#searchForAnotherModelResults ul, 
		div#searchForAnotherModelDummyForm div#searchForAnotherModelResults li { padding: 0; margin: 0; border: 0; list-style: none; }
		div#searchForAnotherModelDummyForm div#searchForAnotherModelResults li { border-top:solid 1px #DEDEDE; overflow: hidden; white-space: nowrap; }
		div#searchForAnotherModelDummyForm div#searchForAnotherModelResults li a { display: block; padding: 4px; text-decoration: none; color: #000000; font-weight: bold; }
		div#searchForAnotherModelDummyForm div#searchForAnotherModelResults li a:hover { background: #FFFFCC; }
		div#searchForAnotherModelDummyForm div#searchForAnotherModelResults ul { padding: 6px; }


	/* bold chat right column */
	/* ---------------------- */

	div#rightColumn div#boldChatRightColumn {
		margin: 0 auto; margin-bottom: 12.5px;
	}


	/* trust pilot reviews */
	/* ------------------- */

	div#rightColumn div#trustPilotRightColumnReviews {
		margin: 0 15px; padding: 12px; border: 1px solid #cccccc; overflow: hidden;

		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px; /* for old Konqueror browsers */
		border-radius: 5px; /* future proofing */

		background: url(/images/12update/placeOrder/trustPilotReviewBkg.png) bottom center no-repeat;
	}

	div#rightColumn div#trustPilotRightColumnReviews div.innerWrap {

	}

	div#rightColumn div#trustPilotRightColumnReviews h3 {
		font-weight: normal; font-size: 1em; line-height: 1em; color: #222; margin: 0 0 18px; padding-bottom: 9px;
		border-bottom: 1px solid #d3c6e2;
	}

	div#rightColumn div#trustPilotRightColumnReviews img#trustPilotLogo {
		display: block; margin-bottom: 6px;
	}

	div#rightColumn div#trustPilotRightColumnReviews div.userReview p.reviewCount {
		font-size: 0.75em; color: #333; margin: 0 0 7px 0; padding: 0;
	}

	div#rightColumn div#trustPilotRightColumnReviews div.userReview img.trustScore {
		margin-bottom: 15px; display: block;
	}

	div#rightColumn div#trustPilotRightColumnReviews div.userReview h4 {
		font-weight: bold; font-size: 0.9em; line-height: 1.3em; color: #222; margin: 0 0 3px 0; padding-bottom: 0;
	}

	div#rightColumn div#trustPilotRightColumnReviews div.userReview p.reviewContent {
		font-weight: normal; font-size: 0.8em; margin-bottom: 0.8em; margin-top: 0.4em; line-height: 1.3em; color: #888; 
	}

	div#rightColumn div#trustPilotRightColumnReviews div.userReview div.footer {
		margin-bottom: 18px;
	}

		div#rightColumn div#trustPilotRightColumnReviews div.userReview div.footer span.reviewTrustScore img {
			float: left;
		}

		div#rightColumn div#trustPilotRightColumnReviews div.userReview div.footer span.reviewDate {
			font-size: 0.7em; color: #888; display: inline-block; float: right;
		}

	div#rightColumn div#trustPilotRightColumnReviews p.moreReviews a {
		font-size: 0.75em; font-weight: bold; color: #888;
	}


	/* promises and banners */
	/* -------------------- */

    div#rightColumn .bannerBlock {
        margin: 0 15px 0 15px;
        padding-bottom: 15px;
    }
    div#rightColumn .bannerBlock img.banner {
        margin-bottom: 17px;
    }
    div#rightColumn .bannerBlock img.banner:last-child {
        margin-bottom: 0;
    }
    div#rightColumn div#basketFooter {
        background: none;
        padding: 0 15px 23px 15px;
    }
    div#rightColumn .bannerBlock.separator {
        background: url(/images/12update/basketFooterSeparator.png) center top no-repeat;
        padding-top: 25px;
    }

    div#rightColumn #slides,
    div#rightColumn #slides li,
    div#rightColumn #slides li img {
        margin: 0; padding: 0;
    }
     div#rightColumn #slides {
        margin-left: 15px;
        margin-right: 15px;
    }

     div#rightColumn .slidesjs-control {
        padding-bottom: 0;
    }


/* call to action content footer bar */
/* --------------------------------- */

div#callToAction {
	margin: 7px 0;
	}

	div#callToAction.callMaz {
		height: 54px;
		background: url(/images/12update/placeOrder/callToActionCallMaz.png) left center no-repeat;
		}


/*  review/confirm order full width styles  */
/* ---------------------------------------- */

.testDisabled {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    line-height: 40px;
    background-color: #FBE2DA;
    color: #EA4106;
    font-weight: bold;
    border: 1px solid #EA4106;
    margin: 0 0 15px 0;
    padding: 7px;
    height: 40px;
    text-align: center;
}

div.sectionWrap div.sectionOuter div.sectionInner.orderProcessWide .warning p {
	margin: 28px 0; font-size: 1.6em; color: #ee0b00; font-weight: bold;
}

.sectionWrap.reviewOrder {
	margin-top: 7px;
}

div.sectionWrap div.sectionOuter div.sectionInner.orderProcessWide {
	padding: 25px 54px 30px 54px; overflow: auto;
	}

	div.sectionWrap div.sectionOuter div.sectionInner.orderProcessWide h1 {
		font-size: 2.0em; font-weight: bold; color: #4e1c89; -webkit-font-smoothing: antialiased;
		margin-left: -0.1em; margin-top: 0.1em; margin-bottom: 23px; padding-bottom: 21px; letter-spacing: -1px; border-bottom: 1px solid #dcd0e8;
	}
	
	div.sectionWrap div.sectionOuter div.sectionInner.orderProcessWide h2 {
		font-size: 1.3em; font-weight: bold; color: #666666; -webkit-font-smoothing: antialiased;
		margin-left: 0; margin-top: 0em; margin-bottom: 11px; padding-bottom: 0;
	}

	div.sectionWrap div.sectionOuter div.sectionInner.orderProcessWide h2.payment {
		margin-top: 20px;
	}
	
	div.sectionWrap div.sectionOuter div.sectionInner.orderProcessWide p {
		color: #666666; margin: 0 0 8px 0; padding: 0;
	}
	div.sectionWrap div.sectionOuter div.sectionInner.orderProcessWide p.noMargin {
		color: #666666; margin: 0; padding: 0;
	}
	
	div.sectionWrap div.sectionOuter div.sectionInner.orderProcessWide p a.sellNowTextAction {
		color: #0892ff; text-decoration: none; font-weight: bold;
	}

	div.sectionWrap div.sectionOuter div.sectionInner.orderProcessWide p a.sellNowTextAction:hover  {
		color: #0892ff; text-decoration: underline; font-weight: bold;
	}

	div.sectionWrap div.sectionOuter div.sectionInner.orderProcessWide.smallBottomPad {
		padding: 20px 54px 20px 54px;
	}

	div.sectionWrap div.sectionOuter div.sectionInner.orderProcessWide .tableHeadFoot {
		margin: 0; padding: 0 12px; height: 30px; line-height: 30px; background-color: #4f148c;
		
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px; /* for old Konqueror browsers */
		border-radius: 5px; /* future proofing */
	}

	div.sectionWrap div.sectionOuter div.sectionInner.orderProcessWide .tableHeadFoot .head {
		color: #ffffff; font-size: 0.9em; font-weight: bold; float: left;
	}

		div.sectionWrap div.sectionOuter div.sectionInner.orderProcessWide .tableHeadFoot .head.col1 {
			width: 80px;
		}
		div.sectionWrap div.sectionOuter div.sectionInner.orderProcessWide .tableHeadFoot .head.col2 {
			width: 357px;
		}
		div.sectionWrap div.sectionOuter div.sectionInner.orderProcessWide .tableHeadFoot .head.col3 {
			width: 140px;
		}
		div.sectionWrap div.sectionOuter div.sectionInner.orderProcessWide .tableHeadFoot .head.col4 {
			width: 175px;
		}
		div.sectionWrap div.sectionOuter div.sectionInner.orderProcessWide .tableHeadFoot .head.col5 {
			width: 90px;
		}
		
		div.sectionWrap div.sectionOuter div.sectionInner.orderProcessWide .tableHeadFoot .head.col3 img {
			vertical-align:text-top;
		}
		
		.removeHandsetIcon { cursor: pointer; margin-left: 25px; }

	div.sectionWrap div.sectionOuter div.sectionInner.orderProcessWide .tableHeadFoot.totalSaleValueSub p {
		color: #ffffff; font-size: 0.9em; font-weight: bold; float: left; line-height: 30px; margin-left: 670px;
	}

	div.sectionWrap div.sectionOuter div.sectionInner.orderProcessWide #reviewPaymentMethod {
		width: 868px;
	}

		div.sectionWrap div.sectionOuter div.sectionInner.orderProcessWide #reviewPaymentMethod .panel {
			width: 247px; float: left; margin-right: 6px; padding: 18px; background-color: #f6f4f4; border: 1px solid #d3c4e2;
			
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			-khtml-border-radius: 5px; /* for old Konqueror browsers */
			border-radius: 5px; /* future proofing */
			
			text-align: center;
		}

		div.sectionWrap div.sectionOuter div.sectionInner.orderProcessWide #reviewPaymentMethod .panel:hover,
		div.sectionWrap div.sectionOuter div.sectionInner.orderProcessWide #reviewPaymentMethod .selectPaymentMethodFocus {
			background: #fdfcd6;
		}

		div.sectionWrap div.sectionOuter div.sectionInner.orderProcessWide #reviewPaymentMethod .panel.last {
			margin-right: 0;  
		}

		div.sectionWrap div.sectionOuter div.sectionInner.orderProcessWide #reviewPaymentMethod .panel .title {
			font-size: 1.1em; font-weight: bold; color: #0892ff; margin: 0 auto;
		}

		div.sectionWrap div.sectionOuter div.sectionInner.orderProcessWide #reviewPaymentMethod .panel .title img {
			vertical-align: text-top;
		}

		div.sectionWrap div.sectionOuter div.sectionInner.orderProcessWide #reviewPaymentMethod #cheque .title {
			width: 100px;
		}

		div.sectionWrap div.sectionOuter div.sectionInner.orderProcessWide #reviewPaymentMethod #bacs .title {
			width: 150px;
		}

		div.sectionWrap div.sectionOuter div.sectionInner.orderProcessWide #reviewPaymentMethod #argos .title {
			width: 160px;
		}

		div.sectionWrap div.sectionOuter div.sectionInner.orderProcessWide #reviewPaymentMethod .panel .info {
			font-size: 15px; margin: 10px 0 20px 0;
		}

		div.sectionWrap div.sectionOuter div.sectionInner.orderProcessWide #reviewPaymentMethod .panel .icons {
			width: 170px; margin-left: 42px; overflow: auto; text-align: left; overflow: hidden;
		}

		div.sectionWrap div.sectionOuter div.sectionInner.orderProcessWide #reviewPaymentMethod .panel .icons img .paymentIcon {
			float: left;
		}

		div.sectionWrap div.sectionOuter div.sectionInner.orderProcessWide #reviewPaymentMethod .panel .icons .paymentMethodImage {
			float: left;
		}
		div.sectionWrap div.sectionOuter div.sectionInner.orderProcessWide #reviewPaymentMethod .panel .icons .tickIcon {
			float: right; margin-top: 3px;
		}
	
	div.sectionWrap div.sectionOuter div.sectionInner.orderProcessWide #totalSaleValue p {
		margin: 0; padding: 0; font-size: 1.7em; color: #ee0b00; text-align: right; font-weight: bold;
	}
	
	div.sectionWrap div.sectionOuter div.sectionInner.orderProcessWide #totalSaleValue p #saleValue {
		margin: 0; padding: 0; color: #ee0b00; 
	}

	div.sectionWrap div.sectionOuter div.sectionInner.orderProcessWide #callToActionButtonBarEmpty {
		margin: 5px 0 20px 0; padding: 0; text-align: center;
	}

		div.sectionWrap div.sectionOuter div.sectionInner.orderProcessWide #addToSalesBasketButton {
			width: 330px;
		}

		div.sectionWrap div.sectionOuter div.sectionInner.orderProcessWide #addToSalesBasketButton span {
			width: 300px;
		}

	div.sectionWrap div.sectionOuter div.sectionInner.orderProcessWide #callToActionButtonBar {
		margin: 5px 0 20px 0; padding: 0; overflow: auto;
	}
	
		div.sectionWrap div.sectionOuter div.sectionInner.orderProcessWide #deleteOrderButton {
			width: 170px; float: left;
		}
	
		div.sectionWrap div.sectionOuter div.sectionInner.orderProcessWide #addMoreButton {
			width: 170px; float: right;
		}
	
		div.sectionWrap div.sectionOuter div.sectionInner.orderProcessWide #addMoreButton2 {
			width: 238px; float: right; margin-right: 20px;
		}
	
		div.sectionWrap div.sectionOuter div.sectionInner.orderProcessWide #submitSaleButton {
			width: 240px; float: right; margin-right: 2px;
		}
	

	/**
	 * css for payment method tooltips (tipped)
	*/
	.mazPaymentMethodTooltip { width: 350px; padding-bottom: 10px; font-size: 1.1em; color: #fff; padding: 4px 4px 8px 4px; }
	.mazPaymentMethodTooltip h2 { line-height: 1.4em; font-size: 16px; text-align: left; margin-bottom: 6px; padding-bottom: 2px; }
	.mazPaymentMethodTooltip hr { margin: 0 0 10px 0; border: 0; height: 0; border-top: 1px solid rgba(78, 28, 137, 0.3); border-bottom: 1px solid rgba(255, 255, 255, 0.7); }
	.mazPaymentMethodTooltip p { text-align: left; margin-bottom: 6px; }

/*    confirm sale base styles    */
/* ------------------------------ */

	#confirmSaleHeaderWrapper {
		overflow: auto; font-size: 0.9em; margin-bottom: 20px; 
	}
	#confirmSaleHeaderWrapper .confirmSaleLeft p span,
	#confirmSaleHeaderWrapper .confirmSaleRight p span {
		color: #4e1c89;
	}
		#confirmSaleHeaderWrapper .confirmSaleLeft {
			float: left; background-color: #f6f4f4; border: 1px solid #d5c7e3; padding: 15px; width: 380px; 
	
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			-khtml-border-radius: 5px; /* for old Konqueror browsers */
			border-radius: 5px; /* future proofing */
			
		}
		#confirmSaleHeaderWrapper .confirmSaleRight {
			float: right; width: 380px; text-align: right;
		}
		#confirmSaleHeaderWrapper .confirmSaleLeft p {
			margin: 0 0 10px 0;
		}
		#confirmSaleHeaderWrapper .confirmSaleLeft p.tel {
			margin: 0;
		}
	
		#confirmSaleHeaderWrapper .confirmSaleRight .bacSSLbutton {
			margin: 5px 0 0 0; padding: 0;			
		}
	
		#confirmSaleHeaderWrapper .confirmSaleRight .paymentMethod {
			margin: 29px 0 0 0;
			padding: 0;
		}
	
		div.sectionWrap div.sectionOuter div.sectionInner.orderProcessWide .tableHeadFoot.review .head.col12 {
			width: 405px;
		}
		div.sectionWrap div.sectionOuter div.sectionInner.orderProcessWide .tableHeadFoot.review .head.col3 {
			width: 140px;
		}
		div.sectionWrap div.sectionOuter div.sectionInner.orderProcessWide .tableHeadFoot.review .head.col4 {
			width: 207px;
		}
		div.sectionWrap div.sectionOuter div.sectionInner.orderProcessWide .tableHeadFoot.review .head.col5 {
			width: 90px;
		}
		
		table.reviewTable {
			width: 850px;
			margin-left: 8px;
		}
		
	div.sectionWrap div.sectionOuter div.sectionInner.orderProcessWide.review {
		padding: 25px 54px 20px 54px; overflow: auto;
	}

	#termsConsent {
		background-color: #fbfbe0; border: 1px solid #d5c7e3; margin-top: 20px; padding: 10px;	

		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px; /* for old Konqueror browsers */
		border-radius: 5px; /* future proofing */
		
	}

	#termsConsent p {
		font-size: 1em; margin: 0;
	}

	div.sectionWrap div.sectionOuter div.sectionInner.orderProcessWide #callToActionButtonBar .review {
		margin: 5px 0 0 0; padding: 0; overflow: auto;
	}
	
.callMaz.topPad	{
	margin-top: 7px
}


/*  confirm sale BACS override styles (/core/09update/confirmOrderBacs.css) */
/* ------------------------------------------------------------------------ */

	#searchingLoader {
		position: relative !important;
		border: 1px solid #d5c7e3 !important; 
		width: 836px !important;
		height: 100px !important; 
		padding-top: 30px !important;
		top: 4px !important;
	}

	#searchingLoader p {
		color: #999; margin-top: 20px;
	}
	
	#bacsDetailsBox {
		margin: 0 0 11px 0 !important; font-size: 1.1em !important;
	}
	
	#bacsDetailsBox .formRowWrapper {
		overflow: auto; margin: 5px 0 0 0; height: 67px;

	}
	
	#bacsDetailsBox p.strongRedText {
		color: #D8283C; margin: 0 0 8px 0; padding: 0;
	}

	#bacsDetailsBox p img {
		vertical-align:text-top;
	}

	#bacsDetailsBox #tooltip1 h3 {
		font-weight: bold;
	}

	#bacsDetailsBox #tooltip1 h3, #bacsDetailsBox #tooltip1 p {
		color: #FFF;
	}

	#bacsDetailsBox label {
		color: #4e1c89;
		font-size: 85%;
	}

	#bacsDetailsBox #accNameWrapper, #bacsDetailsBox #accNumberWrapper {
		float: left;
		display: block;
		color: #333;
		margin: 9px 0 0 0;
		padding: 0;
		width: 380px;
	}
	
	#bacsDetailsBox #accNameWrapper input, #bacsDetailsBox #accNumberWrapper input {
		font-size: 85%;
		padding: 0 0 0 5px;
		width: 335px;
		height: 26px;
		line-height: 26px; /* IE7+8 centres text in input */
		background-color: #fbfbe0;
	}

	#bacsDetailsBox #accSortWrapper {
		float: left;
		display: block;
		color: #333;
		margin: 9px 0 0 7px;
		padding: 0;
		width: 180px;
	}
	
	#bacsDetailsBox #accSortWrapper input {
		font-size: 85%;
		padding: 0 0 0 5px;
		width: 28px;
		height: 26px;
		line-height: 26px; /* IE7+8 centres text in input */
		background-color: #fbfbe0;
	}
	
	#bacsDetailsBox #accRollWrapper {
		float: left;
		display: block;
		color: #333;
		margin: 9px 0 0 7px;
		padding: 0;
		width: 220px;
		display: none;
	}
	
	#bacsDetailsBox #accRollWrapper label {
		width: 160px;
	}

	#bacsDetailsBox #accRollWrapper input {
		font-size: 85%;
		padding: 0 0 0 5px;
		width: 180px;
		height: 26px;
		line-height: 26px; /* IE7+8 centres text in input */
		background-color: #fbfbe0;
	}

	#bacsDetailsBox #verifyBankDetailsButton {
		margin: 4px 0 0 0; cursor: pointer;
	}

	#pleaseNoteAndTerms {
		background-color: #f6f4f4; border: 1px solid #d5c7e3; padding: 2px; margin: 0 0 25px 0;	

		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px; /* for old Konqueror browsers */
		border-radius: 5px; /* future proofing */
		
	}

	#pleaseNoteAndTerms #pleaseNote {
		overflow: auto; height: 60px; line-height: 60px;
	}

	#pleaseNoteAndTerms #pleaseNote img {
		float: left;
		width: 36px;
		margin: 12px;
	}

	#pleaseNoteAndTerms #pleaseNote div {
		float: left;
		width: 750px;
		font-size: 1.1em;
		font-weight: bold;
		color: #4e1c89;
	}
	

/*  order process overlay styles  */
/* --------------------------------- */

div#handsetCondition {
	width: 600px;
}

div#handsetCondition p {
	font-size:14px;
	margin: 0 0 3px 0;
	line-height: 140%;
}

div#handsetCondition h3 {
	font-size:18px;
	margin: 15px 0 5px 0;
}

div#handsetCondition .wearTearStamp {
	background: url(/images/16/sell-mobile/cosmetic-wear-tear.png) 455px 10px no-repeat;
}


/*  cracked back glass banner/popup  */
/* --------------------------------- */

div#crackedBackGlassBanner {
	width: 668px; 
	height: 92px; 
	margin-bottom: 10px;
}

div#crackedBackGlassBanner a,
div#crackedBackGlassBanner a:link {
	border: 0;
}

div#crackedBackGlassPopup {
	width: 600px;
	background: url(/images/14/glass-back-iphone.v1.png) 396px 85px no-repeat;
}

div#crackedBackGlassPopup p {
	margin: 0 0 14px 0;
	line-height: 140%;
	padding-right: 190px;
}


/* sales pack option specific styles */
/* --------------------------------- */

div.salesPackOption {
	height:475px;
}

	div.salesPackOption div.wrapper {
		height:407px;
	}

		div.salesPackOption div.copy {
			padding: 59px 15px 18px 15px;
		}

div#salesPackOption1 {
	background: url(/images/12update/placeOrder/requestFreeSalesPackBg.jpg) -1px 0 no-repeat;
}

	div#salesPackOption1b {
		background: url(/images/12update/placeOrder/requestFreeSalesPackCourierBg.jpg) -1px 0 no-repeat;
	}

div#salesPackOption2 {
	background: url(/images/12update/placeOrder/printYourOwnSalesPackBg.jpg) -1px 0 no-repeat;
}

	div#salesPackOption2b {
		background: url(/images/12update/placeOrder/printYourOwnSalesPackCourierBg.jpg) -1px 0 no-repeat;
	}

div#footnote {
	padding-top: 10px;
}

div.recommendSocialNetwork {
	background: #fbfbe0; border: 1px solid #d3c4e2;
	text-align: left; height: 45px; vertical-align: middle; margin: 0 0 20px 0; padding-left: 100px;
}

	div.recommendSocialNetwork div.rSN_Callout {
		 margin: 0; padding: 0; float: left;
		 text-align: left; height: 45px; line-height: 45px;
	}

	div.recommendSocialNetwork div.rSN_Links {
		 margin: 0; padding: 9px 0 0 0;
		 text-align: left;
	}

	div.recommendSocialNetwork div.rSN_Links a {
		margin: 0; padding: 0; float: none;
	}

		div.recommendSocialNetwork div.rSN_Links a img {
			float: none;
		}


/* deviceIdentityHelp */

div#deviceIdentityHelp p {
	font-size: 14px;
}

/* KEVIN AND JOHN'S VIDEOS */
/* ----------------------- */


#kevinAndJohnVideo {
	text-align: center;
	margin-bottom: 20px;
}
#kevinAndJohnVideo img {
	margin: 0 auto;
}


/* NEW LOOK CONDITIONS POPUP/MODAL */
/* ------------------------------- */

body div.fancybox-skin { background-color: #fff; }

.maz-tabs, .maz-tabs li { margin: 0; padding: 0; list-style: none; }
.maz-tabs { display: block; height: 30px; }
.maz-tabs li { float: left; }
.maz-tabs li a.active { 
	background-color:#fff;
	border-bottom: 2px solid #fff;
}
.maz-tabs li a {
	background-color: #f7f7f7;
	text-decoration: none;
	color: #111;
	font-weight: 600;
	-webkit-font-smoothing: antialiased;
	font-size: 18px;
	border: 2px solid #ededed;
	padding: 10px 35px;
	margin-right: 6px;
	position: relative;
	z-index: 100;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.maz-tabs.compressed-tabs li a { padding: 10px 25px; }
.maz-tab-contents { 
	border: 2px solid #ededed;
	padding: 22px 30px 30px 30px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
	margin-bottom: 20px;
}

#is-my-device-working-or-faulty {
	border: 2px solid #ededed;
	border-radius: 4px;
	padding: 7px 15px;
	margin-bottom: 20px;
	background: #fff url('/images/16/sell-mobile/grey-gradient.png') left center repeat-x;
}
#is-my-device-working-or-faulty .green { font-size: 16px; color: #128a15; }
#is-my-device-working-or-faulty .bold { font-weight: 600; }
#is-my-device-working-or-faulty .small { 
	font-size: 14px;color: #444;text-decoration: none;
	line-height: 37px !important; height: 37px;
}

.geen-tick-list,
.geen-tick-list li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.geen-tick-list { margin-bottom: 1.6em; padding-top: 15px; padding-right: 140px; }
.geen-tick-list li {
	background-image: url('/images/16/green-tick.png');
	background-repeat: no-repeat;
	background-position: left 1px;
	padding-left: 26px;
	line-height: 1.4em;
	padding-bottom: 12px;
}

