.black { color: black; }
.comboPreviousActions { position: absolute; right: 13px; top: 22px; text-align: right; }
.recentDesignsText { font-size: 15px; font-weight: bold; margin: 0px; width: 625px; }
.comboCheckForm { position: relative; width: 278px; padding: 0 0 45px 0; margin: 0 0 10px 0; }
.comboCheckForm label { color: #858585; font-size: .6875em; }
.comboCheckForm .txtInput { width: 198px; height: 28px; background: url(images/forms/combocheck-input-bg.gif); border: 0; position: absolute; left: 0; bottom: 0; font-size: 18px; font-weight: bold; color: #686868; padding: 7px 0 0 8px; text-transform: uppercase; }
.comboCheckForm .imgBtn { position: absolute; right: 0; bottom: 0; cursor: pointer; }
.homeContent .comboCheckForm { margin: -15px 0 0 25px; width: 260px; }
.homeContent .comboCheckForm .txtInput { width: 169px; background: url(images/forms/combocheck-input-short-bg.gif); }
#submenu { margin: 0 5px -6px 5px; overflow: hidden; position: relative; height: 56px; }
#submenu.comboCheck { width: 980px; }
#submenu.payment { width: 952px; }
#submenu li { float: left; }
#submenu li a { background: url(images/menu/menu-bg.png) no-repeat; height: 56px; display: block; text-indent: -9999em; }
#submenu.comboCheck li a { background: url(images/menu/submenu-combo-check.png) no-repeat; width: 266px; }
#submenu #viewRecent { position: absolute; right: 0; }
#submenu #checkCombo a { background-position: 0 0; }
#submenu #chooseDesign a { background-position: -266px 0; }
#submenu #chooseVehicle a { background-position: -532px 0; }
#submenu #viewRecent a { background-position: -798px 0; width: 160px; }
#submenu #checkCombo a.menuComplete { background-position: 0 -112px; }
#submenu #chooseDesign a.menuComplete { background-position: -266px -112px; }
#submenu #chooseVehicle a.menuComplete { background-position: -532px -112px; }
#submenu #checkCombo a:hover, #submenu #checkCombo.menuCurrent a { background-position: 0 -56px; }
#submenu #chooseDesign a:hover, #submenu #chooseDesign.menuCurrent a { background-position: -266px -56px; }
#submenu #chooseVehicle a:hover, #submenu #chooseVehicle.menuCurrent a { background-position: -532px -56px; }
#submenu #viewRecent a:hover, #submenu #viewRecent.menuCurrent a { background-position: -798px -56px; }
#submenu #checkCombo a.menuComplete:hover, #submenu #checkCombo.menuCurrent a.menuComplete { background-position: 0 bottom; }
#submenu #chooseDesign a.menuComplete:hover, #submenu #chooseDesign.menuCurrent a.menuComplete { background-position: -266px bottom; }
#submenu #chooseVehicle a.menuComplete:hover, #submenu #chooseVehicle.menuCurrent a.menuComplete { background-position: -532px bottom; }
#submenu.payment li a { background: url(images/menu/submenu-payment.png) no-repeat; width: 238px; }
#submenu #ownershipDetails a { background-position: 0 0; }
#submenu #contactDetails a { background-position: -238px 0; }
#submenu #paymentDetails a { background-position: -476px 0; }
#submenu #orderDetails a { background-position: -714px 0; }
#submenu #ownershipDetails a.menuComplete { background-position: 0 -112px; }
#submenu #contactDetails a.menuComplete { background-position: -238px -112px; }
#submenu #paymentDetails a.menuComplete { background-position: -476px -112px; }
#submenu #orderDetails a.menuComplete { background-position: -714px -112px; }
#submenu #ownershipDetails a:hover, #submenu #ownershipDetails.menuCurrent a { background-position: 0 -56px; }
#submenu #contactDetails a:hover, #submenu #contactDetails.menuCurrent a { background-position: -238px -56px; }
#submenu #paymentDetails a:hover, #submenu #paymentDetails.menuCurrent a { background-position: -476px -56px; }
#submenu #orderDetails a:hover, #submenu #orderDetails.menuCurrent a { background-position: -714px -56px; }
#submenu #ownershipDetails a.menuComplete:hover, #submenu #ownershipDetails.menuCurrent a.menuComplete { background-position: 0 bottom; }
#submenu #contactDetails a.menuComplete:hover, #submenu #contactDetails.menuCurrent a.menuComplete { background-position: -238px bottom; }
#submenu #paymentDetails a.menuComplete:hover, #submenu #paymentDetails.menuCurrent a.menuComplete { background-position: -476px bottom; }
#submenu #orderDetails a.menuComplete:hover, #submenu #orderDetails.menuCurrent a.menuComplete { background-position: -714px bottom; }
.plateSet { overflow: hidden; margin: 20px 0; min-height: 38px; height: auto !important; height: 38px; }
.plateSet img { float: left; margin: 0 5px 0 0; }
.WrapperBusy { background-image: url(images/loading3.gif) !important; background-repeat: repeat-x; }
.progressList { margin: 0 0 15px 0; }
.progressList li { border-bottom: 1px #d2d2d2 solid; padding: 17px 10px 17px 65px; font-weight: bold; font-size: .75em; color: #9d9c9c; line-height: 160%; background: url(images/icons/ico-checkbox-unchecked.gif) no-repeat 17px center; position: relative; }
.progressList li.current { color: #000; }
.progressList li.complete { color: #000; background-image: url(images/icons/ico-checkbox-checked.gif); padding-top: 7px; padding-bottom: 8px; }
.progressList li.questionIcon { color: #000; background-image: url(images/icons/ico-checkbox-unchecked-question.gif); padding-left: 65px; padding-top: 7px; padding-bottom: 8px; padding-right: 50px; }
.suggestionList { overflow: hidden; font-size: .6875em; margin: 20px 0 20px 0; overflow: hidden; width: 584px; }
.suggestionList li { float: left; margin: 3px 20px 3px 0; display: inline; color: #9d9c9c; line-height: 100%; font-weight: bold; font-size: 12px; width: 38px; }
.suggestionList a { color: #00436e; font-weight: bold; text-decoration: none; line-height: 100%; }
.suggestionList a:hover { text-decoration: underline; }
.vehiclesList { height: 50px; margin: 10px 0; }
.vehiclesList li { float: left; margin: 0 2px 0 0; }
.vehiclesList a { display: block; width: 196px; height: 31px; background: url( 'images/bg/vehicle-list-bg.png' ); padding: 19px 0 0 20px; color: #909090; font-weight: bold; font-size: .75em; text-decoration: none; }
.vehiclesList #vehicleCar a { background-position: 0 0; }
.vehiclesList #vehicleTrailer a { background-position: -216px 0; }
.vehiclesList #vehicleMotorcycle a { background-position: -432px 0; }
.vehiclesList #vehicleCar a:hover, .vehiclesList #vehicleCar.selected a { background-position: 0 bottom; color: #fff; }
.vehiclesList #vehicleTrailer a:hover, .vehiclesList #vehicleTrailer.selected a { background-position: -216px bottom; color: #fff; }
.vehiclesList #vehicleMotorcycle a:hover, .vehiclesList #vehicleMotorcycle.selected a { background-position: -432px bottom; color: #fff; }
.comboSelectForm { padding: 20px 5px 20px 20px; }
.comboSelectForm h1 { margin: 0 0 20px 0; }
.comboSelectForm ol li { overflow: hidden; margin: 0 0 9px 0; min-height: 33px; height: auto !important; height: 33px; }
.comboSelectForm ol input { float: left; }
.comboSelectForm label { overflow: hidden; cursor: default; }
.comboSelectForm .plateComboPreview { float: left; margin: 0 0 0 6px; cursor: pointer; }
.comboSelectForm .plateComboContent { float: left; margin: 0 0 0 10px; }
.comboSelectForm .plateComboContent span { display: block; margin: 0 0px 5px; /*	width: 315px; */ font-size: 11px; }
.comboSelectForm .selected .plateComboContent span { font-weight: bold; color: #00436e; }
.ui-radio-state-disabled, .ui-radio-state-checked-disabled, .ui-radio-state-disabled-hover, .ui-radio-state-checked-disabled-hover { color: #999; }
span.ui-radio { display: block; float: left; width: 31px; height: 28px; background: url( 'images/icons/icon_checkbox.png' ) 0 0 no-repeat; margin: 0 10px 0 0; }
span.ui-helper-hidden, .ui-helper-hidden-accessible { display: none; }
span.ui-radio-state-hover { background-position: 0 -28px; }
span.ui-radio-state-checked-disabled-hover, span.ui-radio-state-checked-disabled, span.ui-radio-state-checked { background-position: 0 -56px; }
span.ui-radio-state-checked-hover { background-position: 0 -84px; }
.contentTabs { overflow: hidden; width: 100%; }
.contentTabs li { float: left; padding: 0; margin: 0 10px 0 0; height: 41px; }
.contentTabs a { display: block; background: url('images/menu/content-tabs-bg.gif' ) no-repeat right -82px; padding: 0 5px 0 0; text-decoration: none; color: #000; float: left; }
.contentTabs span { font-weight: bold; display: block; background: url( 'images/menu/content-tabs-bg.gif' ) no-repeat left 0; height: 26px; padding: 15px 35px 0 40px; float: left; cursor: pointer; }
.contentTabs a:hover, .contentTabs .selected a { background-position: right -123px; color: #fff; }
.contentTabs a:hover span, .contentTabs .selected span { background-position: left -41px; }


.recentList .orderRecent { position: absolute; bottom: 0; left: 0; font-weight: bold; }
.recentList .shareRecent { position: absolute; bottom: 0; right: 0; }
.recentList .shareRecent label { font-weight: bold; color: #00325c; float: left; margin: 3px 0 0 0; }
.recentList .shareRecent input { width: 16px; height: 16px; margin: 0 5px 0 0; float: left; }

.designPanel { width: 924px; height: 255px; position: relative; margin: 4px 0; }
.designPanel .designPanelLabel1 { left: 15px; position: absolute; top: 15px; text-align: right; }
.designPanel .designPanelLabel1 a, .designPanel .designPanelLabel2 A, .designPanel .designPanelLabel3 A { font-size: 11px; color: #666; }
.designPanel .designPanelLabel1 a:hover, .designPanel .designPanelLabel2 a:hover, .designPanel .designPanelLabel3 a:hover { color: #036; }
.designPanel .designPanelLabel2 { left: 8px; position: absolute; top: 101px; text-align: right; }
.designPanel .designPanelLabel3 { left: 17px; position: absolute; top: 157px; text-align: right; color: #000; }
.designPanel .plateType { width: 924px; height: 51px; background-color: #D3D3D3; padding: 5px 0px 0 0px; overflow: hidden; position: absolute; top: 16px; }
.designPanel .plateType ul, .designPanel .plateColour ul { width: 2000px; position: absolute; }
.designPanel .plateType li { float: left; width: 77px; height: 38px; padding: 7px 0 0 1px; line-height: 16px; cursor: pointer; background: url(images/bg/bg-plate-type.gif) no-repeat left top; color: #909090; font-weight: bold; font-size: 11px; text-align: center; display: inline; }
.designPanel .plateType li.disabled { cursor: default; background-position: left top !important; color: #cfcfcf !important; }
.designPanel .plateType li:hover, .designPanel .plateType li.hover, .designPanel .plateType li.selected { background-position: left bottom; color: #fff; }
.designPanel .plateColour ul { background-color: #D3D3D3; }
.designPanel .plateColour { width: 924px; height: 150px; background-color: #D3D3D3; overflow: hidden; position: absolute; top: 100px; }
.designPanel .plateColour li { float: left; width: 87px; height: 120px; color: #909090; display: inline; padding: 12px 0 0 11px; }
.designPanel .plateColour .colourName { font-weight: bold; color: #000; font-size: 11px; margin: 0 0 8px 0; overflow: hidden; height: 34px; text-align: center; }
.designPanel .plateColour .plateBgColour { width: 89px; cursor: pointer; }
.DesignPanelTitle span { position: relative; font-weight: bold; }
#Step1 { position: relative; top: 0px; }
#Step2 { position: relative; top: 70px; }

.designPanel .ui-slider-handle { width: 50px; height: 20px; position: absolute; top: -7px; background: url('images/slider.gif' ); border: none; }
.ui-slider-horizontal .ui-slider-handle { margin-left: 0em; }
#content-slider { width: 922px; height: 6px; margin-top: 5px; background: #BBBBBB; position: relative; top: 210px; }

.plateBgColour { cursor: pointer; }

.designPanel .plateColour .charColours { padding: 8px 0 0 0; overflow: hidden; clear: both; }
.designPanel .plateColour .charColours img { float: left; display: inline; margin: 0 2px 4px 2px; cursor: pointer; }
.designPanel .imgBtn { position: absolute; cursor: pointer; }
.designPanel .arrowSmallLeft { top: 5px; }
.designPanel .arrowSmallRight { left: 910px; top: 5px; }
.designPanel .arrowLargeLeft { left: 85px; top: 70px; }
.designPanel .arrowLargeRight { left: 910px; top: 70px; }
.PlateTypeInstructions { text-align: center; width: 100%; padding-top: 20; font-weight: bold; margin-top: 50px; }
#confirmFrontPlate { /* width: 170px; */ }
#confirmRearPlate { /* width: 170px; */ }
#confirmRearPlateDesc, #confirmFrontPlateDesc { width: 170px; font-size: 11px; }

.changeOptions { border-top: 1px solid #C3C3C3; float: left; margin: 0px; position: relative; width: 316px; text-align: center; padding-top: 12px; }

.NoAccessoryPlateOption { height: 170px; }
.AccessoryPlateOption { float: left; margin: 0px; position: relative; border-top: 1px solid #C3C3C3; border-right: 1px solid #C3C3C3; width: 296px; padding-left: 10px; overflow: hidden; text-align: center; padding-top: 12px; padding-bottom: 5px; padding-right: 10px; height: 190px; }

#imgAccessoryPlate { /*	width:128px; */ padding-top: 8px; padding-bottom: 8px; }

#AccPostfix { padding-top: 5px; }

.changeOptions p { font-weight: bold; color: #9d9c9c; font-size: .75em; line-height: 160%; }
.changeOptions p a { font-weight: bold; color: #00436e; }
.changeOptions p a:hover { text-decoration: none; }
.AccessPlateInfo { font-size: 12px; }
.AccessoryPlateOption label { font-size: 12px; padding-left: 3px; }
.MoreAlternatives { padding-left: 10px; }
.MoreAlternatives a { padding-left: 2px; padding-right: 2px; cursor: pointer; }
.panelCheckout { padding-bottom: 15px; }
.DesignShowSeparatorOption { font-size: 12px; padding-right: 15px; }
#DesignShowSeparatorOption label { font-size: 12px; padding-left: 4px; }
.designSubmit .separatorOption input, .designSubmit .separatorOption label, .designSubmit .separatorOption .imgBtn { float: left; font-size: 12px; }
.designSubmit .separatorOption input { margin: 13px 3px 0 0; }
#designtip { display: none; background: transparent url(images/black_arrow.gif); font-size: 11px; height: 90px; width: 170px; padding: 15px; padding-left: 20px; padding-right: 20px; color: #fff; z-index: 999; }
#backtip { display: none; background: transparent url(images/black_arrow.gif); font-size: 11px; height: 90px; width: 170px; padding: 15px; padding-left: 20px; padding-right: 20px; color: #fff; z-index: 999; }
.inner { background: #e8e8e8; background-color: #e8e8e8; padding: 5px 15px; height: 100%; width: 925px; }
.innerWide { background: #e8e8e8; background-color: #e8e8e8; padding: 5px 15px; height: 100%; }
.inner .comboCheckForm { width: 342px; }
.inner .messageComboFormat { color: #999; float: right; font-size: 18px; font-weight: normal; margin: 8px 0 0; text-align: center; width: 571px; }
.inner .messageUnavailable { float: right; font-size: 16px; color: #c20909; font-weight: bold; width: 571px; text-align: center; margin: 8px 0 0; }
.inner .messageInvalid { float: right; font-size: 18px; color: #c20909; font-weight: normal; width: 571px; text-align: center; margin: 8px 0 0; }
.inner .messageAvailable { float: right; font-size: 35px; color: #00436e; font-weight: bold; width: 571px; text-align: center; margin: 8px 0 0; }
.inner .messageUnavailable A { font-size: 16px; color: #c20909; font-weight: bold; text-decoration: underline; }
.inner .messageInvalid A { font-size: 18px; color: #c20909; font-weight: normal; text-decoration: underline; }
.inner .messageUnavailable A:hover, .inner .messageInvalid A:hover { text-decoration: none; }
.plateDetail .platedesc label { color: #666; font-size: 11px; font-weight: bold; line-height: 140%; margin: 15px 0 0; }
.plateDetail { margin: 0 5px 23px 0; width: 170px; }
#upgradePlateImage1, #upgradePlateImage2 { width: 170px; }
.linkList li, .linkList a { line-height: 100%; }
.linkList a { color: #666; }
.linkList a:hover { color: #036; }
.GreyBG { background-color: #e8e8e8; }
.recentList { float: left; min-height: 350px; height: auto !important; height: 350px; padding: 20px 0 0 15px; }
.recentList li { float: left; margin: 0; position: relative; padding: 0 0 20px 20px; font-size: .6875em; display: inline; width: 293px; height: 100px; }
.recentListCheckbox { position: absolute; top: 10px; }
.recentList li img { position: absolute; left: 55px; cursor: pointer; }
#RecentPleaseSelect { font-size: 12px; color: #FF0000; }
#fbshare { display: block; position: relative; left: 285px; top: -85px; }
.postCheckoutButtonLabel, .postCheckoutButtonLabel A { width: 300px; padding-top: 5px; padding-bottom: 5px; font-style: italic; font-size: 11px; }
#SupercheapFooter { border: solid 1px #797778; background-color: #B7B5B6; position: fixed; bottom: 0; z-index: 3; width: 990px; font-weight: bold; font-style: italic; font-size: 11px; font-family: Verdana; color: Black; padding-top: 5px; padding-bottom: 5px; text-align: center; }
#SupercheapFooter A { font-weight: bold; font-style: italic; font-size: 11px; font-family: Verdana; color: Black; text-decoration: underline; }
.PlatePreviewMain { height: 523px; }
#PlateDesignSampleImage, #imgCheckedPlateImage, #plateSizeGridBody img, .plateDetailContainer img { cursor: pointer; }
#CAPToolbar { width: 630px; height: 31px; background-color: #D7D7D7; text-align: center; padding: 2px; position: absolute; bottom: 0px; }
#CAPToolbar img { padding: 0px 1px; width: 124px; height: 31px; border: none; }
.suggestionList .SoldOut { width: 90px; color: #003366; font-weight: bold; font-size: 12px; text-transform: uppercase; }
.MoreAlternatives A { font-size: 16px; }
.MoreAlternatives A:hover { color: #F00; }
.catName { text-decoration: underline; }



.ui-slider-horizontal, .designPanel .ui-slider-handle { cursor: w-resize; }