/* ----------------------------------------------- 2010 - Master Stylesheet Author: Finn Beales - finn@ruralandweb.com Version: 02/2010 CONTENTS: 1 Global classes 2 Global layout 3 Header 4 Footer 5 Homepage ----------------------------------------------- */ /* 1 Global super classes ----------------------------------------------- */ .group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } img { border-style:none; } a { color:#c00; text-decoration:none; } a:hover { color: rgba(204, 0, 0, .75); } a:visited { color: rgba(204, 0, 0, .75); } p { font-size:14px; margin:0; padding:0; line-height:20px; } p.small { font-size:12px; color:#666; } input, textarea, select { font:100% arial, sans-serif; vertical-align:middle; } form, fieldset { margin:0; padding:0; border:none; } underline { border-bottom:1px dotted #990000 } a.btn { height:21px; padding:4px 8px; color:#fff; background-color:#227d80; font:11px Arial, Helvetica, sans-serif; border:none; cursor:pointer; } /*a.button { height:21px; padding:4px 8px; color:#fff; background-color:#227d80; font:11px Arial, Helvetica, sans-serif; border:none; cursor:pointer; }*/ a.button-big { height:23px; color:#fff; background-color:#227d80; padding:10px; font:14px Geneva, Arial, Helvetica, sans-serif; border:none; cursor:pointer; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } a.button-standard { height:12px; color:#fff; background-color:#c00; padding:7px 10px; font:11px "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform:uppercase; font-weight:bold; cursor:pointer; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} a.button-big:hover, a.button-standard:hover, a.btn:hover { background: rgba(204, 0, 0, .75); } p.pdf { padding:10px 0 20px 0; } p.pdf a { background:url(/wales/hayfever/img/icon-pdf.gif) left top no-repeat; padding:0 0 0 40px; margin:0;} /* 2 Global layout ----------------------------------------------- */ body { font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; background-color:#fff; color:#333; } html, body { height:100%; margin:0; } #container { width:100%; min-height:100%; margin:0 auto; overflow:hidden; position:absolute; background:#fff url(/wales/hayfever/img/bg-page.gif) top center repeat-x; } #content { margin:0 auto; padding:0; width:960px; margin-top:170px; } div.wrapper { margin:0 auto; padding:0; width:100%; z-index:1; } /* 3 Header ----------------------------------------------- */ div#header { margin:0 auto; padding:0 10px; width:960px;overflow:hidden; z-index:1; } div#header a.btn-return-gbl { position:absolute; margin:10px 0 0 790px; background:url(/wales/hayfever/img/btn-return-global.gif) top left; width:155px; height:18px; display:block; text-indent:-9999px; cursor:pointer; } div#header a.btn-return-gbl:hover { background-position:bottom; } ul#nav { position:absolute; top:0; overflow:hidden; margin:93px 0 0 395px; padding:15px 0 0 0; width:960px; } ul#nav li { float:left; text-transform:uppercase; margin-right:20px; } ul#nav li a { font-size:20px; color:#333; } ul#nav li a:hover, ul#nav li a.selected { color:#C00;!important text-decoration:none; } h1#logo { position:absolute; margin:50px 0 0 0; background:url(/wales/hayfever/img/logo-hayfever.gif) no-repeat; width:322px; height:82px; display:block; text-indent:-9999px; cursor:pointer; } /* 4 Footer ----------------------------------------------- */ div#footer { margin:0 auto; padding:20px 0 10px; width:960px; overflow:hidden; background-color:#fff; } div#footer img { float:right; margin-top:40px; } div#footer p { text-align:left; font-size:11px; line-height:16px; margin:0 0 50px 0; } div#footer a { color:#333; border-bottom:1px dotted #666; } div#footer a:hover { color:#c00; border-bottom:none; } /* 5 Homepage ----------------------------------------------- */ div#hayfever { margin:0 auto; margin-top:10px; width:960px; overflow:hidden; } div#hayfever h2 span { color:#C00; } div#content-left { float:left; margin-right:27px; } div#content-right { float:left; width:607px; } div#news-panel { width:326px; background:#fff url(/wales/hayfever/img/bg-supbox-btm.gif) bottom left no-repeat; } div#news-panel h2 { font-size:30px; background:url(/wales/hayfever/img/bg-supbox-top.gif) top left no-repeat; padding:20px; } div#news-panel h3 { padding:0 20px 0 20px; text-transform:uppercase; font-size:18px; } div#news-panel h3:last-child { margin-top:30px; } div#news-panel p { padding:0 20px 9px 20px; } div#news-panel p:last-child { margin-bottom:20px; } div#news-panel img { margin:10px 20px 30px 20px; } div#mailing-frame { background:url(/wales/hayfever/img/bg-divider.jpg) bottom left no-repeat; padding-bottom:20px; } div#mailing-list { padding-bottom:40px; padding-left:10px; } div#mailing-list h2 { font-size:30px; text-transform:uppercase; margin:25px 0 20px 0; } div#mailing-list fieldset { margin:0; } div#mailing-list fieldset label { display:block; margin:0 0 3px 0; font-weight:bold; font-size:14px; } div#mailing-list input { width:200px; padding:5px; font-size:1em; border:none; background:#eee; margin:0 0 5px 0; border:1px solid #ccc; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; } div#mailing-list input:focus { background:#fff; outline:none; } div#mailing-list input.button { padding:5px 14px; color:#fff; border:1px solid #900; background:#c00; width:100px; margin-top:10px; } div#mailing-list input.button:hover { background: rgba(204, 0, 0, .75); cursor:pointer; } div#hayfever-club { width:326px; background:url(/wales/hayfever/img/bg-hayfever-club.jpg) bottom left no-repeat; margin-top:25px; } div#hayfever-club h2 { font-size:30px; text-transform:uppercase; } div#hayfever-club p { width:200px; margin:25px 0; } /* Slideshow */ #slider { clear:both; width: 607px; margin: 0 auto; position: relative; padding-top:10px; padding-right:10px; padding-bottom:10px; background:url(/wales/hayfever/img/bg-mainbox-top.gif) top left no-repeat; } .scroll { height: 360px; overflow: auto; position: relative; background:#fff url(/wales/hayfever/img/bg-mainbox-btm.gif) bottom left no-repeat;} .scrollContainer div.panel { height: 360px; width: 607px; padding:0 10px;} .scrollButtons { position: absolute; cursor: pointer;} .scrollButtons.left { left: 15px; top:390px; border:none; z-index:100; } .scrollButtons.right { display:none; } div#sales{ } div#sales img {border:none; } div.panel { width:600px; padding-right:30px; } div.panel img { float:right; margin:20px 20px 10px 10px; } div.panel h2 { font-size:24px; padding:26px 20px 20px 20px; text-transform:uppercase; } div.panel p { padding:0 20px 18px 20px; } div.panel a { font-size:18px; } div#welcome h2 { font-size:30px; padding:10px 0 10px 18px; text-transform:uppercase; color:#cc0000; } div#welcome p { font-size:12px; line-height:1.5em; padding-bottom:9px; } div#welcome a { font-size:12px; } div#welcome img { float:right; margin-left:20px; margin-bottom:20px; margin-right:30px; } div#picture-show { } div#picture-show ul { width:607px; padding-top:20px; padding-bottom:20px; background:url(/wales/hayfever/img/bg-picshow-ul.gif) top left no-repeat; overflow:hidden;} div#picture-show ul li.arrow { width:93px; height:93px; text-indent:-9999px; background:url(/wales/hayfever/img/bg-picshow-arrow.gif) top left no-repeat; margin:0 22px 0 15px; } div#picture-show ul li.arrow:hover { background-position:bottom; } div#picture-show ul li { width:108px; height:108px; float:left; background:url(/wales/hayfever/img/bg-picshow-li-a.gif) top left no-repeat; margin-top:-5px; margin-right:11px;} div#picture-show ul li img { margin:3px 0 0 4px; } div#picture-show ul li:hover { background-position:bottom; cursor:pointer; opacity: 0.9; } div#picture-show ul li a.selected { border:1px #900; } div#blog { width:607px; float:left; background:url(/wales/hayfever/img/bg-blog.jpg) bottom left no-repeat; margin-top:30px; padding-bottom:30px; } div#blog h2 { text-transform:uppercase; font-size:30px; margin-bottom:20px; } div#blog p { width:430px; margin-bottom:9px; } /* 5 Hay Fever Space ----------------------------------------------- */ div#intro-hayfever { } div#intro-hayfever h2 { font-size:36px; text-transform:uppercase; margin-bottom:20px; } div#intro-hayfever p { margin-bottom:18px; } div#intro-hayfever div { width:282px; float:left; } div#intro-hayfever img { float:left; } div#intro-hayfever img.hayfever-space { float:left; margin-left:15px; } div#attractions { background:url(/wales/hayfever/img/bg-div-attractions.jpg) bottom right no-repeat; padding-bottom:30px; } div#attractions ul { width:940px; overflow:hidden; margin-top:36px; background:url(/wales/hayfever/img/bg-ul-attractions.jpg) bottom left no-repeat; } div#attractions ul li { float:left; width:227px; background:url(/wales/hayfever/img/bg-attractions.gif) top left no-repeat; margin-right:10px; padding-bottom:50px;} div#attractions ul li img { margin:10px 0 0 8px; } div#attractions ul li h3 { margin-top:30px; margin-bottom:15px; text-transform:uppercase; font-size:24px; } /* 6 Outreach ----------------------------------------------- */ div#outreach { width:940px; overflow:hidden; } div#outreach ul { width:940px; overflow:hidden; margin-top:27px; } div#outreach ul li { float:left; width:455px; margin-right:20px; padding-bottom:0; background:url(/wales/hayfever/img/bg-attractions.gif) top right no-repeat;} div#outreach ul li.last { margin:0; } div#outreach ul li { font-size:24px; } div#outreach ul li h3 { text-transform:uppercase; margin-bottom:5px; } div#outreach ul li p { margin-bottom:18px; } div#outreach ul li img { float:right; margin:-25px 8px 20px 10px; } /* 6 Schools Programme ----------------------------------------------- */ #schools { width:940px; margin-top:20px; } #schools h2 { font-size:36px; text-transform:uppercase; margin-bottom:10px; } #schools h3 { font-size:24px; text-transform:uppercase; margin-bottom:10px; } #schools img { display: block; background:url(/wales/hayfever/img/bg-attractions.gif) top left no-repeat; padding:8px 8px 11px 8px; margin-bottom:20px; } #schools div { float:left; margin-right:40px; } #schools div.copy { width:600px; margin-right:0; margin-top:-12px; } #schools p { margin-bottom:18px; } #schools ul { list-style:disc; margin-bottom:18px; } #schools ul li { margin-bottom:9px; } /* 6 Hay Fever Club ----------------------------------------------- */ #hfclub { width:940px; background:url(/wales/hayfever/img/bg-hfclub-page.jpg) top right no-repeat; margin-top:20px; } #hfclub h2 { font-size:36px; text-transform:uppercase; margin-bottom:10px; } #hfclub img { display: block; background:url(/wales/hayfever/img/bg-attractions.gif) top left no-repeat; padding:8px 8px 11px 8px; margin-bottom:20px; } #hfclub div { float:left; margin-right:40px; } #hfclub div.join { width:342px; margin-right:0; margin-bottom:54px; margin-top:-12px; } #hfclub p { margin-bottom:18px; } #hfclub ul { list-style:disc; margin-bottom:18px; } #hfclub ul li { margin-bottom:9px; } /* 8 Scribblers ----------------------------------------------- */ div#scribblers iframe { margin-top:-70px; } /* 9 500 Words ----------------------------------------------- */ ul.judges li { margin-bottom:20px; } ul.judges li img { float:right; margin-left:10px; background:none; } /* COLOURS FOR THE PROGRAMME --------------------------------------------------*/ /* Page numbering */ div.page-numbers a:hover { background-color:#cc0000; color:#fff; text-decoration:none; } div.page-numbers a.active { background-color:#cc0000; color:#fff; } div#prog { margin:0 auto; margin-top:20px; padding:0; width:960px; overflow:hidden;} div#prog-list { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; } div#prog-list h1 { font-size:24px; color:#333; font-family:Georgia, "Times New Roman", Times, serif; } div#prog-list div.event { border-bottom:dashed 1px #999; } div#prog-list div.event h2 { font-size:24px; } div#prog-list div.event h3 { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:normal; font-size:14px; color:#000; } div#prog-list div.event div.key-info { font-size:12px; color:#333; } div#prog-list div.event p span.event-number { font-weight:bold; } div#prog-list div.event p span.event-time { font-weight:bold; } div#prog-list div.event p span.event-venue { font-weight:bold; } div#prog-list div.event p.sponsor { color:#999; font-size:11px; } div#prog-list div#event { margin:0 auto; margin-top:90px; padding:0; width:960px; overflow:hidden;} div#prog-event-wrapper { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; } div#prog-event-wrapper h2 { font-size:24px; text-transform:uppercase; } div#prog-event-wrapper h3 { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:normal; font-size:18px; color:#cc0000; } div#prog-event-wrapper div.key-info { font-size:12px; color:#000; font-weight:bold; } div#prog-event-wrapper img { border:1px solid #ccc; } div#prog-event-wrapper p.sponsor { color:#999; font-size:11px; } div#prog-event-wrapper a.back { color:#fff; background-color:#cc0000; font:11px Geneva, Arial, Helvetica, sans-serif; } div#prog-event-wrapper a.back:hover { text-decoration:none; background-color:#990000; } div.price span { clear:both; font-size:14px; color:#333; font-weight:normal; } span.variantprice { font-family: 'TradeGothicLTStdRegular'; } div.price div input { font-size:14px; } div.price div input.AddToCartButton { font-size:11px; } div.price span.soldOut { color:#cc0000; } div.price span.basketMessage { font-size:12px; color:#cc0000;} div.social { font-size:11px; border-top:dashed 1px #999; } div.social a:hover { text-decoration:none; } /* p.back-list a { font-size:11px;} p.back-list:hover a { text-decoration:none; border-bottom:none; color:#333; } p.back-list:hover span { color:#cc0000; } */ #quickbook-toggle-wrapper { -moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px; -moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px; border-radius:3px; } #quickbook-toggle-wrapper:hover { background-color:#e1e1e1; cursor:pointer; } #quickbook-toggle-wrapper:hover h3 { color:#cc0000; } #quickbook-toggle-wrapper span { font-size:11px; color:#C00; display:block; border:#eeeeee solid 1px; } #quickbook-toggle-wrapper span:hover { color:#000; } div#prog-nav-wrapper h3 { background-color:#eeeeee; -moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px; -moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px; border-radius:3px; padding:10px 10px; text-transform:uppercase; font-size:14px; color:#333; font-weight:bold; } div#prog-nav-wrapper div ul { border:#eeeeee solid 1px; } div#prog-nav-wrapper div#download a { border:#eeeeee solid 1px; } #prog-basket-wrapper div { border:#eeeeee solid 1px; } #prog-basket-wrapper table tr td.total { font-weight:bold; color:#000; font-family:Arial, Helvetica, sans-serif; } /* CHECKOUT PAGES --------------------------------------------------*/ div#checkout h2 { text-transform:uppercase; } div#pnlCouponError { background-color:#cc0000; } div#pnlCouponError p span { color:#fff; } span.errorLg { color:#cc000; font-size:100%; } table#basket tr th { font-size:12px; border-bottom:1px solid #ccc; background:#eee; text-align:left; background-color:#eee; } table#basket tr td img { border:none; } table#basket tr.alt td { background-color:#f8f7f7; } table#basket tr.checkout-btns td { border-bottom:none; } table#basket tr td p.total { font-size:18px; } div#basket-wrapper input#btnCheckOutNowBottom, div#basket-wrapper input#btnUpdateCart4, div#basket-wrapper input#btnContinueShoppingBottom { height:37px; margin:18px 0 27px 10px; padding:10px; font:14px Geneva, Arial, Helvetica, sans-serif; border:none; cursor:pointer;color:#fff; background-color:#cc0000; } div#basket-wrapper input#btnCheckOutNowBottom:hover, div#basket-wrapper input#btnUpdateCart4:hover, div#basket-wrapper input#btnContinueShoppingBottom:hover { background-color:#990000; } /* Extras / Donations /Coupons etc. */ table#basketExtras td { color:#666; } table#checkout-btns input { font:11px Geneva, Arial, Helvetica, sans-serif; color:#fff; background-color:#cc0000; border:none; cursor:pointer; } /* 2: CHECKOUT PAGE */ /* Wraps the error message */ div#pnlErrorMsg { background-color:#cc0000; color:#fff;} /* Wraps the sign in messgae on the checkout page */ div#pnlSignin { background:#eee url(images/checkout-arrow.gif) left top no-repeat; background-position:10px 10px; } /* Wraps address fields on the checkout page */ div.address-wrapper { background:#eee url(images/checkout-arrow.gif) left top no-repeat; background-position:10px 10px; } div.address-wrapper h3 { font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; color:#000; font-size:18px; margin:20px 0 10px 0; border-bottom:#ccc 6px solid; } div.address-wrapper table tr td { padding-bottom:20px; font-size:14px; } div.address-wrapper table tr td label { font-size:14px; color:#000; } div.address-wrapper table tr td input { border:1px solid #ccc; font-size:14px; } div.address-wrapper table tr td select { border:1px solid #ccc; font-size:14px; color:#333; } /* Wraps the Delivery options on the checkout page */ div#shipping-details-wrapper { background:#eee url(images/checkout-arrow.gif) left top no-repeat; background-position:10px 10px; } div#shipping-details-wrapper h3 { font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; color:#333; font-size:18px; border-bottom:#ccc 6px solid; } /* Wraps the payment details fields on the checkout page */ div#payment-details-wrapper { background:#eee url(images/checkout-arrow.gif) left top no-repeat; background-position:10px 10px; } div#payment-details-wrapper h3 { font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; color:#333; font-size:18px; border-bottom:#ccc 6px solid; } div#payment-details-wrapper table tr td { font-size:14px; } div#payment-details-wrapper table tr td label { font-size:14px; color:#000; } div#payment-details-wrapper table tr td input { border:1px solid #ccc; font-size:14px; color:#333; } div#payment-details-wrapper table tr td input#CardExtraCode { border:1px solid #ccc; font-size:14px; color:#333; } div#payment-details-wrapper table tr td input#CardIssueNumber { border:1px solid #ccc; font-size:14px; color:#333; } div#payment-details-wrapper table tr td select { border:1px solid #ccc; font-size:14px; color:#333; } div#payment-details-wrapper table tr td input.issue-number { border:1px solid #ccc; font-size:14px; color:#333; } div#payment-details-wrapper table tr td input.security-code { border:1px solid #ccc; font-size:14px; color:#333; } div#payment-details-wrapper table tr td.card-validity select { border:1px solid #ccc; font-size:14px; color:#333; } /* Checkout btn */ input#btnContinueCheckout { font:14px Geneva, Arial, Helvetica, sans-serif; border:none; cursor:pointer; color:#fff; background-color:#cc0000;} input#btnContinueCheckout:hover { text-decoration:none; background-color:#990000; } input#btnContinueCheckout1 { font:14px Geneva, Arial, Helvetica, sans-serif; border:none; cursor:pointer;color:#fff; background-color:#cc0000;} input#btnContinueCheckout1:hover { text-decoration:none; background-color:#990000; } /* 3: LOG IN */ div#login-wrapper h2, div#register-wrapper h2 { font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; color:#000; font-size:18px; margin:20px 0 10px 0; border-bottom:#ccc 6px solid; padding-bottom:18px; margin-bottom:20px; } div#login-wrapper table tr td span#Label3, div#login-wrapper table tr td span#Label2 { font-size:14px; } div#login-wrapper table tr td input { border:1px solid #ccc; font-size:14px; } div#login-wrapper table tr td input#PersistLogin { border:1px solid #ccc; height:12px; width:20px; font-size:14px; } table#login-form input#LoginButton { color:#fff; background-color:#cc0000; font: 11px Arial, Helvetica, sans-serif; border:none; cursor:pointer; } table#login-form input#LoginButton:hover { background-color:#990000;} table#forgot-password input#btnRequestNewPassword { color:#fff; background-color:#cc0000; font: 11px Arial, Helvetica, sans-serif; border:none; cursor:pointer; } table#forgot-password input#btnRequestNewPassword:hover { background-color:#990000; } /* 4: MY ACCOUNT ADD/EDIT ADDRESS */ div#saved-addresses-wrapper ul li span { color:#fff; } div#selected-address-wrapper table tr td { font-size:14px; color:#333; } div#selected-address-wrapper table tr td label { font-size:14px; color:#333; } div#selected-address-wrapper table tr td input { border:1px solid #ccc; font-size:14px; color:#333; } div#selected-address-wrapper table tr td select { border:1px solid #ccc; font-size:14px; color:#333; } div#selected-address-wrapper input#btnReturn, div#selected-address-wrapper input#btnCheckOut, div#selected-address-wrapper input#btnCheckOut { color:#fff; background-color:#cc0000; font: 11px Arial, Helvetica, sans-serif; border:none; cursor:pointer; } div#selected-address-wrapper input#btnSaveAddress, div#selected-address-wrapper input#btnDeleteAddress { font:14px Geneva, Arial, Helvetica, sans-serif; border:none; cursor:pointer;color:#fff; background-color:#cc0000; } div#selected-address-wrapper input#btnSaveAddress:hover, div#selected-address-wrapper input#btnDeleteAddress:hover, div#selected-address-wrapper input#btnReturn:hover, div#selected-address-wrapper input#btnCheckOut:hover, div#selected-address-wrapper input#btnCheckOut:hover { background-color:#990000; } /* 5: THANKS */ div#adspace-wrapper-2col { width:226px; float:left; margin-right:12px; border-top:#ccc 6px solid; margin-top:47px; } /* 6: REVIEW CONFIRM/DETAILS */ div#review-details p span { color:#000; font-weight:bold; } div#review-basket table tr td input { border:1px solid #ccc; } /* 6: PROBLEM WITH CARD */ div#pnlCreditCardPane input.PaymentPageContinueCheckoutButton { font:14px Geneva, Arial, Helvetica, sans-serif; border:none; cursor:pointer;color:#fff; background-color:#cc0000; } div#pnlCreditCardPane input.PaymentPageContinueCheckoutButton:hover { background-color:#990000; } /* 3.1: REGISTER PAGE */ div.register-details-wrapper { background:#eee url(images/checkout-arrow.gif) left top no-repeat; background-position:10px 10px; } div.register-details-wrapper h2 { font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; color:#000; font-size:18px; border-bottom:#ccc 6px solid; } div.register-details-wrapper table tr td label { font-size:14px; color:#000; } div.register-details-wrapper table tr td input { border:1px solid #ccc; font-size:14px; color:#333; } div.register-details-wrapper table tr td select { border:1px solid #ccc; font-size:14px; color:#333; } div.register-details-wrapper table tr td input.checkbox { border:1px solid #ccc; } /* ACCOUNT PAGES --------------------------------------------------*/ div#acc h2 { text-transform:lowercase; border-bottom:#ccc 6px solid; } /* My Account: Basic Info */ div#acc table tr th { background-color:#eee; padding-top:20px; border-top:#666; } div#basic-info table tr td label { font-size:14px; color:#000; } div#basic-info table tr td input { border:1px solid #ccc; font-size:14px; color:#333; } /* My Account: Order histories */ div#recurring-orders h3, div#order-history h3, div#mailing-prefs h3 { text-transform:uppercase; color:#000; font-size:18px; border-bottom:#ccc 6px solid; } /* My Account: Mailing Preferences */ div#mailing-prefs table tr td input.checkbox { border:1px solid #ccc; } div#acc-editaddress h2 { text-transform:lowercase; border-bottom:#ccc 6px solid; padding-bottom:18px; margin-left:226px; } div#edit-address table tr td label { font-size:14px; color:#000; } div#edit-address table tr td input {border:1px solid #ccc; font-size:14px; color:#333; } /*-------------------------------------------------- Set all button colours to Red --------------------------------------------------*/ /*.CartDeleteButton, .UpdateCartButton, .ContinueShoppingButton, .CheckoutNowButton, .PaymentPageContinueCheckoutButton, .ReviewPageContinueCheckoutButton, .ContinueCheckoutButton, .normalButtons, .SelectAddressButton, .EditAddressButton, .AccountPageContinueCheckoutButton, .UpdateAccountButton, .CreateAccount, .button, .ProductNavLink, .back { height:21px; color:#fff; background-color:#cc0000; font:11px Arial, Helvetica, sans-serif; border:none; cursor:pointer; padding:6px 8px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .CartDeleteButton:hover, .UpdateCartButton:hover, .ContinueShoppingButton:hover, .CheckoutNowButton:hover, .PaymentPageContinueCheckoutButton:hover, .ReviewPageContinueCheckoutButton:hover, .ContinueCheckoutButton:hover, .normalButtons:hover, .SelectAddressButton:hover, .AccountPageContinueCheckoutButton:hover, .UpdateAccountButton:hover, .CreateAccount:hover, .button:hover, .ProductNavLink:hover, .back:hover { text-decoration:none; background-color:#990000; } a.button-standard { height:21px; color:#fff; background-color:#cc0000; font:11px Arial, Helvetica, sans-serif; border:none; cursor:pointer; padding:6px 8px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } a.button-standard:hover { text-decoration:none; background-color:#990000; } input.btn { height:21px; color:#fff; background-color:#cc0000; font: 11px Arial, Helvetica, sans-serif; border:none; cursor:pointer; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } input.btn:hover { background-color:#990000; } input.button-standard, input.CartDeleteButton, input.AddToCartButton { height:24px; color:#fff; background-color:#cc0000; font:11px Arial, Helvetica, sans-serif; border:none; cursor:pointer; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } input.button-standard:hover, input.CartDeleteButton:hover, .AddToCartButton:hover { text-decoration:none; background-color:#990000; }*/ /* Mods according to skin */ #SignUpLink2 {margin-right:5px; margin-top:18px; } /* Buttons */ .CartDeleteButton, .UpdateCartButton, .ContinueShoppingButton, .CheckoutNowButton, .AddToCartButton, .PaymentPageContinueCheckoutButton, .ReviewPageContinueCheckoutButton, .ContinueCheckoutButton, .normalButtons, .SelectAddressButton, .EditAddressButton, .AccountPageContinueCheckoutButton, .UpdateAccountButton, .CreateAccount, .button, .ProductNavLink, .back, input.btn, a.button-standard, input.button-standard, input.CartDeleteButton, input.AddToCartButton, input.normalButtons, #SignUpLink2, a.button, a.ProductNavLink, input#btnCheckOutNowBottom, input#btnUpdateCart4, input#btnContinueShoppingBottom, input.btnSearch { display: inline-block; zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */ *display: inline; vertical-align: baseline; margin: 0 2px; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 11px/100% Arial, Helvetica, sans-serif; padding: .5em 2em .55em; color: #fff; border: solid 1px #cc0000; background: #cc0000; } .CartDeleteButton:hover, .UpdateCartButton:hover, .ContinueShoppingButton:hover, .CheckoutNowButton:hover, .AddToCartButton:hover, .PaymentPageContinueCheckoutButton:hover, .ReviewPageContinueCheckoutButton:hover, .ContinueCheckoutButton:hover, .normalButtons:hover, .SelectAddressButton:hover, .AccountPageContinueCheckoutButton:hover, .UpdateAccountButton:hover, .CreateAccount:hover, .button:hover, .ProductNavLink:hover, .back:hover, input.btn:hover, a.button-standard:hover, input.button-standard:hover, input.CartDeleteButton:hover, .AddToCartButton:hover, a.button:hover,a.ProductNavLink:hover, #SignUpLink2:hover, input#btnCheckOutNowBottom:hover, input#btnUpdateCart4:hover, input#btnContinueShoppingBottom:hover, input.btnSearch:hover { text-decoration: none; background: #990000; } .button:active, .CartDeleteButton:active, .UpdateCartButton:active, .ContinueShoppingButton:active, .CheckoutNowButton:active, .AddToCartButton:active, .PaymentPageContinueCheckoutButton:active, .ReviewPageContinueCheckoutButton:active, .ContinueCheckoutButton:active, .normalButtons:active, .SelectAddressButton:active, .AccountPageContinueCheckoutButton:active, .UpdateAccountButton:active, .CreateAccount:active, .button:active, .ProductNavLink:active, .back:active, input.btn:active, a.button-standard:active, input.button-standard:active, input.CartDeleteButton:active, .AddToCartButton:active, a.button:active,a.ProductNavLink:active, #SignUpLink2:active, input#btnCheckOutNowBottom:active, input#btnUpdateCart4:active, input#btnContinueShoppingBottom:active, input.btnSearch:active { position: relative; top: 1px; color: #fff; } /* #download { display:none; } */ /* .soldOutLink { display:none; } */ .soldOutLink { margin-top:10px; }