/*****START OF LAYOUT.CSS***********************************************************************/ .templateWMC .rte:after {content: '[HI MUM]'; display: block; height: 0; clear: both; visibility: hidden;} .templateWMC .rte {display: inline-block;} /*\*/ .templateWMC .rte {display: block;} /*--------------------------------------------------------------------------*/ /*****COMMON*****/ /*price color:#800606 /*link:#520707 /*wine name:#626262 /*product nav link:#eaf1b0 /*defaul nav link:#11201e /*register now link:#d4d38f /*breadcrumbs :#959B99 /*--------------------------------------------------------------------------*/ .templateWMC {font:normal 12px Arial, Helvetica, sans-serif; color:#000; background:#fff;} .templateWMC input, .templateWMC select, .templateWMC option, .templateWMC textarea { font:normal 12px Arial, Helvetica, sans-serif; color:#000;} .templateWMC input.text, .templateWMC textarea {height:auto; padding:3px 2px; border:1px solid #c7c7c7; background:transparent url('../images/bg/inputText.gif') repeat 0px 0px;} .templateWMC h1,.templateWMC h2,.templateWMC h3,.templateWMC h4 {display:block; font-family: Georgia, Times, "Times New Roman", serif; font-weight:normal; color:#000;} .templateWMC h1 {font-size:2.33em; margin-bottom:20px;} .templateWMC h2 {font-size:2.33em; margin-bottom:15px;} .templateWMC h3 {font-size:1.5em; margin-bottom:15px;} .templateWMC h4 {font-size:1.15em; font-weight:bold; margin-bottom:15px;} .templateWMC p {margin-bottom:15px; display:block;} .templateWMC table {display:table;} .templateWMC a {color:#520707;} .templateWMC a:hover {text-decoration:underline;} .templateWMC address {font-style:normal;} .templateWMC .errorMsg {color:#bf0000; font-weight:bold; } .templateWMC .errorMsgImportant {background:#E7E9E8; padding:10px; display:block; font-weight:normal;} .templateWMC .errorMsgImportant, .templateWMC div.errorMsg {margin-bottom:15px;} .templateWMC .searchResult {color:#520707;} /*backToTop*/ .templateWMC a.backToTop {text-decoration:underline !important; font-weight:bold;} /*title, linkPrint, required*/ .templateWMC .clearer a.linkPrint {padding-left:20px; line-height:17px; background:transparent url('../images/bg/linkPrint.gif') no-repeat left center;} /*dynamic buttons*/ .templateWMC .btnSubmit input, .templateWMC .linkBtn a {color:#fff;} .templateWMC .linkBtn a:hover {text-decoration:none;} .templateWMC .btnSubmitL, .templateWMC .linkBtnL {background-image:url('../images/bg/btnSubmitLRight.gif');} .templateWMC .btnSubmitL input, .templateWMC .linkBtnL a {font-size:1.7em; background-image:url('../images/bg/btnSubmitL.gif');} .templateWMC .btnSubmitM, .templateWMC .linkBtnM {background-image:url('../images/bg/btnSubmitMRight.gif');} .templateWMC .btnSubmitM input, .templateWMC .linkBtnM a {font-size:1.15em; background-image:url('../images/bg/btnSubmitM.gif');} .templateWMC .btnSubmitS, .templateWMC .linkBtnS {background-image:url('../images/bg/btnSubmitSRight.gif');} .templateWMC .btnSubmitS input, .templateWMC .linkBtnS a {background-image:url('../images/bg/btnSubmitS.gif');} .templateWMC .btnOther, .templateWMC .linkBtnOther {background-image:url('../images/bg/btnOtherRight.gif');} .templateWMC .btnOther input, .templateWMC .linkBtnOther a {color:#5a4617; font-weight:bold; background-image:url('../images/bg/btnOther.gif');} /*ribbons*/ .templateWMC .ribbons {min-height:56px; background:transparent url('../images/bg/ribbons.png') no-repeat center top;} .templateWMC .ribbons h2 {text-align:center; text-transform:uppercase; color:#ece7c5; font-size:1.5em; line-height:35px; padding-bottom:10px;} /*scroll*/ .templateWMC .scrollScreen a.prevPage, .templateWMC .scrollScreen a.nextPage {width:38px; height:37px; margin-top:40px; background:transparent url('../images/bg/scrollPrev.png') no-repeat 0px 0px;} .templateWMC .scrollScreen a.nextPage {background-image:url('../images/bg/scrollNext.png');} .templateWMC .scrollScreen a.disabled {background-position:0px -100px;} .templateWMC .scrollScreen .scrollable {width:864px; height:175px;} .templateWMC .scrollScreen .scrollable .items {height:175px;} .templateWMC .scrollScreen .scrollable .items li {width:280px; height:175px; background:transparent url('../images/bg/verticalDot.gif') repeat-y right top;} .templateWMC .scrollScreen .scrollable .items li .itemThumb {float:left; display:inline; width:130px; height:130px; overflow:hidden;} .templateWMC .scrollScreen .scrollable .items li .itemAddToCrate {float:right; display:inline; width:140px; margin:5px 5px 0px 0px;} .templateWMC .scrollScreen .scrollable .items li .itemAddToCrate h3 {font-size:1em; text-transform:uppercase; padding-left:5px; margin-bottom:0px; height:80px; overflow:hidden;} .templateWMC .scrollScreen .scrollable .items li .itemAddToCrate h3 span { text-transform:none; display:block; font-size:0.85em; padding-top:2px; font-weight:normal; color:#626262; font:normal 12px Arial, Helvetica, sans-serif;} .templateWMC .scrollScreen .scrollable .items li .itemAddToCrate ul {margin:0px;} .templateWMC .scrollScreen .scrollable .items li .itemAddToCrate ul li { margin:0px; padding:0px; width:auto; height:auto; background:none;} .templateWMC .scrollScreen .scrollable .items li .itemAddToCrate ul li.wmcPrice { width:100%; padding-bottom:5px; padding-left:5px; color:#800606; font-weight:bold; font-size:2.0em; font-family: Georgia, Times, "Times New Roman", serif;} .templateWMC .scrollScreen .scrollable .items li .itemAddToCrate li.qty {padding:3px 7px 0px 0px; } .templateWMC .scrollScreen .scrollable .items li .itemAddToCrate li.qty label {} .templateWMC .scrollScreen .scrollable .items li .itemAddToCrate li.qty input.text {width:22px; vertical-align:middle;} .templateWMC .scrollScreen .scrollable .items li .itemAddToCrate li.cta input {padding-right:2px; padding-left:5px;} /*popup help*/ .templateWMC .help .helpBody {background:#fff;} .templateWMC .help .helpBottom {background-image:url('../images/bg/helpBottom.gif');} /*viewLarger*/ .templateWMC .viewLarger { background:transparent url('../images/bg/viewLarger.gif') no-repeat left top;} /*itemThumb*/ .templateWMC .itemThumb span {width:78px; height:78px;} .templateWMC .itemThumb span.specialOffer {background-image:url('../images/bg/specialOffer.png');} .templateWMC .itemThumb span.featuredProduct {background-image:url('../images/bg/featuredProduct.png');} .templateWMC .itemThumb span.newArrival {background-image:url('../images/bg/newArrival.png');} .templateWMC .itemThumb span.weeklySpecial {background-image:url('../images/bg/weeklySpecial.png');} /*itemTabs*/ .templateWMC .itemTabsLink {background-image:url('../images/bg/itemTabsLink.png');} .templateWMC .itemTabsLink li, .templateWMC .itemTabsLink li a {color:#000; background-image:url('../images/bg/itemTabsLinkTab.png');} /*itemOptions*/ .templateWMC .itemOptions li .mixedOptions {width:350px; top:15px; left:-60px;} .templateWMC .itemOptions li .mixedOptionsTop {height:25px; background-image:url('../images/bg/mixedOptionsTop.png');} .templateWMC .itemOptions li .mixedOptionsBottom {height:15px; background-image:url('../images/bg/mixedOptionsBottom.png');} .templateWMC .itemOptions li .mixedOptionsBody { background-image:url('../images/bg/mixedOptionsBody.png');} .templateWMC .itemOptions li .mixedOptionsList { background-image:url('../images/bg/horizontalDot.gif');} .templateWMC .itemOptions li .mixedOptions li {width:100%;} .templateWMC .itemOptions li .mixedOptions li.total {width:170px;} .templateWMC .itemOptions li .mixedOptions li.cta {width:auto;} .templateWMC .itemOptions li .mixedOptions .text {width:30px; margin-right:5px;} .templateWMC .itemOptions li .mixedOptions li.total span {color:#520707;} /*invoice*/ .templateWMC .invoice {background:#f2f2f2;/*background-color:#e8e8e8;*/} .templateWMC .invoice .orderNumberAndLogo {height:75px;} .templateWMC .invoice .orderNumber {text-align:left;} .templateWMC .invoice .yourOrderNo {display:block;position:absolute;padding:15px;margin:-42px 0 0 240px;width:327px;text-align:center; font-size:1.3em;font-weight:bold;background:#ddd;} .templateWMC .invoice .orderSummaryCont {padding-top:0px;} .templateWMC .invoice .orderSummary {padding-bottom:15px;/*background:transparent url('../images/bg/c9c9c9_30pxheight.gif') repeat-x 0px 0px;*/} .templateWMC .invoice .orderSummary tr th, .templateWMC .invoice .orderSummary tr td {padding-left:0px;} .templateWMC .invoice .orderSummary tr td.colDesc {padding-bottom:15px;} .templateWMC .invoice .orderSummary tr.total td {padding-bottom:10px;padding-top:10px;background:#ddd;} .templateWMC .invoice table {width:605px;} .templateWMC .invoice dl dt {padding-top:20px;padding-bottom:10px;border-top:1px dotted #949494;font-family:Georgia,Times,"Times New Roman",serif; font-size:1.5em;font-weight:normal;color:#187d5d;text-transform:none; /*background:#c9c9c9;*/} .templateWMC .invoice dl dd {padding-bottom:15px;} .templateWMC .invoice dl dd li .spanLabel {width:140px;} .templateWMC .invoice dl dd li .spanDesc {width:455px;} .templateWMC .invoice table th {height:30px;} .templateWMC .invoice table tr.shipping td, .templateWMC .invoice table tr.total td { /*background-image:url('../images/bg/horizontalDot.gif'); background-repeat:repeat-x; background-position:0px 5px;*/} .templateWMC .invoice ul.clearer {background:white;padding-left:0px;padding-right:0px;} .templateWMC .invoice ul.clearer li.linkBtn {float:right;} .templateWMC .invoice li.delivery {/*width:585px;*/} .templateWMC .invoice li.linkBtn {width:auto; margin:0px 0px 0px 195px;} /*--------------------------------------------------------------------------*/ /*****HEADER*****/ /*--------------------------------------------------------------------------*/ /*logo*/ .templateWMC .header .logo {float:left; display:inline; margin:0px; padding:0px;} /*member login*/ .templateWMC .header .formMemberLogin {float:right; display:inline; width:500px; height:80px; color:#fff; margin:25px 0px 0px 0px;} .templateWMC .header .formMemberLogin h2, .templateWMC .header .formMemberLogin fieldset, .templateWMC .header .formMemberLogin p {float:left; display:inline; margin:0px;} .templateWMC .header .formMemberLogin h2 {width:155px; font-size:1.5em; padding-top:3px; color:#fff; text-transform:uppercase;} .templateWMC .header .formMemberLogin a {color:#fff;} .templateWMC .header .formMemberLogin fieldset {width:345px;} .templateWMC .header .formMemberLogin fieldset ul {margin:0px;} .templateWMC .header .formMemberLogin fieldset li {list-style-type:none; margin:0px; } .templateWMC .header .formMemberLogin fieldset input.text {float:left; display:inline; width:113px; height:auto; padding:6px 5px 6px 7px; border:0px; margin-right:5px; border:0px; background:transparent url('../images/bg/inputTextMembersLogin.png') no-repeat 0px 0px; } .templateWMC .header .formMemberLogin fieldset .btnMemberLogin {float:left; display:inline;} .templateWMC .header .formMemberLogin fieldset .btnMemberLogin {background-image:url('../images/bg/btnMemberLoginRight.gif'); background-position:right center;} .templateWMC .header .formMemberLogin fieldset .btnMemberLogin input { background-position:left center; padding-top:6px; padding-bottom:6px; background-image:url('../images/bg/btnMemberLogin.gif');} .templateWMC .header .formMemberLogin fieldset li.link {width:342px; padding:3px 0px 0px 3px; font-size: 11px;} .templateWMC .header .formMemberLogin fieldset li.link a {color:#d4d38f;} .templateWMC .header .formMemberLogin p {padding:7px 0px 0px 10px;} /*default navigation*/ .templateWMC .header .defaultNav {float:right; display:inline; width:665px; height:50px; margin:0px; padding:0px;} .templateWMC .header .defaultNav li {float:left; display:inline; position:relative; line-height:50px; list-style-type:none; margin:0px; text-transform:uppercase; text-align:center; padding-left:2px;} .templateWMC .header .defaultNav li.twoLines {line-height:normal; width:110px;} .templateWMC .header .defaultNav li.hover, .templateWMC .header .defaultNav li.selected {background:#998940 url('../images/bg/defaultNavHover.png') no-repeat 0px 0px;} .templateWMC .header .defaultNav li a {display:block; padding:0px 15px 0px 13px; color:#000000; } .templateWMC .header .defaultNav li.twoLines a {height:40px; padding:10px 15px 0px 15px;} .templateWMC .header .defaultNav li a:hover {text-decoration:none;} .templateWMC .header .defaultNav li.hover a, .templateWMC .header .defaultNav li.selected a {color:#fff; background:#998940 url('../images/bg/defaultNavHover.png') no-repeat right 0px;} /*second nav*/ .templateWMC .header .defaultNav li .defaultSubNav {position:absolute; top:50px; left:0px; display:none;} .templateWMC .header .defaultNav ul {width:185px; height:auto; margin:0px; padding:10px 0px 0px 0px; background:#E1E4A2 url('../images/bg/defaultNav.png') no-repeat 0px 0px;} .templateWMC .header .defaultNav ul li {float:none; display:list-item; line-height:1.2em; text-transform:none; text-align:left; padding:0px;} .templateWMC .header .defaultNav li.hover ul li {background:none;} .templateWMC .header .defaultNav ul li a, .templateWMC .header .defaultNav li.hover ul li a {display:block; line-height:normal; width:155px; padding:7px 15px 7px 15px; color:#000000; background:transparent url('../images/bg/defaultSubNavLink.png') no-repeat center bottom;} .templateWMC .header .defaultNav li.twoLines ul li a {height:auto; padding:5px 15px 5px 15px;} .templateWMC .header .defaultNav ul li a:hover, .templateWMC .header .defaultNav li.hover ul li a:hover {color:#fff; background:#998940 url('../images/bg/defaultSubNavHover.png') no-repeat 0px 0px;} /*defaultSubNavBottom*/ .templateWMC .header .defaultNav li .defaultSubNav .defaultSubNavBottom {width:185px; height:20px; font-size:1px; background:transparent url('../images/bg/defaultSubNavBottom.png') no-repeat 0px 0px; } /*--------------------------------------------------------------------------*/ /*****COLUMNS*****/ /*--------------------------------------------------------------------------*/ /*breadcrumbs*/ .templateWMC .breadcrumbs {height:55px; margin-bottom:0px;} .templateWMC .breadcrumbs,.templateWMC .breadcrumbs a {color:#959B99;} /*wine search*/ .templateWMC .columns .leftCol .formWineSearch {width:254px; height:65px; background:transparent url('../images/bg/formWineSearch.png') no-repeat 0px 0px; } .templateWMC .columns .leftCol .formWineSearch fieldset {margin:0px;} .templateWMC .columns .leftCol .formWineSearch fieldset ul {width:160px; margin:0px auto;} .templateWMC .columns .leftCol .formWineSearch fieldset li {list-style-type:none; margin:0px; padding:0px;} .templateWMC .columns .leftCol .formWineSearch fieldset li.clearer input {float:left; display:inline; border:0px; margin:0px;} .templateWMC .columns .leftCol .formWineSearch fieldset li.clearer input.text { width:120px; height:20px; padding:6px 5px 0px 7px; background:transparent url('../images/bg/inputTextWineSearch.png') no-repeat 0px 0px;} .templateWMC .columns .leftCol .formWineSearch fieldset li.link {width:157px; padding:2px 0px 0px 3px;} .templateWMC .columns .leftCol .formWineSearch fieldset li.link a {color:#fefefe; text-decoration:underline;} /*product navigation*/ .templateWMC .columns .leftCol .productNav h2 { width:180px; margin:0px 0px 5px 47px; font-size:1.5em; color:#fff; text-transform:uppercase; } .templateWMC .columns .leftCol .productNav .gradient {background:transparent url('../images/bg/productNav.png') no-repeat 0px 0px;} .templateWMC .columns .leftCol .productNav .size {width:254px; height:auto;} .templateWMC .columns .leftCol .productNav ul {width:230px; margin:0px 0px 0px 10px; } .templateWMC .columns .leftCol .productNav li {list-style-type:none; margin:0px; padding:0px 0px 1px 0px; font-size:1.15em; position:relative; background:transparent url('../images/bg/productNavLi.png') no-repeat center bottom;} .templateWMC .columns .leftCol .productNav li a {color:#eaf1b0; display:block; width:180px; padding:5px 13px 5px 37px;} .templateWMC .columns .leftCol .productNav li.hover a, .templateWMC .columns .leftCol .productNav li.selected a {color:#fff; background:transparent url('../images/bg/productNavHover.png') no-repeat left top;} .templateWMC .columns .leftCol .productNav li a:hover {text-decoration:none;} /*second nav*/ .templateWMC .columns .leftCol .productNav li .productSubNav {position:absolute; top:0px; left:210px; display:none;} .templateWMC .columns .leftCol .productNav li.hover .productSubNav {display:block;} /*productSubNavTop and productSubNavBottom*/ .templateWMC .columns .leftCol .productNav li .productSubNav .productSubNavTop, .templateWMC .columns .leftCol .productNav li .productSubNav .productSubNavBottom { width:203px; height:15px; font-size:1px; background:transparent url('../images/bg/productSubNavTop.png') no-repeat 0px 0px;} .templateWMC .columns .leftCol .productNav li .productSubNav .productSubNavBottom { background-image:url('../images/bg/productSubNavBottom.png'); } .templateWMC .columns .leftCol .productNav li .productSubNav .productSubNavMiddle { background:transparent url('../images/bg/productSubNavMiddle.png') no-repeat right 0px;} .templateWMC .columns .leftCol .productNav li ul {width:189px; margin:0px; padding:0px 0px 0px 14px; background:transparent url('../images/bg/productSubNavMiddleUl.png') no-repeat left center;} .templateWMC .columns .leftCol .productNav li li {font-size:0.85em;} .templateWMC .columns .leftCol .productNav li li a {color:#eaf1b0; display:block; width:159px; padding:6px 15px 6px 15px;} .templateWMC .columns .leftCol .productNav li.hover li a, .templateWMC .columns .leftCol .productNav li.selected li a {color:#eaf1b0; background:none;} .templateWMC .columns .leftCol .productNav li.hover li.hover a {color:#fff; background:transparent url('../images/bg/productSubNavHover.png') no-repeat center top;} /*productNavBottom*/ .templateWMC .columns .leftCol .productNav .productNavBottom {width:254px; height:50px; margin-bottom:10px; font-size:1px; background:transparent url('../images/bg/productNavBottom.png') no-repeat 0px 0px;} /*--------------------------------------------------------------------------*/ /*****FOOTER *****/ /*--------------------------------------------------------------------------*/ .templateWMC .footer {background:white url('../images/bg/footer.png') no-repeat 0px 0px;} /*footerLinks*/ .templateWMC .footerLinks {height:160px; padding:30px 50px 15px 50px;} .templateWMC .footerLinksCol {float:left; display:inline; padding:0px 20px 0px 20px; min-height:123px; background:transparent url('../images/bg/footerLinksCol.gif') no-repeat left top;} /*footerLinksProduct*/ .templateWMC .footerLinksProduct {background:none; padding-left:0px;} .templateWMC .footerLinksProduct h2 {font-size:1em; font-weight:bold; margin-bottom:5px;} .templateWMC .footerLinksProduct ul.clearer {width:280px; font-size:0.95em; margin-bottom:0px;} .templateWMC .footerLinksProduct ul.clearer li {float:left; display:inline; width:130px; margin:0px 10px 0px 0px; list-style-type:none; line-height:1.5em;} .templateWMC .footerLinksProduct a {color:#000;} /*footerLogos*/ .templateWMC .footerLogos {text-align:center; padding:0px 0px 15px 0px;} .templateWMC .footerLogos img {display:inline; padding:0px 10px;} /*footerNote*/ .templateWMC .footerNote {text-align:center; font-size:0.85em;} /*--------------------------------------------------------------------------*/ /*****TEMPLATE HOMEPAGE*****/ /*--------------------------------------------------------------------------*/ .tHomepageWMC {background:white url('../images/bg/tHomepage.jpg') repeat-x 0px 0px;} .tHomepageWMC .pageContainer {background:transparent url('../images/bg/tHomepagePageContainer.jpg') no-repeat center top;} .tHomepageWMC .columns .rightCol {width:675px; padding-top:20px;} .tHomepageWMC .columns .rightCol .componentRTE {margin-bottom:0px;} .tHomepageWMC .homepageTiles {width:930px; margin:0px auto; padding:24px 0px 25px 0px; border-top:1px solid #88ABA1; background:#fff url('../images/bg/gradient.png') repeat-x 0px 0px;} .tHomepageWMC .homepageTiles .componentRTE {margin-bottom:0px;} /*--------------------------------------------------------------------------*/ /*****TEMPLATE TWO COLUMNS*****/ /*--------------------------------------------------------------------------*/ .tTwoColumnsWMC {background:white url('../images/bg/tTwoColumns.jpg') repeat-x 0px 0px;} .tTwoColumnsWMC .pageContainer { background:transparent url('../images/bg/tTwoColumnsPageContainer.jpg') no-repeat center top;} .tTwoColumnsWMC .itemListing .items .itemThumb {float:left;} /*--------------------------------------------------------------------------*/ /*****TEMPLATE CHECKOUT*****/ /*--------------------------------------------------------------------------*/ .tCheckoutWMC {background:white url('../images/bg/tCheckout.jpg') repeat-x 0px 0px;} .tCheckoutWMC .pageContainer {background:transparent url('../images/bg/tCheckoutPageContainer_02.jpg') no-repeat center top;} .tCheckoutWMC .pageContent {margin: 0 auto;} .tCheckoutWMC .header {height:219px; padding-top:11px; position:relative;} .tCheckoutWMC .header .logoHolder {position:absolute; top:0px; left:15px; width:254px; height:230px; background:transparent url('../images/bg/tCheckoutLogoHolder.png') no-repeat 0px 0px;} .tCheckoutWMC .header .logoHolder .logo {float:none; display:block; margin:11px 0px 0px 10px;} .tCheckoutWMC .columns .rightCol {margin-top:0px;} /*--------------------------------------------------------------------------*/ /*****RTE *****/ /*--------------------------------------------------------------------------*/ .templateWMC .rte {line-height:1.4em;} .templateWMC .rte h1 {margin-bottom:20px;} .templateWMC .rte h2,.templateWMC .rte h3,.templateWMC .rte h4,.templateWMC .rte h5,.templateWMC .rte h6, .templateWMC .rte p,.templateWMC .rte ul,.templateWMC .rte ol,.templateWMC .rte dl, .templateWMC .rte fieldset, .templateWMC .rte table {margin-bottom:15px;} .templateWMC .rte ul ul, .templateWMC .rte ol ul {margin:5px 0px;} .templateWMC .rte h1, .templateWMC .rte h2, .templateWMC .rte h3 {line-height:normal;} .templateWMC .rte br {line-height:12px;} .templateWMC .rte li, .templateWMC .rte ol ul li {margin:0px 0px 2px 30px; list-style-type:disc; list-style-position:outside;} .templateWMC .rte ol li, .templateWMC .rte ol ol li {list-style-type:decimal;} .templateWMC .rte .linkColour {color:#520707;} .templateWMC .rte .border {border:1px solid #cfcfcf;} /*rte - phone orders*/ .templateWMC .phoneOrders, .templateWMC .rte .phoneOrders {padding:20px 0px 0px 0px; background:#fff url('../images/bg/phoneOrders.png') no-repeat 0px 0px;} .templateWMC .phoneOrders dt, .templateWMC .rte .phoneOrders dt {font-size:1.5em; color:#000; text-transform:uppercase; text-align:center; font-family: Georgia, Times, "Times New Roman", serif; padding:0px 0px 10px 0px;} .templateWMC .phoneOrders dd, .templateWMC .rte .phoneOrders dd {font-size:1.15em; padding:0px 35px 0px 95px; text-align:center;} .templateWMC .phoneOrders dd strong, .templateWMC .rte .phoneOrders dd strong {display:block; padding:0px 0px 5px 0px;} /*secure payment*/ .templateWMC .securePayment {padding:20px 0px 0px 0px; margin:30px 0px 20px 0px; background:white url('../images/bg/containerLeftColBox.png') no-repeat 0px 0px;} .templateWMC .securePayment dt {font-size:1.5em; color:#000; text-transform:uppercase; text-align:center; font-family: Georgia, Times, "Times New Roman", serif;} .templateWMC .securePayment dd {text-align:center;} .templateWMC .securePayment img {margin:10px 5px;} /*rte - footer*/ .templateWMC .footer .rte {font-size:0.95em; line-height:1.5em;} .templateWMC .footer .rte h2 {font-size:1.05em; font-weight:bold; margin-bottom:5px;} .templateWMC .footer .rte dl {width:235px; margin-bottom:0px;} .templateWMC .footer .rte dt,.footer .rte dd {float:left; display:inline; margin:0px;} .templateWMC .footer .rte dt {width:60px;} .templateWMC .footer .rte dd {width:170px;} .templateWMC .footer .rte ul {margin-bottom:0px;} .templateWMC .footer .rte li {list-style-type:none; margin:0px;} .templateWMC .footer .rte a {color:#000;} /*****END OF LAYOUT.CSS***********************************************************************/ /*****START OF COMPONENT.CSS***********************************************************************/ /*--------------------------------------------------------------------------*/ /*****COMPONENT HOMEPAGE FEATURED PRODUCT*****/ /*--------------------------------------------------------------------------*/ .templateWMC .componentHomeFeatured h2 {margin-bottom:0px;} .templateWMC .componentHomeFeatured .itemDesc {width:315px;} .templateWMC .componentHomeFeatured .itemDesc li.price, .templateWMC .componentHomeFeatured .itemDesc li.highlight {color:#800606;} /*--------------------------------------------------------------------------*/ /*****COMPONENT ADVANCED SEARCH*****/ /*--------------------------------------------------------------------------*/ .templateWMC .componentAdvancedSearch .searchHolder {background:#e8e8e8;} .templateWMC .componentAdvancedSearch .searchHolder fieldset {width:199px; background:#f5f5f5; border:1px solid #cfcfcf;} .templateWMC .componentAdvancedSearch .searchHolder fieldset h2 { background:white url('../images/bg/componentAdvancedSearchH2.png') repeat-x left top;} .templateWMC .componentAdvancedSearch .searchHolder fieldset .viewArea, .templateWMC .componentAdvancedSearch .searchHolder fieldset .viewAreaFilter {width:169px; height:150px;} .templateWMC .componentAdvancedSearch .searchHolder fieldset .viewArea .checkBoxList {width:169px;} .templateWMC .componentAdvancedSearch .searchHolder fieldset .viewArea .checkBoxList label {width:140px;} .templateWMC .componentAdvancedSearch .searchHolder fieldset.last {width:625px; background:none; border:0px;} .templateWMC .componentAdvancedSearch .searchHolder fieldset.last li.loader {width:25px; height:16px; margin:12px 10px 0 75px;} .templateWMC .componentAdvancedSearch .searchHolder fieldset.last li.result {width:275px; padding-top:7px;} /*--------------------------------------------------------------------------*/ /*****COMPONENT ITEM LISTING - PRODUCT / VOUCHER*****/ /*--------------------------------------------------------------------------*/ .templateWMC .itemListing h1 {margin-bottom:0px;} /*searchCategories*/ .templateWMC .itemListing .searchCategories dd {background:#e9e8e8;} .templateWMC .itemListing .searchCategories dd ul {width:300px;} /*subCategoriesListing*/ .templateWMC .itemListing .subCategoriesListing {background:#e9e8e8; } /*divPaging*/ .templateWMC .itemListing .divPaging {background:white url('../images/bg/divPaging.png') repeat-x left top;} .templateWMC .itemListing .divPagingBottom {background-position:left bottom; margin-top:-1px;} /*paging*/ .templateWMC .itemListing .paging a:hover, .templateWMC .itemListing .paging .currentPage {color:#fff; background:#006245 url('../images/bg/divPagingCurrentPage.png') repeat-x left bottom;} /*items*/ .templateWMC .itemListing .items li {background:transparent url('../images/bg/horizontalDot.gif') repeat-x left bottom;} /*itemThumbRelated*/ .templateWMC .itemListing .items .itemThumbRelated {width:130px; overflow:hidden;} /*itemThumb*/ .templateWMC .itemListing .items .itemThumb {width:130px; height:130px; } /*itemDesc*/ .templateWMC .itemListing .items .itemDesc {width:310px; } .templateWMC .itemListing .items .itemDesc h3 span {color:#626262; font:normal 12px Arial, Helvetica, sans-serif;} .templateWMC .itemListing .items .itemDesc h3 span.deliversTo {color:#800606; font-weight: bold;} /*itemAddToCrate*/ .templateWMC .itemListing .items .itemAddToCrate {width:140px;} .templateWMC .itemListing .items .itemAddToCrate ul {width:140px;} .templateWMC .itemListing .items .itemAddToCrate li {width:140px; background:none; } .templateWMC .itemListing .items .itemAddToCrate .rrp, .templateWMC .itemListing .items .itemAddToCrate .wmcPrice {color:#800606; } .templateWMC .itemListing .items .itemAddToCrate li.qty input.text {width:34px; } .templateWMC .itemListing .items .itemAddToCrate li.cta {width:auto;} .templateWMC .itemListing .items .itemAddToCrate ul.mixedOptionsList {width:auto; padding:0 5px 7px; margin-bottom:10px;} .templateWMC .itemListing .items .itemAddToCrate ul.mixedOptionsList li {width:100%; padding-bottom:3px;} .templateWMC .itemListing .items .itemAddToCrate .mixedOptions ul.clearer {width:auto;} .templateWMC .itemListing .items .itemAddToCrate .mixedOptions li.total {width:170px;} .templateWMC .itemListing .items .itemAddToCrate .mixedOptions li.cta {width:auto;} /*--------------------------------------------------------------------------*/ /*****COMPONENT PRODUCT DETAIL*****/ /*--------------------------------------------------------------------------*/ /*itemThumb*/ .templateWMC .componentProductDetail .itemThumb {width:280px;} /*itemAddToCrate*/ .templateWMC .componentProductDetail .itemAddToCrate, .templateWMC .componentProductDetail .itemAddToCrate ul, .templateWMC .componentProductDetail .itemAddToCrate li {width:370px; } .templateWMC .componentProductDetail .itemAddToCrate {margin-bottom:15px;} .templateWMC .componentProductDetail .itemAddToCrate .rrp, .templateWMC .componentProductDetail .itemAddToCrate .wmcPrice {color:#800606;} .templateWMC .componentProductDetail .itemAddToCrate li.qty {width:auto;} .templateWMC .componentProductDetail .itemAddToCrate li.qty input.text {width:34px;} .templateWMC .componentProductDetail .itemAddToCrate li.cta {width:auto;} /*itemDesc itemWinePlans itemOptions*/ .templateWMC .componentProductDetail .itemDesc, .templateWMC .componentProductDetail .itemWinePlans, .templateWMC .componentProductDetail .itemOptions {width:370px;} .templateWMC .componentProductDetail .itemDesc span.deliversTo {color:#800606;} /*latestReviews*/ .templateWMC .componentProductDetail .latestReviews .reviewList li {padding-left:80px; min-height:57px; background:transparent url('../images/bg/reviewListLi.png') no-repeat left top;} .templateWMC .componentProductDetail .latestReviews .writeReview fieldset, .templateWMC .componentProductDetail .latestReviews .writeReview fieldset li.name, .templateWMC .componentProductDetail .latestReviews .writeReview fieldset li.comment, .templateWMC .componentProductDetail .latestReviews .writeReview .reviewResult {width:585px;} .templateWMC .componentProductDetail .latestReviews .writeReview fieldset li.name .text, .templateWMC .componentProductDetail .latestReviews .writeReview fieldset li.comment textarea {width:550px;} .templateWMC .componentProductDetail .latestReviews .writeReview fieldset li.cta { margin-right:35px;} .templateWMC .componentProductDetail .latestReviews .reviewResult {padding-left:80px;} .templateWMC .componentProductDetail .latestReviews .reviewResult h2 {line-height:normal;} /*--------------------------------------------------------------------------*/ /*****COMPONENT SHOPPING CRATE*****/ /*--------------------------------------------------------------------------*/ .templateWMC .componentShoppingCrate {width:238px; background:#fff url('../images/bg/shoppingCrate.png') no-repeat 0px 0px;} .templateWMC .shoppingCrateFull {background:#fff url('../images/bg/shoppingCrate_full.png') no-repeat 0px 0px;} .templateWMC .componentShoppingCrate dt {color:#000;} .templateWMC .componentShoppingCrate .crateSummary {width:123px; } /*--------------------------------------------------------------------------*/ /*****COMPONENT SHOPPING CRATE*****/ /*--------------------------------------------------------------------------*/ .templateWMC .componentViewShoppingCrate .crateTable td { background:#f1f4d4 url('../images/bg/crateTableTd.gif') no-repeat center bottom;} .templateWMC .componentViewShoppingCrate .crateTable tr.last td {background:#f1f4d4; padding-bottom:15px;} .templateWMC .componentViewShoppingCrate .crateTable tr.bonus td {background-color:#F5F7E2;} .templateWMC .componentViewShoppingCrate .crateTable .colDesc {width:330px;} .templateWMC .componentViewShoppingCrate .crateTable .colDesc li .text {width:34px;} .templateWMC .componentViewShoppingCrate .crateTable .colDesc h3 span {color:#626262;} .templateWMC .componentViewShoppingCrate .crateTable .colDesc span.deliversTo {color:#800606; font-weight: bold;} .templateWMC .componentViewShoppingCrate .crateTable .colQty {width:105px; } .templateWMC .componentViewShoppingCrate .crateTable .colQty input.text {width:34px;} .templateWMC .componentViewShoppingCrate .crateTable .colSubtotal {width:120px;} .templateWMC .componentViewShoppingCrate .crateTable td.colSubtotal {color:#800606;} .templateWMC .componentViewShoppingCrate .crateTable .clearer {background:#f1f4d4; border-top:1px solid #cfcfcf;} .templateWMC .componentViewShoppingCrate .crateTable .clearer .freightInsurance {width:auto; height:35px; } .templateWMC .componentViewShoppingCrate .crateTable .clearer .totalPrice {width:390px; height:35px; color:#800606; } /*--------------------------------------------------------------------------*/ /*****COMPONENT UPSELL*****/ /*--------------------------------------------------------------------------*/ .templateWMC .componentUpsell {background:white url('../images/bg/gradient.png') repeat-x 0px 0px;} .templateWMC .componentUpsell li {width:140px; background:transparent url('../images/bg/componentUpsellLi.gif') no-repeat right center;} .templateWMC .componentUpsell li.last {background:none;} .templateWMC .componentUpsell li .itemThumb {width:130px; height:130px;} .templateWMC .componentUpsell li .itemAddToCrate h3 {height:80px; overflow:hidden;} .templateWMC .componentUpsell li .itemAddToCrate h3 span {color:#626262; } .templateWMC .componentUpsell li .itemAddToCrate li {width:auto; background:none; } .templateWMC .componentUpsell li .itemAddToCrate li.wmcPrice {width:100%; color:#800606; } .templateWMC .componentUpsell li .itemAddToCrate li.qty input.text {width:17px; } /*--------------------------------------------------------------------------*/ /*****COMPONENT COMPETITION*****/ /*--------------------------------------------------------------------------*/ /*questionList*/ .templateWMC .componentCompetition .questionList li.cta {padding-left:40px;} .templateWMC .componentCompetition .questionList li span {width:250px;} .templateWMC .componentCompetition .questionList li span.qNumber {width:40px;} .templateWMC .componentCompetition .questionList li label {width:625px;} .templateWMC .componentCompetition .questionList li textarea {width:350px; height:30px;} /*contactDetails*/ .templateWMC .componentCompetition .contactDetails li label {width:120px;} .templateWMC .componentCompetition .contactDetails li input.text {width:270px;} .templateWMC .componentCompetition .contactDetails li span {width:255px; } .templateWMC .componentCompetition .contactDetails li.cta {padding-left:120px;} /*--------------------------------------------------------------------------*/ /*****COMPONENT REGISTRATION*****/ /*--------------------------------------------------------------------------*/ .componentRegistration .formDetails, .componentRegistration .formHolder, .componentRegistration .formVIPJoin { background:transparent url('../images/bg/horizontalDot.gif') repeat-x left top;} .componentRegistration fieldset li {width:100%;} .componentRegistration fieldset li .text {width:180px; } .componentRegistration fieldset li.small {width:85px;} .componentRegistration fieldset li.small .text {width:60px;} .componentRegistration fieldset li.checkbox label {display:inline; padding-left:5px; font-weight:normal;} .componentRegistration .formDetails .clearer ul {float:left; display:inline; width:300px;} .componentRegistration .formDetails .clearer ul.loginDetails {float:right;} .componentRegistration .formDetails .clearer ul li {float:none; display:list-item;} .componentRegistration .formBilling, .componentRegistration .formShipping {width:270px;} .componentRegistration .formBilling {background:transparent url('../images/bg/formBillingRegistration.gif') no-repeat right center;} .componentRegistration .formPayment, .componentRegistration .formPromotionCode {background-color:#e8e8e8;} .componentRegistration .formPayment li.ccNumber {width:200px;} .componentRegistration .formPayment li.ccExpiry {width:160px;} .componentRegistration .formPayment li.ccCVV .text {width:90px;} .componentRegistration .formPayment li.ccCVV .help {bottom:45px; left:-30px;} /*--------------------------------------------------------------------------*/ /*****COMPONENT MEMBER AREA*****/ /*--------------------------------------------------------------------------*/ .componentMemberArea h3 {font:bold 1.3em Arial, Helvetica, sans-serif;} .componentMemberArea .formDetails {width:665px; margin-bottom:20px; background:transparent url('../images/bg/horizontalDot.gif') repeat-x left bottom;} .componentMemberArea .formBilling,.componentMemberArea .formShipping {width:320px;} .componentMemberArea li.clearer label {font-size:1.15em;} .componentMemberArea .formDetails li.clearer label {width:190px;} .componentMemberArea .formDetails li.clearer input.text {width:300px;} .componentMemberArea .formDetails li.clearer span {padding-left:190px; padding-bottom:5px;} .componentMemberArea .formBilling li.clearer label , .componentMemberArea .formShipping li.clearer label {width:110px;} .componentMemberArea .formBilling li.checkbox label { width:auto; padding-left:5px; color:#5a4617; font-weight:bold; font-size:1em;} .componentMemberArea .formBilling li.clearer input.text , .componentMemberArea .formShipping li.clearer input.text {width:190px;} .componentMemberArea .cta { background:transparent url('../images/bg/horizontalDot.gif') repeat-x left top;} .componentMemberArea .orderPaging {color:#520707;} .componentMemberArea .templateWMC .invoice .colSubtotal, .componentMemberArea .templateWMC .invoice .colTotal {width:70px;} /*--------------------------------------------------------------------------*/ /*****CHECKOUT NAVIGATION*****/ /*--------------------------------------------------------------------------*/ .templateWMC .checkoutNav {width:665px;} .templateWMC .checkoutNav li a {color:#000; border-right:1px solid #000;} .templateWMC .checkoutNav li.last a {border-right:0px;} /*--------------------------------------------------------------------------*/ /*****CHECKOUT STEPS*****/ /*--------------------------------------------------------------------------*/ .templateWMC .checkoutSteps {margin-top:60px;width:667px;height:32px; /*background-color:#232F2B;*/ background-image:url('../images/bg/checkoutSteps_02.png');} .templateWMC .checkoutSteps li {color:#fff;line-height:30px;} .templateWMC .checkoutSteps li.step1 {width:220px;} .templateWMC .checkoutSteps li.step2 {width:220px;} .templateWMC .checkoutSteps li.step3 {width:220px;} .templateWMC .checkoutSteps li.step4 {width:220px;} .templateWMC .checkoutSteps2 {background-position:left top;} .templateWMC .checkoutSteps3 {background-position:left -32px;} .templateWMC .checkoutSteps4 {background-position:left -64px;} /*--------------------------------------------------------------------------*/ /*****COMPONENT CHECKOUT*****/ /*--------------------------------------------------------------------------*/ /*common fieldset form*/ /* .templateWMC .componentCheckout .formHolder, .templateWMC .componentCheckout .validationMessage {background-color:#f2f2f2;} */ .templateWMC .componentCheckout fieldset {width:265px;} .templateWMC .componentCheckout fieldset h2 {color:#187d5d;} .templateWMC .componentCheckout fieldset h2 .bracketText {font-size:0.67em;font-weight:bold;font-family:Arial;color:#000;} .templateWMC .componentCheckout fieldset a {text-decoration:underline;} .templateWMC .componentCheckout fieldset li {width:auto;padding-right:15px;} .templateWMC .componentCheckout fieldset li select {padding: 2px;} /* .templateWMC .componentCheckout fieldset li select.large {width:185px; padding: 2px;} .templateWMC .componentCheckout fieldset li .text {width:180px; } */ .templateWMC .componentCheckout fieldset li.cta {display:block;width:auto;} /* .templateWMC .componentCheckout fieldset li.small {width:85px;} .templateWMC .componentCheckout fieldset li.small .text {width:60px;} .templateWMC .componentCheckout fieldset li.small select {width:60px; } */ .templateWMC .componentCheckout fieldset li .tiny {width:35px; } .templateWMC .componentCheckout fieldset li .sml {width:60px; } .templateWMC .componentCheckout fieldset li .med {width:110px; } .templateWMC .componentCheckout fieldset li .large {width:190px; } .templateWMC .componentCheckout fieldset li .xlarge {width:230px; } .templateWMC .componentCheckout fieldset li .xxlarge {width:390px; } /*step1*/ /*.templateWMC .componentCheckout .step1 .formHolder {background:white url('../images/bg/formHolderSeparate.gif') repeat-y 0px 0px;}*/ .templateWMC .componentCheckout .step1 .formHolder fieldset {min-height:221px;background:#f2f2f2;} .templateWMC .componentCheckout .step1 .formCurrentCustomer {width:605px; background:#f2f2f2;} .templateWMC .componentCheckout .step1 .formHolder fieldset li {display:block;width:100%;margin-bottom:8px;} .templateWMC .componentCheckout .step1 .formHolder fieldset li.cta {width:auto;} /*step2*/ .templateWMC .componentCheckout .step2 {padding-bottom:15px;background:#f2f2f2;} .templateWMC .componentCheckout .step2 fieldset {width:605px;} .templateWMC .componentCheckout .step2 fieldset li {width:auto;} .templateWMC .componentCheckout .step2 .formBilling {/*background:transparent url('../images/bg/formBilling.gif') no-repeat right center;*/} .templateWMC .componentCheckout .step2 .formBilling li.lastName {width:300px;} .templateWMC .componentCheckout .step2 .formBilling li.phNumber {width:300px;} .templateWMC .componentCheckout .step2 .formShipping {float:none;padding-top:0px;} .templateWMC .componentCheckout .step2 .formDeliveryInstruction {width:605px;padding-top:0px; /*background:transparent url('../images/bg/horizontalFieldsetSeparator.gif') no-repeat center top;*/} .templateWMC .componentCheckout .step2 .formDeliveryInstruction textarea {height:80px;/*width:290px; */} .templateWMC .componentCheckout .step2 .formMemberDetails {padding-bottom:0px;} .templateWMC .componentCheckout .step2 .formMemberDetails ul {border-bottom:0px;} .templateWMC .componentCheckout .step2 .formMemberDetails ul li {display:block;float:none;} .templateWMC .componentCheckout .step2 ul {padding-bottom:15px;border-bottom:dotted 1px #999;} .templateWMC .componentCheckout .step2 li.day {padding-right:0px;} .templateWMC .componentCheckout .step2 li.month {} .templateWMC .componentCheckout .step2 li.year {width:360px;} .templateWMC .componentCheckout .step2 div.cta {} /*step3*/ .templateWMC .componentCheckout .step3 .formGiftCardMessage {padding-top:0px;margin-bottom:12px;background-color:#f2f2f2;} .templateWMC .componentCheckout .step3 .formGiftCardMessage textarea { height:80px;/*width:290px;*/} .templateWMC .componentCheckout .step3 .formPayment {background-color:#f2f2f2;margin-bottom:0px;padding-bottom:0px;} .templateWMC .componentCheckout .step3 .formPayment ul {margin-bottom:15px;padding-bottom:15px;border-bottom:1px dotted #999;} .templateWMC .componentCheckout .step3 .formPayment .acceptedCreditCards {position:absolute;padding:10px;width:165px; margin:17px 0 0 435px;text-align:center;background:#ddd;} .templateWMC .componentCheckout .step3 .formPayment .acceptedCreditCards p {margin-bottom:8px;} .templateWMC .componentCheckout .step3 .formPayment .acceptedCreditCards img {margin:0 5px;} .templateWMC .componentCheckout .step3 .formPayment .voucher {margin-right:25px;padding-right:25px;border-right:1px solid #ddd; background:url('/themes/wmc/images/wineMakers_sml.gif') no-repeat 145px 17px;} .templateWMC .componentCheckout .step3 table {width:100%;margin-bottom:0px;} .templateWMC .componentCheckout .step3 table h2 {font-family:Georgia,Times,"Times New Roman",serif;font-size:1.5em;font-weight:normal; padding-top:15px;color:#187d5d;} .templateWMC .componentCheckout .step3 table th {border-bottom:10px solid #f1f4d4;background:#f1f4d4;} .templateWMC .componentCheckout .step3 table td {background:#f1f4d4;} .templateWMC .componentCheckout .step3 table .colDesc {width:400px;} .templateWMC .componentCheckout .step3 table tr.shipping td { background-image:url('../images/bg/horizontalDot.gif'); background-repeat:repeat-x; background-position:0px 5px;} .templateWMC .componentCheckout .step3 table tr.total td {border-top:1px solid #d4d5b9; background-color:#EBECCC;} .templateWMC .componentCheckout .step3 li.ccNumber {width:300px;/*width:225px;*/} .templateWMC .componentCheckout .step3 li.ccExpiry {width:196px;} .templateWMC .componentCheckout .step3 li.ccExpiry .text, .templateWMC .componentCheckout .step3 li.ccCVV .text {/*width:90px;*/} .templateWMC .componentCheckout .step3 li.ccCVV .help {bottom:45px; left:-30px;} .templateWMC .componentCheckout .step3 li.myer span.myerStatus, .templateWMC .componentCheckout .step3 li.voucher span.voucherStatus {padding:0px 0px 0px 20px; color:#520707; background-image:url('../images/bg/voucherStatus.gif');} .templateWMC .componentCheckout .step3 li.myer {width:300px;padding:0px;background:url('/themes/wmc/images/myerLogo.gif') no-repeat 145px 23px; /*background:#dddddd url('../images/bg/myer.gif') no-repeat right bottom;*/} .templateWMC .componentCheckout .step3 li.myer .help {bottom:80px; right:-70px;} .templateWMC .componentCheckout .step3 li.voucher .excludedCategories {width:560px; background-color:#f3e0e0; border: solid 1px #C8C8C6; color:#520707; padding: 10px 20px 10px 20px; margin: 15px 0px 10px 0px;} .templateWMC .componentCheckout .step3 li.voucher .excludedCategories span {font-weight: bold; float: left; width: 82px; display:block;} .templateWMC .componentCheckout .step3 li.voucher .excludedCategories .right {float: left; padding: 0px; width:478px;} .templateWMC .componentCheckout .step3 li.voucher .excludedCategories .right li {float: left; padding: 0px; width:478px;} .templateWMC .componentCheckout .step3 li.voucher .excludedCategories .right ul li {margin: 0px; padding:0px 0px 4px 20px; background: url('../images/bg/bullet.gif') no-repeat 6px 5px;} .templateWMC .componentCheckout .step3 .confirmCheck {padding-bottom:10px;background:#f1f4d4;} .templateWMC .componentCheckout .step3 .cta {padding-top:30px;} /*step4 see invoice*/ /*****END OF COMPONENT.CSS***********************************************************************/ /*--------------------------------------------------------------------------*/ /*****SHADOWBOX*****/ /*--------------------------------------------------------------------------*/ #shadowbox_toolbar_inner div#shadowbox_nav_close a#close {width:28px; height:28px; background:transparent url('../images/shadowboxClose.png') no-repeat top left;} #shadowbox_content.html a {color:#520707;} #shadowbox_loading {background: #fff url('../images/shadowboxLoading.gif') no-repeat center center;} /*--------------------------------------------------------------------------*/ /*****FREIGHT INFO*****/ /*--------------------------------------------------------------------------*/ .freightInfoContent table th {background:#CEDDD8; color:#074C39;} .freightInfoContent table td {background:#E5EEEB;} /*--------------------------------------------------------------------------*/ /*****Forgotten Password*****/ /*--------------------------------------------------------------------------*/ .forgotPassword {padding: 20px;} .forgotPassword .message {padding: 10px 0px 0px 0px;} .forgotPassword .buttons {padding: 10px 0px 0px 0px;} .forgotPassword input.text {width: 300px;} /*--------------------------------------------------------------------------*/ /***** VOUCHER SECTION Added @ 14 December by Adrian *****/ /*--------------------------------------------------------------------------*/ .templateWMC .voucherPanel{width:671px;height:259px;background: url('../images/bg/voucherPanel.png') no-repeat left top; } .templateWMC .voucherPanel .amountPanel{color:White;padding-top:101px;padding-left:245px; font-size:45px; float:left; display:inline;} .templateWMC .voucherPanel .amountPanel span{display:block;width:140px;text-align:center;} .templateWMC .voucherPanel .amountInputPanel{display:block; float:left; display:inline; margin-top:53px; margin-left:85px; text-align:center; font-size:14px;} .templateWMC .voucherPanel .amountInputPanel span{font-size:30px;margin-top:10px; display:block;} .templateWMC .voucherPanel .amountInputPanel p{ margin-top:5px; font-size:11px;} .templateWMC .voucherPanel .amountInputPanel .amountInput{ width:122px; height:41px; border:solid 1px #c7c7c7; vertical-align:middle;font-size:30px; text-align:center;} .templateWMC .amountDetailPanel{width:668px; height:180px; background: url('../images/bg/voucherDetail.png') repeat-x left top; display:block; border:solid 1px #d6d6d6; } .templateWMC .amountDetailPanel h2{ font-family:Georgia, Arial, Helvetica; font-size:18px; font-weight:normal; width:100%; text-align:center; margin-top:9px;} .templateWMC .amountDetailPanel .left { display:block; float:left; width:330px; height:133px; } /* .templateWMC .amountDetailPanel .left span { display:inline; float:left; padding-top:3px; font-size:14px; font-family:Arial; margin-top:18px; width:121px; text-align:right; margin-right:10px; } */ .templateWMC .amountDetailPanel .left label { display:inline; float:left; padding-top:3px; font-size:14px; font-family:Arial; margin-top:18px; width:121px; text-align:right; margin-right:10px; } .templateWMC .amountDetailPanel .left .input { width:156px; height:23px; border:solid 1px #c7c7c7; display:inline; float:left; margin-top:18px; font-size:16px; } .templateWMC .amountDetailPanel .left .less { margin-top:8px; } .templateWMC .amountDetailPanel .left .lesser { margin-top:3px; } .templateWMC .amountDetailPanel .left .errorTop { margin-top:18px; } .templateWMC .amountDetailPanel .left hr { width:273px; margin-left:16px; background-color:#cccccc; height:1px; border:none 0px; display:block; float:left; margin-top:10px; } .templateWMC .amountDetailPanel .right { display:block; float:left; width:333px; height:133px; } /* .templateWMC .amountDetailPanel .right span { margin-top:20px; display:inline; float:left; margin-right:11px; font-size:14px; } */ .templateWMC .amountDetailPanel .right label { margin-top:20px; display:inline; float:left; margin-right:11px; font-size:14px; } .templateWMC .amountDetailPanel .right .message { margin-top:10px; width:236px; height:103px; display:inline; float:left; font-size:16px; } .templateWMC .amountDetailPanel .left .error { float: left; padding: 4px 0px 0px 6px; } .templateWMC .errorMsgImportant, .templateWMC div.errorMsg ul { padding-left: 20px; list-style-type:circle; } .templateWMC .voucherSubmit { border-style: none; border-color: inherit; border-width: 0px; width:96px; height:30px; text-align:center; color:White; font-size:14px; font-family:Arial; font-weight:normal; background: url('../images/bg/submitBtn.png') repeat-x left top; margin-left:272px; margin-top:20px; cursor:pointer; margin-bottom:56px; } .templateWMC .voucherTnCPanel { } .templateWMC .voucherTnCPanel h3 { font-weight:bold; font-size:12px; font-family:Arial; } .templateWMC .voucherTnCPanel li { list-style-type:decimal; margin-left:15px; margin-bottom:10px; font-size:12px; } .templateWMC .voucherTnCPanel hr { width:100%; border-top:dotted 1px black; border-bottom:none 0px; border-left:none 0px; border-right:none 0px; margin-top:15px; margin-bottom:15px; } .templateWMC .voucherTnCPanel .gray { color:#666666; } /*--------------------------------------------------------------------------*/ /*****COMPONENT SITE MAP*****/ /*--------------------------------------------------------------------------*/ .templateWMC .componentSitemap h2 {padding-bottom:10px; border-color:#BDBDBD;} .templateWMC .componentSitemap h3 a {color:#272E32;} .templateWMC .componentSitemap .quickTree {visibility:hidden;} .templateWMC .componentSitemap .tree li li {background:url('../images/bg/sitemapRootNode.gif') no-repeat 17px center; } .templateWMC .componentSitemap .tree li li.root {background:url('../images/bg/sitemapJustOne.gif') repeat-y 17px 0;} .templateWMC .componentSitemap .tree li li.root.last {background:none;} .templateWMC .componentSitemap .tree li li.last {background:url('../images/bg/sitemapLastRoot.gif') no-repeat 17px 0;} .templateWMC .componentSitemap .tree .expand {background:url('../images/bg/sitemapPlusMinus.gif') no-repeat 0px 0px; } .templateWMC .componentSitemap .tree .contract {background-position:0 -16px;} .templateWMC .componentSitemap .tree .expand:hover {cursor:pointer;} .templateWMC .componentSitemap .resource li a { color:#6c818e !important; font-size:0.85em !important; padding-bottom:1px;}