@charset "utf-8";

/* @group General */

/* @group Reset *  /
/*Resets default browser CSS styles.
Original by Erik Meyer:meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

/* @end Reset */

/* @group Dev Classes */

/* Clearfix */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix { display: inline-block; }

div.clear {
	clear: both;
	margin: 0;
	visibility: hidden;
	height: -1px;
}


div.clear hr {
display:  none;
}

/* Hide from IE Mac \*/

.clearfix { display: block; }

/* End hide from IE Mac */

.debug { border: 1px solid red; }

.alignLeft { text-align: left !important; }

.alignRight { text-align: right !important; }

.alignCenter { text-align: center !important; }

.floatLeft { float: left !important; }

.floatRight { float: right !important; }

.clearBoth { clear: both; overflow: hidden; height: 0px; font-size: 1px; }

.clearBoth-separator { clear: both; overflow: hidden; height: 25px; display: block; font-size: 1px; }

.clearBoth-separator hr { display: none; }

.clearLeft { clear: left !important; }

.clearRight { clear: right !important; }

.hidden { display: none !important; }

.highlight { background-color: #ffc; }

.noBackground { background: none !important; }

.noBorder { border: none !important; }

.noMargin { margin: 0 !important; }

.noPadding { padding: 0 !important; }

.noBold { font-weight: normal !important; }

.highlight { background: #ffc; }

/* @end Dev Classes */

/* @end General */

/* @group Typography */

/* @group Content Elements */

/* @group Headings */

h1,h2,h3,h4,h5,h6 { clear: both; cursor: default; font-weight: normal; font-family: arial; margin-bottom: 10px; color: #000000; line-height: 100%; }

h1 { font-weight: bold; font-size: 24px; }

h2 { font-weight: bold; font-size: 18px; color: #545454; margin: 20px 0; }

h3 {  }

h4 {  }

h5 {  }

h6 {  }

/* @end Headings */

/* @group Text */

ul, ol { padding: 10px 0; }

li { list-style-type: none; padding: 10px 20px; font-size: 12px; line-height: 17px; background: transparent url('../images/bg-lists.png') no-repeat 10px 8px; }

ol { list-style-type: decimal; }

ol li {  }

dl { margin: 1.5em 0; }

dl dt { font-weight: bold; }

blockquote { margin: 1.5em 0 1.5em 1.5em; color: #666; font-style: italic; }

strong { font-weight: bold; }

em { font-style: italic; }

pre { margin-bottom: 1.3em; background: #eee; border: 0.1em solid #ddd; padding: 1.5em; }

code { font: 0.9em Monaco, monospace; }

hr { border: transparent 1px solid; margin: 15px 0 15px 0; clear: both; }

p { margin: 10px 0px; text-align: left; line-height: 18px; }

a { text-decoration: none; color: #F3B200 }

a:hover { text-decoration: underline; }

/* @end Text */

/* @group Tables */

table { margin: 15px 0; }

thead { background-color: #006ab5; }

th { padding: ; font-size: 15px;  }

td { padding: ;  }

th { font-weight: bold; }

/* @end Tables */

/* @end Content Elements */

/* @group Forms */

input#CaptchaV2 { margin: 5px 0 0 0; }

input#CaptchaV2,
input, textarea { font-family: arial; font-size: 14px; color: #666666; background-color: #f2f2f2; }

label { font-size: 13px }

div.row { width: 200px; float: left; clear: both; padding-bottom: 5px }

input#CaptchaV2,input.input-txt,input.cartInputText { width: 196px; padding: 2px; border: 1px solid #000000; }

input.cartInputText { width: 50px !important;
text-align: center;
	
}


textarea.text-area { width: 196px; padding: 2px; border: 1px solid #000000; }

input.form-button { float: left; width: 95px; height: 26px; display: block; line-height: 0; font-size: 0; text-indent: -9999px; overflow: hidden; background: transparent url('../images/btn-submit.png') no-repeat bottom left; border: 0; }

input.form-button:hover { background: transparent url('../images/btn-submit.png') no-repeat top left; }


select.dropdown-input {
width: 196px;
}

/* @end Forms */

/* @group Layout Structure */

body { font-family: arial, tahoma, helvetica; font-size: 13px; color: #545454; background: #878787 url('../images/body-bg.jpg') repeat-x top center; }

div#wrap { position: relative; width: 980px; margin: 0 auto; }

div#wrap:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* @group Home - Default */

div#header { width: 980px; height: 129px; display: block;  background: transparent url('../images/bg-header.png') no-repeat top left; position: relative; margin: 0; }

div#logo {margin: 0 0 0 5px; _margin-left: 2px; width: 182px; height: 129px; float: left;}

div#navigation {float: right; display: block; width: 785px; height: 35px; }

div#phone-skype { margin-top: 40px; float:  right; width: 160px; height: 38px; }

div#banner-home { display: block;  width: 980px; height: 271px; margin:0; _margin-top:-3px; }

ul#latest-news li { font-style: italic; padding: 10px 0px; background-image: none; }

ul#latest-news li strong { font-size: 11px; font-style: normal; }

div#container {  width: 920px; display: block; padding: 30px 30px 20px 30px; background: #ffffff url('../images/container-bg.jpg') repeat-y top left; }

div#container div#left-column { float: left; width: 323px; }

div#container div#right-column { float: right; width: 568px; }

div#service-boxes { float: left; width: 568px; }

div#mail-services,div#bank-services { display: block; width: 203px; height: 167px; padding: 88px 30px 0 30px; color: #ffffff; }

div#mail-services a,div#bank-services a { color: #f3b200; }

div#mail-services { float: left; background: transparent url('../images/box-mailservices.png') no-repeat top left; }

div#bank-services { float: right; background: transparent url('../images/box-bankservices.png') no-repeat top left; }

div#banner-free-month { float: left; width: 526px; padding-top: 42px; }

div#footer { position: relative; width: 920px; height: 43px; display: block; clear: both; background: #2a2a2a; color: #ffffff; padding: 20px 30px; }

div#footer p { font-size: 12px; }

div#footer p strong { font-size: 13px; }

div#footer p a { color: #ffffff; }

div#footer a#franchisee-login { position: absolute; top: 30px; right: 30px; width: 126px; height: 26px; display: block; line-height: 0; font-size: 0; text-indent: -9999px; overflow: hidden; background: transparent url('../images/btn-franchisee-login.png') no-repeat bottom left; }

div#footer a#franchisee-login:hover { background: transparent url('../images/btn-franchisee-login.png') no-repeat top left; }

div#footer a#mailroom-login { position: absolute; top: 30px; right: 166px; width: 126px; height: 26px; display: block; line-height: 0; font-size: 0; text-indent: -9999px; overflow: hidden; background: transparent url('../images/btn-mailroom-login.png') no-repeat bottom left; }

div#footer a#mailroom-login:hover { background: transparent url('../images/btn-mailroom-login.png') no-repeat top left; }

div#siteDesign { position: absolute; left: 0; bottom: -20px; }

div#siteDesign a { color: #cccccc; font-size: 10px; }

div#siteDesign a:hover { color: #ffffff; font-size: 10px; text-decoration: none; }

/* @end */

/* @end Typography */

/* @group Pages and Templates */

/* @group Internal Template */
object{
	margin: 0;
}

div#internal-header { width: 980px; height: 129px; display: block; background: transparent url('../images/bg-header.png') no-repeat top left; }

div#banner-internal { display: block; width: 980px; height: 141px; position: relative; margin:0; _margin-top:-3px;} 
div#banner-internal-services { display: block; width: 980px; height: 327px; position: relative; background: url('../images/placeholder-detailed-banner.jpg') no-repeat top left; margin:0; _margin-top:-3px;} 
div#banner-internal-coffe { display: block; width: 980px; height: 327px; position: relative; background: url('../images/banner-coffee.jpg') no-repeat top left; margin:0; _margin-top:-3px;}


div#internal-container { float: left; width: 950px; display: block; padding: 30px 0px 0px 30px; background: #ffffff url('../images/container-bg.jpg') repeat-y top left; }

div#internal-content { float: left; width: 660px; padding-right: 26px; padding-top: 30px; padding-bottom: 60px }

div#internal-rhs-bar { position: relative; float: right; width: 260px; padding: 0; }

div#mini-banner { float: right; width: 200px; height: 46px; padding: 140px 30px 0 30px; }

div#internal-rhs-bar div#mini-banner { float: right; width: 200px; height: 186px; padding: 10px 30px 0 30px; }

div#internal-calculate-savings { float: left; width: 200px; padding: 30px; background: transparent url('../images/bg-rhs-detailed.png') no-repeat 0 0; }

div#internal-contact-form { float: left; width: 200px; padding: 30px; background: transparent url('../images/bg-rhs-detailed.png') no-repeat 0 -154px; }

div#internal-contact-form form { padding: 15px 0; }

a#calculate-savings-btn { width: 200px; height: 38px; display: block; background: transparent url('../images/calculate-savings-btn.png') no-repeat bottom left; line-height: 0px; font-size: 0; text-indent: -9999px; overflow: hidden; }

a#calculate-savings-btn:hover { background: transparent url('../images/calculate-savings-btn.png') no-repeat top left; }

h3#contact-us-now { width: 169px; height: 21px; display: block; background: transparent url('/images/h3-contactus-now.png') no-repeat top left; text-indent: -999px; line-height: 0; font-size: 0; overflow: hidden; }

h3#franchise-enquiry { width: 190px; height: 25px; display: block; background: transparent url('/images/h3-franchise-enquiry.png') no-repeat top left; text-indent: -999px; line-height: 0; font-size: 0; overflow: hidden; }

/* @end Internal Template */

/* @group Internal Template Franchising */

h3#franchising-box { width: 143px; height: 52px; display: block; background: transparent url('/images/h3-franchise.png') no-repeat top left; text-indent: -999px; line-height: 0; font-size: 0; overflow: hidden; }

div#franchising-box { float: left; width: 200px; display: block; padding: 30px; background: transparent url('/images/bg-franchise-rhs.png') repeat-y top left; }

div#franchising-box p { margin-bottom: 0 }

/* @end Internal Template */

/* @group contact us */

h1#contact-us { width: 121px; height: 30px; display: block; background: transparent url('/images/h1-contact.png') no-repeat top left; text-indent: -999px; line-height: 0; font-size: 0; overflow: hidden; }

#page-form { float: left; width: 440px; }

#page-form .row,#page-form-signup .row,#checkout-form .row,div#page-form-centred .row   { clear: none; margin: 0 10px; }

div#address { float: left; width: 200px; padding: 30px; background: transparent url('../images/bg-rhs-detailed.png') no-repeat 0 -154px; }

div#address strong { font-size: 16px; color: #000 }

div#address p { margin: 0 0 20px 0 !important; }

#page-form .separate { clear: both; border-bottom: 1px solid #ccc; width: 440px; padding: 10px 0; margin-bottom: 10px; }

#trial-banner-contact { float: left; padding-top: 30px; }

.mandatory-field { font-size: 10px; font-style: italic }

/* @end */

/* @group Detailed Template */

body#detailed div#internal-header { width: 980px; height: 456px; display: block; float: left; background: transparent url('../images/bg-header.png') no-repeat top left; }

body#detailed div#internal-header div#banner-internal { display: block; position: absolute; bottom: 0; top: 129px; left: 0; width: 980px; height: 327px; }

div#internal-container { float: left; width: 950px; display: block; padding: 0px 0px 0px 30px; background: #ffffff url('../images/container-bg.jpg') repeat-y top left; }

body#detailed div#internal-content { float: left; width: 660px; padding: 30px 26px 60px 0 }

body#detailed div#internal-header div#mini-banner { position: absolute; bottom: 0; top: 0; right: 0px; width: 200px; height: 156px; z-index: 2; }

body#detailed div#internal-rhs-bar { position: relative; float: right; width: 260px; padding: 0px; background: transparent url('../images/bg-rhs-detailed.png') no-repeat 0 0px; }

body#detailed div#internal-contact-form { float: left; width: 200px; padding-top: 30px }

body#detailed div#internal-contact-form form { padding: 15px 0 0 0; }

a#calculate-savings-btn { width: 200px; height: 38px; display: block; background: transparent url('../images/calculate-savings-btn.png') no-repeat bottom left; line-height: 0px; font-size: 0; text-indent: -9999px; overflow: hidden; }

a#calculate-savings-btn:hover { background: transparent url('../images/calculate-savings-btn.png') no-repeat top left; }

h3#contact-us-now { width: 169px; height: 21px; display: block; background: transparent url('/images/h3-contactus-now.png') no-repeat top left; text-indent: -999px; line-height: 0; font-size: 0; overflow: hidden; }

a.backto-services-btn { width: 126px; height: 26px; display: block; margin-top: 20px; line-height: 0; font-size: 0; text-indent: -9999px; overflow: hidden; background: transparent url('../images/btn-backto-services.png') no-repeat bottom left; }

a.backto-services-btn:hover { background: transparent url('../images/btn-backto-services.png') no-repeat top left; }

a#view-Allservices { position: absolute; top: 488px; right: 293px; width: 159px; height: 27px; display: block; line-height: 0; font-size: 0; text-indent: -9999px; overflow: hidden; background: transparent url('../images/bt-view-allservices.png') no-repeat bottom left; }

a#view-Allservices:hover { background: transparent url('../images/bt-view-allservices.png') no-repeat top left; }

/* @end Detailed Template */

/* @group Services Page */

h1#free-trial { width: 455px; height: 69px; display: block; background: transparent url('/images/h1-free-trial.png') no-repeat top left; text-indent: -999px; line-height: 0; font-size: 0; overflow: hidden; margin: 0; }

h1#thank-you { width: 181px; height: 37px; display: block; background: transparent url('/images/h1-thank-you.png') no-repeat top left; text-indent: -999px; line-height: 0; font-size: 0; overflow: hidden; margin: 0; }

h1#savings-calculator { width: 181px; height: 37px; display: block; background: transparent url('/images/h1-calculator.png') no-repeat top left; text-indent: -999px; line-height: 0; font-size: 0; overflow: hidden; margin: 0; }

h1#services { width: 133px; height: 30px; display: block; background: transparent url('/images/h1-services.png') no-repeat top left; text-indent: -999px; line-height: 0; font-size: 0; overflow: hidden; margin: 0; }

h1#bankservices { width: 270px; height: 37px; display: block; background: transparent url('/images/h1-bankServices.png') no-repeat top left; text-indent: -999px; line-height: 0; font-size: 0; overflow: hidden; margin: 0; }

h1#otherservices { width: 229px; height: 37px; display: block; background: transparent url('/images/h1-otherServices.png') no-repeat top left; text-indent: -999px; line-height: 0; font-size: 0; overflow: hidden; margin: 0; }

h1#mailservices { width: 212px; height: 30px; display: block; background: transparent url('/images/h1-mailServices.png') no-repeat top left; text-indent: -999px; line-height: 0; font-size: 0; overflow: hidden; margin: 0; }

h2#mail-services { width: 191px; height: 59px; display: block; background: transparent url('/images/h2-mail-services.png') no-repeat top left; text-indent: -999px; line-height: 0; font-size: 0; overflow: hidden; margin: 0; }

h2#express-banking { width: 238px; height: 59px; display: block; background: transparent url('/images/h2-express-banking.png') no-repeat top left; text-indent: -999px; line-height: 0; font-size: 0; overflow: hidden; margin: 0; }

h2#packages { width: 139px; height: 59px; display: block; background: transparent url('/images/h2-packages.png') no-repeat top left; text-indent: -999px; line-height: 0; font-size: 0; overflow: hidden; margin: 0; }

h2#other-services { width: 207px; height: 59px; display: block; background: transparent url('/images/h2-other-services.png') no-repeat top left; text-indent: -999px; line-height: 0; font-size: 0; overflow: hidden; margin: 0; }

div.box-services { float: left; width: 310px; display: block; }

div.box-services-right { float: left; width: 310px; display: block; padding-left: 40px !important; }

ul.services-price li { list-style-type: none; width: 310px; text-indent: 0px; padding: 0 0 8px 0 !important; position: relative; }

ul.services-price li a, div.box-services ul li a.three-lines { width: 258px; padding-left: 52px; display: block; font-size: 14px; color: #383838; line-height: 16px; padding-top: 6px; }

ul.services-price li a { height: 39px; background: transparent url('../images/services-list-2lines-bg.png') no-repeat bottom left; }

ul.services-price li a:hover { height: 39px; background: transparent url('../images/services-list-2lines-bg.png') no-repeat top left; }

ul.services-price li a.three-lines { height: 58px; background: transparent url('../images/services-list-3lines-bg.png') no-repeat bottom left; }

ul.services-price li a.three-lines:hover { height: 58px; background: transparent url('../images/services-list-3lines-bg.png') no-repeat top left; }

span.price,span.price-three-lines { font-weight: bold; position: absolute; top: 14px; right: 15px; text-decoration: none; }

span.price-three-lines { top: 24px !important }

/* @end Services Page */

/* @group About Page */

h1#about-us { width: 141px; height: 30px; display: block; background: transparent url('/images/h1-aboutus.png') no-repeat top left; text-indent: -999px; line-height: 0; font-size: 0; overflow: hidden; }

/* @end About Page */

/* @group franchise Page  */

h1#franchise { width: 379px; height: 36px; display: block; background: transparent url('/images/h1-franchise.png') no-repeat top left; text-indent: -999px; line-height: 0; font-size: 0; overflow: hidden; }

div.data-box-franchise { width: 567px; height: 126px; background: transparent url('/images/bg-data-box.jpg') no-repeat top left; padding: 30px 40px; }

div.data-box-franchise h3 { font-size: 18px; font-weight: bold; color: #f6800d; }

div.data-box-franchise p { width: 360px; margin-bottom: 7px; }

p.fac-question, p.fac-answer { padding: 0 20px; width: 530px; }

p.fac-question { margin-bottom: 0; font-weight: bold; }

p.fac-answer { margin-top: 0; background: #ededed; padding-bottom: 15px; border-top: 1px solid #cccccc }

/* @end Franchise Page */

/* @group News  */

h1#news { width: 84px; height: 30px; display: block; background: transparent url('/images/h1-news.png') no-repeat top left; text-indent: -999px; line-height: 0; font-size: 0; overflow: hidden; }

h2.news-title { margin: 0px; }

h2.news-title a { color: #545454 }

p.news-date { font-size: 14px; font-style: italic; margin: 10px 0 0 0; padding-top: 10px; display: block; width: 130px; height: 20px; background: transparent url('/images/bg-date-news.png') no-repeat top left; }

/* @end News */

/* @group Testimonials  */

h1#testimonials { width: 202px; height: 31px !important; display: block; background: transparent url('/images/h1-testimonials.png') no-repeat top left; text-indent: -999px; line-height: 0; font-size: 0; overflow: hidden; }

div.logo-testimonial img { border: 1px solid #999999; }

div.logo-testimonial { float: right; padding-top: 20px }

div.testimonial p { float: left; font-style: italic; font-size: 16px; width: 360px; padding: 14px 20px; margin: 0; }

div.testimonial { float: left; width: 570px; min-height: 99px; margin: 20px 0; background: transparent url('../images/bg-testimonial.png') no-repeat top left }

#internal-testimonials { float: left; width: 200px; padding: 0 30px }

div#internal-testimonials div.testimonial { float: left; width: 200px; height: auto; background: none; padding-bottom: 30px; margin: 0 !important; }

div#internal-testimonials div.testimonial p { float: left; width: 140px; margin: 0; padding: 5px 0 }

div#internal-testimonials div.testimonial div.logo-testimonial { float: left; padding: 10px 0 0 0; }

div#internal-testimonials div.testimonial div.logo-testimonial img { float: left; width: 89px !important; height: auto !important; }

h3#testimonials { width: 135px; height: 21px; display: block; background: transparent url('/images/h3-testimonials.png') no-repeat top left; text-indent: -999px; line-height: 0; font-size: 0; overflow: hidden; }

a.nolink { cursor: default; background: transparent url(../images/services-list-2lines-bg.png) no-repeat scroll left bottom !important; }

a.nolink:hover { cursor: default; text-decoration: none; background: transparent url(../images/services-list-2lines-bg.png) no-repeat scroll left bottom !important; }

a.nolink2 { cursor: default; background: transparent url(../images/services-list-3lines-bg.png) no-repeat scroll left bottom !important; }

a.nolink2:hover { cursor: default; text-decoration: none; background: transparent url(../images/services-list-3lines-bg.png) no-repeat scroll left bottom !important; }

/* @end Testimonials */

/* @group Shopping List */

body#shopping div#internal-calculate-savings { width: 260px; padding: 30px 0; }

td.cartSummaryItem { width: 260px; text-align: center; }

div#shopping-page { float: left; width: 660px; padding-top:30px}

td.cartSummaryItem, a.cartSummaryLink { color: #000; font-size: 13px; }

a.cartSummaryLink { font-weight: bold; text-decoration: underline; margin-left: 5px; }

a.cartSummaryLink:hover { text-decoration: none }



a#details-shop { width: 122px; height: 26px; display: block; line-height: 0; font-size: 0; text-indent: -9999px; overflow: hidden; background: transparent url('../images/bt-update-details.png') no-repeat bottom left; }

a#details-shop:hover { background-position:  top left; }


a#details-orders { width: 122px; height: 26px; display: block; line-height: 0; font-size: 0; text-indent: -9999px; overflow: hidden; background: transparent url('../images/bt-viewpast-orders.png') no-repeat bottom left; }

a#details-orders:hover { background-position:  top left; }




h1#shopping-page { width: 450px; height: 38px; display: block; background: transparent url('/images/h1-shopping-page.png') no-repeat top left; text-indent: -999px; line-height: 0; font-size: 0; overflow: hidden; }

h2#prepaid-mailing { width: 253px; height: 24px; display: block; background: transparent url('/images/h2-prepaid-mailing-prod.png') no-repeat top left; text-indent: -999px; line-height: 0; font-size: 0; overflow: hidden; }

h2#postpack-product { width: 253px; height: 25px; display: block; background: transparent url('/images/h2-postpack-prod.png') no-repeat top left; text-indent: -999px; line-height: 0; font-size: 0; overflow: hidden; }

h3#my-account { width: 177px; height: 25px; display: block; background: transparent url('/images/h3-myaccount.png') no-repeat top left; text-indent: -999px; line-height: 0; font-size: 0; overflow: hidden; }

div#shopping-page h3 { padding-bottom:0px; margin: 0; font-size: 22px; }

div#shopping-page h2 { margin: 40px 0; }

div#shopping-page ul li { background: none; margin: 0; padding: 0; }

div#shopping-page select.productSelectInput { width: 150px }

div#shopping-page input.productTextInput { background: #fff; border: 1px solid #000; width: 40px; height: 17px; padding: 3px 0 0 0; text-align: center; v-align: middle; }

div.product span { v-align: middle; line-height: 20px; }

div.shop-head { float: left; width: 622px; padding: 22px 0 23px 0; background: transparent url('../images/header-shop.png') no-repeat -29px top; }

div.product { float: left; background: #ececec; width: 622px; margin-bottom: 5px; padding: 8px 0; }

div.column01 select { float: right; }

div.column01 { float: left; width: 350px; padding-left: 10px }

div.column02 { float: left; width: 90px; }

div.column03 { float: left; width: 80px; padding-left: 10px; }

div.column04 { float: left; width: 75px; }

span.prod-title { color: #000; font-weight: bold; }

span.prod-price { display: block; text-align: center; color: #353535; font-size: 13px; }

span.prod-title { display: block; float: left; max-width: 180px; color: #666666; font-weight: bold; }

span.prod-code { display: none; }

div#shopping-page ul { margin: 0; padding: 0; }

div#shopping-page input.productSubmitInput { float: left; width: 75px; height: 21px; display: block; line-height: 0; font-size: 0; text-indent: -9999px; overflow: hidden; background: transparent url('../images/bt-add-to-cart.png') no-repeat bottom left; border: 0; }

div#shopping-page input.productSubmitInput:hover { background: transparent url('../images/bt-add-to-cart.png') no-repeat top left; }

a.bt-next-step { float: right; width: 122px; height: 26px; display: block;line-height: 0; font-size: 0; text-indent: -9999px; overflow: hidden; background: transparent url('../images/bt-next-step.png') no-repeat bottom left; }

a.bt-next-step:hover { background: transparent url('../images/bt-next-step.png') no-repeat top left; }

/* @end  shopping before*/

/* @group Shopping Landing Page  */

div#shopping-page-container { float: left; width: 518px; padding-left: 70px;  }

div#mailplus-customers,div#mailplus-noncustomers { float: left; width: 600px; height: 103px; display: block; padding-left: 153px; padding-top: 50px; margin-left: 162px; margin-bottom: 40px; }

div#mailplus-customers h3,div#mailplus-noncustomers h3 { display: none; }

div#mailplus-customers { margin: -80px 0 40px 162px; _margin-left:62px; background: transparent url('../images/bg-customers.png') no-repeat top left; }

div#mailplus-noncustomers { background: transparent url('../images/bg-noncustomers.png') no-repeat top left; height: 83px !important; padding-top: 70px !important; }

div#login,div#sign-up,div#fax { width: 200px; float: left; }

div#login p,div#sign-up  p,div#fax p { margin-top: 0; }

a.bt-shop-login, a.bt-shop-signup, a.bt-shop-fax { width: 114px; height: 42px; display: block; cursor: pointer; line-height: 0; font-size: 0; text-indent: -9999px; overflow: hidden; background: transparent url('../images/bts-shop-landing.png') no-repeat }

a.bt-shop-login { background-position: left -42px; }

a.bt-shop-login:hover { background-position: left top; }

a.bt-shop-login:active { background-position: left bottom; }

a.bt-shop-signup { background-position: -114px -42px; }

a.bt-shop-signup:hover { background-position: -114px top; }

a.bt-shop-signup:active { background-position: -114px bottom; }

a.bt-shop-fax { background-position: right -42px; }

a.bt-shop-fax:hover { background-position: right top; }

a.bt-shop-fax:active { background-position: right bottom; }


a#enquire-here-now { width: 213px; height: 42px; display: block; cursor: pointer; line-height: 0; font-size: 0; text-indent: -9999px; overflow: hidden; background: transparent url('../images/bt-enquire.png') no-repeat }

a#enquire-here-now { background-position: left -42px; }

a#enquire-here-now:hover { background-position: left top; }

a#enquire-here-now:active { background-position: left bottom; }

/* @group login-box  */

body#white-bg { background: #ffffff !important; padding: 30px; }

h3#login-box-shop { width: 88px; height: 39px; display: block; background: transparent url('/images/h3-login-box-shop.png') no-repeat top left; text-indent: -999px; line-height: 0; font-size: 0; overflow: hidden; }

h4#lost-password { width: 183px; height: 19px; display: block; background: transparent url('/images/h3-forgot-password.png') no-repeat top left; text-indent: -999px; line-height: 0; font-size: 0; overflow: hidden; }


input.bt-login { width: 95px; height: 26px; display: block; cursor: pointer;  border: 0; line-height: 0; font-size: 0; text-indent: -9999px; overflow: hidden; background: transparent url('../images/bt-login.png') no-repeat left bottom }

input.bt-login:hover { background-position: left top; }

input.bt-retrieve { width: 95px; height: 26px; display: block; cursor: pointer; border: 0; line-height: 0; font-size: 0; text-indent: -9999px; overflow: hidden; background: transparent url('../images/bt-retrieve.png') no-repeat left bottom }

input.bt-retrieve:hover { background-position: left top; }

h1#sign-up { width: 201px; height: 39px; display: block; background: transparent url('/images/h1-signup-form.png') no-repeat top left; text-indent: -999px; line-height: 0; font-size: 0; overflow: hidden; }

div#company-address,div#delivery-address,div#card-process,div#user-details,div#user-details-2,div#australia-post {
float: left;
width: 440px;
padding-top: 60px;
}

div#user-details {
	background: transparent url('../images/bg-user-details.png') no-repeat 10px -25px ;
}


div#user-details-2 {
	background: transparent url('../images/bg-user-details2.png') no-repeat 10px -25px ;
}


div#company-address {
		background: transparent url('../images/bg-company-address.png') no-repeat 10px -25px ;
	
}


div#delivery-address {
		background: transparent url('../images/bg-delivery-address.png') no-repeat 10px -25px ;
	
}


div#payment {
padding-top: 50px;
background: transparent url('../images/bg-payment-details.png') no-repeat 10px -25px ;
	
}
div#card-process {
	padding-top: 0;
}

div#australia-post, div#payment-type {

	width: 420px;
	padding: 0 10px;
}

div#payment-type {
	padding-top: 10px;
}

div#australia-post {
	display: none;
}

div#australia-post,div#card-process {border: none}


div#page-form-signup { float: right; width: 480px;  padding-right:90px}


div#page-form-centred { width: 480px; margin: 0 auto;
	
}


.smaller {
	width: 60px !important;
}
.small {
	width: 90px !important;
}

.black_overlay {
background-color:#000000;
display:none;
height:100%;
left:0;
opacity:0.8;
position:absolute;
top:0;
width:100%;
z-index:1001;
}
.white_content {
background-color:white;
border:6px solid #CCCCCC;
display:none;
height:260px;
left:30%;
overflow:auto;
padding:16px;
position:absolute;
top:50%;
width:400px;
z-index:1002;
}

div#checkout-form {
	width: 440px;
	margin: 0 auto;
	
}

div#login-box-container{
width: 520px;
margin: 0 auto;	
}

div.login-section,div.retrieve-section { float: left; width: 253px; }

div.login-section {
	border-right: 1px solid #333;
}

div.retrieve-section { width: 203px;padding: 15px 0 50px 50px }



h1#order-history { width: 220px; height: 38px; display: block; background: transparent url('../images/h1-pastorders.png') no-repeat top left; text-indent: -999px; line-height: 0; font-size: 0; overflow: hidden; }
h1#update-details { width: 312px; height: 40px; display: block; background: transparent url('../images/h1-update-details.png') no-repeat top left; text-indent: -999px; line-height: 0; font-size: 0; overflow: hidden; }
h1#checkout-buy { width: 247px; height: 40px; display: block; background: transparent url('../images/h1-delivery-details.png') no-repeat top left; text-indent: -999px; line-height: 0; font-size: 0; overflow: hidden; }


a#back-shop {  width: 125px; height: 26px; display: block; line-height: 0; font-size: 0; text-indent: -9999px; overflow: hidden; background: transparent url('../images/bt-backshop.png') no-repeat bottom left; }

a#back-shop:hover { background-position:  top left; }


/* @end login box */

/* @end Shopping */

/* @end */