/*** mobo2go default global styles ***/
.site, .accountPage { position: relative; margin-left: auto; margin-right: auto; width: 758px; font-size: 12px; }
.clear { clear: both; }
p { line-height: 1.4; }
.error { margin-bottom: 10px; padding: 6px 6px 4px 6px; font-size: 11px; }
a { text-decoration: none; }
.editButton, .addButton, .viewButton, .deleteButton { display: inline-block; border: 0; width: 16px; height: 16px; cursor: pointer; }
.submitButton { cursor: pointer; }
#conceptLogo { display: none; }
p.confirmationMessage { width: 100%; padding: 10px; margin: 10px auto; }
p.success { border : solid 1px green; background-color : #d6fbd6; margin-bottom : 20px;  }


/*** large buttons ***/
.largeButton { width: 176px; height: 52px; }
.largeButton a { display: block; height: 26px; padding-top: 18px; padding-left: 12px; background: url('../img/myaccount_top_curve.png') top center no-repeat; }
.largeButtonBottom { background: url('../img/myaccount_bottom_curve.png') bottom center no-repeat; height: 8px;}

/*** start page ***/
#start { padding-top: 40px; padding-left: 12px; padding-right: 13px; /*width: 733px;*/ }
h1 { font-size: 36px; font-weight: bold; border-bottom: 1px solid #000; line-height: 1.4;  }
#start h1, #terms h1 { margin-bottom: 45px; }
#step1 h1, #step2 h1, #step3 h1, #step4 h1, #confirmation h1, #terms h1, #details h1, #credit h1, #usuals h1, #statements h1 { font-size: 25px; }
/*#step3 h1, #step4 h1, #confirmation h1, #details h1, #credit h1, #usuals h1, #statements h1 { margin-bottom: 10px; }*/
div.userDetails { float: right; font-size: 12px; font-weight: normal; text-align: right; margin-bottom: 45px; margin-top: -20px; }
#step3 div.userDetails, #step4 div.userDetails, #confirmation div.userDetails, #details div.userDetails, #credit div.userDetails, 
#usuals div.userDetails, #statements div.userDetails { margin-bottom: 45px; }

/*** start left column ***/
#start #leftColumn { width: 359px; margin-right: 10px; float: left; }
#start #leftColumn p.intro { width: 320px; margin-bottom: 25px; }
#mobileOrdering a { width: 359px; height: 93px; display: block; text-decoration: none; }
#mobileOrdering a p.heading, #mobileOrdering a p.address { 
	width: 290px; margin-right: 0; margin-bottom: 0!important; 
	text-align: center; font-size: 18px; float: right; 
}
#mobileOrdering a p.heading { margin-top: 20px; }
#mobileOrdering a p.address { font-weight: bold; }
/*** start right column ***/
#start #rightColumn { width: 364px; float: right; margin-top: 5px; }
.functionButton { width: 364px; margin-bottom: 5px; }
.functionButton h2 { 
	width: 354px; height: 38px; padding-top: 17px; padding-left: 10px; 
	font-size: 25px; font-weight: normal; cursor: pointer; 
}
.functionButtonTop { width: 364px; height: 5px; background: url('../img/functionButton_top.png') top center no-repeat; }
.functionButtonBottom { width: 364px; height: 5px; background: url('../img/functionButton_bottom.png') top center no-repeat; }
/*** login form ***/
#loginForm, #signupForm { padding-left: 10px; padding-right: 10px; padding-bottom: 15px; display: none; }
.formField { position: relative; float: left; margin-right: 0; margin-bottom: 10px; }
.formField1 { position: relative; float: left; margin-right: 10px; margin-bottom: 10px; }
.formField2 { position: relative; float: left; }
/*label.overlabel-apply { position: absolute; top: 8px; left: 10px; z-index: 1; }*/
label { display: block; padding-bottom: 5px; font-size: 12px; }
input.textbox { width: 154px; padding: 5px; }
input.textboxFull { width: 330px; padding: 5px; }
div.formButtons { margin-top: 10px; text-align: right; }
#loginForm input.submitButton, #signupForm input.submitButton { width: 167px; height: 25px; margin-right: 2px; }
/*** end start page ***/

/*** breadcrumbs ***/
.breadcrumbs { padding-top: 26px; width: 560px; margin-bottom: 30px; }
.breadcrumbs ul { font-weight: bold; margin-left: 0; }
.breadcrumbs ul li { display: inline-block; width: 135px; }
.breadcrumbs span.number { margin-right: 10px; font-size: 26px; }
.breadcrumbs span.step { display: inline-block; vertical-align: 20%; font-size: 14px; }

/*** my account ***/
#myAccount { right: 0; position: absolute; }
#myAccount ul { display: none; } 
#myAccount li { width: 177px; }
#myAccountHeading { display: block; width: 177px;
	background-image: url('../img/myaccount_bottom_curve.png'); 
	background-position: right bottom; background-repeat: no-repeat; }
#myAccount:hover #myAccountHeading { background-image: none; }
#myAccountItems li a, 
#myAccount #myAccountHeading a { font-size: 12px; width: 159px; text-decoration: none; display: inline-block; padding: 9px; }
#myAccountItems li.last, #myAccountItems li.last a:hover { background-image: url('../img/myaccount_bottom_curve.png'); background-position: right bottom; background-repeat: no-repeat; }

/*** step 1 ***/
#step1 #leftColumn { width: 550px; float: left; clear: none; }
#step1 #leftColumn h2 { font-size: 16px; font-weight: bold; margin-top: 120px; float: left; clear: none; }
#step1 #leftColumn #preload { display: none; }
#step1 #leftColumn #map { margin-left: 20px; float: left; margin-right: 60px; }
#step1 #leftColumn #mapAustralia { width: 359px; height: 288px; }
#step1 #leftColumn #or { font-size: 26px; font-weight: bold; text-transform: uppercase; margin-top: 160px; }
#step1 #rightColumn { float: right; clear: none; margin-left: 16px; margin-top: 20px; width: 190px; }
#step1 #rightColumn h2 { padding-left: 0; margin-bottom: 10px; font-size: 16px; }
#step1 #rightColumn fieldset { position: relative; padding: 8px; }
#step1 #rightColumn fieldset input.textbox { position: relative; float: left; padding: 10px; font-size: 14px; }
#step1 #rightColumn fieldset label.overlabel-apply { font-size: 14px; position: absolute; top: 12px; left: 10px; height: 16px; z-index: 1; }
#step1 #rightColumn fieldset div.buttonRow { float: right; padding-top: 10px; }
#step1 #rightColumn fieldset input.submitButton { border: none; width: 107px; height: 25px; background: url('../img/search_btn.jpg') top left no-repeat;}
#step1 #rightColumn .largeButton a { display: block; height: 26px; padding-top: 18px; padding-left: 28px; 
	background: url('../img/myaccount_top_curve.png') top center no-repeat; }
#step1 #storeSelect { width: 570px; }
#step1 #storeSelect h2 { font-size: 18px; margin-bottom: 10px; }
#step1 #storeSelect ul li { list-style: none; display: inline-block; width: 177px; margin-right: 10px; margin-bottom: 8px; vertical-align: top; }
#step1 #storeSelect ul li span.suburb { display: block; font-size: 14px; margin-bottom: 3px; padding-left: 10px; padding-right: 10px; }
#step1 #storeSelect ul li span.address { display: block; font-size: 12px; padding-left: 10px; padding-right: 20px; }
#step1 #storeSelect ul li span.resultHeader { display: block; height: 8px; background: transparent url('../img/myaccount_top_curve.png') top center no-repeat; }
#step1 #storeSelect ul li span.resultFooter { display: block; height: 8px; background: transparent url('../img/myaccount_bottom_curve.png') bottom center no-repeat; }

/*** terms and conditions ***/
#terms #leftColumn { width: 572px; }
#terms #leftColumn p { margin-bottom: 10px; }
#terms #leftColumn .buttonRow { margin-top: 20px; }
#terms #leftColumn .buttonRow input.accept { float: right; width: 107px; border: none; height: 25px; 
	background: url('../img/accept_btn.jpg') top left no-repeat; cursor: pointer; }
#terms #leftColumn .buttonRow input.decline { float: left; width: 107px; border: none; height: 25px; 
	background: url('../img/decline_btn.jpg') top left no-repeat; cursor: pointer; }
/*** end terms and conditions ***/

/*** step 2 ***/
/*** left column ***/
#step2 #leftColumn { width: 572px; float: left; margin-top: 40px; }
/*** right column ***/
#step2 #rightColumn { width: 176px; float: right; }
/*** end right column***/
/*** tabs ***/
.tabContent { width: 562px; margin-bottom: 25px; height: auto; padding: 9px 10px 1px 10px; }
.bogoTabsActiveLabel, .bogoTabsInactiveLabel { display: inline-block; /*width: 100px*/; height: 16px; padding: 6px 10px 4px 22px; }
.bogoTabsActiveLabel { padding: 6px 0 8px 22px !important; margin-bottom: -9px; background: url('../img/tab_top_curves.png') top center no-repeat; }
.tabContent .category { background-color: #fff; padding: 10px 0 10px 10px; margin-bottom: 10px; }
.tabContent .category h3 { font-size: 14px; font-weight: bold; }
.tabContent .category h4 { font-size: 11px; font-weight: normal; font-style: normal;}
.tabContent .categorySpacer { height:10px; }
.tabContent .category ul.column { width: 174px; float: left; margin-right: 10px; }
.tabContent .category ul.last { margin-right: 0; }
.tabContent .category ul.column li a { display: block; width: 174px; text-decoration: none; margin-bottom: 5px; }
.tabContent .category ul.column li a span { margin-top: 8px; margin-bottom: 8px; width: 135px; vertical-align: middle; font-size: 12px; 
	display: inline-block; margin-left: 5px; 
}
.tabContent .category .hidden { display: none; }
/*** end step 2 ***/

/*** popup options ***/
/*** following css applies to popup window when selecting options for a food product ***/
#selectOptions { font-size: 12px; margin: 25px 20px 8px 20px; padding: 0; }
.popup label { display: inline; }
.popup #header h1 { font-size: 25px; line-height: 1; padding-bottom: 5px; width: 75%; float: left; border: none; margin-bottom: 0; }
.popup #header .topButtons { height: 25px; width: 25%; float:right; text-align: right; margin-top: 4; vertical-align: top; }
.popup #header .topButtons a { display: inline-block; margin-top: -5px; } 
.popup #productDescription { margin-bottom: 0; padding: 10px 20px 8px 20px; }
.popup .optionsForm #optionsShell { padding-bottom: 10px; padding-top: 18px; }
.popup .optionsForm #optionsScrollable {  height: 285px; padding-left: 20px; padding-right: 20px; overflow-y: auto; overflow-x: auto; }
.popup .optionsForm table { table-layout: fixed; width: 100%; }
.popup .optionsForm table tr td { width: 200px; padding-left: 10px; padding-right: 10px; }
.popup .optionsForm table tr td h2 { font-size: 14px; margin-bottom: 10px; }
.popup .optionsForm .leftColumn { width: 100px; padding-right: 10px; }
.popup .optionsForm .input { margin-bottom: 5px; }
.popup .optionsForm .checkbox, .popup .optionsForm .radio { margin-left: 0; padding-left: 0; margin-right: 5px; }
.popup #footer { margin-right: 0; }
.popup #footer #totalPrice { font-size: 25px; width: 30%; float: left; }
.popup #footer .small { padding-left: 5px; font-size: 14px; }
.popup #footer fieldset { float: right; width: 40%; text-align: right; padding-top: 5px; margin-right: 0; padding-right: 0; }
.popup #footer .quantity { font-size: 11px; vertical-align: 0%; }
.popup #footer .quantity #quantity { font-size: 14px; text-align: center; padding-top: 3px; width: 30px; height:24px; margin-right: 5px; }
.popup #footer .quantity label { margin-right: 5px; }
.popup #footer .confirmButton input { display: inline; width: 107px; height: 25px; background-image: url('../img/change_item.png'); border: 0; }
.popup #footer .confirmButton input.addToCart { display: inline; width: 107px; height: 25px; background-image: url('../img/add_to_cart_btn.jpg'); border: 0; }
.popup #footer fieldset.addAddress { width: 100%; }
.popup #footer fieldset input.save { float: right; width: 107px; border: none; height: 25px; background: url('../img/update_btn.png') top left no-repeat; } 
.popup .optionsForm fieldset.addAddress { position: relative; width: 344px; margin-top: 15px; margin-left: auto; margin-right: auto; }
.popup .optionsForm fieldset.addAddress div.input { position: relative; clear: both; margin-bottom: 5px; }
.popup .optionsForm fieldset.addAddress div.input label { font-size: 11px; }
.popup .optionsForm fieldset.addAddress input.textbox { position: relative; width: 328px; padding: 5px 7px; margin-bottom: 5px; }
.popup .optionsForm fieldset.addAddress select { position: relative; width: 344px; padding: 5px 7px; margin-bottom: 5px; }
/*** end popup options ***/

/*** step 3 ***/
#step3 #leftColumn { width: 572px; float: left; margin-top: 10px; }
#step3 #rightColumn { width: 176px; float: right; }
#step3 #leftColumn .leftColumn { width: 285px; float: left; margin-right: 10px; margin-bottom: 30px; }
#step3 #leftColumn .rightColumn { width: 276px; float: right; margin-bottom: 30px; }
#step3 #leftColumn h2.options { font-size: 18px; font-weight: bold; margin-bottom: 10px; }
/*** step 3 left column ***/
#step3 .wideButton { width: 275px; margin-bottom: 5px; background-image: url('../img/top_curve_275.png');
	background-position: top center; background-repeat: no-repeat;
}
#step3 .wideButton .wideButtonBottom {
	background-image: url('../img/bottom_curve_275.png'); background-position: top center;
	background-repeat: no-repeat; height: 7px; clear: both; 
}
#step3 .wideButton .heading { margin: 22px 0 11px 15px; width: 120px; float: left; }
#step3 .wideButton .heading h2 { font-size: 20px; font-weight: normal; letter-spacing: -1px; }
#step3 .wideButton fieldset { float: right; margin-right: 15px; }
#step3 .wideButton fieldset div.formElements { float: left; margin-top: 21px; }
#step3 .wideButton fieldset input.text { width: 92px; padding: 4px 8px; margin-bottom: 8px; }
#step3 .wideButton fieldset a { display: inline-block; font-size: 10px; padding-left: 20px; height: 16px; padding-top: 2px; }
#step3 .wideButton fieldset select { padding: 2px; width: 108px; margin-bottom: 6px; }
#step3 .wideButton h2.sub { margin-top: 5px; text-align: right; }
#step3 .wideButton fieldset input.submitButton {
	float: right; margin-top: 7px; margin-left: 5px; height: 52px; 
	border: none; width: 15px; cursor: pointer;
}
#step3 #toggleNextButton { display: none; }
/*** end step 3 ***/

/*** step 4 ***/
#step4 #leftColumn { width: 362px; float: left; margin-top: 40px; }
#step4 #leftColumn .checkoutBox { background: transparent url('../img/checkoutBox_top_curve.png') top center no-repeat; padding: 22px 10px 0 20px; }
#step4 #leftColumn .checkoutBox h2 { font-weight: normal; font-size: 25px; padding-bottom: 10px; cursor: pointer; }
#step4 #leftColumn .checkoutBox .closed .reveal { display: none; }
#step4 #leftColumn .checkoutBox .open .reveal { display: block; }
#step4 #leftColumn .checkoutBox .formElements .leftColumn { width: 145px; float: left; }
#step4 #leftColumn .checkoutBox .formElements .rightColumn { float: left; margin-left: 8px; }
#step4 #leftColumn .checkoutBox .formElements fieldset { position: relative; }
#step4 #prepaidCreditBox .formElements .rightColumn { width: 107px; float: left; }
#step4 #prepaidCreditBox .formElements .leftColumn p { padding-bottom: 5px; }
#step4 #leftColumn .checkoutBox .formElements div.input { position: relative; clear: both; }
#step4 #leftColumn .checkoutBox .formElements input.textbox { position: relative; width: 160px; padding: 5px 7px; margin-bottom: 5px; }
#step4 #leftColumn .checkoutBox .formElements select { position: relative; width: 160px; margin-bottom: 5px; }
#step4 #leftColumn .checkoutBox .formElements .wide input.textbox { width: 310px; }
#step4 #leftColumn .checkoutBox .wide p.disclaimer { margin-bottom: 10px; }
#step4 #leftColumn .checkoutBox .formElements .wide select { width: 326px; padding: 5px; }
#step4 #leftColumn .checkoutBox .formElements .wide .leftColumn select { width: 166px; }
#step4 #leftColumn .checkoutBox .formElements .wide .rightColumn select { width: 153px; }
#step4 #leftColumn .checkoutBox .formElements .wide .rightColumn { margin-left: 28px; }
#step4 #leftColumn .checkoutBox .formElements .wide .leftColumn input.textbox { width: 150px; }
#step4 #leftColumn .checkoutBox .formElements label.overlabel-apply { font-size: 11px; position: absolute; top: 7px; z-index: 100; }
#step4 #leftColumn .checkoutBox .formElements div.or { margin: 5px 0; text-align: center; text-transform: uppercase; }
#step4 #leftColumn .checkoutBox .formElements .rule { margin: 5px 0 10px 0; height: 1px; }
#step4 #leftColumn .checkoutBoxFooter { background: transparent url('../img/checkoutBox_bottom_curve.png') bottom center no-repeat; height: 8px; margin-bottom: 5px; }
#step4 #leftColumn #discountBox { padding-bottom: 10px; }
#step4 #leftColumn #discountBox .button { width: 75px; height: 21px; border: solid 1px #999999; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
#step4 #leftColumn #discountBox * label { display:inline; padding-left:3px; }
#step4 #leftColumn #discountBox * .coupon_remember {padding-top:3px;}

#step4 #prepaidCreditBox .leftColumn { width: 167px !important; float: left; }
#step4 #rightColumn { width: 176px; float: right; }
#resultPanel { margin-top : 5px; }
/*** end step 4 ***/

/*** cart stuff ***/
.rightCart #deliveryAddress, .rightCart #selectedStore { width: 160px; padding: 7px 6px 0 10px;
	background: url('../img/myaccount_top_curve.png') top center no-repeat; }
.rightCart #deliveryAddress .deliveryDetails, .rightCart #selectedStore .storeName { float: left; width: 135px; }
.rightCart #deliveryAddress .functions, .rightCart #selectedStore .functions { float: right; width: 20px; }
.rightCart #deliveryAddressFooter, .rightCart #selectedStoreFooter { height: 7px; margin-bottom: 10px; 
	background: url('../img/myaccount_bottom_curve.png') center bottom no-repeat;
}
.rightCart #usuals, .rightCart #cart { margin-bottom: 10px; }
.rightCart #usuals h2, .rightCart #cart h2 { height: 10px; padding: 10px; font-weight: normal; font-size: 12px; 
	background: url('../img/myaccount_top_curve.png') top center no-repeat; 
}
.rightCart #usuals ul, .rightCart #cart ul { padding: 5px 5px 0 5px; }
.rightCart #usuals li, .rightCart #cart li { padding: 10px 5px; margin-bottom: 5px; }
.rightCart #usuals li a { display: inline-block; float: right; margin-top: -2px; }
.rightCart #cart { margin-bottom: 10px; }
.rightCart #cart #emptyCart { line-height: 1.5; font-weight: bold; padding: 34px; text-align: center; }
.rightCart #cart ul { padding-bottom: 1px; }
.rightCart #cart li .itemTop .name { float: left; margin-top: 3px; width: 50%; }
.rightCart .myCredit li .itemTop .name { width: 65% !important; }
.rightCart #cart li .itemTop .functions { display: inline-block; padding-top: 3px; text-align: right; float: right; }
.rightCart #cart li .functions a img { vertical-align: -25%; }
.rightCart #cart li .description { padding-top: 5px; font-size: 11px; width: 135px; }
.rightCart #cart li.fee { display: none; }
.rightCart #cartTotals { height: 10px; padding: 10px; font-size: 12px; }
.rightCart #cartTotals .totals { float: left; display: inline-block; }
.rightCart #cartTotals .totalAmount { display: inline-block; float: right; }
.rightCart #cartTotals .description { font-size: 8px; }
.rightCart #addToUsuals { padding: 8px 5px 5px 7px; }
.rightCart #addToUsuals a { margin-right: 5px; }
.rightCart #addToUsuals a img { vertical-align: -25%; }
.rightCart #addToUsualsForm { position: relative; margin-top: 5px; display: none; }
.rightCart #addToUsualsForm input.textbox { width: 126px; height: 14px; padding: 2px 2px 2px 6px; }
.rightCart #addToUsualsForm .submitButton { width: 22px; height: 20px; vertical-align: -15%; }
.rightCart label.overlabel-apply { position: absolute; top: 4px; left: 6px; z-index: 1; }
.rightCart #cartEdit { padding: 6px 11px; }
div.checkoutButton { width: 151px; height: 41px; }
div.checkoutButton input { width: 151px; height: 41px; background: transparent; border: 0; font-size: 18px; font-family: Arial, Helvetica, sans-serif; }
/*** end cart stuff ***/

/*** account pages ***/
.accountPage { margin-bottom: 5px; }
.accountPage #rightColumn .largeButton a { display: block; height: 26px; padding-top: 18px; padding-left: 28px; 
	background: url('../img/myaccount_top_curve.png') top center no-repeat; 
}
.accountPage #rightColumn .largeButtonBottom { background: url('../img/myaccount_bottom_curve.png') bottom center no-repeat; height: 8px;}
#confirmation #leftColumn { width: 572px; float: left; margin-top: 10px; }
#confirmation #rightColumn { width: 176px; float: right; margin-left: 10px; margin-top: 10px; }
#confirmation #leftColumn .confirmation { padding: 15px 15px 7px 15px; width: 344px; }
#confirmation #leftColumn .confirmation p { line-height: 1.2; margin-bottom: 10px; }
#confirmation #leftColumn .confirmation .details { padding: 10px 0 1px 0; margin-bottom: 5px; }
#confirmation #leftColumn .confirmation .details p { line-height: 1.3; margin-bottom: 0; }
.accountPage #leftColumn h2 { font-size: 12px; font-weight: normal; width: 356px; padding: 10px; 
	background-image: url('../img/top_curve_376.png'); background-position: top center; background-repeat: no-repeat; }
.accountPage #leftColumn h2.wide { font-size: 12px; font-weight: normal; width: 552px; padding: 10px; 
	background-image: url('../img/top_curve_572.png'); background-position: top center; background-repeat: no-repeat; }
.confirmation .orderItem, .confirmation .orderTotal { margin-bottom: 7px; padding: 9px 12px; }
.confirmation .selectedItem { width: 275px; float: left; }
.confirmation .selectedItem p { margin-bottom: 0px !important; } 
.confirmation .selectedItem p.itemDescription { font-size: 11px; margin-top: 3px; margin-bottom: 0px !important; }
.confirmation .price { float: right; text-align: right; margin-top: 1px; }
.confirmation .orderTotal .selectedItem { font-weight: bold; text-transform: uppercase; } 
.confirmation .orderTotal .selectedItem .sub { text-transform: none; }
.confirmation .orderTotal .price { font-weight: bold; }
.confirmation .selectedItem .sub { font-size: 8px; font-weight: normal; }
.confirmation .buttonRow input.print { float: left; width: 107px; border: none; height: 25px; background: url('../img/print_receipt_btn.jpg') top left no-repeat; } 
.confirmation .buttonRow input.cancel { float: right; width: 107px; border: none; height: 25px; background: url('../img/cancel_order_btn.jpg') top left no-repeat; } 
h2.wide { margin-top: 20px; }
div.olderOrders { width: 550px; padding: 5px 10px 0 10px; }
div.olderOrders p.key { margin-bottom: 5px; text-align: right; }
div.olderOrders p span.purchaseLegend { margin-left: 5px; margin-right: 10px; display: inline-block; height: 16px; width: 16px; }
div.olderOrders p span.creditLegend { margin-left: 5px; margin-right: 0; display: inline-block; height: 16px; width: 16px; }
.olderOrders .buttonRow { margin-top: 5px; }
.olderOrders .buttonRow input.cancel { float: left; width: 107px; border: none; height: 25px; background: url('../img/cancel_order_btn.jpg') top left no-repeat; } 
.olderOrders div.orderTable { width: 550px; }
.olderOrders div.orderTable div.order, .olderOrders div.orderTable div.payment { margin-bottom: 5px; padding: 9px 12px; }
.olderOrders div.orderTable div.location { float: left; width: 174px; }
.olderOrders div.orderTable div.location p.date { font-weight: bold; }
.olderOrders div.orderTable div.items { float: left; width: 292px; }
.olderOrders div.orderTable div.amount { float: left; width: 58px; text-align: right; }
/*** end confirmation page ***/

/*** my details page ***/
#details #leftColumn { width: 572px; float: left; margin-top: 10px; }
#details #rightColumn { width: 176px; float: right; margin-left: 10px; margin-top: 10px; }
#details #leftColumn .confirmation { padding: 15px 15px 7px 15px; width: 344px; margin-bottom: 20px; }
#details #leftColumn .confirmation p { line-height: 1.2; margin-bottom: 10px; }
#details #leftColumn .confirmation .details { padding: 10px 0 1px 0; margin-bottom: 5px; }
#details #leftColumn .confirmation .details p { line-height: 1.3; margin-bottom: 0; }
#details #leftColumn h2 { font-size: 12px; font-weight: normal; width: 356px; padding: 10px; 
	background-image: url('../img/top_curve_376.png'); background-position: top center; background-repeat: no-repeat; }
#details #leftColumn h2.wide { font-size: 12px; font-weight: normal; width: 552px; padding: 10px; 
	background-image: url('../img/top_curve_572.png'); background-position: top center; background-repeat: no-repeat; }
#details .confirmation .buttonRow input.update { float: right; width: 107px; border: none; height: 25px; background: url('../img/update_btn.png') top left no-repeat; } 
#details .confirmation .buttonRow input.cancel { float: left; width: 107px; border: none; height: 25px; background: url('../img/popup_cancel_btn.png') top left no-repeat; } 
#details #leftColumn fieldset { position: relative; }
#details #leftColumn div.input { position: relative; clear: both; margin-bottom: 5px; }
#details #leftColumn div.input label { font-size: 11px; }
#details #leftColumn input.textbox { position: relative; width: 328px; padding: 5px 7px; margin-bottom: 5px; }
#details #leftColumn select { position: relative; width: 320px; margin-bottom: 5px; }
#details #leftColumn div.addresses { margin-bottom: 5px; }
#details #leftColumn div.addresses div.address { margin-bottom: 5px; padding: 9px 12px; }
#details #leftColumn div.addresses div.address div.name { width: 100px;float: left; }
#details #leftColumn div.addresses div.address div.streetAddress { width: 300px; float: left; }
#details #leftColumn div.addresses div.address div.default { width: 80px; float: left; }
#details #leftColumn div.addresses div.address div.functions { float: right; text-align: right; }
#details #leftColumn .buttonRow a.addAddress { float: right; width: 107px; border: none; height: 25px; background: url('../img/add_address_btn.png') top left no-repeat; }
#details #promoCodes .buttonRow input.add { float: right; width: 107px; border: none; height: 25px; background: url('../img/add_discount_btn.png') top left no-repeat; } 
/*** end my details page ***/

/*** my credit page ***/
#credit #leftColumn { width: 572px; float: left; margin-top: 10px; }
#credit #rightColumn { width: 176px; float: right; margin-left: 10px; margin-top: 10px; }
#credit label { font-size: 11px; }
#credit #leftColumn .confirmation { padding: 15px 15px 15px 25px; width: 334px; margin-bottom: 20px; }
#credit #leftColumn .confirmation p { line-height: 1.2; margin-bottom: 10px; }
#credit #leftColumn .formElements .leftColumn { width: 145px; float: left; }
#credit #leftColumn .formElements .rightColumn { float: right; margin-left: 8px; }
#credit #leftColumn .formElements fieldset { position: relative; }
#credit #leftColumn .formElements div.input { position: relative; clear: both; }
#credit #leftColumn .formElements input.textbox { position: relative; width: 160px; padding: 5px 7px; margin-bottom: 5px; }
#credit #leftColumn .formElements select { position: relative; width: 160px; margin-bottom: 5px; }
#credit #leftColumn .formElements .wide input.textbox { width: 310px; }
#credit #leftColumn .wide p.disclaimer { margin-bottom: 10px; }
#credit #leftColumn .formElements .wide select { width: 326px; padding: 5px; }
#credit #leftColumn .formElements .wide .leftColumn select { width: 166px; }
#credit #leftColumn .formElements .wide .rightColumn select { width: 153px; margin-right: 8px; }
#credit #leftColumn .formElements .wide .rightColumn { margin-left: 28px; }
#credit #leftColumn .formElements .wide .leftColumn input.textbox { width: 150px; }
#credit #leftColumn .formElements label.overlabel-apply { font-size: 12px; position: absolute; left: 10px; top: 7px; z-index: 100; }
#credit .buttonRow { width: 326px; padding-top: 10px; }
#credit .buttonRow div.leftColumn { float: left; width: 200px; }
#credit .buttonRow p { }
#credit .buttonRow input.purchase { border: none; float: right; width: 107px; height: 25px; background: url('../img/purchase_btn.jpg') top left no-repeat; } 
#credit .buttonRow input.activate { border: none; float: right; width: 107px; height: 25px; background: url('../img/activate_btn.jpg') top left no-repeat; } 
#credit .rightCart .myCredit { margin-top: 80px; }
/*** end my credit page ***/

/*** my usuals page ***/
body #usuals #leftColumn { width: 572px; float: left; margin-top: 10px; }
body #usuals #leftColumn h2.wide { margin-top: 0; }
body #usuals #rightColumn { width: 176px; float: right; margin-left: 10px; margin-top: 10px; }
body #usuals #leftColumn div.usuals { margin-bottom: 5px; }
body #usuals #leftColumn div.usuals div.usualItem { margin-bottom: 5px; padding: 9px 12px; }
body #usuals #leftColumn div.usuals div.usualItem div.name { width: 100px;float: left; }
body #usuals #leftColumn div.usuals div.usualItem div.items { width: 340px; float: left; }
body #usuals #leftColumn div.usuals div.usualItem div.items p.phone span { display: inline-block; height: 16px; width: 16px; margin-right: 2px; }
body #usuals #leftColumn div.usuals div.usualItem div.price { width: 60px; float: left; text-align: right; }
body #usuals #leftColumn div.usuals div.usualItem div.functions { float: right; text-align: right; }
body #usuals .usualsBottom { margin-bottom: 20px; }
/*** end my usuals page ***/

/*** my statements page ***/
#statements #leftColumn { width: 572px; float: left; margin-top: 10px; }
#statements #leftColumn .statementColumn { float: left; width: 186px; }
#statements #leftColumn .statementColumn h2.narrow { width: 166px; background: url('../img/top_curve_186.png') top left no-repeat; }
#statements #leftColumn .statementColumn .reportingPeriod { width: 184px; height: 207px; }
#statements #leftColumn .statementColumn .formElements { padding: 20px 8px 0px 11px; }
#statements #leftColumn .statementColumn .formElements .field { margin-bottom: 7px; }
#statements #leftColumn .statementColumn .formElements .to { width: 159px; margin-bottom: 7px; text-align: center; }
#statements #leftColumn .statementColumn .formElements fieldset { position: relative; }
#statements #leftColumn .statementColumn .formElements div.input { position: relative; clear: both; }
#statements #leftColumn .statementColumn .formElements input.textbox { position: relative; width: 146px; padding: 5px 7px; margin-bottom: 5px; }
#statements #leftColumn .formElements label.overlabel-apply { font-size: 11px; position: absolute; top: 7px; z-index: 100; }
#statements #leftColumn .buttonRow input.generateStatement { float: right; width: 167px; border: none; height: 25px; 
	background: url('../img/generateStatement_btn.png') top left no-repeat; }
#statements #leftColumn .summaryColumn { float: left; width: 376px; margin-left: 10px; }
#statements #leftColumn div.period { text-align: right; float: right; margin-top: -21px; margin-right: 10px; }
#statements #leftColumn .summaryContent { width: 351px; padding: 13px 11px 2px 12px; }
#statements #leftColumn .summaryContent .summary { padding: 10px 12px 5px; margin-bottom: 5px; }
#statements #leftColumn .summaryContent .total { font-weight: bold; }
#statements #leftColumn .summaryContent .summary .description { width: 235px; float: left; }
#statements #leftColumn .summaryContent .summary .cost { float: right; }
#statements #leftColumn .statementSummary { padding: 7px 10px; width: 550px; }
#statements #leftColumn .statementSummary .key { text-align: right; margin-bottom: 5px; }
#statements #leftColumn .statementSummary .key span { width: 16px; height: 16px; display: inline-block; margin-left: 3px; margin-right: 6px; }
#statements #leftColumn .statementSummary table tr.headings { font-weight: bold; text-align: left; }
#statements #leftColumn .statementSummary table tr.headings th { padding-top: 7px; padding-bottom: 7px; }
#statements #leftColumn .statementSummary table tr.headings th.description { width: 178px; }
#statements #leftColumn .statementSummary table tr.headings th.item { width: 175px;}
#statements #leftColumn .statementSummary table tr.headings th.DR { width: 50px; text-align: center; }
#statements #leftColumn .statementSummary table tr.headings th.CR { width: 50px; padding-right: 12px; text-align: center;}
#statements #leftColumn .statementSummary table tr .date { padding-left: 12px; width: 84px; }
#statements #leftColumn .statementSummary table tr .date p.date { padding: 0; font-weight: bold; }
#statements #leftColumn .statementSummary table tr .date p.time { font-size: 11px; }
#statements #leftColumn .statementSummary table tr td { padding-top: 8px; padding-bottom: 6px; }
#statements #leftColumn .statementSummary table tr p { line-height: 1.3; }
#statements #leftColumn .statementSummary table tr .amount { text-align: center; }
#statements #leftColumn .statementSummary table tr .cr { padding-right: 12px; }
#statements #leftColumn .statementSummary table tr td p.subDescription { font-size: 11px; }
#statements #leftColumn .statementSummary table tr { border-bottom-style: solid; border-bottom-width: 5px; }
#statements #leftColumn .statementSummary table tr.totals th { font-weight: bold; text-align: left;padding-top: 7px; padding-bottom: 7px; text-transform: uppercase; }
#statements #leftColumn .statementSummary table tr.totals th.totalsCol { padding-left: 12px; }
#statements #leftColumn .statementSummary table tr.totals th.totalsDR, #statements #leftColumn .statementSummary table tr.totals th.totalsCR { text-align: center; }
#statements #leftColumn .statementSummary .buttonRow input.print { float: right; width: 107px; border: none; height: 25px; 
	background: url('../img/print_btn.jpg') top left no-repeat; } 
#statements #rightColumn { width: 176px; float: right; margin-left: 10px; margin-top: 10px; }
/*** end my statements page ***/

/*** account pagination styles ***/
.accountPage .pagination { text-align: center; padding: 9px 12px; margin-bottom: 5px; }
.accountPage .pagination ul li { list-style: none; display: inline; margin-left: 5px; }
.accountPage .pagination ul li .paginationFirst { margin-left: 0; }
.accountPage .pagination ul li a.paginationButton { width: 16px; height: 16px; border: none; display: inline-block; vertical-align: 10%;  }
/*** end account pagination styles ***/



select.wide { width : 108px; }