@charset "utf-8";

/* =======================
	Reset & Override
   ======================= */
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,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}

/* =======================
	IE6 DISPLAY CONTROL 
========================== */
.ie6{display:none;}

/* =======================
		LAYOUT  
========================== */
.wrapper-header, .wrapper-middle, .wrapper-footer{width:100%;}
.wrapper-header .content,
.wrapper-middle .content,
.wrapper-footer .content{margin:0 auto; width:990px;}
.wrapper-header{height:100px;}
.wrapper-header .level1{height:65px;}
.wrapper-header .level2{height:35px;}
.wrapper-middle{min-height:200px;}
.wrapper-middle .content{padding-bottom:15px;}
.wrapper-middle .content .holder-left{width:780px; padding:0 6px 0 0; min-height:1px; line-height:normal;}
.wrapper-middle .content .holder-right{width:202px;}
.wrapper-footer{min-height:142px;}

/* Layout Columns */
.leftcontent-780, .leftcontent-760, .leftcontent-620, .leftcontent-520, .leftcontent-425, .leftcontent-385, .leftcontent-355,  .leftcontent-320, .leftcontent-280, .leftcontent-240, .leftcontent-210, .leftcontent-200, .leftcontent-160, .leftcontent-140, .leftcontent-110{display:inline;float:left;}
.leftcontent-780{width:780px;}
.leftcontent-760{width:760px;}
.leftcontent-620{width:620px;}
.leftcontent-600{width:600px;}
.leftcontent-560{width:560px;}
.leftcontent-520{width:520px;}
.leftcontent-425{width:425px;}
.leftcontent-385{width:385px;}
.leftcontent-355{width:355px;}
.leftcontent-320{width:320px;}
.leftcontent-280{width:280px;}
.leftcontent-240{width:240px;}
.leftcontent-210{width:210px;}	
.leftcontent-200{width:200px;}
.leftcontent-160{width:160px;}
.leftcontent-140{width:140px;}
.leftcontent-110{width:110px;}
.leftcontent-780, .leftcontent-160, .leftcontent-620, .leftcontent-600{margin:0 0 10px 0;}
.leftcontent-280, .leftcontent-210{margin:0 10px 10px 0;}

/* GLOBAL ICONS */
.loadShoppingCart, 
.loadDocument, 
.saveShoppingCart, 
.backwardArrow,
.cancelSubscription, 
.cancelRequest, 
.resetRequest,
.downloadStatements, 
.sendEmail{padding-left:19px !important;}
.pdf{ padding:5px 5px 5px 23px;}
.successMsg,
.failMsg,
.loading{padding:2px 0 2px 25px;}

/* ======================
		GENERAL
   ====================== */

body{font-family:Arial, Helvetica, sans-serif; font-size:11px;}

h3{font-size:16px;}
h3.standard{margin-bottom:10px; padding:30px 0 5px 5px;line-height:16px;}
h3.popup{margin-bottom:10px; padding:10px 0 5px 5px;line-height:16px;}
h3.standard .rightInfo{float:right; font-size:11px; font-weight:100; margin:0 0 0 15px;}
h4{font-size:15px;}
h4.standard{margin:5px 0; font-weight:100;}
h4.dotted{margin:0 0 10px; padding:20px 0 3px; font-weight:100;}
h5{font-size:12px; margin-top:5px;}
h6{font-size:9px; margin-bottom:5px;}
p.standard{margin:5px 0; padding:3px 0;}
textarea{font-size:13px;}
label{display:block;}
label input{vertical-align:middle;}
ol.level1{list-style:decimal outside none;}
ol.level2{list-style:lower-alpha outside none;margin-left: 20px;}
ol.level3{list-style:lower-roman outside none;margin-left: 20px;}
ol.level1 li{padding:3px 0;}
ol.level2 li{padding:1px 0;}
ol.level3 li{padding:1px 0;}
.divide{margin:5px 0; padding:2px; width:95%; clear:both;}
.noPadding{padding:0!important;}
.noPaddingtop{padding-top:0px!important;}
.bold{font-weight:bold;}
.italic{font-style:italic;}
.iheading{font-style:italic; font-size:11px;}
.hide{display:none; visibility:hidden;}
.highLightInfo{padding:10px!important;}
.StarGreen{line-height:inherit; font-weight:normal;}
.forms{padding:3px;}
.inputList input[type="password"],
.inputList input[type="text"]{width:202px;}
.inputList select{width:210px;}
.inputList input.aWidth, 
.inputList select.aWidth{width:auto;}
.inputList select.minWidth{width:auto;min-width:210px;}
.subInfo{font-size:10px;}

h3.oldconvert{padding:30px 0 5px 5px;font-size:16px; line-height:16px;}
div.oldconvert-bottom{width:100%; margin:5px 0; padding:2px; clear:both;}

/* Btns */
.btnContainer{display:block; height:32px; clear:both;}
.btnContainer .btnLightGrey,
.btnContainer .btnGreen{margin:3px; padding:5px 10px; float:left; vertical-align:top; text-align:center; line-height:normal;}
.btnContainer .btnLightGrey:hover,
.btnContainer .btnGreen:hover{text-decoration:none;}
.btnContainer .btnLightGrey.sml,
.btnContainer .btnGreen.sml{margin:0; padding:2px 10px;}
/* Disabled Btn */
.btnContainer span.btnLightGrey{font-style:italic!important;}
/* Delete Btns*/
a.deleteMsg, a.delete, span.deleteMsg, span.delete{line-height:normal; font-weight:bold;display:block; float:right; text-align:center; width:13px;}
.deleteMsg:hover, .delete:hover{text-decoration:none;}

/* Quick Links / Not Used Yet */
.quicklink{height:5px;padding:8px 0 0 0;width:990px; overflow:hidden; } /* FOR LAUNCH HEIGHT IS 5px as. WHEN ACTIVE height: 24px; */
.quickheading{ float:left; padding-right:5px; margin-right:10px;}
a.addQuickLink{ margin-right:10px; color:#CCCCCC; }
.quicklink ul{float:left; height:20px;}
.quicklink li{float:left; line-height:15px; height:24px; min-width:20px;  margin-right:13px;}
.quicklink li a{ display:block; float:left; line-height:15px; margin-top:4px; height:15px;}
.quicklink li .deleteQlink{display:block; float:left; line-height:13px; margin:4px 0 0 7px; width:13px; text-align:center; cursor:pointer; color:#DDD; border:1px solid #FFF;border-radius:2px; -webkit-border-radius:2px;}
.quicklink li:hover .deleteQlink{border-color:#BBB;color:#AAA;}
.quicklink li:hover .deleteQlink:hover{ border-color:#CC0000;color:#CC0000;background-color:#FFEEEE;}

/* STATUS INFO */
.statusInfo{float:right; font-size:13px; font-weight:100;}
.statusInfo .status{font-weight:bold;}

/* HELPTIP */
.helpTip{padding:1px 6px !important; text-align:center; line-height:16px; font-size:11px!important;}
.helpTip:hover{text-decoration:none;}
.helpTipArrow{padding-left:11px;}
.helpTipContent{width:170px; padding:1px;}
.helpTipContent h4{padding:3px 5px; font-size:12px;}
.helpTipContent p{padding:5px;}
.FieldHelpDiv{visibility:hidden; position:absolute; z-index:2000; top:-100px;}

/* Search Input / Header & Footer */
.prodsearch{margin-top:4px; width:240px; float:right;}
.prodsearch input, .prodsearch a{float:left;}
.prodsearch a{width:32px; height:25px; text-indent:-9999px;}
.prodsearch input {width:200px; padding:4px 3px; font-size:12px; overflow:hidden; vertical-align:middle;}
.prodsearch input.focusField{font-size:14px;}
/* Smaller Display / Product Search + Order Search + Invoice Search */
.headerSearch_sml{margin-top: 2px;}
.headerSearch_sml .prodsearch{margin-top:1px; width:235px;}
.headerSearch_sml .prodsearch a{width:29px; height:17px;}
.headerSearch_sml .prodsearch input {padding:2px; font-size:10px;}
.headerSearch_sml .prodsearch input.focusField{font-size:10px;}

/* Message Pop Up  */
.messages{width:700px; height:550px;}
.messages .msgHeading{margin-bottom:10px;}
.messages .msgContainer{padding:10px;}
.messages .msgContainer .msgList {border-bottom:1px dotted #DDD; margin-bottom:10px;}
.messages .msgContainer .msgList li{padding:0 0 5px 0;}
.messages .msgContainer .msgList h4, 
.messages .msgContainer .msgList .deleted{display:block; padding: 5px 0 5px 30px; line-height:22px;}
.messages .msgContainer .msgList h4{ position:relative; cursor:pointer; font-size:12px; font-weight:100;}
.messages .msgContainer .msgList h4 .deleteMsg{margin-right:10px;}
.messages .msgContainer .msgList .msgContent{ display:none; position:relative; padding:15px 20px; line-height:normal;}
.messages .msgContainer .msgList .msgContent ul{list-style:disc outside none; padding-left:15px;}
.messages .msgContainer .msgList .msgContent ul li{padding:0;}
.messages .msgContainer .msgList .msgExpire{padding:5px; font-style:italic; text-align:right;}

/* Global Message */
.globalMsg{width:990px; height:20px; padding-top:5px; overflow:hidden; text-align:center;}
.globalMsg .message{padding:0 5px; font-size:15px; font-weight:bold; line-height:20px;}

/* SERVER SIDE INFORMATIONAL MSGS */
.form_errors, .form_messages, .form_messages_sml{width:760px; float:left; position:relative; z-index:4; margin:15px 0 -10px 0; padding:10px;}
.form_error_hdg, .form_message_hdg{margin-bottom:10px; text-align:center;}
.form_error_text, .form_message_text{padding:0px 10px 0px 10px;}
.form_error_message, .form_message{padding:10px 20px;}
.form_messages_sml{width:auto; float:none; margin:15px auto;}

/* ERROR / INFORMATION MESSAGES POPUP */
.form_error_message .errorsPopup,
.form_message .infoMsgPopup{padding-left: 30px;}
.formErrorsPopup .msgList,
.formInfoMsgsPopup .msgList{padding:15px;}
.formErrorsPopup .msgList li,
.formInfoMsgsPopup .msgList li{padding:5px 0;}

/* Table Price Total */
.tableTotal{text-align:right;font-size:12px;}
.tableTotal span{font-size:18px; font-weight:bold;}

/* STEP BY STEP FRAMEWORK */
.steps{width:100%;}
.steps .step .title{vertical-align:middle; width:100px;}
.steps .active{padding:0!important;}
.steps .inactive{padding:3px 10px; margin-bottom:1px;}
.steps .passed{margin-bottom:1px; padding:3px 10px !important;}
.steps .stepheading{margin:1px 0; min-height:25px; font-size:15px; width:100%;}
.steps .stepheading td{vertical-align:middle; min-height:28px;}
.steps .stepheading .changeStep{font-size:10px; font-style:italic; display:none;}
.steps .active .stepheading{margin:10px 0;}
.steps .active .stepheading img{padding-right:10px;}
.steps .passed .stepheading .changeStep{display:block;}
.steps .readOnly .stepheading .changeStep{display:block; padding-right:10px;}
.steps .active .title{padding:10px 0;}
.steps .stepSummary{font-size:10px;}
.steps .headingName{ padding:3px 0 4px 0; width:100px; float:left; font-size:15px;}
.steps .active .headingName{font-weight:bold; margin-left:0px; margin-right:7px; padding:3px 10px 4px 10px; width:83px;}
.steps .stepContent{padding:0 10px 10px 10px!important; display:none; position:static;}
.steps .active.fixed .stepContent{display:block;}
.steps .btnContainer{position:static;}

/* Table Styles */
td.top{vertical-align:top;}
td.middle{vertical-align:middle;}
td.bottom{vertical-align:bottom;}

/* Smart Fields Input Table */
table.inputList{margin-bottom:10px; clear:both; width:auto;}
table.inputList td.l{line-height:30px; padding-right:15px; min-width:80px; vertical-align:top; text-align:left;}
table.inputList td.l label{padding:0 5px; display:block!important; white-space:nowrap;}
table.inputList td.r{vertical-align:middle; padding:3px 0; text-align:left;}
table.inputList .radioHorizontal{float:left; padding-right:15px;}

/* SMART FIELD TAGS */
.inputField td{padding:0!important;}
.inputField .validateIcon,.inputField .validateMsg {padding:0 0 0 16px; display:none; visibility:hidden; line-height:15px;}
.validField .validateIcon, .errorField .validateIcon{display:block; visibility:visible;}
.errorField .validateMsg {font-weight:bold; display:block; visibility:visible;}
.errorField .validateMsg a.moreInfo{font-size:10px; font-weight:normal;}
.validField .validateMsg {display:none; visibility:hidden;}

/* Bread Crumbs &&  Extra Menu */
.breadcrumbs{ width:100%; }
.breadcrumbs td{ line-height:21px; }
.breadcrumbs .extraMenu{width:200px;}
.breadcrumbs a:hover{text-decoration:none;}
.breadcrumbs, .breadcrumbs a, .breadcrumbs .links .maincrumb span{display:block;}	
.breadcrumbs .links a{padding:2px 10px;}
.breadcrumbs .links .crumbs{padding-left:10px;}
.breadcrumbs .links .crumb span{padding:4px 16px 3px 16px; display:block;}
.breadcrumbs .links .crumb span a{padding:0; display:inline;}
.breadcrumbs .links .crumb span a.secure-crumb{ padding-right:30px;}
.breadcrumbs .links .endcrumb{padding:4px 16px 3px;}
.breadcrumbs .links .maincrumb{ padding:0; font-weight:bold; font-size:13px; font-style:italic;}
.breadcrumbs .links .maincrumb a{padding:2px 5px 3px 35px;}
.breadcrumbs .links .maincrumb span{padding:1px 10px 1px 10px;}
.breadcrumbs .extraMenu td{padding:3px;}
.breadcrumbs .extraMenu .help{ width:45px; text-align:right; }
.breadcrumbs .extraMenu .settings{ width:85px; text-align:center; }
.breadcrumbs .extraMenu .logout{ width:50px; text-align:left; }

/* Site Status Info / Messages / Favourites / Shopping Cart */
.rightInteract{ height: 60px; float: right; }
.rightInteract td{ vertical-align:top; }
.rightInteract td.message{ width:60px; text-align:right; }
.rightInteract td.favourite{ width:60px; text-align:right; }
.rightInteract td.cart{ width:82px; text-align:right; }
.rightInteract td p{ margin:4px 5px 0 0; min-height: 25px;}
.rightInteract td p.messagesIndicator{margin-left:10px;}
.rightInteract .messagesIndicator, .rightInteract .favouritesIndicator{width:45px;font-weight:bold; font-size:14px; text-align:right;}
.rightInteract .messagesIndicator a, .rightInteract .favouritesIndicator a, .cart a.cartIndicator{line-height:24px;}
.rightInteract a{display:block;padding-right:5px; }
.rightInteract a:hover{text-decoration:none;}
.rightInteract .cart .currentCart{ margin: 4px 0 0 0;}
.rightInteract .cart .currentCart .cartIndicator a{ height:25px; width:20px; }
.rightInteract .cart .currentCart .cartInfo a{ height: 20px; padding:0 0px 0 0; line-height:24px; display:block;}
.rightInteract .cart .currentCart span{font-size:11px;text-align:right;}
.rightInteract .cart .currentCart span.savedcart{font-weight:100;font-size:10px;}
.rightInteract .cart .currentCart span.cartCount{font-size:18px;}
.rightInteract .cart .currentCart span.cartheading{padding:0px 0 0 1px; vertical-align:top;}
.rightInteract .cart .currentCart span.savedcart{padding-right:1px;}
.rightInteract .cart .currentCart span.savedCartCount{float:none; display:inline;}
.rightInteract .cart .approvalCart{font-size: 10px; padding-right:4px;}
.rightInteract .cart .approvalCart .approvalCartCount{font-size: 10px; float:none; display:inline;}
.rightInteract .cart .approvalCart a{line-height:normal;float:right; display:block; height:14px; padding:0 8px 0 0; min-width:20px; max-width:60px; position:static; z-index:5;}

/* Widgets / Tiles */
.ad{font-size:10px; text-align:center;}
.promotion{margin-bottom:10px;}
.promotion p{padding:30px 15px;}

.widget{ width:200px; overflow:hidden; margin:0 0 10px 0; float: left;}
.widget .hiddenwidgetHead, .widget .hiddenTabTitle, .widget .hiddenLink{display:none; visibility:hidden;}
.widgetContainer{overflow:hidden;position:static; width:200px;}
.widgetContainer .widgetHead .header{ position:static; height: 27px; }
.widgetContainer .widgetHead .header .title{ padding:5px 0 5px 5px; font-size:14px; vertical-align: middle; }
.widgetContainer .widgetHead .header .switch{ margin: 3px; font-size:10px; width:auto; }
.widgetContainer .widgetHead .header .switch a:hover{text-decoration:none;}
.widgetContainer .widgetHead .header .switch .tabLink{cursor:pointer;float:left;width:auto;display:inline; padding:5px 10px; line-height:9px; text-align:center;}
.widgetContainer .widgetHead .header .switch .tabLink.selected{cursor:default;}
.widgetContainer .widgetHead .header .switch .accountstatus{width:85px; padding:5px 3px;}
.widgetContainer .widgetHead .header .switch .invoices{width:85px; padding:5px 3px;}
.widgetContainer .widgetHead .titleFull{width:120px;}
.widgetContainer .widgetBody{ position:static;width:200px;padding-bottom:0px;}
.widgetContainer .widgetBody .widgetContent {position:relative;overflow:hidden;width:200px; padding-bottom:0px;}
.widgetContainer .widgetBody .widgetContent .panel { position:relative; width:400px; }
.widgetContainer .widgetFoot{ height: 28px; }
.widgetContainer .widgetFoot .viewMore{float:left; width:200px; line-height:17px; position:static; bottom:0px; z-index:5; text-align:right; }
.widgetContainer .widgetFoot .viewMore a{display:block; padding:5px;}
.widgetContainer .widgetFoot .viewMore a:hover{text-decoration:none;}

.widgetContainer .widgetBody .widgetTile{ position:relative; padding:10px; width:180px; font-size:11px; float: left; }
.widgetContainer .widgetBody .widgetTile ol{list-style-position:outside; list-style-type:decimal;}
.widgetContainer .widgetBody .widgetTile li{margin:0 0 10px 15px; display:list-item;}
/* Account Status */
.widgetContainer .widgetBody .accountStatus h6{margin:0 0 3px 0;}
.widgetContainer .widgetBody .accountStatus div{ margin:0 0 8px 0;}
.widgetContainer .widgetBody .accountStatus .user{ margin-right:0; width:180px;} 
.widgetContainer .widgetBody .accountStatus .account{width:180px; height:auto; overflow:visible;}
.widgetContainer .widgetBody .accountStatus .limit, .widgetContainer .widgetBody .accountStatus .current{width:90px;}
.widgetContainer .widgetBody .accountStatus p{padding:2px;}
.widgetContainer .widgetBody .accountStatus .overdue, .widgetContainer .widgetBody .accountStatus .limit, .widgetContainer .widgetBody .accountStatus .available, .widgetContainer .widgetBody .accountStatus .current{ text-align:left; }
/* Column List Tile */
.widgetContainer .widgetBody .columnList tr{ height:26px; }
.widgetContainer .widgetBody .priceList tr{ height:38px; }
.widgetContainer .widgetBody .columnList td{ vertical-align: top; }
.widgetContainer .widgetBody .columnList .linkHeadings{ padding:3px 0; margin:0 0 5px; height:26px; font-size:10px; }
.widgetContainer .widgetBody .columnList .linkHeadings .orderedby{padding-right:8px;}
.widgetContainer .widgetBody .columnList .col0{width:15px;}
.widgetContainer .widgetBody .columnList .col1{width:55px;}
.widgetContainer .widgetBody .columnList .col2{width:60px;}
.widgetContainer .widgetBody .columnList .col3{width:50px;}
.widgetContainer .widgetBody .columnList .index{text-align:left; font-size:10px;}
.widgetContainer .widgetBody .columnList .date{text-align:center; font-size:9px;}
.widgetContainer .widgetBody .columnList .status, .widgetContainer .widgetBody .columnList .price{text-align:right; font-weight:bold;}
.widgetContainer .widgetBody .columnList .linkHeadings a:hover.orderedby{text-decoration:none;}

/* ==============================================================================================================*/
/*												WEB PAGES
/* ==============================================================================================================*/

/* =========================
	WEBCELL WELCOME PAGE
   ========================= */
.welcomePg{width:100%;}
.welcomePg a{padding:3px;}
.welcomePg .content .loginHeading{padding-top:70px;}
.welcomePg .content .form_errors{margin-left:90px;}

/* ===================
		HEADING
   =================== */
.wrapper-header .content td.userAccount{ text-align: right; vertical-align:middle; }
/* Webcell Logo / Promotion */
.wrapper-header .content .webcellHeaderLogo{ display:block; width:150px; margin:2px 10px 0 0; height:55px;}
.wrapper-header .content .promotionTop{height:55px; width:472px; margin:3px;}
.wrapper-header .content .promotionTop a{padding:1px; display:block;}
/* Account Info */
.wrapper-header .content .account-info{ width: 300px; font-size: 10px; vertical-align: middle; text-align:left; overflow: hidden; position: relative; float:right; padding-right:5px; }
.wrapper-header .content .account-info .accInfo{float:right;}
.wrapper-header .content .account-info h6{ font-size: 9px; margin: 0 0 3px; }
.wrapper-header .content .account-info p{ margin: 0 0 3px; }
.wrapper-header .content .account-info .account{ max-width: 260px; padding-left: 10px; overflow: hidden; position: relative; }
.wrapper-header .content .account-info .user{ padding-left: 10px; position: relative; }
.wrapper-header .content .account-info p{ clear: both; white-space: nowrap; }
.wrapper-header .content .account-info .changeAccount{padding:0 18px 0 5px; font-style:italic;}
/* Nav Main Menu  */
.wrapper-header .content .nav{ width: 370px; }
.wrapper-header .content .mainmenu td{ padding:0 15px 0 0; height:35px; vertical-align: bottom; }
.wrapper-header .content .mainmenu td a{ padding:7px 10px; display:block; font-size:12px; line-height:21px; }
.wrapper-header .content .mainmenu td a:hover{text-decoration:none;}
.wrapper-header .content .mainmenu td.menu-home a{height:21px; padding:9px 10px 5px 10px;}
.wrapper-header .content .mainmenu td div.submenu{ clear:both; display:none; position:absolute; z-index:30; }
.wrapper-header .content .mainmenu td:hover div.submenu{display:block;}
.wrapper-header .content .submenu td{ margin:0; padding:0; text-align: left;width:180px; }
.wrapper-header .content .submenu td a{ display:block; margin:1px; padding-right:0; }
/* FindBy Menu */
.wrapper-header .content .findby{ float:left; }
.wrapper-header .content .findby h2 a{display:block;padding:7px 0 7px 10px;margin:0 7px;font-size: 12px; line-height:21px;}
.wrapper-header .content .findby h2 span{padding-right:22px;}
.wrapper-header .content .findby h2 a:hover{text-decoration:none;}
.wrapper-header .content .findby .findbydiv{display:none;padding:20px;position:absolute;margin-left:-250px;width:570px;z-index:-5; }
.wrapper-header .content .findby .findbydiv h3{ padding-bottom:5px; margin-bottom:10px; font-size:16px;}
.wrapper-header .content .findby .findbydiv h6{font-size:11px; font-weight:100; margin:0;}
.wrapper-header .content .findby .findbydiv table{ width:100%; font-size:11px; }
.wrapper-header .content .findby .findbydiv td{ padding:4px 0px 0px 20px; vertical-align: middle; }
.wrapper-header .content .findby .findbydiv .list-heading{ margin-left:-10px; }

/* ===================
		FOOTER
   =================== */
/* Footer Table */
.wrapper-footer .content{font-size: 10px;}
.wrapper-footer .content .fMenu{ margin: 15px 0 15px 5px; }
.wrapper-footer .content .fMenu td{ text-align: left; }
.wrapper-footer .content .fProdSearch{ margin: 15px 0 0 0; }
.wrapper-footer .content .fProdSearch .paypal{margin-top:10px;} 
.wrapper-footer .content .fProdSearch .paypal p{padding:15px;}
.wrapper-footer .content .fSiteMenu{ width: 560px; }
.wrapper-footer .content .fSiteMenu h2{ margin-left: -20px; }
.wrapper-footer .content .fSiteMenu a{ padding: 2px 2px 2px 20px; }
.wrapper-footer .content .fSiteMenu td{ width: 150px; line-height: 12px; }
.wrapper-footer .content .fSiteMenu .products{ width: 110px; }
.wrapper-footer .content .fSiteMenu .returns{ height: 30px; }
.wrapper-footer .content .fHelpMenu{ width: 210px; margin-left: 9px; }
.wrapper-footer .content .fHelpMenu h2{ height: 15px; }
.wrapper-footer .content .prodsearch, .paypal{width:200px;}
.wrapper-footer .content .prodsearch input {width:161px;}
.wrapper-footer .content .footerSubMenu{ margin: 10px 5px; width: 980px; }
.wrapper-footer .content .footerSubMenu td{ padding: 5px 10px; line-height:normal; }
.wrapper-footer .content .footerSubMenu .webcellvs{ display:block; text-align:right;}


/* ===================
		MIDDLE
   =================== */

/* Page Set Up */	
.mainpg, .secondpg, .thirdpg, .splitpg{margin-top:40px;}
.pageheading{margin-bottom:20px; padding-right:5px;} 
.pageheading h3{font-size:16px; font-weight:100;}
.pageheading p{padding-top:5px;}
.leftSideInfo{padding:0 40px 0 0;}

/* Customer Home Page */
.customerHome .widgets div.widget{ margin-right:10px; }

/* Download / Price Loading Progress Bar */
.progress{margin:0 auto; padding-top:15px; width:260px;}
.progress p{text-align:center;}
.progress .loading{width:auto; padding:10px 0 10px 30px;}
.barContainer{width:256px; float:left; padding:1px;}
.barloading{height:23px; overflow:hidden;}
.barloadinginner{float:left; height:25px; width:12px;}
.loadedPercent{font-size:15px;}

/* Account Home Page */
.accountHome div.widget{ margin-right:10px; }

/* Product Home */
.productHome{ width: 100%; margin: 0 0 20px; }
.productHome .categories{ width: 100% }
.productHome .categories h3{ padding-bottom:5px; }
.productHome .categories .categoryList h5{ margin: 5px 0 0 0; }
.productHome .categories .categoryList td{ padding: 0 10px 0 0; }
.productHome .widgets div.widget{ margin-right:10px; }

/* Common Links in Customer Home and Product Home */
.commonLinks{ margin:5px 0 10px 10px; width:100%; }
.commonLinks h4{ margin-bottom:10px; }
.commonLinks div.link{ margin:0 0 5px 5px; line-height:13px; font-size:12px; }

/* Product Advanced Search */
.productAdvancedSearch .rightSideInfo h4{ margin:20px 0 5px 0;}

/* Product Detailed Display */
.productDisplay{width: 100%;}
.productDisplay .pageheading{margin: 0; font-size:18px;}
.productDisplay .productHeading{ margin:0;padding:0 0 10px 0; }
.productDisplay .product-img{ margin:0 0 10px 0; height:240px; width:222px; }
.productDisplay .product-img .img-holder {height:167px; width:222px; overflow:hidden; text-align:center;}
.productDisplay .product-img .img-holder a{height:165px; width:220px; text-align:center;}
.productDisplay .product-img .img-holder a img{max-width:220px; max-height:165px;}
.productDisplay .product-img .video-holder {height:167px; width:222px; overflow:hidden; text-align:center;}
.productDisplay .product-img a{ display:block; font-weight:bold; }
.productDisplay .product-img a span{float:right;position:relative;z-index:10;top:35px;margin:0 0 0 -10px;}
.productDisplay .product-img a span.enlarge{top:145px;margin:0 0 -50px 0;padding:3px 5px 0 0;display:block;width:215px;height:17px;opacity:.9;visibility:hidden;font-size:10px;text-align:right;}
.productDisplay .product-img a:hover span.enlarge{visibility:visible;}
.productDisplay .product-img .sub-images{ padding:10px 0; }
.productDisplay .product-img .sub-images img{ max-width:65px;  max-height:49px; }
.productDisplay .product-img .sub-images td{ width:67px; height:55px; margin:10px 0 0 0; text-align:center;}
.productDisplay .product-extras td{ width:240px; min-height:15px; margin:5px 0; }
.productDisplay .product-extras .extra-links{ padding:3px; }
.productDisplay .pdfLink{ padding:5px; text-align:right;}
.productDisplay .productInfo .productVendorSku, 
.productDisplay .productInfo .productEan,
.productDisplay .productInfo .productDescription,
.productDisplay .productInfo .productSku,
.productDisplay .productInfo .productCategory,
.productDisplay .productInfo .productVendor { padding:0 15px 15px 0; }
.productDisplay .productInfo .productDescription{ width: auto; }
.productDisplay .extendedDesc .productDescription{ width: 250px; }
.productDisplay .extendedDesc .productEan{ padding: 0;}
.productDisplay .productPriceinfo{padding:5px; margin-bottom:15px;text-align:center;}
.productDisplay .productPriceinfo h6{padding:4px 0 0 0; margin:0;}
.productDisplay .productPriceinfo .productTitle{height:14px;}
.productDisplay .productPriceinfo .productPrice,
.productDisplay .productPriceinfo .productRrp,
.productDisplay .productPriceinfo .productSku,
.productDisplay .productPriceinfo .productStatus,
.productDisplay .productPriceinfo .avail,
.productDisplay .productPriceinfo .buynow-button,
.productDisplay .productPriceinfo .favouritesIndicator{width:100%; padding:0 0 5px 0;}
.productDisplay .productPriceinfo .productPrice p{font-weight:bold;font-size:24px;}
.productDisplay .productPriceinfo .productPrice tr{font-weight:bold; font-size:24px; color: #006BE6;}
.productDisplay .productPriceinfo .productPrice .price-tax{font-size:15px; color: #006BE6; font-weight: bold;}
.productDisplay .productPriceinfo .productRrp{padding-top:0px; font-size:12px;}
.productDisplay .productPriceinfo .productSku{font-size:12px; font-weight:bold;}
.productDisplay .productPriceinfo .skuHeading{margin:5px 0 0 0;}
.productDisplay .productPriceinfo .avail{margin:6px 0 0 0;text-align:center;}
.productDisplay .productPriceinfo .avail .availNum{font-size:14px; font-weight:bold;}
.productDisplay .productPriceinfo .availTitle{padding:0 8px 0 0;font-size:10px;}
.productDisplay .productPriceinfo .buynow-button{height:30px;}
.productDisplay .productPriceinfo .buynow-button input{height:18px;margin:1px 5px 0 0;}
.productDisplay .productPriceinfo .buynow-button a{width:130px;line-height:25px;float:right;text-align:center;}
.productDisplay .productPriceinfo .favouritesIndicator{float:right; width:auto; text-align:right;}
.productDisplay .productPriceinfo .favouritesIndicator a{padding:0 3px 0 20px;line-height:24px;display:block;}
.productDisplay .productPriceinfo .favouritesIndicator a:hover{text-decoration:none;}
.productDisplay .productPriceinfo .buynow-button a:hover{outline:0 none;text-decoration:none;}
.productDisplay .productPriceinfo .buynow-button a:focus{margin-top:1px;}
.productDisplay .productPriceinfo .qty-input{width:29px;padding:3px; margin-right:2px; font-size:10px;}
.productDisplay .extendedDesc{clear:both; padding:10px 0;}
.productDisplay .extendedDesc .productHeading{  margin:0px; padding:0 0 10px 0; font-size:12px;font-weight:bold; }
.productDisplay .extendedDesc .productDetails{padding:0 0 10px 0;}
.productDisplay .extendedDesc .index{ width:25px; text-align:center; padding: 5px 0;}
.productDisplay .extendedDesc .conponent{ padding:5px 0px 25px 0px; }
.productDisplay .extendedDesc .conponent .productAttributes .attribute{ padding:0 0 10px;}
.productDisplay .product-img .sub-images div{ width:67px; height:55px; padding:5px 10px 5px 0; text-align:center; }
.productDisplay .product-img .sub-images div.last{ padding:5px 0; }
.productDisplay .productInfo .bundleProducts ol{ margin:0 0 0 15px; display:list-item; }
.productDisplay .productInfo .bundleProducts ol li{ list-style:decimal outside none; margin:0 0 0 10px; display:list-item; padding:5px; float: none; }

/* Manage Users */
.manageUsers h5{ padding: 0 0 10px 0; }
.manageUsers .optionside{ width: 100%; }
.manageUsers .optionside .activeUsers, .manageUsers .optionside .deactivatedUsers{ margin: 0 0 10px; width:100%; }
.manageUsers .addUserForm{ padding-bottom:20px; margin:0 auto; }
.manageUsers .addUserForm .additionalAccounts{ padding-bottom:20px; }
.manageUsers .accountContainer{ margin:0; }
.manageUsers .accountContainer h4{ margin:0 0 5px; }
.manageUsers .accountContainer .accountDetails{ padding:0 0 20px; }
.manageUsers .accountAccess{ padding:10px; }
.manageUsers .accountDetails .addAccount{ margin: 10px 0 20px; }
.manageUsers .editUserForm .btnContainer{ height: 32px; }
.manageUsers .permissions td{ vertical-align: middle; height: 25px; line-height: 25px; }
.manageUsers .permissions td.permission{ width: 250px; padding: 0 5px; }
.manageUsers .permissions td.permission .pLabel{ width: 190px; }
.manageUsers .permissions td.permission .pCheck{ width: 20px; }
.manageUsers .permissions td.permission .pTag{ width: 30px; text-align: right; }
.manageUsers .outputBox{min-height:50px;position:relative;padding:15px;}
.manageUsers .outputBox .loading{margin-top:50px;}
.manageUsers .userSave{ padding-top:10px;width:520px; }
.manageUsers .userSave .btnLightGrey, .manageUsers .accountSave .btnLightGrey{ float:right; }
.manageUsers select{ width: auto; min-width: 210px; max-width: 400px; }
.manageUsers .userSearch{ margin: 0 0 10px;}
.manageUsers .userSearch select{ width: auto; min-width:10px; max-width: 180px; }
.manageUsers .userSearch h6{ margin: 0; padding: 5px 0 0;}
.manageUsers .userSearch .btnContainer, .manageUsers .optionside .middle{ height: 32px; }
.manageUsers .accessHeading h6{ padding: 5px 0; }
.manageUsers span.editLink{ float: right; font-size: 11px; font-weight: normal; }
.manageUsers .inner-border{ min-height: 250px; }

/* Option Side */
.optionside .options{width:100%;}
.optionside .options a{padding:2px 0 2px 10px; margin-right:10px;display:block;}
.optionside .options a:hover{text-decoration:none;}
.optionside .options a.selected{margin-right:0px; padding:3px 0 3px 10px; display:block;}
.optionside div{padding:3px 0;}
.optionside div.divide{margin-top:10px;}
.optionside .btnContainer{height:auto;}
.optionside .detailListContainer h6{margin-bottom:0;}

/* Return History */
.returnHistory{width:100%;}
.returnHistory .rightSideInfo .requestContainer{margin-bottom:30px;width:100%;}
.returnHistory .rightSideInfo .requestContainer .status{font-weight:bold;}
.returnHistory .newRequestToggle{padding-left:0px!important;}
.returnHistory .newRequestToggle span{padding-left:16px;}

/* Return View */
.returnView{width:100%;}
.returnView .requestContainer .noEditMainDetails .prompt{ width: 120px; padding-right: 10px; }
.returnView .requestContainer .noEditMainDetails td{padding:3px 0;}

/* Return Request */
.returnRequest{width:100%;}
.returnRequest .subInfo{padding-top:2px;}
.returnRequest .addProductOptions div.productKey{padding-right:10px;}
.returnRequest .documentUpload .load-icon{padding-right:0;}
.returnRequest .documentUpload td{ padding:5px 0;}
.returnRequest .selectReturnReason{font-size:11px;}
.returnRequest .stepsContainer .stepContent{display:none;}
.returnRequest .stepsContainer .active .stepContent,
.returnRequest .stepsContainer .passed .stepContent{ display:block;}
.returnRequest .stepsContainer h4{height:30px; line-height:30px; width:100%; clear:both;}
.returnRequest .stepsContainer h4 span{padding:0 10px 2px 8px;}
.returnRequest .stepsContainer .stepCount{font-size:10px; float:left;}
.returnRequest .stepsContainer .passed h4:hover{background:none; cursor:auto;}
.returnRequest .stepsContainer .changeStep{float:right;font-style:italic; font-size:11px;}
.returnRequest .stepsContainer .stepContent{padding:0 0 15px 80px;}
.returnRequest .stepsContainer .stepContent .stepInfo{padding-bottom:15px; margin:-5px 0 0 0;}
.returnRequest .stepsContainer .stepContent .requestTnC{width:498px; max-height:250px; overflow:auto; float:left; padding:5px; margin:5px 5px 10px;}
.returnRequest .stepsContainer .stepContent .actionBtn{padding-top:10px;}
.returnRequest .stepsContainer .stepContent .btnContainer .btnLightGrey{float:right;}
.returnRequest .stepsContainer .stepContent .btnContainer .btnGreen{float:right;}
.returnRequest .stepsContainer .passed .stepContent .noEditMainDetails{width:520px;}
.returnRequest .stepsContainer .stepContent .addProductOptions {padding:10px; height:auto;}
.returnRequest .stepsContainer .stepContent .addProductOptions .btnContainer{width:101px;height:32px; margin:10px 0 0;}
.returnRequest .stepsContainer .stepContent .rotationOrder{padding-top:20px;}
.returnRequest .addProductDetails{ padding:10px; margin-top:20px; width:490px; position:relative; }
.returnRequest .addProductDetails img.productImg{float:right;position:absolute; right:10px; width: 65px; height: 49px;}
.returnRequest .addProductDetails td{padding:3px 0;}
.returnRequest .addProductDetails .linePrompt{ padding-right: 10px; }
.returnRequest .addProductDetails textarea{width:380px;}
.returnRequest .addProductDetails .btnContainer{margin:0;}

/* Return History / Return Request */
.optionside .requestSearch{width:100%;}
.optionside .requestSearch div{padding: 0 0 10px;}
.returnHistory .rightSideInfo,
.returnRequest .rightSideInfo{padding-left:20px;}

/* User Settings */
.userDetails .changeUserDetails{font-size:11px; font-weight:100;}
.accountDetails .accountContainer .accountHeading h5{font-size:14px;}
.accountDetails .accountContainer span{ width:175px; padding:1px 0 1px 15px; }
.accountDetails .accountContainer span.noAccess{ text-decoration:line-through; }
.publicPagePref .leftSideInfo .arrowList p{ padding:0 0 10px 20px; margin:0; }

/* Order History */
.accountOrderHistory .optionside .detailListContainer h4.dotted{padding:10px 0;}
.accountOrderHistory .optionside .detailListContainer .detail{padding:0 0 10px;}
.accountOrderHistory .rightSideInfo{padding:0 0 0 20px;}
.accountOrderHistory .rightSideInfo .searchResult{margin:10px 0;}
.accountOrderHistory .rightSideInfo .orderDetailContainer{margin:0 0 25px;}
.accountOrderHistory .rightSideInfo .orderDetailContainer .heading{padding:0 0 10px 0;}
.accountOrderHistory .rightSideInfo .orderDetailContainer .status{font-weight:bold;}
.accountOrderHistory .rightSideInfo .orderDetailContainer .orderInvoiceHeader{margin-top:10px;}
.accountOrderHistory .rightSideInfo .orderDetailContainer .orderInvoiceHeader .status{font-weight:normal;}

/* Invoices & Statements */
.accountInvoiceStatement .optionside div.month{padding: 0 0 5px 23px;}
.accountInvoiceStatement .rightSideInfo{padding-left:20px;}
	
/* Cellnet Express */
.expressLogo83{width: 83px; height: 25px;}
.expressLogo200{width: 200px; height: 60px; padding:5px 0;}

.mySavedAddress{ width:100%; }
.mySavedAddress .addAddress{font-size:10px;}
.mySavedAddress .outputBox{min-height:250px;padding:15px;}
.mySavedAddress .addressList{ width:100%; margin:10px 0; }
.mySavedAddress .addressList .addressSummary{ min-height:16px; margin:0; padding:5px; cursor:pointer; position:relative; }
.mySavedAddress .addressList .addressSummary .name{ padding-right:10px; font-size:12px; font-weight:bold; }
.mySavedAddress .addressList .addressSummary .contact,
.mySavedAddress .addressList .addressSummary .company,
.mySavedAddress .addressList .addressSummary .address{ font-size:10px; display:block; height:15px; overflow:hidden; width:190px; }
.mySavedAddress .addressList .addressSummary .deleteMsg{ width:13px; text-align:center; padding:0; }
.mySavedAddress .addressHide{position:relative; width:350px;display:none;margin:0 auto; }
.mySavedAddress h4{padding:5px; margin:0px; min-height:16px; position:relative;}

/* Shopping Cart */
.cartDisplay{ width:100%; }
.cartDisplay .cartInfo{ padding:0 0 10px; }
.cartDisplay .subHeading{ font-weight: normal;}
.cartDisplay .cartID{padding-right:15px;}
.cartDisplay .cartOptions{float:right;}
.cartDisplay .cartOptions a{margin-left:15px;line-height:20px;}
.cartDisplay .cartTotal{margin-top:10px;padding:5px 0;font-size:13px; text-align:right;}
.cartDisplay .cartTotal .totalAmt{font-weight:bold;font-size:16px;}
.cartDisplay .btnContainer{height:auto;}
.cartDisplay .btnContainer .btnGreen{padding:5px 20px;}
.cartDisplay .btnContainer .updateQty,
.cartDisplay .btnContainer .loadSavedCart, 
.cartDisplay .btnContainer .loadApprovalCart, 
.cartDisplay .btnContainer .saveThisCart{margin:8px 25px 0 0;}
.cartDisplay .btnContainer .loadSavedCart a,
.cartDisplay .btnContainer .loadApprovalCart a{line-height:16px;display:block; position:static; padding:0;}
.cartDisplay .loadSavedCart .saved,
.cartDisplay .loadApprovalCart .approval{ padding:0; display:block; font-size:10px; }
.cartDisplay .cartList .delete{float:none; width:13px; padding:0;}
.cartDisplay .savedCarts, 
.cartDisplay .approvalCarts, 
.cartDisplay .saveCart{display:none; margin-bottom:20px; margin:0 auto 20px; float:none; padding:10px;}
.cartDisplay .savedCarts .close, 
.cartDisplay .approvalCarts .close, 
.cartDisplay .saveCart .close{font-size:10px; float:right;}
.cartDisplay .savedCarts div.savedCart, 
.cartDisplay .approvalCarts div.savedCart{position:relative;padding:3px 0 2px;}
.cartDisplay .savedCarts div.savedCart .delete, 
.cartDisplay .approvalCarts div.savedCart .delete{position:absolute; top:6px; right:0px;}
.cartDisplay .savedCarts .loadCart, 
.cartDisplay .approvalCarts .loadCart{display:block; width:100%;line-height:24px;}
.cartDisplay .saveCart {display:none;}
.cartDisplay .approvalCarts li .cartName, 
.cartDisplay .approvalCarts li .approver{float: left; width: 125px;}
.cartDisplay .approvalCarts li .date, 
.cartDisplay .approvalCarts li .value, 
.cartDisplay .approvalCarts li .orderNo{float: left; width: 85px;}
.cartDisplay .qty-input{width:29px; padding:3px; font-size:10px;}

/* Cart Display */
.cartDisplay .optionside .detailListContainer h4.dotted{padding:10px 0;}
.cartDisplay .optionside .detailListContainer .detail{padding:0 0 10px;}
.cartDisplay .rightSideInfo{padding:0 0 0 20px;}
.cartDisplay .rightSideInfo .cartItemsContainer .heading{padding:5px 0;}
.cartDisplay .rightSideInfo .cartTotal{margin:0;padding:0;}

/* Status & Payments */
.accountStatusPayments{ width:100%; }
.accountStatusPayments .rightSideInfo{padding:0 0 0 20px;}
.accountStatusPayments .accountStatusOverview{ width:520px; }
.accountStatusPayments .accountStatusOverview .agedBalanceOverview{ width:240px; }
.accountStatusPayments .accountStatusOverview .agedBalanceOverview td{ padding:1px 10px 1px 0; vertical-align:middle; }
.accountStatusPayments .paymentContainer{ width:100%; }
.accountStatusPayments .paymentContainer .paymentMethodOptions{ width:400px; }

/* CheckOut */
.orderCheckout{ width:100%; }
.orderCheckout h5{margin-top:10px; padding-bottom:4px;}
.orderCheckout .changeStep{font-size:10px;font-style:italic;}
.orderCheckout .inactive .stepheading .stepDetails,
.orderCheckout .active .stepheading .stepDetails, 
.orderCheckout .active .stepheading span.addPrice, 
.orderCheckout .inactive .stepheading span.addPrice{ display:none; visibility:hidden; }
.orderCheckout .active .stepheading{width:506px;}
.orderCheckout .fixed .stepheading .stepDetails{ display:block!important; visibility:visible!important; }
.orderCheckout .stepheading .stepDetails .stepDHD{display:block;clear:both;white-space:nowrap;}
.orderCheckout .stepheading .stepDetails .stepDOut{display:block; white-space:normal;font-size:11px;}
.orderCheckout .stepheading .stepDetails{height:auto;min-height:28px; margin-right:10px;}
.orderCheckout .stepheading .stepDetails.addrOpt{display:block!important;line-height:normal; visibility:visible!important; padding-top:2px;}
.orderCheckout .stepheading .stepDetails.noHide{display:block!important; visibility:visible!important;}
.orderCheckout .stepContent .optionStep,
.orderCheckout .stepContent .shippingStep,
.orderCheckout .stepContent .paymentStep{ margin-left:100px; }
.orderCheckout .stepContent .shippingStep label{min-height:18px; padding:0 5px; float:left;}
.orderCheckout .stepContent .shippingStep label input{float:left;}
.orderCheckout .stepContent .shippingStep label span{padding-top:3px; float:left;}
.orderCheckout .stepContent .shippingStep label .name{min-width:50px;}
.orderCheckout .stepContent .shippingStep label .leadTime{min-width:95px;padding-right:10px;font-size:10px;}
.orderCheckout .stepContent .shippingStep label .cost{min-width:70px;font-size:10px;text-align:right;}
.orderCheckout .stepContent .shippingStep label .cost .price{display:inline;float:none;}
.orderCheckout .stepContent .mySavedAddress .leftcontent-200 p{padding:0 5px;}
.orderCheckout .stepContent .shw{padding:5px 20px; margin:2px 10px 10px;}
.orderCheckout .stepContent .paymentStep .inputList label{display:inline;}
.orderCheckout .stepContent .paymentStep .inputList label.paypalLogoSml, 
.orderCheckout .stepContent .paymentStep .inputList label.creditcardLogoSml{display:block;padding:5px 48px 5px 0;}
.orderCheckout .stepContent .btnContainer .btnLightGrey{float:right;}
.orderCheckout .orderSummary .btnContainer{height:50px;}
.orderCheckout .orderSummary .btnContainer .btnGreen, 
.orderCheckout .orderSummary .btnContainer .btnLightGrey{width:105px; margin:0; float:right;}
.orderCheckout .orderSummary h3.standard{margin-bottom:0px;}
.orderCheckout .orderTotaling{ padding:10px 5px; }
.orderCheckout .orderTotaling{min-height:75px;}
.orderCheckout .orderSummary{padding:0 0 0 10px; margin-bottom:15px;}
.orderCheckout .orderSummary .grandTotal{padding:10px 0;}
.orderCheckout .orderSummary .grandTotal{font-size:13px;font-weight:bold;text-align:right;}
.orderCheckout .orderSummary .grandTotal .totalAmt{font-size:18px;}
.orderCheckout .orderSummary p.standard{text-align:center;}
.faq, .orderSummary{padding:0 0 0 10px; margin-bottom:15px;}
/* Telstra CheckOut */
.orderCheckout .telstraClear .cartItem td{padding:8px 2px 5px;}
.orderCheckout .telstraClear .telItems{width:100%;}
.orderCheckout .telstraClear .telItems .tclInputs td{border:0; padding:0;}
.orderCheckout .telstraClear .telItems .tclInputs .tclInputLine{padding:3px 3px 3px 0;}

/* Order Confirm Page */

.checkOutBox .fixed{padding:3px 10px;}
.checkOutBox .active{padding:10px;}

.checkOutBox .submitStep span{float:left;}
.checkOutBox .submitStep .stepHeading{width:596px; min-height:25px; margin-bottom:5px;}
.checkOutBox .headingName{width:100px;padding:3px 0 4px;}
.checkOutBox .active .headingName{padding:3px 10px 4px; margin-left:-10px; width:83px;}
.checkOutBox .stepDetails{height:28px; margin-right:10px; font-size:10px;}
.checkOutBox .stepDetails .stepDHD{clear:both; display:block; white-space:nowrap;}
.checkOutBox .stepDetails .stepDOut{clear:both; display:block; font-size:11px;}
.checkOutBox .stepContent{width:596px;}
.checkOutBox .cartTotal{padding-top:10px; font-size:13px; text-align:right;}
.checkOutBox .cartTotal .totalAmt{font-weight:bold; font-size:16px;}

/* Data Feeds */
.webservicesToken{font-family: monospace; font-size: 13px;}
.webservicesTokenDetails{margin-bottom: 10px;}
.webservicesTokenDetails .title{padding-right: 10px;}
.datafeed{width:100%;}
.datafeed .btnContainer{height:32px;}
.datafeed label.radioHorizontal{float:left;}
.datafeed .cancelSignUp .cancelBtn{margin-left:5px;}
.datafeed .steps .active .stepheading{width:396px;}
.datafeed .steps .headingName{font-size:13px;font-weight:normal;}
.datafeed .steps .headingTitle{font-size:15px;}
.datafeed .steps .stepInfo{padding-bottom:10px;}
.datafeed .steps .termsConditions .stepInfo{padding: 0 0 0 15px;}
.dfTnC{height:320px;width:460px;margin:5px 5px 10px;padding:10px;overflow:auto;}
.datafeed .steps .deliveryMethod,
.datafeed .steps .deliveryTime,
.datafeed .steps .dataColumns,
.datafeed .steps .fileFormat,
.datafeed .steps .contactDetails,
.datafeed .steps .submitStep{padding-left:100px;}
.datafeed .steps .deliveryMethod .options{padding: 0 0 10px;}
.datafeed .steps .deliveryMethod .options label{padding-right:20px;}
.datafeed.edit .dfDetails{width:100%;}
.datafeed.edit .dfDetails .step{padding:10px;}
.datafeed.edit .dfDetails .step .heading{font-size:10px; width:20%;}
.datafeed.edit .dfDetails .step .options{padding: 0 0 10px;}
.datafeed.edit .dfDetails .step .options label{padding-right:20px;}
.datafeed.edit .dfDetails .step .reactivateBtn{margin-top:15px;}

/* Product Browse / Search Pages */
.browseProducts .optionside div{padding:0;}
.browseProducts .optionside div.show{width:150px;padding:5px 0 15px 0;}
.browseProducts .optionside div.show .show-heading,
.browseProducts .optionside div.show .show-options{padding-bottom:5px;}
.browseProducts .optionside div.show span{padding:0 4px;}
.browseProducts .optionside .showAll,
.browseProducts .optionside .showScope{width:100%;margin-bottom:10px;}
.browseProducts .optionside .showAll a,
.browseProducts .optionside .showScope a{padding:3px 0 3px 10px;display:block;}
.browseProducts .optionside .showAll a:hover,
.browseProducts .optionside .showScope a:hover{text-decoration:none;}
.browseProducts .optionside .refinesearch .refine-heading{padding-bottom:5px;}
.browseProducts .optionside .refinesearch h4{margin:10px 0 5px 0; padding:3px 0 3px 30px; line-height:18px; width:auto; display:block; font-size:10px;}
.browseProducts .optionside .accordion a{padding:2px 0 2px 10px; margin-right:10px;display:block;}
.browseProducts .optionside .accordion a:hover{text-decoration:none;padding:2px 0 2px 15px;}

.browseProducts .sortby .changeview a{float:right; width:14px; height:15px; margin:3px 0 0 3px; padding:0px; text-indent:-9999px;}
.browseProducts .pagination{height:20px;padding:5px 0;font-size:9px;}
.browseProducts .pagination div{padding-top:10px;}
.browseProducts .pagination a{padding:3px;}
.browseProducts .pagination .previous{width:80px;}
.browseProducts .pagination .next{width:70px;text-align:right;}
.browseProducts .pagination .middlelinks{width:460px;text-align:center;}

.browseProducts .helpInstructions p{padding:0 0 0 30px;}

.browseProducts .cancelrefine{float:right; margin-right:10px; width:13px; height:16px; text-indent:-9999px; font-size:8px;}
.browseProducts .sortby{height:25px;}
.browseProducts .sortby a, .browseProducts .sortby .noSort{float:left;height:15px;padding:6px 18px 4px 10px;font-size:10px;}
.browseProducts .sortby a.selected:hover{text-decoration:none;}
.browseProducts .sortby-heading{width:70px;padding:5px 0;}
.browseProducts .sortby-sku{width:80px;}
.browseProducts .sortby-title{width:120px;}
.browseProducts .sortby-suites{width:135px;}
.browseProducts .sortby-price, .sortby-rrp{width:125px;}
.browseProducts .sortby-avail{width:50px; margin-left:25px;}/* .sortby-avail, .changeview{width:50px;} */
.browseProducts .changeview{width:0px;}/* Delete for change view */

.browseProducts .product-item{height:100%; padding:10px 0;margin:1px 0; position:relative;font-size:11px;}
.browseProducts .product-item div{line-height:18px;}
.browseProducts .product-item a:hover{text-decoration:none;}
.browseProducts .product-item div{line-height:18px;}
.browseProducts .prodleft{overflow:hidden;}
.browseProducts .prodleft img{max-width:66px; max-height:50px;}
.browseProducts .prodleft, .prodright{width:70px; height:55px; min-height:1px;}
.browseProducts .prodmiddle{width:455px;}
.browseProducts .prodmiddle{margin:0 5px 0 0;}
.browseProducts .prodmiddle div{margin:0 0 0 5px;overflow:hidden; white-space:nowrap;}
.browseProducts .product-item .productLink:hover{cursor:pointer;}
.browseProducts .product-item .sku, .product-item .title{width:340px;}
.browseProducts .product-item .item, .product-item .rrp{width:100px;}		
.browseProducts .product-item .vendor{max-width:130px; padding-right:20px;font-size:10px;}
.browseProducts .product-item .suites{max-width:135px;font-style:italic;font-size:10px;}
.browseProducts .product-item .sku{font-weight:bold;}
.browseProducts .product-item .title{height:17px;}
.browseProducts .product-item .extras .favouritesIndicator a{width:auto;float:right;padding:1px 2px 1px 20px;text-indent:0px;line-height:16px;}
.browseProducts .product-item .extras .favouritesIndicator a.on{text-indent:-9999px; width:20px; height:17px; padding:0;}
.browseProducts .product-item .extras .favouritesIndicator a.remove{ padding:1px 4px;line-height:16px; width:110px; white-space: nowrap; text-align:left;}
.browseProducts .product-item .extras .favouritesIndicator a.remove .delete{float:right;}
.browseProducts .product-item div.extras {min-width:160px; width:320px; padding-right:10px; float:right;}
.browseProducts .extras .favouritesIndicator{float:right; width:130px; height:24px;}
.browseProducts .extras .output{float:right; margin:0; width:185px;}
.browseProducts .extras .output span, .product-item .avail span{float:right; width:17px; margin-right:5px; height:18px; text-indent:-9999px;}
.browseProducts .avail .nostock-icon{float:left;}
.browseProducts .product-item div.price, .product-item div.rrp{ width:105px;text-align:right;}
.browseProducts .product-item div.price{font-size:13px;font-weight:bold;}
.browseProducts .product-item div span.price-tax{min-width:17px;padding-left:3px;display:inline-block;text-align:left;font-weight:100;font-size:10px;}
.browseProducts .product-item .avail{width:30px;}
.browseProducts .product-item .buynow-button{margin-top:10px;}
.browseProducts .product-item .buynow-button{width:70px; height:30px;}
.browseProducts .product-item .buynow-button a{display:block; width:68px;float:right;vertical-align:middle;overflow:visible;white-space:nowrap;padding:3px 0;margin-top:0px;text-align:center;line-height:18px;}		
.browseProducts .product-item:hover .buynow-button a:focus{margin-top:1px;}
.browseProducts .product-item a.off{display:none; visibility:hidden;}
.browseProducts .product-item:hover a.off{display:block; visibility:visible;}
.browseProducts .qty-input{width:29px;padding:3px; margin-right:2px; font-size:10px;}

/* Site Map Page */
.siteMap ul{width:100%; margin-bottom:5px;}
.siteMap li{float:left; display:table-cell; width:180px; margin:0 10px 0 0;}
.siteMap ul li ul{padding:0 0 10px 0; display:block;}
.siteMap ul li ul li{ padding:2px 0; margin-left:10px; float:none; clear:left; display:block;}
.siteMap li.list-heading{margin:10px 0 0; padding:0;}
.siteMap h3{padding-bottom:5px;margin-bottom:10px;}
.siteMap h5{margin-bottom:0;}
/*----------------------------------- END OF NEW MAIN BODY BASED ON TABLE ----------------------------------*/