/* Global Font Settings */ body, input, select, button { font-family: "Trebuchet MS", Verdana, Arial, sans-serif; color: #392526; } sup { position: relative ; top: -0.5em ; font-size: 65%; font-style: italic; } /* Footer Stick Alt */ html, body { height: 100%; } #container { position: relative; min-height: 100%; } #content { padding-bottom: 50px; } #siteinfo { position: relative; width: 969px; margin: -50px auto 0; height: 50px; } /* Global Styling */ body { background: #f5f1e6 url(../images/site/bg-body.png) repeat-y center top; } #container { width: 969px; margin: 0 auto; background: #ffffff; } #branding { height: 212px; background: #f5f1e6 url(../images/site/bg-branding.png) no-repeat left bottom; } #branding a { position: absolute; left: 10px; top: 34px; width: 165px; height: 165px; text-indent: -9999px; } #content { position: relative; min-height: 300px; margin-top: 36px; background: #ffffff url(../images/site/bg-content.png) repeat-x left top; } #content-clearfix { display: block; clear: both; height: 0; visibility: hidden; } #content-wrapper { float: right; width: 718px; } #content-main { float: left; margin: 15px 0 15px 0; width: 467px; } #content-supp { float: left; margin: 25px 0 25px 20px; width: 210px; } #siteinfo { background: #f5f1e6; } #siteinfo p { background: #9fa160; color: #ffffff; line-height: 24px; padding: 0 20px; } #siteinfo p a { color: #ffffff; font-weight: normal; } #siteinfo p a strong { font-weight: bold; } #siteinfo p a:hover { text-decoration: none; } #siteinfo p a:hover strong { text-decoration: underline; } #socialmedia { position: absolute ; right: 15px; top: 219px ; } #socialmedia span { float: left; font-size: 13px; line-height: 24px; } #socialmedia a { float: left; width: 24px; height: 24px; margin-left: 5px; opacity: 0.6; background: transparent url(../images/site/twitter-24x24.png) no-repeat left top; text-indent: -9999px; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } #socialmedia a#facebook { background-image: url(../images/site/facebook-24x24.png); } #socialmedia a:hover { opacity: 1.0; -webkit-box-shadow: 0 0 2px rgba(117, 120, 63, 0.65); -moz-box-shadow: 0 0 2px rgba(117, 120, 63, 0.65); -ms-box-shadow: 0 0 2px rgba(117, 120, 63, 0.65); -o-box-shadow: 0 0 2px rgba(117, 120, 63, 0.65); box-shadow: 0 0 2px rgba(117, 120, 63, 0.65); } /* Navigation: Main */ #navmain { position: absolute; left: 0; top: 212px; width: 969px; height: 36px; background: transparent url(../images/site/bg-navmain.png) repeat-x left top; } #navmain ul { margin: 0 0 0 19px; width: 913px; } #navmain li { float: left; margin-right: 3px; padding-right: 15px; list-style: none; background: transparent url(../images/site/bg-navmain-li.png) no-repeat right 14px; } #navmain li.last { background: none; margin-right: 0; padding-right: 0; } #navmain li a { display: block; height: 24px; margin: 6px 0; padding: 0 10px; line-height: 25px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; font-size: 1.4em; text-align: center; color: #4b2e28; } #navmain li.active a { background: transparent url("../images/site/bg-navmain-a.png") repeat-x left center; color: #ffffff; text-shadow: 0 0 2px rgba(117, 120, 63, 0.65); } #navmain li.active a:hover { text-decoration: none; cursor: default; } /* Navigation: Supplementary */ #navsupp { float: left; margin: 25px 0 25px 20px; width: 210px; } #navsupp h4 { height: 35px; line-height: 35px; padding: 0 12px; -moz-border-radius-topright: 11px; -webkit-border-top-right-radius: 11px; background: #4b2e28 url(../images/site/bg-navsupp-h4.png) no-repeat left top; color: #fff; font-size: 1.4em; } #navsupp ul, #navsupp ol, #navsupp div.nav-supp-content, #content form#frm-productsearch { margin-bottom: 10px; padding: 5px 0 8px; list-style: none; border: 1px solid #d0d1a7; border-top: none; background: #cbcf9e url(../images/site/bg-navsupp-ul.png) repeat-x left bottom; } #navsupp div.nav-supp-content { padding: 11px; } #navsupp div.nav-supp-content img { border: 1px solid #fff; } #navsupp div.nav-supp-content p { font-size: 1.1em; color: #4b2e28; margin-top: 1em; line-height: 1.3; } #navsupp div.nav-supp-content p a { color: #4b2e28; font-weight: bold; } #navsupp ul ul { margin: 0; border: none; background: #ffffff; } #navsupp li a { display: block; line-height: 15px; padding: 3px 11px 2px; color: #4b2e28; font-size: 1.1em; } #navsupp li.active a, #navsupp li a:hover { background: #9fa160; color: #ffffff; text-decoration: none; } #navsupp li.active li a, #navsupp li li a:hover { background: transparent; color: #4b2e28; } #navsupp li li a { padding-left: 25px; } #navsupp li.active li a:hover { background: transparent; font-weight: bold ; font-size: 1.2em ; } #navsupp li.active li.active a { background: transparent; color: #9fa160; font-weight: bold ; font-size: 1.3em ; } #content form#frm-productsearch { padding: 8px 10px ; } #content form#frm-productsearch .text { margin-bottom: 8px; } #content form#frm-productsearch .text input { width: 178px; font-size: 14px; } #content form#frm-productsearch .checkbox { float: left; margin: 0 7px 10px 0; } #content form#frm-productsearch .checkbox label { width: auto; margin: 3px 3px 0 0; } #content form#frm-productsearch .button { clear: left; margin: 0; } #content form#frm-productsearch .button input { margin-right: 0; } /* Basket sidebar */ #content-supp h4 { height: 35px; line-height: 35px; padding: 0 12px; -moz-border-radius-topleft: 11px; -webkit-border-top-left-radius: 11px; background: #4B2E28 url(../images/site/bg-navsupp-h4.png) no-repeat scroll left top; color: #fff; font-size: 1.4em; } #content-supp #quickbasket h4 { background: #4b2e28 url(../images/site/bg-content-supp-h4.png) no-repeat left top; } #content-supp .content-supp-text { margin-bottom: 10px; padding: 3px; border: 1px solid #d0d1a7; border-top: none; background: transparent url(../images/site/bg-content-supp-text.png) repeat-x left top; } #content-supp .quickbasket-item { overflow: hidden; } #content-supp ul { margin-left: 20px; } #content-supp h5 { font-size: 1.1em; line-height: 1.2; padding: 3px 5px; } #content-supp p, #content-supp ul { font-size: 1.1em; line-height: 1.3; padding: 3px 3px 5px; } #content-supp p.item-options { clear: left; font-style: italic; margin: 0 0 5px 7px; } #content-supp p.item-options { padding-top: 0; } #content-supp p.quickbasket-subtotals { overflow: hidden; margin-top: 3px; border-top: 1px solid #bec38d; } #content-supp p.quickbasket-subtotals span.subtotals-label { float: left; font-weight: bold; } #content-supp #quickbasket .select { float: left; margin-top: 6px; margin-bottom: 5px; } #content-supp #quickbasket .select select { font-size: 1.1em; width: auto; margin-left: 3px; } #content-supp #quickbasket .select span { float: left; margin-top: 6px; margin-left: 5px; font-size: 1.1em; } #content-supp span.qtyprice-subtotal { margin-top: 12px; margin-right: 3px; font-size: 1.1em; } #content-supp span.qtyprice-subtotal, #content-supp p.quickbasket-subtotals span.subtotals-value { float: right; font-weight: bold; } #content-supp #quickbasket .button { margin-bottom: 0; } #content-supp #quickbasket .button input { width: 202px; margin-top: 5px; margin-right: 0; padding-right: 34px; background: #b9ba8c url(../images/site/btn-proceed.png) no-repeat right top; } #content-supp a { font-weight: bold; color: #8F9150; } /* Typography */ #content-main h1, #content-main h2, #content-main h3, #content-main h4, #content-main h5 { margin-bottom: 0.5em; font-weight: bold; color: #4b2e28; } #content-main h1 { margin-top: 14px; margin-bottom: 9px; font-size: 1.8em; line-height: 1.5; } #content-main h2 { clear: left ; font-size: 1.6em; line-height: 1.5; } #content-main h3 { font-size: 1.5em; line-height: 1.5; } #content-main h4 { font-size: 1.4em; line-height: 1.5; } #content-main h5 { font-size: 1.3em; line-height: 1.5; } #content-main p, #content-main ol, #content-main ul { margin-bottom: 1em; font-size: 1.2em; line-height: 1.3; } #content-main ol, #content-main ul { margin-left: 30px; } #content-main ul ul, #content-main ul ol, #content-main ol ul, #content-main ol ol { font-size: 1em; } #content-main blockquote { clear: left; border: 1px solid #d0d1a7; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 15px 15px 0; margin-bottom: 1em; background: #f8f5ee; } #content-main a { color: #9ca25f; font-weight: bold; } #content-main a:hover { text-decoration: underline; } #content-main .picturebox { float: right; position: relative; } #content-main .picturebox img { display: block; margin: 0 0 10px 10px; border: 2px solid #d0d1a7; } #content-main table { width: 100%; border-collapse: collapse; margin-bottom: 10px; } #content-main th, #content-main td { font-size: 1.2em; line-height: 1.3; padding: 2px 5px; border: 1px solid #392526; } #content-main th { font-weight: bold; } #content-main td { } /* Default Form Styling */ #content form label { float: left; width: 147px; font-size: 1.1em; line-height: 1.3; margin-top: 3px; margin-left: 10px; } #content form .reqd label { font-weight: bold; } #content form .select label { margin-top: 4px; } #content form .text, #content form .select, #content form .multitext, #content form .datetime, #content form .checkbox, #content form .button { overflow: hidden; margin-bottom: 1em; } #content form .text input, #content form .select select, #content form .multitext textarea { float: left; width: 290px; padding: 2px 4px; border: 1px solid #b9ba8c; } #content form .multitext textarea { height: 100px; } #content form .select select { width: 300px; padding: 2px 2px; } #content form .datetime select { padding: 2px 2px; border: 1px solid #b9ba8c; } #content form .button input { float: right; height: 28px; margin-right: 10px; border: 1px solid #e3dedc; padding: 3px 8px; background: #b9ba8c; font-size: 1.4em; line-height: 1.0; color: #fff; font-weight: bold; cursor: pointer; text-align: left; } #content form button { border: 1px solid #e3dedc; padding: 1px 8px; background: #b9ba8c; font-size: 1.1em; line-height: 1.0; color: #fff; font-weight: bold; cursor: pointer; } #content form .checkbox input { float: left; margin: 3px 0 0; } #content form .text input, #content form .select select, #content form .multitext textarea, #content form .datetime .day, #content form .datetime .month, #content form .datetime .year, #content form .datetime .hour, #content form .datetime .minute, #content form .datetime .ampm { font-size: 1.1em; line-height: 1.3; } /* Page Specific: Home */ #home #promotionbox { position: relative; height: 85px; margin-top: 10px; padding: 30px 125px 10px 20px; background: transparent url(../images/site/bg-promotionbox.png) no-repeat left top; } #home #promotionbox h2 { margin-bottom: 0; color: #ffffff; font-size: 20px; font-weight: normal; } #home #promotionbox span.promotion-title { color: #ffffff; font-size: 14px; } #home #promotionbox span.promotion-price { color: #d0d1a7; font-size: 16px; } #home #promotionbox img { position: absolute; right: 12px; top: 12px; } #home #promotionbox a { position: absolute; left: 0; top: 0; width: 467px; height: 125px; text-indent: -9999px; } #home #loginbox .content-supp-text { height: 83px; } #home .homebox { float: left; width: 226px; margin: 10px 0 20px ; } #home .homebox h4 { height: 35px; line-height: 35px; margin-bottom: 0; padding: 0 12px; -moz-border-radius-topright: 11px; -webkit-border-top-right-radius: 11px; background: #4b2e28 url(../images/site/bg-navsupp-h4.png) no-repeat left top; color: #fff; font-size: 1.4em; } #home .homebox .box-content { min-height: 340px; padding: 10px 10px 1px ; border: 1px solid #d0d1a7; border-top: none; background: #cbcf9e url(../images/site/bg-navsupp-ul.png) repeat-x left bottom; } #home .homebox .box-content img { border: 1px solid #fff; margin-bottom: 8px ;} #home #whatsnew { position: absolute ; right: 21px ; top: 160px; width: 210px; } #home #whatsnew .box-content { min-height: 0; } #home #feature { margin-right: 15px; } /* Page Specific: Blog */ #blog-detail .pictures { float: right; width: 79px; margin: 0 0 10px 10px; } #blog-detail .pictures .picture { display: block; border: 2px solid #d0d1a7; } #blog-detail .pictures .picture img { display: block; } #blogcommentbox { border-top: 1px solid #d0d1a7; padding-top: 5px ; } /* Page Specific: Gallery */ #picturegallery { overflow: hidden; } #picturegallery .gallery-item { float: left; position: relative; width: 226px; height: 169px; margin-bottom: 15px; } #picturegallery .gallery-item.odd { clear: left; } #picturegallery .gallery-item.even { margin-left: 15px; } #picturegallery .gallery-item img { margin-left: 1px; margin-top: 1px; } #picturegallery .gallery-item a { position: absolute; left: 0; top: 0; width: 206px; height: 149px; padding: 10px; text-indent: -9999px; background: transparent url(../images/site/bg-gallery-zoom.png) no-repeat left top; color: #ffffff; text-shadow: #000000 1px 1px 2px; } #picturegallery .gallery-item a:hover { text-indent: 0; text-decoration: none; background-position: left -169px; } /* Page Specific: Search */ #searchController { overflow: hidden; margin-bottom: 10px; } #searchController a { float: left; width: 171px; } #searchController a:hover { text-decoration: none; } #searchController a#searchForTeas { margin-left: 15px; } #content-main #doCoffeeTagSearch, #content-main #doTeaTagSearch { padding-right: 34px; background: #b9ba8c url(../images/site/btn-proceed.png) no-repeat right top; } #content-main .taglist { font-size: 1.3em; margin: 0 10px 1em; } #content-main .taglist a { text-decoration: underline; font-weight: bold; } #content-main .taglist a.notmatchedTag { opacity: 0.5; text-decoration: none; font-weight: normal; } /* Page Specific: Shop Listing */ #shop-list .price { position: absolute; right: 10px; top: 1px; font-size: 12px; } #shop-list .roasts { margin-top: -9px; background: #efe5d8; padding: 5px 10px; text-align: right; font-style: italic; } #shop-list .product { clear: both; } #shop-list .listing-picture { float: left; } #shop-list .listing-picture img { display: block; margin: 0 10px 10px 0; border: 2px solid #d0d1a7; } #shop-list .product-moreinfo { overflow: hidden; margin-bottom: 10px; } #shop-list .product-moreinfo a { float: right; height: 28px; border: 1px solid #e3dedc; padding: 0 34px 0 10px; background: #b9ba8c url(../images/site/btn-proceed.png) no-repeat right top; font-size: 15px; font-weight: bold; color: #ffffff; line-height: 28px; font-weight: normal; text-decoration: none; } /* Page specific: Shop Intro Boxes */ #introboxes { clear: both ; margin-top: 1.5em ; padding-top: 1em ; } #introboxes .introbox { position: relative; float: left ; width: 225px ; margin-bottom: 20px; } #introboxes .introbox:nth-of-type(odd) { margin-right: 17px ; } #introboxes .introbox h2 { height: 35px; line-height: 35px; padding: 0 12px; margin: 0 ; -moz-border-radius-topright: 11px; -webkit-border-top-right-radius: 11px; background: #4b2e28 url(../images/site/bg-navsupp-h4.png) no-repeat left top; color: #fff; text-transform: uppercase; font-size: 1.4em; } #introboxes .introbox-content { border: 1px solid #D0D1A7; padding: 10px 10px 5px ; background: #CBCF9E url("../images/site/bg-navsupp-ul.png") repeat-x left bottom ; } #introboxes .introbox-content img { border: 1px solid #fff ; margin-bottom: 10px ; } #introboxes .introbox-content p { font-size: 1.1em !important ; } #introboxes p.introbox-link { position: absolute; left: 0; top: 0; } #introboxes p.introbox-link a { display: block; width: 225px; height: 300px; text-indent: -9999px; background: url(../); } /* Page Specific: Shop Detail */ #shop-item .price { position: absolute; right: 10px; top: 1px; font-size: 12px; } #shop-item form#item-options { padding: 10px 0 0; background: transparent url(../images/site/bg-h2.png) repeat-x left top; } #shop-item #item-picture { float: left; } #shop-item #item-picture img { display: block; margin: 0 10px 10px 0; border: 2px solid #d0d1a7; } #shop-item #item-picture .clicktozoom { margin-top: -5px; font-size: 10px; font-style: italic; text-align: center; } #shop-item form#item-options { clear: both; } #shop-item form#item-options .select { margin-left: 222px; } #shop-item form#item-options .select label { width: 65px; padding-right: 10px; text-align: right; } #shop-item form#item-options .select select { width: 150px; } #shop-item form#item-options .button input { padding-right: 34px; background: #929359 url(../images/site/btn-proceed-strong.png) no-repeat right top; } #shop-item #relatedproductsandtags { overflow: hidden; margin-top: 10px; padding: 0; background: transparent url(../images/site/bg-relatedproductsandtags.png) no-repeat left bottom; } #shop-item #relatedproductsandtags div { float: left; width: 233px; } #shop-item #relatedproductsandtags div#related-products { width: 234px; } #shop-item #relatedproductsandtags h3 { height: 29px; padding: 8px 0 0 40px; background: transparent url(../images/site/bg-relatedproductsandtags-h3.png) no-repeat left top; color: #ffffff; font-weight: normal; } #shop-item #relatedproductsandtags div#related-tags h3 { background-position: -234px top; } #shop-item #relatedproductsandtags ul { list-style: none; margin-left: 18px; } #shop-item #relatedproductsandtags li { padding-left: 22px; background: transparent url(../images/site/bg-relatedproductsandtags-li.png) no-repeat left 3px; } /* Page Specific: Basket */ #shop-basket .price { float: right; margin-top: 1px; padding-right: 10px; font-size: 12px; } #shop-basket .list-item { position: relative; overflow: hidden; margin-bottom: 10px; border-bottom: 1px solid #bec38d; } #shop-basket .list-item .item-options { float: left; margin-top: 3px; margin-left: 10px; font-style: italic; } #shop-basket .list-item .select { float: right; width: 130px; position: absolute; top: 7px; right: 10px; } #shop-basket .list-item .select select { width: auto; } #shop-basket .list-item .select span { float: right; margin: 4px 0 0 5px; font-size: 1.1em; line-height: 1.3; color: #ffffff; } #shop-basket .list-item p.price { float: right; clear: right; padding-top: 1px; font-size: 1.3em; font-weight: bold; } #shop-basket .list-item .button { float: right; clear: right; } #shop-basket .list-item .button input { width: 102px; background: #b9ba8c url(../images/site/btn-remove.png) no-repeat left top; text-align: right; } #shop-basket #basket-totals { text-align: right; padding: 0 10px; } #shop-basket #basket-totals p, #shop-basket #basket-totals ul { font-size: 1.3em; margin-left: 0; } #shop-basket #basket-totals li { overflow: hidden; list-style: none; margin-bottom: 1px; padding-bottom: 2px; } #shop-basket #basket-totals li span { float: left; } #shop-basket #basket-totals li strong { float: right; } #shop-basket #basket-totals li.total { border-top: 1px solid #BEC38D ; padding-top: 4px ; } #shop-basket #basket-actions .button input#update { float: left; margin-left: 10px; width: 139px; background: #b9ba8c url(../images/site/btn-refresh.png) no-repeat left top; text-align: right; } #shop-basket #basket-actions .button input#tryCheckout { width: 155px; background: #929359 url(../images/site/btn-proceed-strong.png) no-repeat right top; } #shop-basket p#discountnote { font-size: 1em ; } #shop-basket #alsosell { overflow: hidden; margin-top: 18px; padding: 0; background: transparent url(../images/site/bg-basketalsosell.png) no-repeat left bottom; } #shop-basket #alsosell div { float: left; width: 233px; } #shop-basket #alsosell div#related-products { width: 234px; } #shop-basket #alsosell h3 { height: 29px; padding: 8px 0 0 40px; background: transparent url(../images/site/bg-basketalsosell-h3.png) no-repeat left top; color: #ffffff; font-size: 1.4em; font-weight: normal; } #shop-basket #alsosell p { margin: 10px 18px ; } #shop-basket #alsosell ul { list-style: none; margin-left: 18px; } #shop-basket #alsosell li { padding-left: 22px; background: transparent url(../images/site/bg-relatedproductsandtags-li.png) no-repeat left 3px; line-height: 18px; } #shop-basket #alsosell li a { color: #626329;} #shop-basket p#continue-shopping { margin: 1.5em 0 0 10px ; } /* Page Specific: Checkout */ #checkout #ordereditlink { display: none; } #checkout form fieldset { border: 1px solid #d0d1a7; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 15px 15px 0; margin-bottom: 1em; background: #f8f5ee; } #checkout form label { margin-left: 0; } #checkout form .checkbox label { margin-right: 5px; width: auto; } #checkout form .checkbox #noissueflag, #checkout form .checkbox #agreetc { margin-right: 10px; } #checkout form .text input, #checkout form .multitext textarea { width: 268px; } #checkout form .select select { width: 278px; } #checkout form span { clear: left; float: left; width: 268px; margin-left: 153px; margin-top: 4px; padding-left: 14px ; background: transparent url(../images/site/checkout-span.png) no-repeat left 3px ; font-style: italic; font-size: 1.1em; line-height: 1.3; } #checkout form .button input { width: auto; padding-right: 34px; background: #b9ba8c url(../images/site/btn-proceed.png) no-repeat right top; } #checkout #checkPromotion { float: right; width: 135px; height: 28px; margin-top: -34px; margin-right: 10px; border: 1px solid #e3dedc; padding: 3px 8px; background: #b9ba8c url(../images/site/btn-proceed.png) no-repeat right top; font-size: 1.4em; line-height: 1.0; color: #fff; font-weight: bold; cursor: pointer; text-align: left; } #checkout .error { border: none; background: none; padding: 0; color: #f00; } #checkout .error p.error { background: transparent url(../images/site/icon-error.png) no-repeat left top; padding-left: 24px; } #checkout form .error label, #checkout form .error span { font-weight: normal; } #checkout #qas-container { margin-top: 30px; margin-bottom: 30px; } #checkout #qas-container input#qas-postcode { width: 50px; margin-right: 10px; } #checkout #qas-container select#qas-match { width: 160px; margin-right: 10px; } #checkout #qas-container button { background: #929359; } #checkout #qas-container #qas-working { padding-left: 22px; background: transparent url(../images/site/bg-checkout-qas-working.gif) no-repeat left top; } /* Page Specific: Free Samples */ #freesamplescta { overflow: hidden; margin-top: 10px; padding: 0; background: transparent url(../images/site/bg-freesamplescta.png) no-repeat left bottom; } #freesamplescta h3 { height: 29px; padding: 8px 0 0 40px; background: transparent url(../images/site/bg-freesamplescta-h3.png) no-repeat left top; color: #ffffff; font-weight: normal; } #freesamplescta ul { list-style: none; margin-left: 18px; } #freesamplescta li { padding-left: 22px; background: transparent url(../images/site/bg-relatedproductsandtags-li.png) no-repeat left 3px; } /* Page Specific: Member History */ #shop-basket .list-item .item-matches { margin-top: -9px; background: #efe5d8; padding: 5px 10px; font-style: italic; font-size: 0.91em; } #shop-basket .list-item .item-matches p, #shop-basket .list-item .item-matches ul { margin-bottom: 0; } #account #shop-basket .list-item .item-options { margin-top: 10px; } #account #shop-basket .list-item p.price { padding-top: 8px; } #account #shop-basket .price { font-size: 15px; } /* Page Specific: A to Z Listing */ #atozlist .weightselect { text-align: right; } #atozlist .weightselect select { margin-left: 5px; text-align: left; line-height: inherit; } #content-main #atoz-list { clear: right; list-style: none; margin-left: 0; } #content-main #atoz-list li { position: relative; padding: 2px; border-bottom: 1px dashed #392526; } #content-main #atoz-list .atoz-price { position: absolute; right: 2px; } /* Page Specific: Account Pages */ #signinBox, #frmUpdateDetails, #frmChangePW, #frmForgottenPW, #frmCreateAccount { border: 1px solid #d0d1a7; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 15px 15px 0; margin-bottom: 1em; background: #f8f5ee; } #content #signinBox label, #content #frmUpdateDetails label, #content #frmChangePW label, #content #frmForgottenPW label { margin-left: 0; } #content #signinBox .text input, #content #signinBox .select select, #content #signinBox .multitext textarea, #content #frmUpdateDetails .text input, #content #frmUpdateDetails .select select, #content #frmUpdateDetails .multitext textarea, #content #frmChangePW .text input, #content #frmChangePW .select select, #content #frmChangePW .multitext textarea, #content #frmForgottenPW .text input, #content #frmForgottenPW .select select, #content #frmForgottenPW .multitext textarea, #content #frmCreateAccount .text input, #content #frmCreateAccount .select select, #content #frmCreateAccount .multitext textarea { width: 258px; } #signinBox #loginTry, #frmUpdateDetails #updateDetails, #frmChangePW #changePW, #frmForgottenPW #loginForgotPW { padding-right: 34px; background: #929359 url(../images/site/btn-proceed-strong.png) no-repeat right top; } #signinBox #forgottenpassword { float: right; height: 20px; margin-right: 10px; padding: 3px 8px; line-height: 22px; border: 1px solid #e3dedc; background: #b9ba8c; font-size: 14px; color: #ffffff; font-weight: bold; } #checkout #signin fieldset { padding-bottom: 38px; } #signin #doSignIn { margin-right: 26px; width: 125px; background: #929359 url(../images/site/btn-proceed-strong.png) no-repeat right top; } #signin .button { margin-top: -49px; } #forgotpassword a, a#newcustomerlink { float: left; height: 20px; margin: -38px 0 2em 15px; padding: 3px 8px; line-height: 22px; border: 1px solid #e3dedc; background: #b9ba8c; font-size: 14px; color: #ffffff; font-weight: bold; } a#newcustomerlink { float: left ; margin: 0 ; padding-right: 35px ; background: #929359 url(../images/site/btn-proceed-strong.png) no-repeat right top; } /* Misc Styles */ .coffees, .teas, .accessories, .gift_boxes { position: relative; display: block !important; color: #ffffff !important; font-weight: bold !important; } .coffees a, .teas a, .accessories a, .gift_boxes a { color: #ffffff !important; font-weight: normal !important; } .withgraphic { height: 35px !important; padding: 0 0 0 55px !important; font-size: 16px !important; color: #ffffff !important; line-height: 35px !important; font-weight: normal !important; } .toolong { font-size: 13px !important; letter-spacing: -1px !important; } .coffees { background: #776056 !important; } .coffees.withgraphic { background: #776056 url(../images/site/title-coffee2.png) no-repeat left top !important; } .teas { background: #42a578 !important; } .teas.withgraphic { background: #42a578 url(../images/site/title-tea2.png) no-repeat left top !important; } .accessories { background: #996f90 !important; } .accessories.withgraphic { background: #996f90 url(../images/site/title-accessories3.png) no-repeat left top !important; } .gift_boxes { background: #6699cc !important; } .gift_boxes.withgraphic { background: #6699cc url(../images/site/title-giftboxes3.png) no-repeat left top !important; } .errorheader, .error { border: 2px solid #f00 ; color: #f00 ; background-color: #fee ; padding: 10px 10px 0 ; font-weight: bold ; -moz-border-radius: 8px; -webkit-border-radius: 8px; } .errorheader { padding-bottom: 10px; } #content-main .error h2 { background: none; padding: 0; color: #a00; } .success { border: 2px solid #060 ; color: #060 ; background-color: #efe ; padding: 10px 10px 0; font-weight: bold ; -moz-border-radius: 8px; -webkit-border-radius: 8px; }