/********************************************************************* * Copyright 2009 Amblique :: www.amblique.com :: All Rights Reserved * ********************************************************************** * GLOBAL STYLE SHEETS *********************************************************************/ /********************************************************************************************************************************** ****************************************************** DEFAULT STYLES ******************************************************* **********************************************************************************************************************************/ /* CSS Reset */ 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{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0;vertical-align:top;}caption,th,td{font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""} /* CSS Default */ html, body, form {} body {color: #333; font-size: 75%; line-height: 1.5em; -webkit-text-size-adjust: none; background: #fff;} body, input, select, textarea {font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;} h1, h2, h3, h4, h5, h6 {font-weight: bold; line-height: 1em; } strong, .bold {font-weight: bold;} em, q {font-style: italic;} small, .small {font-size: 0.9em;} big, .big {font-size: 1.1em;} sup {position: relative; top: -3px; font-size: 0.8em;} sub {font-size: 0.8em;} del, strike {text-decoration: line-through;} hr {height: 0; border: none; border-bottom: 1px solid #ccc;} p {margin: 0.5em 0 1em 0;} p.last {margin-bottom: 0;} .break {display: block; margin-bottom: 20px;} .hide, .hidden {display: none!important;} /* Hyperlinks */ /*default.css*/ /* Headings */ /*default.css*/ /* Lines */ .hr {height: 0;} .hr hr {display: none;} .hr-a {border-bottom: solid 1px #ccc;} .hr-b {border-bottom: dashed 1px #ccc;} /* Ordered & Unordered Lists */ .contentText ul, .contentRandom ul {margin: 0 0 10px 0; padding: 0 0 0 15px; list-style: disc outside;} .contentText ul li, .contentRandom ul li {margin: 0 0 2px 0;} .contentText ul li li, .contentRandom ul li li {list-style-type: circle;} .contentText ol, .contentRandom ol {margin: 0 0 10px 0; padding: 0 0 0 15px; list-style: decimal outside;} .contentText ol li, .contentRandom ol li {margin: 0 0 2px 0;} ul.dotBlue { margin-bottom: 15px; } ul.dotBlue .list { padding-left: 15px; margin: 5px 0; background: url(../images/default/bu_blue.gif) no-repeat 0 6px; } /* Definition Lists */ .contentText dl {margin: 0 0 10px 0;} .contentText dl dt {font-weight: bold;} .contentText dl dd {margin: 0 0 0 10px;} /* Tables */ .contentText table {margin: 0 0 10px 0;} .contentText table th {font-size: 1em;} .contentText table td {font-size: 1em;} .table caption {display: none;} .table-a {width: 100%; margin-bottom: 20px; border-collapse: collapse; border-style:hidden;} .table-a td, table-a tr { border-style:hidden; border-collapse: collapse; } .table-a thead th, .table-a tr.header td { font-weight: bold; color: #333; background-color: #e0e0e0; } .table-a tbody td, .table-a tr.item td { padding: 5px; background: #ffffff url(../images/default/line-a-a.gif) repeat-x 0 100%;} .table-a tr.item td.desc { padding-left: 15px; } .table-a .desc { width:485px; padding-left: 15px; } .table-a .date { width:100px; } .table-a .size { width:92px; } .table-a .lang { width:100px; } .table-a .file { width:80px; } .table-b {width: 100%; } .table-c {width: 100%; } .table-c td { padding: 5px; } .table-c .image { width:140px; } .table-c .title { font-weight:bold; font-size: 1.16em; color:#E42632; } .table-c .desc {} .table-cartsummary {width: 100%;} .table-cartsummary tr td { background: none; } .table-cartsummary tr td.first {} .table-cartsummary tr td.last {} .table-cartsummary tr td { padding: 5px; text-align: right; } .table-cartsummary tr.subtotal td { font-weight: bold; font-size: 1.27em; } .table-cartsummary tr.shipping td {} .table-cartsummary tr.gst td {} .table-cartsummary tr.BalanceDue td { font-weight: bold; font-size: 1.45em; } .table-mycart {margin: 0 0 10px 0;} .table-mycart tr th {padding: 5px 10px; font-size: 1.1em; font-weight: bold; text-align: left; border: 0; background: #ccc;} .table-mycart tr td {padding: 10px; border: 0; background: #fff url(../images/default/line-a-a.gif) repeat-x 0 100%; } .table-mycart tr td.qty { width: 70px; } .table-mycart tr td.qty input {width: 20px; text-align: center; } .table-mycart tr td.price {width: 100px; text-align: right; } .table-mycart tr td.subtotal {width: 100px; text-align: right;} /* banners */ ul.banners { display: block; overflow: hidden; padding: 10px 0; list-style-image:none; list-style-position: outside; list-style-type: none; } ul.banners .banner { display: block; float: left; } ul.banners .banner span { display: block; } ul.banners .bannerBookaService span { width: 300px; height: 160px; text-indent: -9999px; cursor: pointer; background:url(../images/default/banner_bookaServiceCall.jpg) no-repeat 0 0; } ul.banners .bannerRegisterWarranty span { width: 300px; height: 160px; text-indent: -9999px; background:url(../images/default/banner_RegisterProductWarranty.jpg) no-repeat 0 0; } ul.banners .bannerBuyFilters span { width: 300px; height: 160px; text-indent: -9999px; background:url(../images/default/banner_buyFilters.jpg) no-repeat 0 0; } /* Content Text */ /*default.css*/ /********************************************************************************************************************************** ****************************************************** LAYOUT STYLES ******************************************************** **********************************************************************************************************************************/ /* Container */ #container {text-align: left;} /* Offline Mode */ #offline {margin: 100px 100px 0 100px; padding: 20px; text-align: center; border: 1px solid #ccc;} #offline img {margin: 0 0 15px 0;} #offline h2 {margin: 0 0 15px 0; font-size: 1.5em;} #offline h3 {font-size: 1.25em;} /* Header */ #header {width: 960px; min-height: 65px; margin: 0 auto; position: relative; padding: 10px 0 0 0; z-index: 1;}/*cleared*/ #header .wrapper {}/*cleared*/ #header .wrapper .col-a {float: left; width: 125px;} #header .wrapper .col-b {float: left; width: 200px;} #header .wrapper .col-c {float: left; width: 200px;} #header .wrapper .col-d {float: right; width:810px; padding-left:20px; } /* Logo */ #header #logo-print {display: none;} #header h1#logo {display: block; margin: 0; width: 120px; height: 50px; background: transparent url(../images/default/billi-sm.gif) 0 0 no-repeat;} #header h1#logo a {display: block; width: 120px; height: 50px; text-indent: -9999px; overflow: hidden;} /* Navigation Top */ #nav-main {float: left; margin: 0 0 10px 0; font-size: 1.16em; color: #858a89;}/*cleared*/ #nav-main ul { float: right; } /* Login */ .elementLogin {float: left; width: 300px;} /* Login Buttons */ .elementLoginButtons { float: right; padding-top: 9px; } .elementLoginButtons span.btn { margin-left: 15px; display: block; float: left; } /* MyCart */ .elementMyCart {float: right; clear:right; } /* Content */ #content {position: relative; margin: 0 0 10px 0; height: 100%; min-height: 600px; }/*cleared*/ #content-left { float: left; } #content-right { float: left; } #content-top { background: url(../images/default/bg-home-flashHolder.jpg) repeat-x 0 0; } .content-left {float: left;} .content-middle {float: left;} .content-right {float: left;} /*pageTitle*/ .content-main-titleContainer { padding: 20px 0 0 0; width: 960px; margin: 0 auto;} .content-main-titleContainer h1.contentTitle { margin-bottom: 0; margin-left: -2px; } /* Breadcrumbs */ .moduleBreadcrumbs {margin: 0 0 1.25em 0; font-size:0.91em;}/*cleared*/ .moduleBreadcrumbs li {float: left; display: block; color: #fff;} .moduleBreadcrumbs li.first {} .moduleBreadcrumbs li.last {} .moduleBreadcrumbs li.divider {padding: 0 4px; font-size: 1.2em; } .moduleBreadcrumbs li a {color: #fff; text-decoration: none; font-weight: bold;} .moduleBreadcrumbs li a:hover {color: #fff; text-decoration: underline;} /* Tools */ .moduleTools {margin: 0 0 0.5em 0;}/*cleared*/ .moduleTools li {float: left; display: block; padding: 0 10px 0 0;} .moduleTools li a {display: block; padding: 0 0 0 17px; background-color: transparent; background-position: 0 60%; background-repeat: no-repeat;} /* Start :: to be used without icon description Print Page & Email Page .moduleTools li a {display: block; width: 13px; height: 11px; text-indent: -9999px; overflow: hidden; background-color: transparent; background-position: 0 60%; background-repeat: no-repeat;} /* End :: to be used without icon description Print Page & Email Page */ .moduleTools li a.tool-print {background-image: url(../images/default/tool-print.gif);} .moduleTools li a.tool-email {background-image: url(../images/default/tool-email.gif);} /* scrollable */ .scrollable-wrapper { position: relative; } .scrollable { position: relative; height: 265px; overflow: hidden; } .scrollable .items { clear: both; position: absolute; width: 5000px; } .scrollable .item { cursor: pointer; float: left; } .navi { position: absolute; bottom: 10px; right: 5px; } .navi a { display: block; float:left; width: 17px; height: 17px; background: url(../images/dot.jpg) no-repeat 50% 50%; } .navi a.active { width: 17px; height: 17px; display: block; float: left; background: url(../images/dotRed.jpg) no-repeat 50% 50%; } /* Calendar dropdown */ .calendarWrapper_Default .titlebar_Default td { background:#E42632 !important; font-size: 0.91em !important; } th.DaysOfWeek_Default { background: none !important; } .calendarWrapper_Default .TableLayout_Default a { margin: 2px; border:solid 1px #D8DCDF !important; background: #F0F0F0 !important; } .calendarWrapper_Default .TableLayout_Default .radCalHover_Default a { border: solid 1px #EEEEEE !important; color: #E42632 !important;} /* product-list */ .product-list .thumb { float: left; margin: 0 10px 0 0; padding: 15px 0; width: 300px; height: 300px; border-top: solid 1px #dfdfdf; } /* hacked */ .product-list .thumb .image {} .product-list .thumb .title { width: 300px; } .product-list .thumb .title h3.contentTitle {} .product-list .thumb .shortDescription { width: 300px; } .product-list .thumb .subTitle { width: 300px; color: #696969; display: none; } .product-list .thumb .subTitle h5 { padding:0; margin: 0;} /* Template A */ .template-a { min-height: 100%; } .template-a #content-top { height:306px; } .template-a #content-top .content-top-content { height: 306px; background: url(../images/default/bg-bannerHolder.jpg) no-repeat 50% 0; } .template-a #content-top .bannerHolder { position: relative; width: 960px; height: 306px; margin: 0 auto; } .template-a #content-top .bannerHolder .content-left {position: absolute; top: -14px; } .template-a #content-top .bannerHolder .content-right { width: 212px; height: 218px; padding: 14px; margin:30px 0 0 0; position: absolute; right: 0; background: url(../images/default/box-h-b.png) no-repeat 0 0; } .template-a #content-top .bannerHolder .content-right .desc { display: block; padding-bottom: 25px; color: #fff; font-size: 1.27em; line-height: 1.5em; } /* Internal */ .internal { position: relative; margin:0 0 10px 0; background: url(../images/default/bg-template-internal.jpg) repeat-x 0 0; } .internal #content-main { background: url(../images/default/bg-content-main.jpg) no-repeat 50% 0; } .internal .content-main-gutter { width: 960px; margin: 0 auto; } .internal .content-main-gutter-inner { margin: 0 0 10px 0; min-height: 100px; } /* Template B */ .template-b {} .template-b .content-main-gutter { padding: 15px; background: #fff; width: 930px; } .template-b .content-main-gutter #content-top { position: relative; } .template-b .content-main-gutter .content-main-gutter-inner { background-color: #fff; } .template-b .content-main-gutter .content-main-gutter-inner .contentText1 { margin-top: 0; } .template-b .content-main-gutter .content-main-gutter-inner .contentText1Environment { margin-top: 0; padding-right:10px; float:left; width:63%; } .template-b .content-main-gutter .content-main-gutter-inner .tab-contentFlashEnvironment { float: right; color: #fff; background: #fff; } .template-b #content-top { margin-bottom: 15px; background: none; } .template-b #content-left { margin: 0 15px 0 0; width: 225px; } .template-b #content-left .divider { height:1px; width: 100%; margin: 15px 0; background: url(../images/default/line-a-a.gif) repeat-x 50% 100%; } .template-b #content-left .box-a-a {} .template-b #nav-side { margin: 0px 0 0px; } .template-b #content-right { width: 690px; background :#fff; } .template-b #content-right .contentRandom2 { margin-bottom: 15px; } .template-b .content-main-gutter .contentText1 { margin-top: 0px;} .template-b .content-main-gutter h2.contentTitle {} .template-b .content-main-gutter .content-right-inner { padding: 0 20px 10px 10px; } /* Template C */ .template-c {} .template-c .content-main-gutter {} .template-c .content-main-gutter-inner { padding: 15px 15px 20px 15px; background: #fff; } /* hacked */ /* Template D */ .template-d {} .template-d #content-main #content-left { width: 240px; float: left; } .template-d #content-main #content-right { width: 720px; float: left; } .template-d .content-main-titleContainer { width: auto; } /* Template E */ .template-e {} .template-e .content-main-gutter { padding: 15px; background: #fff; width: 930px; } .template-e .content-main-gutter .content-main-gutter-inner { background-color: #fff; } .template-e .content-main-gutter .content-main-gutter-inner .contentText1 { margin-top: 0; } .template-e .content-main-gutter .content-main-gutter-inner .contentText1Environment { margin-top: 0; padding-right:10px; float:left; width:63%; } .template-e .content-main-gutter .content-main-gutter-inner .tab-contentFlashEnvironment { float: right; color: #fff; background: #6c6c6c; } .template-e .content-main-gutter #content-left { margin: 0; padding: 0 15px 0 0; width: 225px; } .template-e .content-main-gutter #content-left .divider { height:1px; width: 100%; margin: 15px 0; background: url(../images/default/line-a-a.gif) repeat-x 50% 100%; } .template-e .content-main-gutter #content-left .box-a-a {} .template-e .content-main-gutter #content-right { width: 690px; background :#fff; } .template-e .content-main-gutter #content-right .contentRandom2 { margin-bottom: 15px; } /* Navigation Side */ #nav-side {margin: 0;}/*cleared*/ #nav-side li { background: url(../images/default/line-a-a.gif) repeat-x 0 100%; } #nav-side li.last { background: none; } #nav-side li a { display: block; padding: 6px 20px 5px 0; background: url( ../images/home/bg-nav-side.gif) no-repeat 210px 50%; } #nav-side li a.selected {} #nav-side li a:hover, #nav-side li a.focused { background: url( ../images/home/bg-nav-side-hover.gif) no-repeat 210px 50%; } /* Navigation Category */ #nav-cat {margin: 0 0 10px 0;}/*cleared*/ /* Content Title */ h1.contentTitle { margin-top:0; font-size: 3.16em; font-weight:lighter; letter-spacing:-0.05em; color: #fff; background: none;} h2.contentTitle {} h2.contentTitle cufon { margin-top: 0 !important; padding-top: 0 !important; vertical-align: top; } h3.contentTitle { font-size: 1.7em; color: #E42632; margin-bottom:10px; } /* Content Styles */ .contentText {margin: 0 0 10px 0;} /* Random Content Styles */ .contentRandom {margin: 0;} /* Footer */ #footer { position: relative; padding: 10px; margin: 0 auto; display: block; font-size: 1.09em; color: #999999; background: transparent url(../images/default/line-a-a.gif) repeat-x scroll 100% 0 } #footer a { color: #999999; text-decoration: none; } #footer a:hover { text-decoration: underline; } #footer ul {padding: 0;} #footer ul li {float: left; padding: 0 5px 0 5px; background: url(../images/default/divider-footer.gif) no-repeat 100% 55%; } #footer ul li.first {padding-left: 0;} #footer ul li.last {padding-right: 0; background: none; } #footer ul li.amblique {float: right; padding-right: 0; background: none; } /********************************** * Popup Tools **********************************/ #pagePopup {height: auto; min-height: auto; background: #fff none;} #popuptools {padding: 1.5em 20px; width: auto;} #popuptools #logo {margin: 0 0 10px 0;} #popuptools h2.contentTitle {margin: 0 0 10px 0; padding: 0 0 5px; font-size: 1.8em; visibility: visible; } #popuptools .paragraph {margin-bottom: 1em;} #popuptools .buttons {padding-top: 0.5em;} #popuptools .buttons ul li { margin: 0 10px 0 0; display: block; float: left; } #popuptools .form .buttons li.text {width: 180px;} #popuptools .popupTitle .btn-close { position: absolute; right: 10px; top: 10px; } #popuptools .form-tools {margin: 0.5em 0 0 0;} #popuptools .form input.field {display: block; width: 160px;} #popuptools .form dl dt {width: 180px;} #popuptools .form dl dd {width: 200px;} /* Popup: Add Item to Cart */ .popupAddItemToCart {} .popupAddItemToCart h3 { color: #E42632; font-size: 1em; } .popupAddItemToCart .productListProduct { background: none; } .popupAddItemToCart .productListProduct .detailContainer { width: 170px; } /* Popup: View order details */ .popupOrderDetails {} /********************************************************************************************************************************** ********************************************************** FORMS ************************************************************ **********************************************************************************************************************************/ /********************************** * Default Form Styles **********************************/ dl.field input, input.field, input.none, select, textarea, .datePicker {margin: 0; padding: 3px 4px; color: #333; border: solid 1px #D8CEC1; background: #fff;}/*hacked*/ select {padding: 1px 1px 1px 2px;} select option {padding-right: 8px;} textarea {overflow: auto;} /* Fieldset */ .form legend {display: none;} .form dl {margin: 0 0 5px 0;}/*cleared*/ .form dl.last {margin: 0 0 1.25em 0;} .form dl dt {float: left; padding: 5px 0 0 0; width: 150px; font-weight: bold;} .form dl.double dt {line-height: 1.25em;} .form dl.double dd {padding-top: 6px!important;} .form dl dt em {padding-left: 3px; font-style: normal; color: #f00;} .form dl dd {float: left; padding: 5px 0 0 0; width: auto;} .form dl.field dd, .form dl.select dd, .form dl.textarea dd {padding-top: 3px;} .form dl.longer dd {padding-top: 0.9em;} .form dl.vertical dt {float: none; margin-bottom: 3px; width: auto;} .form dl.vertical dd {float: none; width: auto;} .form span.border {float: left; display: block; border: 3px solid #e3e3e3;} /* Row - Horizontal */ .form ul.inline {margin: 0;}/*cleared*/ .form ul.inline li {float: left; padding-right: 5px;} .form ul.inline li.last {padding-right: 0;} .form ul.inline li.text {padding-top: 5px;} .form ul.inline li.button {padding-top: 2px;} /* Row - Vertical */ .form ul.row {margin: 0;}/*cleared*/ .form ul.row li {} .form ul.row li.text {padding-top: 5px;} /* Checkbox */ .form .checkbox {margin: 0 0 0.75em 0;} .form .checkbox input {position: relative; margin: 0; bottom: -1px;} .form .checkbox label {margin: 0 0 0 4px;} /* Buttons */ ul.buttons {margin: 0 0 10px 0;}/*cleared*/ ul.buttons li {float: left; padding: 0 10px 0 0;} ul.buttons-row li {float: none; margin: 0 0 10px 0; padding: 0;} ul.buttons-row li.last {margin-bottom: 0;} ul.buttons li em {font-style: normal; color: #f00;} ul.buttons li.text {padding: 5px 0 0 0;} ul.buttons li.west {float: left; width: auto;} ul.buttons li.east {float: right; width: auto;} ul.buttons li.first {padding-left: 0;} ul.buttons li.last {padding-right: 0;} /* Messages */ .form dl dd .required {display: block; padding-left: 3px; font-size: 0.9em; color: #f33;} /*notes*/ .form .small-note {font-size:0.81em; color: #333; } /* Buttons - Flexible */ .btn {display: table-cell; background-color: transparent; background-position: 0 50%; background-repeat: no-repeat;}/*hacked*/ .btn-wide {display: block;}/*hacked*/ .btn-wide a, .btn-wide input {width: 100%} .btn input, .btn span, .btn a {display: block; margin: 0; padding: 4px 8px 5px 8px; line-height: 1.4em; font-size: 1em; font-weight: normal; text-align: center; text-decoration: none; border: none; background-color: transparent; background-position: 100% 50%; background-repeat: no-repeat; cursor: pointer;}/*hacked*/ .btn a:hover {text-decoration: none;} .btn-a {background-image: url(../images/forms/btn-a-left.gif);} .btn-a input, .btn-a a {background-image: url(../images/forms/btn-a-right.gif);} .btn-a-a { background-image: url(../images/default/btn-a-a-left.gif); } .btn-a-a input, .btn-a-a a { padding: 8px 10px; font-size: 1.16em; color: #1B82C1; background-image: url(../images/default/btn-a-a-right.gif); } .btn-a-a input:hover, .btn-a-a a:hover { color: #43a2dc; } .btn-d-a { background-image: url(../images/default/btn-d-a-left.gif); } .btn-d-a input, .btn-d-a a { padding: 6px 10px 5px 30px; color: #1B82C1; background-image: url(../images/default/btn-d-a-right.gif); } .btn-d-a input:hover, .btn-d-a a:hover { color: #43a2dc; } .btn-h-b { display: block; width: 199px; margin-bottom: 25px; background-image: url(../images/default/btn-h-b.png); } .btn-h-b input, .btn-h-b a { height:27px; padding: 9px 0 0 10px; width:199px; font-size: 1.16em; text-align: left; color: #fff; } .btn-h-b input:hover, .btn-h-b a:hover {color: #cadfff; } .btn-e-a { background-image: url(../images/default/btn-e-a-left.gif);} .btn-e-a input, .btn-e-a span, .btn-e-a a { padding: 5px 8px 6px; background-image: url(../images/default/btn-e-a-right.gif); color: #1B82C1; } .btn-e-b {background-image: url(../images/default/btn-e-b-left.gif);} .btn-e-b input, .btn-e-b span, .btn-e-b a { padding: 5px 8px 6px; background-image: url(../images/default/btn-e-b-right.gif); color: #1B82C1; } .btn-m-b { background-image: url(../images/default/btn-m-b-left.gif); } .btn-m-b input, .btn-m-b a, .btn-m-b a:hover, .btn-m-b input a { padding: 5px 8px 6px; background-image: url(../images/default/btn-m-b-right.gif); color: #fff; } /* Buttons - Static */ input.button {display: block; padding: 5px 8px; color: #fff; font-size: 1.05em; font-weight: normal; text-align: center; text-decoration: none; border: none; background-color: transparent; background-position: 100% 50%; background-repeat: no-repeat; border: none; text-indent: -9999px; cursor: pointer;}/*hacked*/ .button-search {width: 75px; background-image: url(../images/forms/button-search.gif);} .btn-close { background:url(../images/default/btn-close.gif) no-repeat 50% 50%; display: block; width: 15px; height: 15px; } .btn-close a, .btn-close input, .btn-close span { text-indent: -9999px; } .btn-b-a { background-image: url(../images/default/btn-b-a-left.gif); } .btn-b-a input, .btn-b-a a, .btn-b-a span { color: #fff; background-image: url(../images/default/btn-b-a-right.gif); } .btn-c-a { background-image: url(../images/default/btn-c-a-left.gif); float: left; } .btn-c-a input, .btn-c-a a, .btn-c-a span { padding: 6px 8px 5px; color: #fff; background-image: url(../images/default/btn-c-a-right.gif); } .btn-c-c { background-image: url(../images/default/btn-c-a-left.gif); } .btn-c-c input, .btn-c-c a, .btn-c-c span { padding: 6px 8px 5px 5px; float:left; color: #fff; background-image: url(../images/default/btn-c-a-right.gif); } .btn-c-a input:hover, .btn-c-a a:hover, .btn-c-a span:hover { color: #fff; } .btn-c-b { background-image: url(../images/default/btn-c-b-left.gif); } .btn-c-b input, .btn-c-b a, .btn-c-b span { padding: 6px 8px 5px; color: #fff; background-image: url(../images/default/btn-c-b-right.gif); } .btn-i-b { display: block; margin-bottom: 20px; background-image: url(../images/default/btn-i-b.png); } .btn-i-b input, .btn-i-b a { width: 240px; height: 75px; padding: 0; font-size: 1.16em; font-weight: bold; color: #fff; text-indent:-9999px; } .btn-j-b { display: block; background-image: url(../images/default/btn-j-b.png); } .btn-j-b input, .btn-j-b a { width: 240px; height: 75px; padding: 0; font-size: 1.16em; font-weight: bold; color: #fff; text-indent:-9999px; } .btn-k-b {display: block; margin: 4px 15px 2px 0; background-image:url("../images/home/btn-e-a-left.gif"); } .btn-k-b input, .btn-k-b a { padding:4px 15px 3px; font-size: 1em; font-weight: normal; color: #1B82C1; text-align: left; background: url("../images/home/btn-e-a-right.gif") no-repeat scroll 100% 50% transparent; } .btn-l-a { display: block; margin-bottom: 10px; background-image: url(../images/default/btn-l-a.gif); margin-right: 0 !important; } .btn-l-a input, .btn-l-a a { width: 225px; height: 65px; padding: 0; font-size: 1.16em; font-weight: bold; color: #fff; text-indent:-9999px; } .btn-n-a { display: block; width: 225px; height: 62px; background-image: url(../images/default/btn-n-a.gif); } .btn-o-a { display: block; width: 225px; height: 61px; background-image: url(../images/default/btn-n-a.gif); } .btn-p-a { display: block; width: 159px; height: 27px; background-image: url(../images/default/btn-p-a.gif); margin-top:10px; } /* tabs */ .top-tabs {overflow:hidden; height:37px; padding:0; z-index:1; margin-right:3px;} .top-tabs ul { display: inline-block; background: none; } .top-tabs ul li {float:left;padding:0; cursor:pointer;margin: 0 3px 0 0;} .top-tabs ul li.item { } .top-tabs ul li.active { } .tab-b-a { background: url(../images/default/tab-b-a-left.gif) no-repeat 0 0; } .tab-b-a span, .tab-b-a a { display: block; padding: 7px 20px; color: #1B82C1; font-size: 1.27em; background: url(../images/default/tab-b-a-right.gif) no-repeat 100% 0;} .tab-b-a.active { background: transparent url(../images/default/tab-c-a-left.gif) no-repeat 0 0;} .tab-b-a.active span, .tab-b-a.active a { color: #fff; background: url(../images/default/tab-c-a-right.gif) no-repeat 100% 0;} .tab-b-a.active span a { color: #fff; } /*tabs - fixed */ .tab-b-b { width:225px; background: url(../images/default/tab-b-b.png) no-repeat 0 0; margin-left: 1px; } .tab-b-b span { display: block; padding: 10px 10px 9px; color: #333333; font-size: 1.27em; } .tab-b-b-container { border:solid 1px #E0E0E0; border-top: 0 none; width: 223px; margin: 0 0 20px 1px; background: #fff; } /* boxes - flexible */ .box {} .box .box-content { padding: 5px 15px;} .box .box-content .purchaseParts { padding: 5px; height: 150px;} .box .box-content h4.contentTitle { margin-bottom: 10px; font-size: 1.41em; color: #333333; } .box-a-a { background: #E0E0E0; } .box-a-a .right { width: 11px; height: 9px; float: right; } .box-a-a .top { height: 9px; background: url(../images/default/box-a-a-top-left.gif) no-repeat 0 0; } .box-a-a .top .right { background: url(../images/default/box-a-a-top-right.gif) no-repeat 100% 0;} .box-a-a .bottom { height: 9px; background: url(../images/default/box-a-a-bottom-left.gif) no-repeat 0 100%; } .box-a-a .bottom .right { background: url(../images/default/box-a-a-bottom-right.gif) no-repeat 100% 100%; } /* boxes- fixed */ .box-m-a { height: 103px; width: 438px; padding: 10px; background: url(../images/default/box-m-a.gif) no-repeat 0 0; } ul.boxes { margin: 0; padding: 0; list-style-image:none; list-style-position: outside; list-style-type: none; } ul.boxes li { display: block; padding-bottom: 10px; } ul.boxes li a {} ul.boxes li a span { display: block; text-indent: -9999px; width: 225px; height: 61px; } ul.boxes li.registerWarranty a span { background: url(../images/default/box-n-a.gif) no-repeat 0 0; } ul.boxes li.bookServiceCall a span { background: url(../images/default/box-o-a.gif) no-repeat 0 0; } /* Accept Cards */ .elementCards {width: 260px; float: left; padding-top: 11px; } .elementCards h5 {padding-bottom: 7px; color: #858A89; font-size: 1.09em; font-style: italic; background: url(../images/default/line-a-a.gif) repeat-x 0 100%; } .elementCards ul.cards {padding:10px 0 0 0; width: 170px; float:left; } .elementCards ul.cards li {float:left; padding: 0 5px 0 0;} .elementCards ul.cards li.visa { width:45px; height:35px; background:url(../images/ecom/icon-visa.gif) no-repeat; } .elementCards ul.cards li.amex { width:45px;height:35px; background:url(../images/ecom/icon-amex.gif) no-repeat; } .elementCards ul.cards li.paypal {background:url(../images/ecom/icon-paypal.gif) no-repeat;width:45px;height:35px;} .elementCards ul.cards li.mastercard {background:url(../images/ecom/icon-mastercard.gif) no-repeat;width:45px;height:35px;} .elementCards ul.cards li.diners {background: url(../images/ecom/icon-diners.gif) no-repeat; width:46px; height:27px;} .elementCards ul.cards li.moneyorder {background:url(../images/ecom/icon-moneyorder.gif) no-repeat;width:45px;height:35px;} .elementCards ul.cards li.bpay {background:url(../images/ecom/icon-bpay.gif) no-repeat;width:45px;height:35px;} .elementCards ul.cards li.servebase {background:url(../images/ecom/icon-servebase.gif) no-repeat;width:109px;height:30px;} .elementCards ul.security { float: left; padding: 10px 0 0 0; } .elementCards ul li.thawte { background:url(../images/ecom/img-thawte.jpg) no-repeat; width:80px; height:70px; } .elementCards ul li.visaGB {background:url(../images/ecom/ecom_visapurchasing.en-GB.gif) no-repeat;width:45px;height:35px;} .elementCards ul li.maestroGB {background:url(../images/ecom/ecom_maestro.en-GB.gif) no-repeat;width:45px;height:35px;} .elementCards ul li.mastercardGB {background:url(../images/ecom/ecom_mastercard.en-GB.gif) no-repeat;width:45px;height:35px;} .elementCards ul li.soloGB {background:url(../images/ecom/ecom_solo.en-GB.gif) no-repeat;width:45px;height:35px;} .elementCards ul li.visaElectronGB {background:url(../images/ecom/ecom_visaelectron.en-GB.gif) no-repeat;width:45px;height:35px;} .elementCards ul li.visaDebitGB {background:url(../images/ecom/ecom_delta.en-GB.gif) no-repeat;width:45px;height:35px;} /********************************** * Custom Form Styles **********************************/ /* Form: global */ .form { margin-bottom: 15px; } .form h3.contentTitle { padding: 0 0 5px; font-size: 1.63em; background: url(../images/default/line-a-a.gif) repeat-x 0 100%; } /* Form: Login */ .form-login {} .form-login dl {margin-bottom: 0.5em;} .form-login dl dt {width: 120px; text-align: right; padding-right: 10px; } .form-login dl dd {} .form-login dl.username {} .form-login dl.password {} .form-login ul.buttons { margin: 0; } .form-login ul.links {margin-top: 6px;}/*cleared*/ .form-login ul.links li {float: left;} .form-login ul.links li.first {width: 120px;} /* Form: My Cart */ .form-mycart {} .form-mycart h3 {display: none;} .form-mycart dl {margin-bottom: 0.5em;} .form-mycart dl dt {width: 120px;} .form-mycart dl dd {} .form-mycart dl.items {margin-bottom: 0.1em;} .form-mycart dl.total {} .form-mycart ul.buttons {padding-left: 120px;} .form-mycart ul.links {margin: 0 0 10px 0;}/*cleared*/ .form-mycart ul.links li {float: left;} .form-mycart ul.links li.first {width: 120px;} /* Form: discount coupon */ .form-serialNumber { margin-bottom: 5px; } .form-serialNumber dl {margin-bottom: 0; } .form-serialNumber dl dt { float:none; width: auto; color: #858A89; } .form-serialNumber .texts input { display: block; margin-bottom: 10px; } /* Form: Details */ .form-details {} .form-details dl {} .form-details dl dt {width: 120px;} .form-details dl dd {} .form-details dl dd input {width: 150px;} .form-details dl dd select { width: 170px; } .form-details dl dd select.type { width: 170px; } .form-details dl dd select.title {width: 100px;} .form-details dl dd input.state {width: 92px;} .form-details dl dd select.state {width: 102px;} .form-details dl.postcode dd input.none {width: 45px;} .form-details .buttons {padding-left: 120px;} /* Form: Login / Register */ .form-loginregister h3 {display: none;} .form-loginregister dl {} .form-loginregister dl dt {width: 120px;} .form-loginregister dl dd {} .form-loginregister ul.buttons {padding-left: 120px;} .form-loginregister ul.links {margin: 0 0 10px 0;}/*cleared*/ .form-loginregister ul.links li {float: left;} .form-loginregister ul.links li.first {width: 120px;} /* Form: Register */ .form-register {} .form-register dl {} .form-register dl dt {width: 120px;} .form-register dl dd input {width: 210px;} .form-register .buttons {} /* Form: Store Locator */ .form-locator {} .form-locator dl dt {width: 140px;} .form-locator dl dd input {} .form-locator .buttons {padding-left: 140px;} /* Form: Store Locator */ .form-forgotpassword {} .form-forgotpassword dl dt {width: 120px;} .form-forgotpassword dl dd {} .form-forgotpassword .buttons {padding-left: 120px;} /* Form: Change Password */ .form-changepassword dl {} .form-changepassword dl dt {width: 200px;} .form-changepassword dl dd {width: 200px;} .form-changepassword .buttons {padding-left: 200px;} /* Form: Credit Card Payment */ .form-creditcardpayment {} .form-creditcardpayment .creditPayment { float: left; width: 660px;} .form-creditcardpayment h4 {margin-bottom: 0.5em;} .form-creditcardpayment ul#paymentOptions li { float: left; padding-right: 10px; } .form-creditcardpayment dl {} .form-creditcardpayment dl dt {width: 100px;} .form-creditcardpayment dl dd {width: auto;} .form-creditcardpayment dl.type dt {padding-top: 10px;} .form-creditcardpayment dl.type input {float: left;} .form-creditcardpayment dl.type label {float: left; display: block; padding-right: 20px; line-height: 1.75em; background-color: transparent; background-position: 0 50%; background-repeat: no-repeat;} .form-creditcardpayment dl.field input {width: 168px;} .form-creditcardpayment dl.field input.cardnumber-part1, .form-creditcardpayment dl.field input.cardnumber-part2, .form-creditcardpayment dl.field input.cardnumber-part3, .form-creditcardpayment dl.field input.cardnumber-part4 {width: 60px;} .form-creditcardpayment .buttons {padding-left: 100px;} /* Form: Special Instructions */ .form-specialinstructions {margin: 0 0 10px 0;} .form-specialinstructions h4 {} .form-specialinstructions textarea {width: 170px; height: 4em;} /* Form: Advanced Search */ .form-advancedsearch {} .form-advancedsearch dl dt {width: 150px;} .form-advancedsearch dl dd {width: 150px;} .form-advancedsearch dl dd input {width: 150px;} .form-advancedsearch dl dd select {width: 158px;} .form-advancedsearch .buttons {padding-left: 150px;} /* Form: Product Search */ .form-productsearch {} .form-productsearch dl dt {display: none;} .form-productsearch dl dd {} .form-productsearch dl dd input {width: 150px;} .form-productsearch dl dd select {width: 160px;} .form-productsearch dl.search {} .form-productsearch dl.categories {} .form-productsearch ul.buttons {padding-left: 103px;} .form-productsearch ul.links {} .form-productsearch ul.links li {} /* Form: Newsletter */ .form-newsletter {} .form-newsletter dl dt {width: 120px;} .form-newsletter ul.buttons {padding-left: 120px;} /* Form: Search */ .form-search {margin: 0 0 10px 0;} .form-search input.field {float: left; margin: 0 6px 0 0; width: 338px;} .form-search .btn-search {float: left;} .form-search .list {display: block; margin: 15px 0 0 0; clear: left;} .form-search .list input {} .form-search .list label {padding-right: 5px;} /* Form: Warranty Registration */ .form-WarrantyRegistration {} .form-WarrantyRegistration .field input, .form-WarrantyRegistration input.field, .form-WarrantyRegistration input.none, .form-WarrantyRegistration textarea { width: 150px; } .form-WarrantyRegistration select.none {width: 160px; } .form-WarrantyRegistration #divExtraSerialNumbers {width:160px; } .form-WarrantyRegistration #divExtraSerialNumbers input.none { margin-top: 5px; } .form-WarrantyRegistration #divExtraSerialNumbers .buttons { display: block; margin-top: 5px; } /* Form EMR Form */ .form-EMRForm {} .form-EMRForm input.qty { width: 50px;} .form-EMRForm input.desc { width: 250px;} /********************************************************************************************************************************** ********************************************************* ELEMENTS ********************************************************** **********************************************************************************************************************************/ /* Error Control */ .contentError {display: block; margin: 0 0 10px 0; padding: 0.5em 10px 0.5em 10px; border: 1px solid #ccc; background: #fff;} .contentError h4 {font-size: 1.1em; color: #333;} .contentError h4 span {} .contentError ul {margin: 0 0 0 15px; padding: 0; font-size: 0.9em; list-style: disc outside;} .contentError ul li {padding: 0.1em 0;} /* News Scroll */ .elementNewsScroll {} .elementNewsScroll div { height: auto !important;} .elementNewsScroll .newsItemHolder { width: 430px !important; } .elementNewsScroll .newsItemHolder .date { width: 65px !important; } .elementNewsScroll .newsItemHolder .date a, .elementNewsScroll .newsItemHolder .more a { text-decoration: underline;} .elementNewsScroll .newsItemHolder a:hover { text-decoration: none; } .elementNewsScroll .newsItemHolder .more { display: block; } .elementNewsScroll .newsItemHolder .newsContentHolder { width: 355px !important; } .elementNewsScroll #NewsScroll1_rrNews_Div { width: 430px !important; } .elementNewsScroll #NewsScroll1_rrNews_FrameContainer {top: 0 !important; width: 430px !important; } .elementNewsScroll #NewsScroll1_rrNews_frame0, .elementNewsScroll #NewsScroll1_rrNews_frame1, .elementNewsScroll #NewsScroll1_rrNews_frame2, .elementNewsScroll #NewsScroll1_rrNews_frame3 {width: 430px !important; } /* Product Search */ .elementProductSearch {margin: 0 0 10px 0;} /* Featured Product */ .elementFeaturedProducts {margin: 0 0 10px 0; width: 420px;}/*cleared*/ .elementFeaturedProducts .west {float: left; width: 200px;} .elementFeaturedProducts .east {float: right; width: 200px;} /* Pagination */ .elementPagination {margin: 0; overflow: hidden; text-align: center; vertical-align: middle; } .elementPagination ul { display: block; float: right; }/*cleared*/ .elementPagination ul li { display: block; min-width: 18px; height: 18px; margin-right: 5px; padding: 2px; float: left; font-weight: bold; color: #fff; border: solid 1px #D8CEC1; } .elementPagination ul li.sel { background: #E42632; } .elementPagination ul li a { text-decoration: none; color: #1B82C1; } /* Product List */ .productList { margin: 0 0 10px 0; width: 100%; } .elementProductList tr td { padding: 5px 10px; border: 2px solid #eee; background: #fff; } .elementProductList .list { margin: 0 0 10px 0; } .elementProductList .list .image { margin: 0 0 0.25em 0; } .elementProductList .list .name { margin: 0 0 0.25em 0; font-size: 1.1em; font-weight: bold; } .elementProductList .list .code {} .elementProductList .list .description {} .elementProductList .list .price { margin: 0 0 0.25em 0; font-size: 1.1em; font-weight: bold; } .elementProductList .list .qty {margin: 0 0 0.25em 0;} .elementProductList .list .qty input {width: 30px;} .elementProductList .list .buttons {margin: 0 0 0.25em 0;} .productListProduct { padding: 10px 0 20px; margin-bottom: 10px; background: url(../images/default/line-a-a.gif) repeat-x 0 100%; } .productListProduct img { float: left; margin-right: 20px; } .productListProduct .detailContainer { float: left; } .productListProduct .detailContainer h4 { padding-bottom: 5px; color: #E42632; font-size: 1.27em; background: url(../images/default/line-a-a.gif) repeat-x 0 100%; } .productListProduct .detailContainer .descPrice { padding: 10px 0; font-size: 1.81em; font-weight: bold; float:left; } .productListProduct .detailContainer .descPriceExclGST { padding: 13px 0 0 5px; float:left; } .productListProduct .detailContainer .qtyBox { float:left; padding: 5px 10px 0 0; width:100px; } .productListProduct .detailContainer .qtyBox .qty { width: 20px; text-align: center; } .productListProduct .detailContainer .qtyBox span.TextRed { display: block; float: left; padding-right: 5px; } /* Product Filter */ .productFilter {} .productFilter .checkboxItem {} /*.productFilter .checkboxItem:hover { display: block; padding: 6px 15px; margin: 3px 0 0; background-color: #E8ECF1; }*/ .productFilter .first { } .productFilter .checkboxItem a:hover { color: #696969; text-decoration: none; } .productFilter .checkboxItem a { display: block; padding: 7px 45px 6px 0; font-size: 1.27em; color: #858A89; } .productFilter .checkboxItem span { display: block; padding: 0;} .productFilter .checkboxItem span.selected { font-weight: bold; color: #696969; } .productFilter .checkboxItem img { display: block; float: left; } .productFilter .checkboxItem .cleaner { display: none; } /* Manufacturer List */ .elementManufacturerList {margin: 0 0 10px 0;} .elementManufacturerList tr td {padding: 5px 10px; border: 2px solid #eee; background: #fff;} .elementManufacturerList .list {margin: 0 0 10px 0;} .elementManufacturerList .list .image {margin: 0 0 0.25em 0;} .elementManufacturerList .list .name {margin: 0 0 0.25em 0; font-size: 1.1em; font-weight: bold;} .elementManufacturerList .list .code {} .elementManufacturerList .list .description {} .elementManufacturerList .list .price {margin: 0 0 0.25em 0; font-size: 1.1em; font-weight: bold;} .elementManufacturerList .list .qty {margin: 0 0 0.25em 0;} .elementManufacturerList .list .qty input {width: 30px;} .elementManufacturerList .list .button {margin: 0 0 0.25em 0;} /********************************************************************************************************************************** ******************************************************* CONTENT PAGES ******************************************************* **********************************************************************************************************************************/ /********************************** * Page - Home **********************************/ .contentHome {} .contentHome .contentHome-top {background: url(../images/default/bg-contentHome-top.jpg) repeat-x 0 100%;} /* hacked */ .contentHome .contentHome-top .contentHome-top-content {width: 960px; margin: 0 auto; padding: 20px 0;} .contentHome .contentHome-top .content-left { width: 330px; padding: 20px 30px 0 0; } .contentHome .contentHome-top .content-left h2.contentTitle { display: block; color: #1B82C1; } .contentHome .contentHome-top .content-middle { width: 340px; padding: 20px 10px 0 0; } .contentHome .contentHome-top .content-middle embed, .contentHome .contentHome-top .content-middle object { background-color:Transparent; } .contentHome .contentHome-top .content-right { float: right; width: 240px; padding-top: 35px; } .contentHome .contentHome-bottom {width: 960px; margin: 0 auto;} .contentHome .contentHome-bottom .content-left { padding: 30px 0; width: 494px; } .contentHome .contentHome-bottom .content-left a { display: block; float: left; margin-right: 30px; } .contentHome .contentHome-bottom .content-right { float: right; padding: 30px 0; width: 430px; } .contentHome .contentHome-bottom .content-right .elementNewsScroll { width: 430px; } .contentHome .contentHome-bottom .content-right .elementNewsScroll h2.contentTitle { margin-top: 0; padding: 0; background: none; } .contentHome .contentHome-bottom .content-right .elementNewsScroll .date { width: 60px; padding: 0 10px 0 0; font-weight: bold; } .contentHome .contentHome-bottom .content-right .elementNewsScroll .newsContentHolder { width: 330px; padding-bottom: 20px; } .contentHome .contentHome-bottom .content-right .elementNewsScroll .title {} .contentHome .contentHome-bottom .content-right .elementNewsScroll .title a { color: #000; font-weight: bold; } .contentHome .contentHome-bottom .content-right .elementNewsScroll .content {} /********************************** * CMS: Custom Page - News **********************************/ .contentNews {margin: 0 0 10px 0;} .contentNews dl {margin: 0 0 0.75em 0;}/*cleared*/ .contentNews dl dt {float: left; width: 80px; font-weight: bold;} .contentNews dl dd {float: left;} .contentNews h3 {margin: 0 0 0.75em 0; font-size: 1.2em;} .contentNews .date {margin: 0 0 0.5em 0; color: #000; font-weight: bold;} .contentNews .date a { text-decoration: underline; } .contentNews .date a:hover { text-decoration: none;} .contentNews .title a { text-decoration: underline;} .contentNews .title a:hover { text-decoration: none; } .contentNews .image {} .contentNews .article {margin: 0 0 10px 0;} .contentNews .content {margin: 0 0 20px 0;} .contentNews .btn {margin-top: 10px;} .contentNews .viewall a {} /********************************** * CMS: Custom Page - Contact **********************************/ .contentContact {margin: 0 0 10px 0; padding: 0.5em 0 0 0;} .contact-left { float: left; width: 310px; padding: 0 20px 0 0; } .contact-right { float: left; width: 310px; padding: 0 20px 0 0; } .contentContact dl dt {width: 160px;} .contentContact dl dd {width: auto;} .contentContact dl.field dd input {width: 200px;} .contentContact dl dd select {width: 350px;} .contentContact dl dd textarea {width: 340px;} .contentContact dl dd .required {display: inline; padding-left: 3px;} .contentContact .buttons {padding-left: 160px;} /********************************** * CMS: Custom Page - Sitemap **********************************/ .contentSitemap {margin: 0 0 10px 0;} .contentSitemap a {text-decoration: none;} .contentSitemap a:hover {text-decoration: underline;} .contentSitemap ul {margin: 0; padding: 0; list-style: disc outside;} .contentSitemap ul ul {margin: 0 0 0 15px; padding: 0;}/*hacked*/ .contentSitemap ul ul {margin: 0 0 0 15px; padding: 0;} .contentSitemap ul li {margin: 0.25em 0 0 15px;} /********************************** * CMS: Custom Page - Search **********************************/ .contentSearch {margin: 0 0 10px 0;} .contentSearch .OutputHighlight {font-weight: bold; background: #f9f9f9;} .contentSearch .OutputPageLink {} .contentSearch .OutputCurrentPageLink { font-weight: bold; color: #000; } .contentSearch .OutputTitle {padding: 0.25em 0 0.1em 0; font-size: 1.1em; font-weight: bold;} .contentSearch .OutputTitle a {text-decoration: none;} .contentSearch .OutputTitle a:hover {text-decoration: underline;} .contentSearch .OutputText {padding: 0.1em 0 0 0;} .contentSearch .OutputUrl {padding: 0.1em 0 0.25em 0; color: #000;} /********************************** * CMS: Custom Page - Design Centre **********************************/ .contentDesignCentre {margin: 0 0 10px 0;} .contentDesignCentre .scrollable-wrapper { width:930px; height:212px; background-color: #1E252C;} .contentDesignCentre .scrollable { height: 212px; } .contentDesignCentre .scrollable .items { width:4000px; } .contentDesignCentre .scrollable .items .item { width:930px; height: 212px; position: relative; } .contentDesignCentre .scrollable .item .titleNDesc {position: absolute; top: 25px; left: 475px; } .contentDesignCentre .scrollable .item .title { font-size: 2.18em; color: #E42632; } .contentDesignCentre .scrollable .item .desc {color: #fff; padding: 10px 20px 10px 0;} .contentDesignCentre .ui-tabs { background: none; border: none; padding:0; } .contentDesignCentre .ui-tabs .top-tabs { height: auto; background-color:#1E252C; padding-left:10px; margin-right: 0; } .contentDesignCentre .ui-tabs .top-tabs ul li { margin:0 1px 0 0; padding: 0; color: #1B82C1; font-size: 1.27em; border: 0 none; background: url(../images/default/tab-a-b-left.gif) no-repeat 0 0; } .contentDesignCentre .ui-tabs .top-tabs ul li span { display: block; background: url(../images/default/tab-a-b-right.gif) no-repeat 100% 0; } .contentDesignCentre .ui-tabs .top-tabs ul li span a { padding: 7px 25px 5px; display: block; } .contentDesignCentre .ui-tabs .top-tabs ul li span a:hover { text-decoration: none; } .contentDesignCentre .ui-tabs .top-tabs ul li.active { border: 0 none; background: url(../images/default/tab-a-a-left.gif) no-repeat 0 0; } .contentDesignCentre .ui-tabs .top-tabs ul li.active span { color: #858A89; background: url(../images/default/tab-a-a-right.gif) no-repeat 100% 0; } .contentDesignCentre .tab-b-a.active span, .contentDesignCentre .tab-b-a.active a { color: #fff; background: url(../images/default/tab-a-a-right.gif) no-repeat 100% 0;} .contentDesignCentre .ui-tabs .css-panes { padding-top: 15px; } .contentDesignCentre .ui-tabs .css-panes ul, .contentDesignCentre .ui-tabs .css-panes table { margin-bottom: 15px; } .contentDesignCentre .projectItem { float: left; width: 300px; padding: 0 10px 20px 0; min-height: 330px; } .contentDesignCentre .projectItem h3 { padding: 5px 0 4px ; color: #E42632; background: url(../images/default/line-a-a.gif) repeat-x 0 100%; } .contentDesignCentre .projectItem span.detail {display: block; margin-bottom: 10px; white-space:normal; word-wrap: break-word;} .contentDesignCentre .inspirationItem { float: left; padding: 0 10px 20px 0; min-height: 300px; } /* cleared */ .contentDesignCentre .inspirationItem a { cursor: pointer; } .contentDesignCentre .inspirationItem h3 { padding: 5px 0 4px ; font-size: 1.2em; color: #E42632; background: url(../images/default/line-a-a.gif) repeat-x 0 100%; } .contentDesignCentre .inspirationItem span.detail {display: block; margin-bottom: 10px; white-space:normal; word-wrap: break-word;} .designCentreFiles {} .designCentreFiles li a.heading {display: block; padding: 10px 0 5px 15px; } .designCentreFiles li tr {display: block; padding: 0 0 0 15px; } .designCentreFiles .sel li a.heading { background: url(../images/default/bu_box_minus.gif) no-repeat 0 14px; } .designCentreFiles .sel li li a.heading { background: none; padding:0; } .designCentreFiles .unsel li a.heading { background: url(../images/default/bu_box_plus.gif) no-repeat 0 14px; } .designCentreFiles .unsel li li { display: none; } .designCentreFiles .unsel li li a.heading { background: none; padding:0; } /********************************** * EMS: Custom Page - About Us **********************************/ .contentAbout {} .contentAbout #nav-side { border: none; margin-top: 4px; } .contentAbout #content-top { height: 265px; } .contentAbout #content-top .contentRandom { height: 265px; } .contentAbout .field input, input.field, input.none, textarea { width:200px; } .contentAbout select { width: 210px; } .contentAbout .btn { margin-right: 10px; float: right; } .contentAbout .form { width: 370px; } .contentAbout .form dl dd { width: 210px; } /********************************** * EMS: Custom Page - Advanced Search **********************************/ .contentAdvancedSearch {margin: 0 0 10px 0;} /********************************** * EMS: Custom Page - Category List **********************************/ .contentCategoryList {margin: 0 0 10px 0;} /********************************** * EMS: Custom Page - Change Details **********************************/ .contentChangeDetails {margin: 0 0 10px 0;} /********************************** * EMS: Custom Page - Change Password **********************************/ .contentChangePassword {margin: 0 0 10px 0;} /********************************** * EMS: Custom Page - Checkout **********************************/ .contentCheckout {margin: 0 0 10px 0;} .contentCheckout h3.contentTitle { padding-bottom:10px; background: url(../images/default/line-a-a.gif) repeat-x 0 100%;} .contentCheckout #cbCheckout {}/*cleared*/ .contentCheckout .table-cartsummary {float: right; margin: 0 0 10px 0; width: 300px;} .contentCheckout .table-cartsummary .first {} .contentCheckout .table-cartsummary .last {} .contentCheckout .table-cartsummary .subtotal {} .contentCheckout .table-cartsummary .shippingprovider {} .contentCheckout .table-cartsummary .shipping {} .contentCheckout .table-cartsummary .shippinginfo {} .contentCheckout .table-cartsummary .shippingproviders {} .contentCheckout .table-cartsummary .voucher {} .contentCheckout .table-cartsummary .coupon {} .contentCheckout .table-cartsummary .gst {} .contentCheckout .table-cartsummary .grandtotal {} .contentCheckout #lblItemsSummary table { width: 100% !important; } .contentCheckout #lblItemsSummary table td { padding: 5px 8px; } .contentCheckout .CheckoutHeaderRow { background: #E0E0E0; font-weight: bold; font-size: 1.09em; } .contentCheckout .west {float: left; width:650px;} .contentCheckout .west h4 { color: #DA013D; font-size: 1.27em;} .contentCheckout .east {float: right;} .contentCheckout ul.checkbox {padding-bottom: 10px; margin-bottom: 10px; background: url(../images/default/line-a-a.gif) repeat-x 0 100%;}/*cleared*/ .contentCheckout ul.checkbox li {float: left; padding-right: 20px;} /********************************** * EMS: Custom Page - Forgot Password **********************************/ .contentForgotPassword {margin: 0 0 10px 0;} /********************************** * EMS: Custom Page - My Account **********************************/ .contentMyAccount {margin: 0 0 10px 0;} .contentMyAccount h3 {margin-bottom: 0.5em; font-size: 1.2em;} .contentMyAccount h4 {margin-bottom: 0.25em; font-size: 1.1em;} .contentMyAccount h5 {margin-bottom: 0.25em; font-size: 1em;} .contentMyAccount .content-top { padding-top: 9px; } .contentMyAccount .box-a-a { margin: 0 20px 20px; } .contentMyAccount #content-left .box-a-a { margin: 20px 0; } .contentMyAccount .changelogin {margin: 0 0 10px 0;} .contentMyAccount .orderhistory {margin: 0 0 10px 0;} .contentMyAccount .recentorders {margin: 0 0 10px 0; width: 100%; } .elementAddressDetails {margin: 0 0 10px 0; width: 500px;}/*cleared*/ .elementAddressDetails .west {float: left; width: 250px;} .elementAddressDetails .east {float: right; width: 250px;} .addressdetails { padding: 10px; } .addressdetails h5 { color: #E42632; font-size: 1.27em; } .addressdetails .west { float: left; padding:0 10px 0 0; } .addressdetails .deliverTo { width: 150px; } .addressdetails .deliverTo #lblDeliveryAddress { display: block; padding-bottom: 10px; } .addressdetails .deliverOption {width: 200px; } .addressdetails .deliverOption input { display: block; float: left; } .addressdetails .deliverOption label { width: 150px; margin-left: 5px; display: block; float: left; } .addressdetails .deliverInst { width: 200px;} .addressdetails .deliverInst textarea { font-size: 1em; } .addressdetails .dispatchInfo { width: 260px; } .addressdetails .middle { float: left; } .addressdetails .east { float: left; } .customerdetails {} .customerdetails .west { float: left; padding-right: 20px; } .customerdetails .last { padding-right: 0; } .customerdetails .west dl { margin-bottom: 20px;} .customerdetails .west dl dt { font-size: 1.27em; font-weight:bold; color: #E42632; } .customerdetails .west dl dd {} .costDetails {} .costDetails .west { float: left; } .costDetails .west span.btn { margin-right: 10px; } .costDetails .east { float: right; width: 200px; } /********************************** * EMS: Custom Page - My Cart **********************************/ .internal .contentMyCart {margin: 0;} .contentMyCart #plCartDetails br {display: none;} .contentMyCart .form-cartsummary { background: #fff url(../images/default/line-a-a.gif) repeat-x 0 100%; } .contentMyCart .form-cartsummary .btnContainer { float: left; } .contentMyCart .form-cartsummary .discountcoupon { width: 410px; float: right; } .contentMyCart .form-cartsummary .discountcoupon .form-discoutcoupon { margin-bottom: 0; } .contentMyCart .form-cartsummary .discountcoupon ul.buttons li { padding: 0; } .contentMyCart .form-cartsummary .serialnumbers { width: 400px; float: left; } .contentMyCart .form-cartsummary .discountcoupon .field { float: left; } .contentMyCart .form-cartsummary .discountcoupon .buttons { float: right; } .contentMyCart .summary {}/*cleared*/ .contentMyCart .summary .west {float: left; width: 300px;} .contentMyCart .summary .east {float: right; width: 330px;} .contentMyCart .east .table-cartsummary {margin: 0 0 1em 100px; width: 230px;} .contentMyCart .east .table-cartsummary td {padding: 4px 0; text-align: right; } .contentMyCart .east .table-cartsummary .subtotal td { font-size: 1.27em; font-weight: bold; } .contentMyCart .east .table-cartsummary .grandtotal td { font-size: 1.45em; font-weight: bold; } .contentMyCart .east .table-cartsummary .checkout td {} .contentMyCart .east .table-cartsummary .checkout td span { float: right; } .contentMyCart .east .form-cartsummary {float: right;} .contentMyCart .form-discoutcoupon dl dt {width: 180px; color: #858A89; } .contentMyCart .form-discoutcoupon .buttons {padding-left: 10px;} .contentMyCart .contentCartNotes span { padding-bottom: 20px; } .contentMyCart .info { float: left; width: 660px; padding: 10px 20px 0 0; } .contentMyCart .info .top-tabs { height: 30px; padding-bottom: 1px; background: url(../images/default/line-a-a.gif) repeat-x 0 100%; } /********************************** * EMS: Custom Page - Past Orders **********************************/ .contentPastOrders {margin: 0 0 10px 0;}/*cleared*/ .contentPastOrders .left {float: left; width: 350px;} .contentPastOrders .right {float: right; width: 350px;} .contentPastOrders .right .info {} .contentPastOrders .right .info .order {margin: 0 0 10px 0;} .contentPastOrders .right .info .track {margin: 0 0 10px 0;} .contentPastOrders .right .info h3 {margin: 0 0 0.25em 0;} .contentPastOrders .right .info dl {}/*cleared*/ .contentPastOrders .right .info dl dt {float: left; width: 150px;} .contentPastOrders .right .info dl dd {float: left; width: 200px;} .contentPastOrders .right .info .track dl dt {width: 250px;} .contentPastOrders .right .info .track dl dd {width: 100px;} /********************************** * EMS: Custom Page - Product Details **********************************/ .contentProductDetails { } .content-main-gutter .contentProductDetails #content-left {border-top: solid 1px #ccc; } .contentProductDetails #content-left .image { width: 220px; min-height: 260px; margin: 0 auto; text-align:center; } /* hacked */ .contentProductDetails #content-left .thumbnailImage {margin: 10px 0; width: 220px; } .contentProductDetails #content-left .benefits ul { padding-bottom: 10px; } .contentProductDetails #content-left .benefits .benefitImg { display: block; float: left; margin: 10px 0 0 10px; } .contentProductDetails #content-left .benefits .benefitDesc { display: block; float: left; padding: 17px 10px 9px; } .contentProductDetails #content-left .benefits .tab-b-a { width: 224px; } .contentProductDetails .product .ui-tabs { padding: 0; } .contentProductDetails .product .ui-tabs .btns .btn-c-b { background-image:url("../images/default/btn-e-a-left.gif"); } .contentProductDetails .product .ui-tabs .btns .last { margin-left: 10px; } .contentProductDetails .product .ui-tabs .btns .btn-c-b a, .contentProductDetails .product .ui-tabs .btns .btn-c-b input { background-image:url("../images/default/btn-e-a-right.gif"); } .contentProductDetails #content-right { margin-top: 0; } .contentProductDetails .product { }/*cleared*/ .contentProductDetails .product .ui-tabs { background: none; border: none; } .contentProductDetails .product .ui-tabs .top-tabs { height: auto; margin-right: 0; border-bottom: solid 1px #ccc; border-top: solid 1px #ccc; } .contentProductDetails .product .ui-tabs .top-tabs ul li { margin:0 1px 0 0; padding: 0; color: #1B82C1; font-size: 1.27em; font-weight: bold; border: 0 none; background: url(../images/default/tab-d-b-left.gif) no-repeat 0 0; } .contentProductDetails .product .ui-tabs .top-tabs ul li span { display: block; padding: 7px 12px; } .contentProductDetails .product .ui-tabs .top-tabs ul li.active { border: 0 none; background: url(../images/default/tab-d-a-left.gif) no-repeat 0 0; } .contentProductDetails .product .ui-tabs .top-tabs ul li.active span { color: #858A89;} .contentProductDetails .product .ui-tabs .top-tabs ul li.first span { padding-left: 0; } .contentProductDetails .product .top-tabs ul { float: left; } .contentProductDetails .product .ui-tabs .top-tabs ul li, .contentProductDetails .product .ui-tabs .top-tabs ul li.active, .contentProductDetails .product .ui-tabs .top-tabs ul li.active span, .contentProductDetails .product .ui-tabs .top-tabs ul li span { border: none; font-weight: normal; background: none; } .contentProductDetails .product .ui-tabs .top-tabs ul li.active span { font-weight: bold; } .contentProductDetails .product .top-tabs .btns { float: right; } .contentProductDetails .product .top-tabs .btn { float: left; } .contentProductDetails .product .top-tabs .btns .last { margin-right: 0; } .contentProductDetails .product .ui-tabs .bottom-tabs {} /* hacked */ .contentProductDetails .product .ui-tabs .bottom-tabs .tab-content { padding: 0; width: 690px; height: auto; min-height: 400px; padding-top: 10px;} .contentProductDetails .product .ui-tabs .bottom-tabs .tab-contentHolder { width: 690px; } .contentProductDetails .product .ui-tabs .bottom-tabs .tabs-a-one .tab-contentText { float: left; width: 430px; padding: 0 15px 0 0; } .contentProductDetails .product .ui-tabs .bottom-tabs .tabs-a-one .tab-contentFlash { float: right; width: 230px; color: #fff; } .contentProductDetails .product .ui-tabs .bottom-tabs .tabs-a-one .tab-contentTextNoCalculator { float: left; width: 650px; padding: 0 15px 0 0; } .contentProductDetails .product .ui-tabs .bottom-tabs .tabs-a-one .tab-contentFlashNoCalculator { float: right; display:none; } .contentProductDetails .product .ui-tabs .bottom-tabs .tabs-a-four .table { border-style:dotted; border-color: #CCCCCC; } .contentProductDetails .product .ui-tabs .bottom-tabs .tabs-a-four .table td { padding: 8px; } .contentProductDetails .product .ui-tabs .bottom-tabs .tabs-a-four .table .header { background-color: #E0E0E0; font-weight: bold; } .contentProductDetails .product .scrollable-wrapper {width: 930px; margin-bottom: 10px; } .contentProductDetails .product .scrollable {width: 930px;} .contentProductDetails .product .scrollable .item { position: relative; height: 265px; width: 930px; } .contentProductDetails .product .scrollable .item .titleNDesc {position: absolute; top: 50px; right: 15px; width: 300px; } .contentProductDetails .product .scrollable .item .title { font-size: 2.18em; color: #E42632; } .contentProductDetails .product .scrollable .item .desc {color: #fff; padding: 10px 20px 10px 0;} .contentProductDetails .product .left .info {}/*cleared*/ .contentProductDetails .product .left .info .left {float: left; width: 205px;} .contentProductDetails .product .left .info .right {float: right; width: 145px;} .contentProductDetails .product .left .info dl {margin: 0 0 0.5em 0;}/*cleared*/ .contentProductDetails .product .left .info dl dt {float: left; width: 100px; font-weight: bold;} .contentProductDetails .product .left .info dl dd {float: left;} .contentProductDetails .product .left .info dl.code {} .contentProductDetails .product .left .info dl.weight {} .contentProductDetails .product .left .info dl.height {} .contentProductDetails .product .left .info dl.width {} .contentProductDetails .product .left .info dl.size {} .contentProductDetails .product .left .info dl.sex {} .contentProductDetails .product .left .info dl.pricespecial {} .contentProductDetails .product .left .info dl.pricemember {} .contentProductDetails .product .left .info dl.pricerrp {} .contentProductDetails .product .left .info dl.saveamount {} .contentProductDetails .product .left .info dl.savepercentage {} .contentProductDetails .product .left .info dl.dispatch {} .contentProductDetails .product .left .info dl.stock {} .contentProductDetails .product .right {float: right; width: 350px;} .contentProductDetails .product .right .image {margin: 0 0 10px 0;} .contentProductDetails .product .right .image img {display: block;} .contentProductDetails .product .right .form-addcartbox {} .contentProductDetails .product .right .form-addcartbox dl dt {width: 80px;} .contentProductDetails .product .right .form-addcartbox dl dd {width: auto;} .contentProductDetails .product .right .form-addcartbox .buttons {padding-left: 80px;} .contentProductDetails .scroller {} .contentProductDetails .scroller .back {margin: 0 0 0.5em 0;} /********************************** * EMS: Custom Page - Manufacturer Details **********************************/ .contentManufacturerDetails {margin: 0 0 10px 0;} .contentManufacturerDetails .Manufacturer {margin: 0 0 10px 0;}/*cleared*/ .contentManufacturerDetails .Manufacturer .left {float: left; width: 350px;} .contentManufacturerDetails .Manufacturer .left .info {}/*cleared*/ .contentManufacturerDetails .Manufacturer .left .info .left {float: left; width: 205px;} .contentManufacturerDetails .Manufacturer .left .info .right {float: right; width: 145px;} .contentManufacturerDetails .Manufacturer .left .info dl {margin: 0 0 0.5em 0;}/*cleared*/ .contentManufacturerDetails .Manufacturer .left .info dl dt {float: left; width: 100px; font-weight: bold;} .contentManufacturerDetails .Manufacturer .left .info dl dd {float: left;} .contentManufacturerDetails .Manufacturer .left .info dl.code {} .contentManufacturerDetails .Manufacturer .left .info dl.weight {} .contentManufacturerDetails .Manufacturer .left .info dl.height {} .contentManufacturerDetails .Manufacturer .left .info dl.width {} .contentManufacturerDetails .Manufacturer .left .info dl.size {} .contentManufacturerDetails .Manufacturer .left .info dl.sex {} .contentManufacturerDetails .Manufacturer .left .info dl.pricespecial {} .contentManufacturerDetails .Manufacturer .left .info dl.pricemember {} .contentManufacturerDetails .Manufacturer .left .info dl.pricerrp {} .contentManufacturerDetails .Manufacturer .left .info dl.saveamount {} .contentManufacturerDetails .Manufacturer .left .info dl.savepercentage {} .contentManufacturerDetails .Manufacturer .left .info dl.dispatch {} .contentManufacturerDetails .Manufacturer .left .info dl.stock {} .contentManufacturerDetails .Manufacturer .right {float: right; width: 350px;} .contentManufacturerDetails .Manufacturer .right .image {margin: 0 0 10px 0;} .contentManufacturerDetails .Manufacturer .right .image img {display: block;} .contentManufacturerDetails .Manufacturer .right .form-addcartbox {} .contentManufacturerDetails .Manufacturer .right .form-addcartbox dl dt {width: 80px;} .contentManufacturerDetails .Manufacturer .right .form-addcartbox dl dd {width: auto;} .contentManufacturerDetails .Manufacturer .right .form-addcartbox .buttons {padding-left: 80px;} .contentManufacturerDetails .scroller {} .contentManufacturerDetails .scroller .back {margin: 0 0 0.5em 0;} /********************************** * EMS: Custom Page - Manufacturer Details **********************************/ .contentManufacturerDetails {margin: 0 0 10px 0;} .contentManufacturerDetails .Manufacturer {margin: 0 0 10px 0;}/*cleared*/ .contentManufacturerDetails .Manufacturer .left {float: left; width: 350px;} .contentManufacturerDetails .Manufacturer .left .info {}/*cleared*/ .contentManufacturerDetails .Manufacturer .left .info .left {float: left; width: 205px;} .contentManufacturerDetails .Manufacturer .left .info .right {float: right; width: 145px;} .contentManufacturerDetails .Manufacturer .left .info dl {margin: 0 0 0.5em 0;}/*cleared*/ .contentManufacturerDetails .Manufacturer .left .info dl dt {float: left; width: 100px; font-weight: bold;} .contentManufacturerDetails .Manufacturer .left .info dl dd {float: left;} .contentManufacturerDetails .Manufacturer .left .info dl.code {} .contentManufacturerDetails .Manufacturer .left .info dl.weight {} .contentManufacturerDetails .Manufacturer .left .info dl.height {} .contentManufacturerDetails .Manufacturer .left .info dl.width {} .contentManufacturerDetails .Manufacturer .left .info dl.size {} .contentManufacturerDetails .Manufacturer .left .info dl.sex {} .contentManufacturerDetails .Manufacturer .left .info dl.pricespecial {} .contentManufacturerDetails .Manufacturer .left .info dl.pricemember {} .contentManufacturerDetails .Manufacturer .left .info dl.pricerrp {} .contentManufacturerDetails .Manufacturer .left .info dl.saveamount {} .contentManufacturerDetails .Manufacturer .left .info dl.savepercentage {} .contentManufacturerDetails .Manufacturer .left .info dl.dispatch {} .contentManufacturerDetails .Manufacturer .left .info dl.stock {} .contentManufacturerDetails .Manufacturer .right {float: right; width: 350px;} .contentManufacturerDetails .Manufacturer .right .image {margin: 0 0 10px 0;} .contentManufacturerDetails .Manufacturer .right .image img {display: block;} .contentManufacturerDetails .Manufacturer .right .form-addcartbox {} .contentManufacturerDetails .Manufacturer .right .form-addcartbox dl dt {width: 80px;} .contentManufacturerDetails .Manufacturer .right .form-addcartbox dl dd {width: auto;} .contentManufacturerDetails .Manufacturer .right .form-addcartbox .buttons {padding-left: 80px;} .contentManufacturerDetails .scroller {} .contentManufacturerDetails .scroller .back {margin: 0 0 0.5em 0;} /********************************** * EMS: Custom Page - Product List **********************************/ .template-b .content-main-gutter .contentProductList #content-right { width: 100%; } .contentProductList { position: relative; } .contentProductList .contentRandom1 { z-index: 900; } .contentProductList .contentText1 { position: absolute; bottom: 25px; left: 25px; z-index: 1000; width: 300px; margin-bottom: 0; } .contentProductList .contentText1 h1.contentTitle, .contentProductList .contentText1 h2.contentTitle, .contentProductList .contentText1 h3.contentTitle, .contentProductList .contentText1 h4.contentTitle { margin-bottom: 0; padding: 0; color: #fff; border: 0; background: none; } .contentProductList .contentText1 h2.contentTitle { font-weight: lighter; font-size: 2.27em; } .contentProductList h2, .contentProductList h2.contentTitle { font-weight: normal; } .contentProductList .contentText1 h4.contentTitle { font-weight: lighter; } .contentProductList .tab-b-b { display: none; } .contentProductList .tab-b-b-container { width: 100%; border: none; border-top: solid 1px #dfdfdf; border-bottom: solid 1px #dfdfdf; margin-top: 10px; } .contentProductList .tab-b-b-container .form { margin: 0; } .contentProductList .tab-b-b-container .form ul li ul { float: left; } .contentProductList .tab-b-b-container .form ul li ul img { display: none; } .contentProductList /********************************** * EMS: Custom Page - Filter List **********************************/ .contentFilterLists {margin: 0 0 10px 0;} .contentFilterLists #content-left {} .contentFilterLists #content-left .box-a-a .step1 { display: block; min-height: 20px; padding:0 0 10px; overflow: hidden; font-weight: bold; background: url(../images/default/line-a-a.gif) repeat-x 0 100%; } .contentFilterLists #content-left .box-a-a .step1 .dd {width: 180px !important; } .contentFilterLists #content-left .box-a-a .step1 .dd span.ddTitle { padding: 0 0 0 5px; } .contentFilterLists #content-left .box-a-a .step1 .dd .ddTitle span.textTitle { line-height: 62px; } .contentFilterLists #content-left .box-a-a .step1 .dd .ddTitle .arrow { margin: 3px 3px 0 0; } .contentFilterLists #content-left .box-a-a .step1 .dd .ddTitle span.textTitle img { width: 70px; } .contentFilterLists #content-left .box-a-a .step1 .dd .ddChild { width: 178px !important; height: 250px !important; } .contentFilterLists #content-left .box-a-a .step1 .dd .ddChild a { color: #858A89; line-height: 65px; overflow: hidden; } .contentFilterLists #content-left .box-a-a .step1 .dd .ddChild a img { width: 70px; } .contentFilterLists #content-left .box-a-a .step1 .dd .ddChild a.selected { background: #fff; color: #1B82C1; } .contentFilterLists #content-left .box-a-a .step1 .dd .ddChild a:hover { background: #e8e8e8; color: #000; } .contentFilterLists #content-left .box-a-a .step2 { padding: 10px 0; } .contentFilterLists #content-left .box-a-a .step2 .filterModelDD { width: 180px; font-size: 1em; } .contentFilterLists #content-right {} .contentFilterLists #content-right .productListProduct {} .contentFilterLists #content-right .productListProduct .detailContainer { float: left; width: 478px; } /********************************** * EMS: Custom Page - Manufacturer List **********************************/ .contentManufacturerList {margin: 0 0 10px 0;} /********************************** * EMS: Custom Page - Register **********************************/ /********************************** * EMS: Custom Page - Register **********************************/ .contentRegister {} .contentRegister #plStep1 h3.contentTitle, .contentRegister #plExistingForgot h3.contentTitle { padding: 5px 0; color: #333333; font-size: 1.45em; line-height:1.19em; background: none; } .contentRegister #plStep1 ul.buttons { margin-bottom: 0; } .contentRegister dd input.field { width: 210px; } .contentRegister .box .box-content { min-height: 228px; } /* hacked */ .contentRegister .west { width: 360px; padding: 0; float: left; } .contentRegister .east { width: 380px; padding: 0 0 0 15px; float: left; } .contentRegister .east ul.buttons { float: right; margin-right: 30px; } .contentRegister .east ul.links { float: right; } .contentRegister .form .west {float: left; width: 350px;} .contentRegister .form .east {float: right; width: 350px;} .contentRegister .benefits {margin: 0 0 10px; } .contentRegister .benefits li { padding: 3px 0 3px 25px; font-weight: bold; background-position: 0 2px; background-repeat: no-repeat; } .contentRegister .benefits li.enews { background-image: url(../images/default/icon-enews.gif); } .contentRegister .benefits li.checkout { background-image: url(../images/default/icon-checkout.gif); } .contentRegister .benefits li.payment { background-image: url(../images/default/icon-secure.gif); } .contentRegister .benefits li.previousOrder { background-image: url(../images/default/icon-orders.gif); } .elementLoginRegister {margin: 0 0 10px 0;} .elementLoginRegister .west {float: left; width: 350px;} .elementLoginRegister .east {float: right; width: 350px;} /********************************** * EMS: Custom Page - Tax Invoice **********************************/ .contentTaxInvoice {margin: 0 0 10px 0;} .contentTaxInvoice .area {padding: 10px;} .contentTaxInvoice .table-taxinvoice {width: 100%;} .contentTaxInvoice .table-taxinvoice td {padding: 5px; border: 3px solid #fff; background: #f1f1f1;} .contentTaxInvoice .table-taxinvoice td {width: 33%;} .contentTaxInvoice .table-taxinvoice td dl {margin: 0;}/*cleared*/ .contentTaxInvoice .table-taxinvoice td dl dt {float: left; display: block; width: 70px; font-weight: bold;} .contentTaxInvoice .table-taxinvoice td dl dd {float: left; display: block;} .contentTaxInvoice .table-taxinvoice-total td {padding-right: 20px; } .contentTaxInvoice #lblItems table {width: 100%;} .contentTaxInvoice #lblItems table td.InvoiceHeaderRow {font-weight: bold; background: #f1f1f1;} .contentTaxInvoice #lblItems table td.InvoiceItemRow {background: #f1f1f1;} .contentTaxInvoice #lblItems table td.contentTxtBig, .contentTaxInvoice #lblItems table td.contentTxtBigRed {background: #f1f1f1;} .contentTaxInvoice #lblItems table td {padding: 2px; border: 1px solid #fff;} .contentTaxInvoice #lblItems table th {background: #E0E0E0; } .contentTaxInvoice .client {padding: 1em 0 0 0;} .contentTaxInvoice .client dt {font-weight: bold;} /********************************** * EMS: Custom Page - Thank You **********************************/ .contentThankYou {margin: 0 0 10px 0;} .contentThankYou h5 { margin-bottom: 10px; font-size: 1.27em; color: #E42632; } .contentThankYou .box-a-a { width:500px; margin-top: 10px; } .contentThankYou .box-a-a .box-content { overflow: hidden; } .contentThankYou .orderNo { float: left; } .contentThankYou dl.orderNoText { display: block; overflow: hidden; font-weight: bold; } .contentThankYou dl.orderNoText dt { float: left; font-size: 1.81em; } .contentThankYou dl.orderNoText dd { float: left; color: #E42632; font-size: 1.81em; } .contentThankYou span.desc { display: block; } .contentThankYou .btn {float: left; margin-left: 20px; } /********************************** * EMS: STORE LOCATOR **********************************/ #googleMap, #gMap {height:280px; width:550px;} /* Find a Store */ .elementFindAStore {/*position: absolute; right: 0; margin: -79px 20px 0 0;*/} .elementFindAStore ul {} .elementFindAStore ul li {} .elementFindAStore ul li {width: 443px; height: 294px; background-color: transparent; background-position: 0 0; background-repeat: no-repeat;} .elementFindAStore ul li.au {background-image: url(../images/Australia.jpg); text-indent: -9999px;} .elementFindAStore ul li.nz {background-image: url(../images/NewZealand.jpg); text-indent: -9999px;} .elementFindAStore ul li.gm {padding: 0 0 6px 40px; width: 440px; height: 288px; background-image: url(images/pages/findastore/googlemap.gif);} /* Find Store */ .form-findstore {} .form-findstore .wrapper .west {float: left; width: 310px;} .form-findstore dl dt {width: 70px;} .form-findstore dl dd select {width: 200px;} .form-findstore dl.postcode {margin-bottom: 10px;} .form-findstore dl dd input.postcode {width: 80px;} .form-findstore ul.buttons {margin-bottom: 0; padding-top: 10px;} .form-findstore .wrapper .east {float: left; width: 440px;} .moduleStores {} .moduleStores h3.contentTitle { padding-bottom: 5px; font-size: 1.27em; background: url(../images/default/line-a-a.gif) repeat-x 0 100%; } .moduleStores .equalheight { padding: 15px; width: 200px; } /********************************** * EMS: Maintenance and Service Page **********************************/ .contentMaintenanceAndService {} .contentMaintenanceAndService .content-top { color: #fff; } .contentMaintenanceAndService .content-top h2, .contentMaintenanceAndService .content-top h2.contentTitle { background: none; } .contentMaintenanceAndService .content-top .content-left { width: 417px; padding:20px; min-height: 180px; background: #171d22 url(../images/default/bg_serviceCenter_banner01.jpg) no-repeat 0 0; } /* hacked */ .contentMaintenanceAndService .content-top .content-left .contentText { width: 250px; } .contentMaintenanceAndService .content-top .content-right { width: 417px; padding: 20px; min-height: 180px; margin-left: 15px; background: #171d22 url(../images/default/bg_serviceCenter_login.jpg) no-repeat 0 0; } /* hacked */ .contentMaintenanceAndService .content-top .content-right .west { float: left; width: 160px; padding-right: 30px; } .contentMaintenanceAndService .content-top .content-right .west .contentText1 { width: 160px; } .contentMaintenanceAndService .content-top .content-right .east { float: left; width: 210px; padding: 0 0px 0 15px; } .contentMaintenanceAndService .content-top .content-right .east .form-logout {margin: 120px 0 0 0; } .contentMaintenanceAndService .content-top .content-right .east dl { margin-bottom: 10px; } .contentMaintenanceAndService .content-top .content-right .east ul { margin-bottom: 10px; } .contentMaintenanceAndService .content-top .content-right .east ul li { float: left; } .contentMaintenanceAndService .content-top .content-right .east ul li.first { width: 150px; padding-right: 5px; } .contentMaintenanceAndService .content-top .content-right .east dd input.field { width: 150px; } .contentMaintenanceAndService .content-top .content-right .east .contentError { width: 180px; margin-top:10px; background: none; } .contentMaintenanceAndService .content-top .content-right .east .contentError h4 { color: #fff; } .contentMaintenanceAndService .content-bottom {} .contentMaintenanceAndService .content-bottom ul.banners { padding: 15px 0; } .contentMaintenanceAndService .content-bottom ul.banners li { padding:0 15px 0 0; } .contentMaintenanceAndService .content-bottom ul.banners li.last { padding-right:0; } /********************************** * EMS: Maintenance **********************************/ .contentMaintenance {} .contentMaintenance h3 { float:left; display: block; width: 280px; padding-bottom: 0.5em; margin-left: 15px; margin-top: 5px; font-size:1.5em; color: #1B82C1; background: url(../images/default/line-a-a.gif) repeat-x 0 100%; } .contentMaintenance span { float:left; width: 290px; padding-left: 15px; } .contentMaintenance a { color: #333; } .contentMaintenance .icon { float:left; width: 94px; height: 104px; background-position:50% 50%; background-repeat: no-repeat; } .contentMaintenance .content-left a:hover, .contentMaintenance .content-right a:hover { text-decoration:none; } .contentMaintenance .content-left .box-m-a { margin: 0 14px 15px 0; cursor: pointer; } .contentMaintenance .divider { height:1px; width: 458px; margin: 15px 0px; background: url(../images/default/line-a-a.gif) repeat-x 50% 100%; } .contentMaintenance .conetnt-left {} .contentMaintenance .content-right {} .contentMaintenance .content-right .box-m-a { margin: 0 0 15px; cursor: pointer; } .contentMaintenance .box1 .icon { background-image: url(../images/default/icon_purchasePart.gif); } .contentMaintenance .box2 .icon { background-image: url(../images/default/icon_FAQs.gif); } .contentMaintenance .box3 .icon { background-image: url(../images/default/icon_SubmitEMRForm.gif); } .contentMaintenance .box4 .icon { background-image: url(../images/default/icon_formsAndManuals.gif); } .contentMaintenance .box5 .icon { background-image: url(../images/default/icon_installationVideos.gif); } .contentMaintenance .box6 .icon { background-image: url(../images/default/icon_enquiries.gif); } /********************************** * EMS: Maintenance Purchasing Parts **********************************/ .contentMaintenanceParts {} .contentMaintenanceParts h3 { padding-bottom: 10px; background:url("../images/default/line-a-a.gif") repeat-x scroll 0 100% transparent; } .contentMaintenanceParts .box-a-a { margin-bottom: 20px; } .contentMaintenanceParts .box-a-a h3 { background: none;margin-bottom: 0; } .contentMaintenanceParts .box-a-a .step1 { float: left; margin-right: 12px; } .contentMaintenanceParts .box-a-a .step2 { float: left; margin-right: 12px; } .contentMaintenanceParts .box-a-a .step3 { float: left; width: 280px; } .contentMaintenanceParts .box-a-a .step3 .btn { float: left; } .contentMaintenanceParts .box-a-a .step3 .ddlFilterModel { margin-right: 10px; float: left; } .contentMaintenanceParts .box-a-a .step3 .ddlParts { margin:0 10px 10px 0; float: left; } .contentMaintenanceParts .productListProduct .detailContainer { width: 490px; } /********************************** * EMS: Maintenance Forms & Downloads **********************************/ .contentMaintenanceFormDownload {} .contentMaintenanceFormDownload {} /********************************** * EMS: Maintenance Forms & Downloads **********************************/ .contentMaintenanceFAQs {} .contentMaintenanceFAQs h5 { padding: 10px 0 10px 0; background: url(../images/default/line-a-a.gif) repeat-x 0 100%; } .contentMaintenanceFAQs li a {display: block; padding: 10px 0 5px 15px; } .contentMaintenanceFAQs .sel li a { background: url(../images/default/bu_box_minus.gif) no-repeat 0 14px; } .contentMaintenanceFAQs .sel li li a { background: none; padding:0; } .contentMaintenanceFAQs .unsel li a { background: url(../images/default/bu_box_plus.gif) no-repeat 0 14px; } .contentMaintenanceFAQs .unsel li li { display: none; } .contentMaintenanceFAQs .unsel li li a { background: none; padding:0; } /********************************** * EMS: Maintenance Installation Videos **********************************/ .contentMaintenanceVideos {} .contentMaintenanceVideos h3.contentTitle { padding-bottom: 10px; background: url(../images/default/line-a-a.gif) repeat-x 0 100%; } .contentMaintenanceVideos span { display: block; } .contentMaintenanceVideos span.youtube {margin: 15px 0; } /********************************** * EMS: ServiceCentre **********************************/ .contentServiceCentre {} .contentServiceCentre h3 { float:left; display: block; width: 300px; padding-bottom: 0.5em; margin-left: 15px; color: #1B82C1; background: url(../images/default/line-a-a.gif) repeat-x 0 100%;} .contentServiceCentre a { color: #333; } .contentServiceCentre span.text { float:left; width: 290px; padding-left: 15px; } .contentServiceCentre span.btn { float: left; margin-top: 5px; } .contentServiceCentre select { float: left; margin: 10px 15px; } .contentServiceCentre .icon { float:left; width: 94px; height: 104px; background-position:50% 50%; background-repeat: no-repeat; } .contentServiceCentre .content-left .box-m-a { margin: 0 14px 15px 0; } .contentServiceCentre .conetnt-left {} .contentServiceCentre .content-right {} .contentServiceCentre .content-right .box-m-a { margin: 0 0 15px; } .contentServiceCentre .box1 .icon { background-image: url(../images/default/icon2_FAQs.gif); } .contentServiceCentre .box1 h3 { color: #E42632; } .contentServiceCentre .box2 h3 { color: #E42632; } .contentServiceCentre .box2 .icon { background-image: url(../images/default/icon2_serviceInfo.gif); } .contentServiceCentre .box3 .icon { background-image: url(../images/default/icon2_registerWarranty.gif); } .contentServiceCentre .box4 .icon { background-image: url(../images/default/icon2_manuals.gif); } .contentServiceCentre .box5 .icon { background-image: url(../images/default/icon2_enquire.gif); } .contentServiceCentre .box6 .icon { background-image: url(../images/default/icon2_bookServiceCall.gif); } /********************************** * EMS: ServiceCentre information page **********************************/ .contentServiceCentreInfo {} .contentServiceCentreInfo .productInfoHolder .productImg { float: left; display: block; margin: 0 15px 15px 0; } .contentServiceCentreInfo .top-tabs { height: 30px; background: url(../images/default/line-a-a.gif) repeat-x 0 100%; } .contentServiceCentreInfo .css-panes { padding-top: 15px; } .contentServiceCentreInfo .css-panes h2.contentTitle { display: none; } .contentServiceCentreInfo .contentFAQs h3 { padding-bottom: 10px; font-size: 1.33em; color:#E42632; background: url(../images/default/line-a-a.gif) repeat-x 0 100%; } /********************************** * EMS: ServiceCentre Book a Service Call **********************************/ .contentServiceCentreServiceCall {} .contentServiceCentreServiceCall h4.contentTitle { display: block; width: 420px; padding-bottom: 10px; color: #E42632; background: url(../images/default/line-a-a.gif) repeat-x 0 100%; } .contentServiceCentreServiceCall .form-bookServiceCall {width: 420px; } .contentServiceCentreServiceCall .form-bookServiceCall dt { width: 180px; } .contentServiceCentreServiceCall .form-bookServiceCall dd { width: 220px; } .contentServiceCentreServiceCall .form-bookServiceCall dd input { width: 200px; } .contentServiceCentreServiceCall .form-bookServiceCall dd select { width: 210px; } .contentServiceCentreServiceCall .form-bookServiceCall dd .radio input { width: 20px; border: 0; } .contentServiceCentreServiceCall .form-bookServiceCall dd .calPicker { width:200px !important; } .contentServiceCentreServiceCall .form-bookServiceCall dd .calPicker table { width:210px !important; } .contentServiceCentreServiceCall .form-bookServiceCall dd .calPicker table td.inputCell { width:200px !important; } .contentServiceCentreServiceCall .form-bookServiceCall dd .calPicker table td.inputCell .radEnabledCss_Default, .contentServiceCentreServiceCall .form-bookServiceCall dd .calPicker table td.inputCell .radHoverCss_Default, .contentServiceCentreServiceCall .form-bookServiceCall dd .calPicker table td.inputCell .radInvalidCss_Default, .contentServiceCentreServiceCall .form-bookServiceCall dd .calPicker table td.inputCell .radFocusedCss_Default { width: 170px !important; } .contentServiceCentreServiceCall .form-bookServiceCall .errormsg { display: block;} .contentServiceCentreServiceCall .form-bookServiceCall .cleaner {margin: 5px 0; } .contentServiceCentreServiceCall .form-bookServiceCall .btn { margin-right: 10px; } /********************************** * EMS: ServiceCentre Warranty Registration **********************************/ .contentServiceCentreWarrantyRegistration {} .contentServiceCentreWarrantyRegistration .content-left { width: 330px; margin-right: 20px; } .contentServiceCentreWarrantyRegistration .content-right { width: 330px; } .contentServiceCentreWarrantyRegistration h4.contentTitle { display: block; padding-bottom: 10px; color: #E42632; background: url(../images/default/line-a-a.gif) repeat-x 0 100%; } .contentServiceCentreWarrantyRegistration .form-WarrantyRegistration dd .calPicker { width:150px !important; } .contentServiceCentreWarrantyRegistration .form-WarrantyRegistration dd .calPicker table { width:162px !important; } .contentServiceCentreWarrantyRegistration .form-WarrantyRegistration dd .calPicker table td.inputCell { width:160px !important; } .contentServiceCentreWarrantyRegistration .form-WarrantyRegistration dd .calPicker table td.inputCell .radEnabledCss_Default, .contentServiceCentreWarrantyRegistration .form-WarrantyRegistration dd .calPicker table td.inputCell .radHoverCss_Default, .contentServiceCentreWarrantyRegistration .form-WarrantyRegistration dd .calPicker table td.inputCell .radInvalidCss_Default, .contentServiceCentreWarrantyRegistration .form-WarrantyRegistration dd .calPicker table td.inputCell .radFocusedCss_Default { width: 150px !important; } .contentServiceCentreWarrantyRegistration .form-WarrantyRegistration dd .calPicker input {background:none repeat scroll 0 0 #FFFFFF;border:1px solid #D8CEC1;color:#333333;padding:3px 4px;} .contentDesignCentreProjectItem {} .contentDesignCentreProjectItem .content-left { float: left; width: 320px; } .contentDesignCentreProjectItem .content-right { float: left; width: 600px; } .contentDesignCentreProjectItem .content-right .contentText { display: block; width: 600px; white-space:normal; word-wrap: break-word; } .contentDesignCentreProjectItem .otherImage { float:left; width:130px; margin-right:10px; margin-top:10px; min-height:90px;} .contentDesignCentreProjectItem .product-list { padding-top: 15px; } .blankPage{ padding: 15px 15px 0 15px} .blankPage h2.contentTitle { border:medium none; background:url("../images/default/line-a-a.gif") repeat-x scroll 0 100% transparent; } .blankPage li { list-style:disc outside none; margin:0 0 10px 15px; padding:0 0 0 0px; } .blankPage .btn-close { position:absolute; right:10px; top:10px; }