/*
 *   MAZUMA MOBILE - August 2009 Update
 *   ----------------------------------
 *   ID :: Order Process Page CSS File
 */

/* ----------- ORDER PROCESS general ----------- */

#content p {
	font-size: 80%;
	line-height: 135%;
	margin: 7px 0px;
}

#content h1 {
	font-size: 145%;
	letter-spacing: .3px;
	font-weight: bold;
	color: #4E1C89;
	padding: 0;
	margin: 0px 0px 7px 0px;
}

#content h2 {
	font-size: 96%;
	font-weight: bold;
	font-style: italic;
	color: #4E1C89;
	padding: 0;
	margin: 12px 0px 1px 0px ;
	line-height: 120%;
}

#content h3 {
	font-size: 83%;
	font-weight: bold;
	color: #4E1C89;
	padding: 0;
	margin: 5px 0px 0px 0px;
}

ul#content, ol#content, li#content {
	font-size: 90%;
	line-height: 130%;
	margin: 5px 0px 5px 8px;
}

#orderSteps09 {
	margin: 5px 0;
	padding: 4px 0 0 27px;
	width: 949px;
	height: 71px;
	text-align: left;	
	border: 1px solid #4E1C89;
	background-color: #EDE8F3;
}

#orderSteps09 .stepImagePad {
	margin: 0;
	padding-left: 44px;
}

#stepsHelpStrapline{
	margin: 5px 0 0 0;
	padding: 9px 0 0 0;
	text-align: center;
	width: 976px;
	height: 39px;
	border: 1px solid #4E1C89;
	background-color: #EDE8F3;
}

a {
  outline: none;
}


/* ----------- MANUFACTURERS SCREEN Styles ----------- */

#orderProcessHeadRule {
	border-bottom: 1px solid #4E1C89;
	margin: 0 0 15px 0;
	padding: 0 0 5px 0;
}

#orderProcessManufacturerSearchBox {
	background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/orderProcessManfctSearchBox.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0;
	padding: 0;
	width: 936px;
	height: 69px;
	background-color: #FFF;
}

#orderProcessManufacturerSearchBox #bigLabel {
    float: left;
	margin: 0 0 0 0;
	padding: 24px 0 0 20px;
	font-size: 120%;
	color: #4E1C89;
}

#orderProcessManufacturerSearchBox #bigInput {
    float: left;
	padding: 21px 0 0 20px;
	margin: 0 0 10px 0;
    width: 290px;
    height: 20px;
}

#orderProcessManufacturerSearchBox .searchInput {
	font-size: 120%;
    width: 290px;
    height: 22px;
}

#orderProcessManufacturerSearchBox #bigSubmit {
    float: left;
	margin: 20px 0 0 25px;
	padding: 0 0 0 0;
}

#orderProcessManufacturerSearchBox #bigSubmit #submit2 {
  outline: none;
}

#orderProcessManufacturerBox {
	background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/orderProcessManufacturerBox.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 10px 0 0 0;
	padding: 0;
	width: 936px;
	height: 499px;
	background-color: #FFF;
}

#orderProcessManufacturerBox #maz3d {
    float: left;
    background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/orderProcessManufacturerMaz.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 25px 0 0 16px;
	padding: 0;
	width: 236px;
	height: 467px;
}

#orderProcessManufacturerBox #logos {
    float: right;
	margin: 20px 14px 0 0;
	padding: 0;
	width: 664px;
	height: 469px;
}


/* ----------- MANUFACTURERS SCREEN - Auto Suggest Script Styles ----------- */

#results { 
	width: 294px; 
	border: solid 1px #DEDEDE; 
	background-color: #fff; 
	display: none; 
	max-height: 234px; 
	overflow: auto;
	z-index: 9999;
	position: relative;
}

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


/* ----------- MANUFACTURERS SCREEN - LOGO ROWS - Shared Styles ----------- */

#logos #row1 span, #row2 span, #row3 span, #row4 span, #row5 span, #row6 span, #row7 span {
    display: none;
}

#logos #row1 li, #row1 a, #row2 li, #row2 a, #row3 li, #row3 a, #row4 li, #row4 a, #row5 li, #row5 a, #row6 li, #row6 a, #row7 li, #row7 a {
    height: 66px;
    display: block;
}

#logos #row1 li, #row2 li, #row3 li, #row4 li, #row5 li, #row6 li, #row7 li {
    float: left;
    list-style: none;
    display: inline;
}

/* ----------- MANUFACTURERS SCREEN - LOGO ROW 1 Styles ----------- */

#logos #row1 {
    background: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/manfctLogoRowSprite1.gif) no-repeat;
    width: 664px;
    height: 66px;
    margin: 0;
    padding: 0;
}

#logos #logo-alcatel {width: 166px;}
#logos #logo-amoi {width: 166px;}
#logos #logo-apple {width: 166px;}
#logos #logo-benq {width: 166px;}

#logos #logo-alcatel a:hover {background:url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/manfctLogoRowSprite1.gif) 0px -66px no-repeat;}
#logos #logo-amoi a:hover {background:url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/manfctLogoRowSprite1.gif) -166px -66px no-repeat;}
#logos #logo-apple a:hover {background:url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/manfctLogoRowSprite1.gif) -332px -66px no-repeat;}
#logos #logo-benq a:hover {background:url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/manfctLogoRowSprite1.gif) -498px -66px no-repeat;}

/* ----------- MANUFACTURERS SCREEN - LOGO ROW 2 Styles ----------- */

#logos #row2 {
    background: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/manfctLogoRowSprite2.gif) no-repeat;
    width: 664px;
    height: 66px;
    margin: 0;
    padding: 0;
}

#logos #logo-blackberry {width: 166px;}
#logos #logo-htc {width: 166px;}
#logos #logo-imate {width: 166px;}
#logos #logo-lg {width: 166px;}

#logos #logo-blackberry a:hover {background:url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/manfctLogoRowSprite2.gif) 0px -66px no-repeat;}
#logos #logo-htc a:hover {background:url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/manfctLogoRowSprite2.gif) -166px -66px no-repeat;}
#logos #logo-imate a:hover {background:url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/manfctLogoRowSprite2.gif) -332px -66px no-repeat;}
#logos #logo-lg a:hover {background:url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/manfctLogoRowSprite2.gif) -498px -66px no-repeat;}

/* ----------- MANUFACTURERS SCREEN - LOGO ROW 3 Styles ----------- */

#logos #row3 {
    background: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/manfctLogoRowSprite3.gif) no-repeat;
    width: 664px;
    height: 66px;
    margin: 0;
    padding: 0;
}

#logos #logo-lobster {width: 166px;}
#logos #logo-motorola {width: 166px;}
#logos #logo-nec {width: 166px;}
#logos #logo-nokia {width: 166px;}

#logos #logo-lobster a:hover {background:url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/manfctLogoRowSprite3.gif) 0px -66px no-repeat;}
#logos #logo-motorola a:hover {background:url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/manfctLogoRowSprite3.gif) -166px -66px no-repeat;}
#logos #logo-nec a:hover {background:url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/manfctLogoRowSprite3.gif) -332px -66px no-repeat;}
#logos #logo-nokia a:hover {background:url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/manfctLogoRowSprite3.gif) -498px -66px no-repeat;}

/* ----------- MANUFACTURERS SCREEN - LOGO ROW 4 Styles ----------- */

#logos #row4 {
    background: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/manfctLogoRowSprite4.gif) no-repeat;
    width: 664px;
    height: 66px;
    margin: 0;
    padding: 0;
}

#logos #logo-o2 {width: 166px;}
#logos #logo-palm {width: 166px;}
#logos #logo-panasonic {width: 166px;}
#logos #logo-philips {width: 166px;}

#logos #logo-o2 a:hover {background:url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/manfctLogoRowSprite4.gif) 0px -66px no-repeat;}
#logos #logo-palm a:hover {background:url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/manfctLogoRowSprite4.gif) -166px -66px no-repeat;}
#logos #logo-panasonic a:hover {background:url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/manfctLogoRowSprite4.gif) -332px -66px no-repeat;}
#logos #logo-philips a:hover {background:url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/manfctLogoRowSprite4.gif) -498px -66px no-repeat;}

/* ----------- MANUFACTURERS SCREEN - LOGO ROW 5 Styles ----------- */

#logos #row5 {
    background: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/manfctLogoRowSprite5.gif) no-repeat;
    width: 664px;
    height: 66px;
    margin: 0;
    padding: 0;
}

#logos #logo-qtek {width: 166px;}
#logos #logo-sagem {width: 166px;}
#logos #logo-samsung {width: 166px;}
#logos #logo-sendo {width: 166px;}

#logos #logo-qtek a:hover {background:url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/manfctLogoRowSprite5.gif) 0px -66px no-repeat;}
#logos #logo-sagem a:hover {background:url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/manfctLogoRowSprite5.gif) -166px -66px no-repeat;}
#logos #logo-samsung a:hover {background:url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/manfctLogoRowSprite5.gif) -332px -66px no-repeat;}
#logos #logo-sendo a:hover {background:url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/manfctLogoRowSprite5.gif) -498px -66px no-repeat;}

/* ----------- MANUFACTURERS SCREEN - LOGO ROW 6 Styles ----------- */

#logos #row6 {
    background: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/manfctLogoRowSprite6.gif) no-repeat;
    width: 664px;
    height: 66px;
    margin: 0;
    padding: 0;
}

#logos #logo-sharp {width: 166px;}
#logos #logo-siemens {width: 166px;}
#logos #logo-sonyericsson {width: 166px;}
#logos #logo-spv {width: 166px;}

#logos #logo-sharp a:hover {background:url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/manfctLogoRowSprite6.gif) 0px -66px no-repeat;}
#logos #logo-siemens a:hover {background:url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/manfctLogoRowSprite6.gif) -166px -66px no-repeat;}
#logos #logo-sonyericsson a:hover {background:url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/manfctLogoRowSprite6.gif) -332px -66px no-repeat;}
#logos #logo-spv a:hover {background:url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/manfctLogoRowSprite6.gif) -498px -66px no-repeat;}

/* ----------- MANUFACTURERS SCREEN - LOGO ROW 7 Styles ----------- */

#logos #row7 {
    background: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/manfctLogoRowSprite7.gif) no-repeat;
    width: 664px;
    height: 66px;
    margin: 0;
    padding: 0;
}

#logos #logo-tmobile {width: 166px;}
#logos #logo-vkmobile {width: 166px;}
#logos #logo-vodafone {width: 166px;}
#logos #logo-zte {width: 166px;}

#logos #logo-tmobile a:hover {background:url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/manfctLogoRowSprite7.gif) 0px -66px no-repeat;}
#logos #logo-vkmobile a:hover {background:url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/manfctLogoRowSprite7.gif) -166px -66px no-repeat;}
#logos #logo-vodafone a:hover {background:url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/manfctLogoRowSprite7.gif) -332px -66px no-repeat;}
#logos #logo-zte a:hover {background:url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/manfctLogoRowSprite7.gif) -498px -66px no-repeat;}


/* ----------- SCREENS WITH BASKET Column Styles ----------- */

#mainPageContentColumn {
    float: left;
    width: 676px;
    margin: 0;
    padding: 0;
}

#recycleBasketColumn {
    float: right;
    width: 241px;
    margin: 12px 0 0 0;
    padding: 0;
}


/* ----------- HANDSET LISTING SCREEN Styles ----------- */

.handetListFixHeight {
}

#manfctModelList {
	overflow: auto;
	height: 357px;
	margin: 15px 0 20px 0;
    background-color: #F4F1F8;
}

.phoneListingText {
	margin: 0px 0px 10px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 80%;
	text-align: center;
}


/* ----------- RECYCLE BASKET Styles ----------- */

#basket {
    background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/basketRecycleBackground.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 241px;
	margin: 0;
 	padding: 0px 0;
	font-size: 90%;
	text-align: left;
	background-color: #c5b5d8;
}

.cartHeadDiv {
	border-bottom: 2px solid #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 125%;
	font-weight: bold;
	color: #4E1C89;
	padding: 0 0 4px 0;
	margin: 0 0 0 15px;
    width: 211px;
}

.cartItemDiv {
	padding: 2px 0 5px 0;
	margin: 3px 15px 0;
	border-bottom: 1px solid #FFF;
	color: #4E1C89;
}

.cartItemTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
}

.cartTotalDiv {
	height: 17px;
	margin: 0 15px 25px;
	padding: 7px 0 7px 0;
	border-top: 1px solid #FFF;
	border-bottom: 2px solid #FFF;
	vertical-align: middle;
	font-size: 130%;
	color: #4E1C89;
}

.cartTotalTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 78%;
	vertical-align: middle;
}

.reviewOrderButtonOff {
	padding: 25px 0 0 0;
	margin: 0;
}

.buttonRightPad {
    margin-right: 40px;
    padding: 0;
}


/* -------------- ADD MOBILE Styles -------------- */

.addMobileFixHeight {
}

.background {
    background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/addMobileBackground.gif);
	background-repeat: no-repeat;
	background-position: left top;
    height: 353px;
}

#showPhoneInfo {
    float: left;
    width: 335px;
	padding: 0;
	margin: 10px 0 0 2px;
}

.phoneThumbnail {
    float: left;
    background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/addMobileImageThumb.gif);
	background-repeat: no-repeat;
	background-position: left top;
    width: 86px;
    height: 113px;
	padding: 9px 0 0 9px;
	margin: 0 0 0 10px;
}

.phoneManufcturer {
    float: left;
	padding: 0;
	margin: 3px 0 0 0;
    width: 225px;
    font-weight: bold;
	font-size: 120%;
	color: #000;
}

.phoneModel {
    float: left;
	padding: 0;
	margin: 8px 0 0 0;
    width: 225px;
    font-weight: bold;
	font-size: 105%;
	color: #4E1C89;
}

#phoneCondition {
    float: left;
    background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/addMobileDropdownRules.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0;
	margin: 8px 0 0 0;
    width: 225px;
    height: 47px;
	font-size: 110%;
}

#phoneCondition p {
    float: left;
 	padding: 0;
	margin: 15px 0 0 0;
    width: 100px;
    font-weight: bold;
	color: #4E1C89;
}

#phoneCondition #handsetConditionDropdown {
    float: right;
 	padding: 0;
	margin: 15px 5px 0 0;
}

#phonePriceDivCheque {
    float: left;
    background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/addMobilePaymentBox.gif);
	background-repeat: no-repeat;
	background-position: left top;
 	padding: 0;
	margin: 10px 0 0 9px;
    width: 322px;
    height: 60px;
}

#phonePriceDivVoucher {
    float: left;
    background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/addMobilePaymentBox.gif);
	background-repeat: no-repeat;
	background-position: left top;
 	padding: 0;
	margin: 20px 9px 20px;
    width: 322px;
    height: 60px;
}

#phonePriceDivCheque .paymentIcon, #phonePriceDivVoucher .paymentIcon {
    float: left;
    width: 102px;
    height: 43px;
 	padding: 0;
	margin: 9px 0 0 9px;
}

#phonePriceDivCheque .paymentPrice, #phonePriceDivVoucher .paymentPrice {
    float: left;
    width: 100px;
 	padding: 0;
	margin: 0 0 0 12px;
    line-height: 60px;
	font-size: 160%;
	color: #000;
    font-weight: bold;
}

#phonePriceDivCheque .paymentWording, #phonePriceDivVoucher .paymentWording {
    float: right;
    width: 64px;
    font-weight: bold;
	color: #4E1C89;
    text-align: right;
 	padding: 0 22px 0 0;
	margin: 23px 9px 0 0;
    background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/addMobilePaymentHelpIcon.gif);
	background-repeat: no-repeat;
	background-position: right top;
    cursor: pointer;
}

.addToOrderButton {
    width: 322px;
    height: 26px;
 	padding: 0;
	margin: 0 0 0 10px;
}

.addToOrderButton #phoneAddButtDivIMEI {
    float: left;
    width: 112px;
    height: 26px;
 	padding: 0;
	margin: 0;
}

.addToOrderButton #chooseLater p {
    float: left;
    width: 180px;
 	padding: 0;
	margin: 0 0 0 15px;
	font-size: 12px;
    line-height: 24px;
    text-align: right;
}

#showIMEI {
    float: right;
    background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/addMobilePostitNote.gif);
	background-repeat: no-repeat;
	background-position: left top;
    width: 289px;
    height: 214px;
	padding: 12px 17px 0;
	margin: 10px 0 10px;
}

#showIMEI h2 {
	font-size: 95%;
    font-style: normal;
	padding: 0 0 3px 0;
	margin: 0 23px 5px 0;
	border-bottom: 1px solid #4E1C89;
}

#showIMEI .intro {
	padding: 0;
	margin: 0 0 2px 0;
    font-weight: bold;
}

#showIMEI ul {
	padding: 0;
	margin: 0 0 2px 0;
}

#showIMEI li {
	font-size: 75%;
	padding: 0;
	margin: 0 10px 2px 16px;
    line-height: 120%;
}

#businessUserInfo {
    float: right;

    width: 290px;
    height: 113px;
	padding: 20px 18px 0;
	margin: 0;
}

#businessUserInfo h2 {
	margin-left: 15px;
	margin-bottom: 5px;
	margin-right: 0;
	margin-top: 10px;
	font-size: 95%;
    font-style: normal;
	padding: 0;
}

#showIMEI p, #businessUserInfo p {
	margin-left: 15px;
	margin-bottom: 5px;
	margin-right: 0;
	margin-top: 0;
	font-size: 75%;
	padding: 0;
}

#optionButtons {
	padding: 0;
	margin: 20px 0 0 0;
}

.saveIMEIicon {
	cursor: pointer;
}

.newIMEItext {
    float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-weight: bold;
	margin: 0 0 10px 0;
    width: 180px;
	padding: 0;
}

.newIMEItext #imei {
	padding: 0;
	margin: 4px 0 0 0;
	width: 176px;
    height: 16px;
}

.whatIsIMEIText {
	margin-top: 35px;
	float: left;
	height: 120px;
	margin-bottom: 0;
	margin-right: 0;
	padding: 0;
	font-size: 90%;
    width: 300px;
}

#showIMEI .whatIsIMEIText h2 {
	line-height: 100%;
	margin-left: 15px;
	margin-bottom: 6px;
	margin-right: 23px;
	margin-top: 0;
	font-size: 95%;
    font-style: normal;
	padding: 0 0 3px 0;
	border-bottom: 1px solid #4E1C89;
}

#showIMEI .whatIsIMEIText p {
    width: 275px;
}

#showIMEI .imeiNumber {
	font-size: 140%;
    font-weight: bold;
}

.saveIMEIbutton {
    float: right;
    width: 102px;
    height: 25px;
	padding: 0;
	margin: 16px 0 0 0;
}

/* tooltip styling. uses a background image (a black box with an arrow) */
#tooltip1, #tooltip2  {
	background: transparent url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/addMobileTooltipPopup.png) no-repeat scroll 0 0;
	height: 187px;
	padding: 30px 0 0 60px;
	width: 393px;
	font-size: 90%;
	display: none;
	color: #FFFFFF;
    cursor: pointer;
}

#tooltip1 h3, #tooltip2 h3 {
	font-size: 14px;
	margin: 0;
	padding: 0;
	font-size: 100%;
	color: #FFFFFF;
}

#tooltip1 p, #tooltip2 p {
	font-size: 11.5px;
	margin: 5px 95px 0 0;
	padding: 0;
}


/* -------------- REVIEW ORDER Styles -------------- */

#reviewMainColumn {
    float: left;
    width: 705px;
    margin: 0;
    padding: 0;
}

#reviewMainColumn h2 {
	font-size: 100%;
	font-weight: bold;
	font-style: normal;
	color: #4E1C89;
	margin: 15px 0 4px 0;
	padding: 0;
}

#reviewTable {
	font-size: 80%;
	background-color: #FFF;
	padding: 6px;
}

.paymentMethodTable {
	background-color: #FFF;
	margin: 0 0 5px 0;
	padding: 0;
}

.paymentMethodTableTextCell {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 125%;
	padding-left: 6px;
}

.paymentMethodTableIconCell {
	border-left: 2px solid #EDE8F3;
	display: block;
	height: 53px;
	padding-top: 10px;
	text-align: center;
}

.strongRedText {
	color: #D8283C;
	font-weight: bold;
}

.strongPurpleText {
	color: #4E1C89;
	font-weight: bold;
}

#buttonsWrapper {
    float: left;
    height: 29px;
    width: 430px;
	margin: 12px 0 0 0;
	padding: 0;
}

#buttonsWrapper #addMoreButton {
    height: 21px;
    width: 156px;
	margin: 5px 0;
	padding: 0;
    outline: none;
}

#buttonsWrapper #clearCartButton {
    height: 21px;
    width: 106px;
	margin: 5px 7px 5px;
	padding: 0;
    outline: none;
}

#buttonsWrapper #checkoutButton {
    height: 21px;
    width: 129px;
	margin: 5px 0;
	padding: 0;
    outline: none;
}

#total {
    float: left;
    height: 29px;
    width: 270px;
	margin: 12px 0 0 0;
	padding: 0;
    text-align: left;
	font-size: 18px;
	font-weight: bold;
}

#total #totalArrow {
    float: left;
    background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/reviewOrderTotalBox.gif);
	background-repeat: no-repeat;
	background-position: left top;
    height: 29px;
    width: 181px;
	margin: 0;
	padding: 0 0 0 5px;
    line-height: 29px;
    text-align: left;
}

/*
#total #totalValue {
    float: left;
	margin: 0;
	padding: 0;
    height: 29px;
    line-height: 29px;
    text-align: left;
}
*/

#reviewPostitColumn {
    float: right;
    background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/reviewOrderPostitsNew.gif);
	background-repeat: no-repeat;
	background-position: left top;
    width: 213px;
    height: 385px;
    margin: 0;
    padding: 0;
}

#reviewPostitColumn .cash {
    font-size: 95%;
    font-style: normal;
	padding: 0;
	margin: 25px 0 0 32px;
}

#reviewPostitColumn .argos {
    font-size: 95%;
    font-style: normal;
	padding: 0;
	margin: 68px 0 0 32px;
}

#reviewPostitColumn p {
    font-size: 75%;
 	padding: 0;
	margin: 3px 32px;
}

#addMoreButton {
    outline: none;
}


/* Review Order Postit Column 3up Styles */

#reviewPostitColumn3up {
    float: right;
    background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/reviewOrderPostits3up.gif);
	background-repeat: no-repeat;
	background-position: left top;
    width: 213px;
    height: 483px;
    margin: 0;
    padding: 0;
}

#reviewPostitColumn3up .cash {
    font-size: 95%;
    font-style: normal;
	padding: 0;
	margin: 20px 0 0 28px;
}

#reviewPostitColumn3up .bacs {
    font-size: 95%;
    font-style: normal;
	padding: 0;
	margin: 70px 60px 0 28px;
}

#reviewPostitColumn3up .argos {
    font-size: 95%;
    font-style: normal;
	padding: 0;
	margin: 32px 0 0 28px;
}

#reviewPostitColumn3up p {
    font-size: 75%;
 	padding: 0;
	margin: 5px 29px;
}


/* Amend V2 Review Order Styles */

#totalRowV2 {
    height: 35px;
    width: 705px;
	margin: 0;
	padding: 0;
    text-align: left;
	font-size: 18px;
	font-weight: bold;
	background-color: #FFF;
}

#totalTextV2 {
    float: left;
    width: 585px;
    text-align: right;
    line-height: 35px;
}

#totalValue {
    float: left;
    text-align: center;
    width: 90px;
    line-height: 35px;
	margin: 0 0 0 20px;
}

#buttonsWrapperV2 {
    height: 26px;
    width: 705px;
	margin: 10px 0 0 0;
	padding: 0;
}

#buttonsWrapperV2 .leftGroup {
    float: left;
    height: 26px;
    width: 400px;
	margin: 0;
	padding: 0;
}

#buttonsWrapperV2 .rightGroup {
    float: right;
    height: 26px;
    width: 250px;
	margin: 0;
	padding: 0;
    text-align: right;
}

#buttonsWrapperV2 .leftGroup #addMoreButtonV2 {
    height: 21px;
    width: 156px;
	margin: 3px 0 0 0;
	padding: 0;
    outline: none;
}

#buttonsWrapperV2 .leftGroup #clearCartButtonV2 {
    height: 21px;
    width: 106px;
	margin: 3px 0 0 15px;
	padding: 0;
    outline: none;
}

#buttonsWrapperV2 .rightGroup #checkoutButtonV2 {
    height: 26px;
    width: 201px;
	margin: 0;
	padding: 0;
    outline: none;
}


/* -------------- CONFIRM ORDER Styles -------------- */

#confirmMainColumn {
    float: left;
    width: 650px;
    margin: 0;
    padding: 0;
}

#confirmMainColumn h2 {
	margin: 0 0 9px 0;
	padding: 0;
}

#confirmOrderWrapper {
    width: 650px;
	background-color: #FFF;
	padding: 0 6px 6px;
	margin: 0px;
	border: 1px solid #4E1C89;
}

#confirmOrderWrapper p {
	padding-top: 6px;
}

#confirmPostitColumn {
    float: right;
    background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/confirmOrderPostit.gif);
	background-repeat: no-repeat;
	background-position: left top;
    width: 257px;
    height: 259px;
    margin: 0 0 0 0;
    padding: 0;
}

#confirmPostitColumn h2 {
    font-size: 95%;
    font-style: normal;
	padding: 0;
	margin: 25px 0 0 27px;
}

#confirmPostitColumn p {
    font-size: 75%;
 	padding: 0;
	margin: 4px 27px;
    width: 180px;
}

#actionsWrapper {
    margin: 13px 0 0 0;
    padding: 0;
    width: 930px;
}

#actionsWrapper #confirmTerms {
    float: left;
    width: 600px;
    height: 30px;
    margin: 0;
    padding: 3px;
	border: 1px solid #4E1C89;
	background-color: #E8FDD9;
	color: #4E1C89;
}

#actionsWrapper #confirmTerms #agreeCheckboxDiv {
    float: left;
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0;
}

#actionsWrapper #confirmTerms #agreeCheckboxDiv img {
    padding: 0;
    margin: 7px 0 0 2px;
}

#actionsWrapper #confirmTerms #agreeTermsText {
    float: left;
    width: 575px;
    margin: 0;
    padding: 0;
}

#actionsWrapper #reviewButtonDiv, #actionsWrapper #checkoutButtonDiv {
    float: left;
    width: 140px;
    height: 23px;
    margin: 7px 0 0 15px;
    padding: 0;
}


/* -------------- ORDER CONFIRMATION Styles -------------- */

#placeOrderBox {
    background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/placeOrderBox.gif);
	background-repeat: no-repeat;
	background-position: left top;
    width: 935px;
    height: 342px;
    margin: 0;
    padding: 0;
    background-color: #FFF;
}

#placeOrderBox #confirmCopy {
    float: left;
    width: 580px;
    margin: 35px 0 0 40px;
    padding: 0;
}

#placeOrderBox #confirmCopy h2 {
    font-size: 105%;
    font-style: normal;
	padding: 0;
	margin: 0 0 15px 0;
}

#placeOrderBox #confirmCopy p {
	padding: 0;
	margin: 0 0 17px 0;
}

#placeOrderBox #confirmMaz {
    float: right;
    width: 198px;
    margin: 30px 40px 0 0;
    padding: 0;
}

#placeOrderBox #placeOrderActionButtons {
	padding: 5px 0 0 0;
	margin: 0;
}

.placeOrderMinHeight {
	min-height: 350px;
}


/* ------ NEW Styles FOR javascript / cookie checks ----------- */

.testEnabled {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	line-height: 120%;
	background-color: #E8FDD9;
	color: #5BD302;
	font-weight: bold;
	border: 1px solid #5BD302;
	margin: 0;
	padding: 7px;
}

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

/* ------ NEW Styles addMobileShowIMEI ----------- */

.imeiInputBox{
	border: 			1px solid gray;
	margin: 			0;
	width: 				11px;
	height: 			20px;
	text-align: 		center;
	line-height: 		20px;
	padding: 			0;
	background-color: 	#f9f3d3; 
}

.imeiInputBoxErr{
	color:red;
	font-size: 75%;
	width: 45%;
	text-align:center;
	display:none;
	font-weight:normal;
	float:left;
	margin-left:5px;
}

div.h2{
	width:100%;
	height:25px;
	font-size: 100%;
	float:left;
	color:#4E1C89;
	margin:0;
	padding:0;
	line-height:25px;
}

.newIMEItext{
	width:290px;
	margin:5px 0 10px 15px;
}

.saveIMEIbut{
	float:right;
	width: 140px;
	margin-right:20px;
}

.saveIMEIbutton{
	width:311px;
	margin:0;
}

#newIMEItextBox .h2{
	margin-left: 0;
	margin-bottom: 5px;
	margin-right: 0;
	margin-top: 0;
	font-size:95%;
	border:0;
	width:73%;
	float:left;
	position:relative;
}

#businessUserInfo{
    margin-left: 0;
    margin-bottom: 0;
    margin-right: 10px;
    margin-top: 0;
    float: right;
    width: 310px;
    height: 95px;
	padding: 0;
}

#businessUserInfo a{
	color:#DACFE6;
}

#phoneAddButtDivIMEI{
	width: 112px;
}

.clearAll{
	position:relative;
	font-size:75%;
	font-weight:normal;
	width:25%;
	height:25px;
	float:right;
	text-align:center;
	line-height:25px;
}

.imeiNumbers{
	width:100%;
	height:20px;
	float:left;
}