/**
* The core file for the entire site.
*
*
* CONTENTS
* -------------------------
* == includes
* =l layout
* =s specific
* =p products
* =t homepage tabs
* =mc mini-cart
* 
*/

/* == includes
--------------------------------------------------------------------------------------------------*/
/*
@import url(reset.css);
@import url(techniques.css);
@import url(typography.css);
@import url(navigation.css);
@import url(tables.css);
@import url(forms.css);
*/


/* =l layout
--------------------------------------------------------------------------------------------------*/
html {
    background-color: #404040;
}
body {
    background: #fff url(img/bg.repeat.jpg) repeat-x 0 0;
    color: #6e6d6e;
}
#container {
    position: relative; overflow: hidden;
    margin: 0 auto; padding-bottom: 10px;
    width: 993px;
    background: url(img/line.repeat.gif) repeat-y 198px 0;
}

#branding {
    overflow: hidden;
    background: url(img/bg.repeat.jpg) repeat-x 0 0;
}
#branding a {
    float: right;
    height: 85px; width: 200px;
    background-image: url(img/your-design-logo.gif);
}
#branding #delivery-banner,
#branding #delivery-banner a {
    float: none;
    height: 85px; width: 408px;
    padding: 0; margin: 0;
    background-image: url(img/delivery-banner.gif);
}


#content {
    position: relative; float: right;
    width: 742px;
    margin: 0 0 0 -3px; padding: 35px 20px 0;
    background: url(img/box.repeat.gif) repeat-y 0 100%;
}
/*
#page-heading, div.first, ul.first, form.first {
	margin-top: -256px; zoom: 1; position: relative;
}
*/
body.blog #page-heading {
    margin-top: -231px; zoom: 1; position: relative;
}
#page-messages {
    zoom: 1; position: relative; overflow: hidden; z-index: 500;
    min-height: 2em; _height: 2em;
    margin-top: -256px; margin-top: -274px; margin-bottom: 40px;
    text-indent: -9999px; line-height: 0.0; font-size: 0; /* Safari/Mac hyphen fix?! */
}
body.home #page-messages {display: none;}
#page-messages .message {
    position: relative; overflow: hidden; float: left; clear: left; width: 700px;
    padding: 5px 2em 5px 10px; margin: 0;
    border: 1px solid #AF3C79; border-top: 0;
    background-color: #E51680; color: #FFD7EC;
    text-indent: 0; line-height: 1.2; font-size: 12px;
}
#page-messages .message ul {
    margin-bottom: 0;
}
#container #page-messages .dismiss {
    position: absolute; top: 0; right: 0;
    display: block;
    padding: 4px 6px 5px 6px; margin: 0;
    color: #fff; text-decoration: none;	font-size: 20px; line-height: 1; text-align: right; text-indent: 0;
}
#page-messages .message a:link,
#page-messages .message a:visited,
#page-messages .message a:focus,
#page-messages .message a:hover,
#page-messages .message a:active {
    color: #fff;
}

#content-footer {
    overflow: hidden; position: relative; clear: right; float: right;
    width: 768px;
    padding: 25px 7px 12px; margin: 0 0 10px -3px;
    background: url(img/bar.small.with-footer.gif) no-repeat 0 0;
}

#content-footer h4 {
    float: left;
    height: 24px; width: 337px;
    background-image: url(img/payment-cards.gif);
}
#content-footer #drinkaware p {
    margin: 0;
}
#content-footer #drinkaware a {
    float: right;
    height: 24px; width: 128px;
    background-image: url(img/drinkaware.gif);
}

#footer {
    clear: both; zoom: 1;
    padding: 30px 0;
    color: #fff;
    background: #6a6a6a url(img/footer.repeat.gif) repeat-x 0 0;
}
#footer #sitemap {
    overflow: hidden;
    width: 780px;
    margin: 0 auto; padding-left: 214px;
}
#footer #sitemap ul {
    margin: 0; padding-left: 0;
    list-style: none;
    font-size: 0.9167em; /* 11px */
}
#footer #sitemap .column {
    float: left;
    width: 195px;
    margin-right: 0;
}
#footer #sitemap .three-quarter {
    float: left;
    width: 585px;
}

#copyright {
    padding: 7px 0;
    color: #808080; text-align: center; font-size: 1em;
    background-color: #404040;
}
#copyright p {
    margin-bottom: 0;
}


address.adr {}
address.adr strong,
address.adr span {
    display: block;
    font-weight: normal; font-style: normal;
}

.columns {
    margin: 0; padding: 0;
    list-style: none;
}
.column {
    float: left;
}
.double {
    width: 389px;
}
.third {
    width: 235px;
    margin-right: 15px;
}
.two-thirds {
    width: 280px;
}
.last {
    margin-right: 0;
}


/* =s specific
--------------------------------------------------------------------------------------------------*/
body.home #content {
    position: relative;
    width: 782px;
    padding: 0;
    background-image: none;
}
body.home #content-footer {
    padding: 14px 7px 13px;
    background: url(img/bar.small.gif) no-repeat 0 4px;
}
body.home #breadcrumb {
    padding-bottom: 0;
    background-image: none;
}
body.home #banner {
    overflow: hidden;
    width: 782px;
    margin: 3px 0 3px 0;
}
body.home #banner img {
    margin: 0;
}
body.home #banner img.static {
    float: left;
    margin-right: 6px;
}

#extra, #extra ul,
#about, #about .inner {
    background-image: url(img/box.half.gif);
}
#extra, #about {
    width: 359px;
    padding: 15px;
    background-position: 0 100%;
}
#about .inner,
#extra ul {
    margin: -15px -15px 0; padding: 15px 15px 0;
}
#about {
    width: 362px;
    padding-right: 12px
}
#about .inner {
    margin-right: -12px; padding-right: 12px;
}
#about .inner .scroll {
    overflow: auto; position: relative;
    height: 514px;
    padding-right: 10px;
    font-size: 0.9167em;
}
#extra {
    clear: left;
    margin-right: 4px;
}
#content #extra ul {
    list-style: none;
}
#content #extra li {
    width: 356px; clear: left;
    padding: 0 15px 15px 11px; margin: 0 -15px 15px -11px;
    background: url(img/fade.grey.hyphen.gif) repeat-x 0 100%;
}
#content #extra li.nogradient {
    background: none;
}
#content #extra li.l {
    margin: 0; padding: 0;
    border: 0; background-image: none;
}
#content #extra li.f {
    float: left; clear: left;
    margin-top: -10px;
}
#content #extra li a {			
    height: 64px;
}

#extra li#extra-predesign {
    margin: -4px -4px;
}

#extra li#extra-predesign a {
    background-image:url("img/pre-design.gif");
    height:88px;
    margin:-4px 0 0 -18px;
}
#extra li#extra-facebook a {
    background-image: url(img/facebook.gif);
    margin:9px 0 0 4px;
}

#extra li#extra-nextday a {
    background-image: url(img/extra.next-day.gif);
}
#extra li#extra-blog a {
    background-image: url(img/extra.blog.gif);
}
#extra li#extra-faqs a {
    background-image: url(img/extra.faqs.gif);
}
#extra li#extra-business-orders a {
    background-image: url(img/extra.business-orders.gif);
}


/* =p products
--------------------------------------------------------------------------------------------------*/
div.products {
    overflow: hidden; clear: both;
    margin: 0 -17px -1.5em; padding: 0 17px 0;
    background: url(img/fade.gray.gif) repeat-x 0 100%;
}
body:first-of-type div.products {
    margin-bottom: 0;
}
#content div.odd.product_item,
#content ul li.odd.product_item {
    margin: 0 -17px 0 0;
}
#content div.product_item,
#content ul li.product_item {
    overflow: hidden; float: left;
    width: 354px; height: 260px;
    padding: 25px 17px 20px 17px; margin: 0 0 0 -17px;
    background: url(img/fade.gray.gif) repeat-x 0 100%;
    background-color: #fff;
}

div.product_item p,
li.product_item p {
    font-size: 0.9167em; line-height: 1.3;
}
.products .odd {
    margin: 0 -17px 0 0;
    border: 0;
}
.product_item h3,
.product_item p.price {
    float: left;
    width: 174px;
    margin: 0;
    color: #4e4d4e; font-weight: bold;
    background-color: #fff;
}
#content .product_item p.price {
    margin: 3px 0; min-height: 0;
    font-weight: bold;
}
.product_item .inside {
    background: url(img/line.dotted.repeat.gif) repeat-y 100% 0;
    padding-right: 1px;
}
.last .inside,
body.category-landing .odd .inside,
body.error .odd .inside {
    background-image: none;
}
p.price strong {
    display: block;
    font-weight: normal; color: #6E6D6E; font-size: 0.7143em;
}
.product_item p {
    clear: left;
    margin-right: 190px;
}
.product_item .product_details {
    float: right; position: relative;
    margin: 0 5px 0 10px;
}
.product_item .product_details img {
    margin: -1.5em auto 5px;
    *margin-top: 0;
}
.product_item img,
img.product_image,
#business-orders-form ul.multiple label img {
    margin: 0 auto 5px;
    background-color: #fff; text-align: center;
}
.product_item .product_details p,
.category .product_item p {
    margin: 0;
    text-align: center;
}
.product_item p.start-designing {
    margin: 0.5em auto 0;
}
#content .product_item p.start-designing,
#content .product_item p.start-designing a {
    height: 35px; width: 114px;
    padding: 0;
    background-image: url(img/buttons.gif);
}
#content .hovered p.start-designing a,
#content .product_item p.start-designing a:focus,
#content .product_item p.start-designing a:active,
#content .product_item p.start-designing a:hover {
    background-position: 0 -70px;
}
p.welcome {
    margin-bottom: 0.25em;
}


/* =t homepage tabs
--------------------------------------------------------------------------------------------------*/
#product-tabs {
    position: relative; zoom: 1;
    margin: 8px 0 10px;
}
#product-tabs p {
    min-height: 3em; _height: 3em;
}
#product-tabs p.lede {
    display: none;
    min-height: 0;
}
#product-tabs .category {
    clear: left; width: 780px;
    padding-bottom: 7px; margin-bottom: 10px;
    background: url(img/box.footer-with-fade.gif) no-repeat 0 100%;
}
#product-tabs .category h2 {
    position: relative; z-index: 5;
    padding: 15px 20px 20px;
    background: url(img/box.header.small.gif) no-repeat 0 0;
}
#product-tabs .columns {
    overflow: hidden; zoom: 1;
    padding: 25px 3px 0; margin-top: -55px;
    background: url(img/box.repeat.gif) repeat-y 0 0;
}
#product-tabs .fade {
    height: 17px;
    margin: -17px 3px 0;
    background: url(img/fade.gray.gif) repeat-x 0 100%;
}
#content #product-tabs .product_item {
    width: 193px; height: 284px;
    margin: 0; padding-left: 0; padding-right: 0;
    text-align: center;
}
/*
#product-tabs .product_item p.start-designing {
	position: absolute; bottom: 16px; left: 50%;
	margin-left: -57px;
}
*/
#product-tabs .product_item h3,
#product-tabs .product_item p {
    padding: 0 10px;
    background-color: #fff;
}
#product-tabs .product_item h3,
#product-tabs .product_item p.price {
    float: none;
    width: auto;
    text-align: center;
}
#product-tabs .product_item p.price,
#product-tabs .product_item p.button {
    padding: 0;
}
#product-tabs .product_item h3 {
    height: 1.2em; overflow: hidden;
}
#product-tabs h1, #product-tabs h2, #product-tabs h3,
#product-tabs h4, #product-tabs h5, #product-tabs h6,
#product-tabs p, #product-tabs ul, #product-tabs ol {
    *position: static;
}

/* homepage tabs with JavaScript */
body.js #product-tabs {
    padding-top: 3px;
    background: url(img/box.header.small.gif) no-repeat 0 0;
}
#product-tabs .ui-tabs-container .columns {
    overflow: hidden;
    margin-top: 0; padding-top: 10px;
    background-image: none;
}
#product-tabs .ui-tabs-container .fade {}
#product-tabs .ui-tabs-container .category {
    margin-bottom: 0; padding-bottom: 0; margin: 0;
    background-image: none;
}
#product-tabs .ui-tabs-container {
    overflow: hidden; zoom: 1;
    background: url(img/box.footer-with-fade.gif) no-repeat 0 100%;
    padding-bottom: 7px;
    margin-top: -25px;
}
#product-tabs .ui-outer-container {
    zoom: 1;
    padding-top: 20px;
    background: url(img/box.repeat.gif) repeat-y 0 0;
}

#product-tabs .ui-tabs-nav-container,
#product-tabs ul.ui-tabs-nav {
    position: relative;
    background: url(img/tab.container.gif) no-repeat 0 0;
}
#product-tabs .ui-tabs-nav-container {
    margin: 0 5px;
}
#product-tabs ul.ui-tabs-nav {
    overflow: hidden;
    margin: 0 0 0 3px; padding-left: 0;
    background-position: 100% 0;
    list-style: none;
}
#product-tabs ul.ui-tabs-nav li {
    float: left;
    margin: 3px 2px 0 0; padding: 0;
}
#product-tabs ul.ui-tabs-nav li a,
#product-tabs ul.ui-tabs-nav li a span {
    display: block; zoom: 1;
    height: 29px;
    color: #fff; text-transform: uppercase; line-height: 29px; text-align: center;
    background: url(img/tab.gif) no-repeat 0 0;
    cursor: pointer;
}
#product-tabs ul.ui-tabs-nav li a {
    padding-left: 10px;
    background-position: 0 0;
}
#product-tabs ul.ui-tabs-nav li a span {
    padding-right: 10px;
    background-position: 100% 0;
}
#product-tabs ul.ui-tabs-nav li a span {
    background-position: 100% 0;
}
#product-tabs ul.ui-tabs-nav li.default a,
#product-tabs ul.ui-tabs-nav li.ui-tabs-selected a {
    color: #E51680;
    background-position: 0 -58px;
    cursor: text; text-decoration: none;
}
#product-tabs ul.ui-tabs-nav li.default a span,
#product-tabs ul.ui-tabs-nav li.ui-tabs-selected a span {
    color: #E51680;
    background-position: 100% -58px;
    cursor: text; text-decoration: none;
}

.ui-tabs-hide {
    display: none;
}
.ui-tabs-panel h2,
.ui-tabs-container h2 {
    display: none;
}


/* =mc mini-cart
--------------------------------------------------------------------------------------------------*/
#mini-cart,
#cms-logout {
    position: absolute; top: 17px; right: 8px; overflow: hidden;
    height: 23px;
    padding: 5px 0 0 10px;
    font-size: 0.9167em; line-height: 20px;
    background: #676767 url(img/breadcrumb.repeat.gif) repeat-x 0 0;
}
#mini-cart p,
#cms-logout p {
    float: left;
}
#mini-cart p,
#cms-logout p,
#mini-cart p a,
#cms-logout p a {
    color: #fff;
}
#mini-cart p.cart-items,
#cms-logout p {
    padding-left: 18px; margin: 0 10px 0 -2px;
    background: url(img/icon.cart.gif) no-repeat 0 4px;
}
#mini-cart p.cart-amount {
    margin: 0 7px 0 10px;
}
#mini-cart p.view {
    margin-top: -1px;
}
#mini-cart p.view,
#mini-cart p.view a {
    height: 20px; width: 36px;
    background-image: url(img/button.view.gif);
}
#cms-logout p {
    /*
		padding-left: 24px;
		background-image: url(img/icons/logout.png); background-position: 0 2px;
		*/
    padding-left: 2px;
    background-image: none;
}


/* category landing pages
--------------------------------------------------------------------------------------------------*/
body.category-landing #content-footer {
    background: url(img/bar.small.with-footer-fade.gif) no-repeat 0 0;
}
body.category-landing h2#page-heading,
body.category-landing .lede,
body.business-orders h2#page-heading,
body.business-orders .lede {
    position: relative;
    padding-right: 200px;
}
body.category-landing .lede,
body.business-orders .lede {
    margin-right: -6px;
}
body.category-landing .lede img,
body.business-orders .lede img {
    float: right; position: relative;
    display: inline;
    margin: -63px -211px 0 0; padding-left: 30px; *margin-top: -65px;
}
div.did-you-mean p {
    margin: 0;
}
body.category-landing #content {
    min-height: 0 !important;
}
body.category-landing .product_details {
    position: relative; z-index: 1;
}
body.category-landing .product_item .summary,
body.error .product_item .summary {
    clear: left; height: 200px;
    margin-right: 150px;
}
body.category-landing .product_item .summary p {
    float: none;
    margin-right: 0;
}
body.category-landing .product_details p {
    width: 160px;
}
body.category-landing .product_item .product_details img {
    margin-bottom: 25px;
}


/* privacy policy
--------------------------------------------------------------------------------------------------*/
#company-registered-details {
    margin-bottom: 1.5em;
}
#company-registered-details p {
    margin-bottom: 0;
}


/* contact
--------------------------------------------------------------------------------------------------*/
body.contact #contact-page {
    overflow: hidden;
}
body.contact #contact-form {
    float: left; clear: left;
    width: 360px; min-height: 300px; _height: 300px;
    padding-right: 25px;
    background: url(img/line.dotted.repeat.gif) repeat-y 100% 0;
}
body.contact #contact-address,
body.contact #company-registered-details {
    margin-left: 410px;
}
body.contact #contact-address h3 {
    display: none;
}
body.contact #contact-address address.adr strong {
    font-weight: bold;
}
body.contact #contact-address p.telephone {
    color: #E51680;
}
body.contact #contact-address p.telephone strong {
    display: block;
    margin-top: -3px;
    color: #4E4D4E; font-size: 1.35em; font-weight: normal;
}


/* delivery
--------------------------------------------------------------------------------------------------*/
body.delivery .note p {
    margin-bottom: 0;
}


/* AddThis
--------------------------------------------------------------------------------------------------*/
#addthis_dropdown15 {
    margin-top: -18px;
}
#footer img,
#at_share #addthis_services img {
    display: inline;
}
#addthis_dropdown15 table {
    margin-bottom: 0;
}
#at_share table {
    margin: 5px;
}
#addthis_dropdown15 table td,
#at_share #addthis_services th,
#at_share #addthis_services td {
    margin: 0; padding: 0;
    border: 0; vertical-align: middle;
}


/* account
--------------------------------------------------------------------------------------------------*/
p.account-register,
p.password-forgotten {
    margin-bottom: 0.25em;
}


/* sitemap
--------------------------------------------------------------------------------------------------*/
body.sitemap #content .products {
    background-image: none;
}
body.sitemap #content .category {
    float: left;
    width: 247px;
}
body.sitemap #content .category ul,
body.sitemap #content .pages ul {
    overflow: hidden;
    margin: 0 0 3em; padding: 0;
    list-style: none;
}
body.sitemap #content .product_item {
    float: none;
    width: auto; height: auto;
    padding: 0; margin: 0;
    background-image: none;
}
body.sitemap #content .category_bears,
body.sitemap #content .pages {
    width: 490px;
}
body.sitemap #content .category_bears ul li {
    float: left;
    width: 245px;
}
body.sitemap #content .category ul li a,
body.sitemap #content .pages ul li a {
    color: #4E4D4E; font-weight: normal;
}
body.sitemap #content .category_wines {
    clear: left;
}


/* third party apps
--------------------------------------------------------------------------------------------------*/
body.third-party-app #content div {
    overflow: hidden;
}
body.third-party-app #third-party-form {
    float: left;
    width: 260px;
}
body.third-party-app #content div.information {
    float: right; width: 450px;
}


/* links
--------------------------------------------------------------------------------------------------*/
body.links #content dl dd {
    margin-right: 50px;
}


/* design a mug
--------------------------------------------------------------------------------------------------*/
body.design-a-mug #content .product_item ul,
body.design-a-mug #content .product_item ul li {
    display: inline; float: none;
    width: auto; margin: 0;
}
body.design-a-mug #content .product_item {
    float: none; overflow: hidden;
    width: auto; height: auto;
    margin: 0; padding: 0;
    background-image: none;
}
body.design-a-mug #content div.lede {
    float: right;
    width: 230px;
}
body.design-a-mug #content div.lede p {
    clear: none; float: none;
    margin: 0 0 1em;
}
body.design-a-mug #content div.lede p.price {
    padding-left: 3px;
}
body.design-a-mug img.product_image {
    margin: 0; position: relative;
}
body.design-a-mug #content .category ul li a {
    color: #E51680
}


/* account
--------------------------------------------------------------------------------------------------*/
body.account #account-navigation {
    position: absolute; top: -226px; right: 20px; z-index: 20;
    width: 150px;
    text-align: right;
}
body.account #account-navigation ul {
    list-style: none;
}
body.account #account-navigation ul {
    list-style: none;
}
body.account #logged-user {
    margin-right: 150px;
}


/* cms
--------------------------------------------------------------------------------------------------*/
#homepage-image {
    overflow: hidden;
}
#homepage-image div.images {
    width: 240px;
    margin-left: 500px
}
#homepage-image div.images table th,
#homepage-image div.images table td,
#homepage-image div.images p {
    text-align: center;
}
#homepage-image div.images table img {
    width: 180px; height: 100%;
    margin: 10px auto;
}
body.cms #content h3 {
    margin-bottom: 0.25em;
}


body.cms #order-information {
    overflow: hidden;
    margin-top: 1.5em;
}
body.cms #order-information div.section {
    overflow: hidden;
    margin-top: 1.5em; margin-bottom: -1.5em; padding-top: 1.5em;
    border-top: 1px solid #ccc;
}
body.cms #user-details,
body.cms #order-details,
#cms-order-options-status-form,
#cms-order-options-note-form {
    float: left;
    width: 360px;
    padding-bottom: 1.5em;
}
body.cms #order-details {
    margin-left: 20px;
}
body.cms #order-details dl dt,
body.cms #order-details dl dd {
    margin: 0 0 5px;
}
body.cms #user-details p {
    margin: 0;
}
body.cms #user-details address {
    margin: 0.5em 0 1.5em;
}
body.cms #order-details dl dt {
    float: left;
    width: 120px;
}
body.cms #order-details dl dd {
    margin-left: 120px;
}
body.cms #order-details dl .delivery-address span {
    display: inline;
}
body.cms #order-delivery-type,
body.cms #order-login,
body.cms #order-options,
body.cms #order-items {
    clear: left;
}
body.cms #order-options {
    padding-left: 10px; padding-right: 10px;
}
body.cms #order-items {}

body.cms #order-items fieldset {
    border: solid 1px #BBB;
    padding: 2px;
}

body.cms #order-items fieldset legend {
    color: #E51680;
    font-weight: bold;
    padding: 2px;
}

#cms-order-options-status-form,
#cms-order-options-note-form,
#cms-order-options-reprint-form {
    padding-bottom: 0; margin-bottom: 0;
}
#cms-order-options-reprint-form {
    clear: left;
}

div#download-files {
    margin: 25px 0px 4px 0px;
    border-top: solid 1px #999999;
    background-color: #DDDDDD;
    padding: 4px;
}



/* checkout
--------------------------------------------------------------------------------------------------*/
#account-login-form, #content #registered-customers,
#content #new-customers,
#content #express-customers,
#content #reset-password {
    position: relative;
    min-height: 230px; _height: 230px;
    background: url(img/line.dotted.repeat.gif) repeat-y 100% 0;
}
body.account #container #content .columns .last,
body.checkout #container #content .columns .last,
body.cart #container #content .columns .last {
    background-image: none;
}

.create-account,
.continue-checkout,
#account-login-form input.button,
#reset-password input.button {
    position: absolute; bottom: 0;
    margin: 0;
}
.create-account, .create-account a,
.create-account, .create-account a,
.continue-checkout, .continue-checkout a,
#account-login-form input.button,
#checkout-postage-form .submit-fieldset input.button,
#checkout-voucher-form .submit-fieldset input.button,
#checkout-express-form .submit-fieldset input.button,
body.cart p.button, body.cart p.button a,
#protx-payment-continue input.button,
#account-forgotten-password-form .submit-fieldset input.button,
#account-forgotten-password-reset-form .submit-fieldset input.button,
#account-register-form .submit-fieldset input.button,
#account-register-address-form .submit-fieldset input.button,
form .submit-fieldset input.send {
    height: 35px; width: 218px; cursor: pointer;
    background: url(img/buttons.checkout.gif) no-repeat 0 0;
}
.create-account,
.create-account a {
    background-position: -218px 0;
}
.create-account a:focus,
.create-account a:hover {
    background-position: -218px -35px;
}
.create-account a:active {
    background-position: -218px -70px;
}
.continue-checkout,
.continue-checkout a {
    background-position: -436px 0;
}
.continue-checkout a:focus,
.continue-checkout a:hover {
    background-position: -436px -35px;
}
.continue-checkout a:active {
    background-position: -436px -70px;
}
#account-login-form input.button {}
#account-login-form input.button:focus,
#account-login-form input.button:hover {
    background-position: 0 -35px;
}
#account-login-form input.button:active {
    background-position: 0 -70px;
}

form .submit-fieldset input.send {
    width: 210px;
    background-position: -1960px 0;
}
form .submit-fieldset input.send:focus,
form .submit-fieldset input.send:hover {
    background-position: -1960px -35px;
}
form .submit-fieldset input.send:active {
    background-position: -1960px -70px;
}



/* account buttons
--------------------------------------------------------------------------------------------------*/
#checkout-voucher-form .submit-fieldset input.button,
#account-forgotten-password-reset-form .submit-fieldset input.button {
    width: 100px; position: relative;
    background-position: -1739px 0;
}
#checkout-voucher-form .submit-fieldset input.button:focus,
#checkout-voucher-form .submit-fieldset input.button:hover,
#account-forgotten-password-reset-form .submit-fieldset input.button:focus,
#account-forgotten-password-reset-form .submit-fieldset input.button:hover {
    background-position: -1739px -35px;
}
#checkout-voucher-form .submit-fieldset input.button:active,
#account-forgotten-password-reset-form .submit-fieldset input.button:active {
    background-position: -1739px -70px;
}

#checkout-postage-form .submit-fieldset input.button,
#checkout-express-form .submit-fieldset input.button,
#protx-payment-continue input.button {
    width: 108px; position: relative;
    background-position: -1524px 0;
}
#checkout-postage-form .submit-fieldset input.button:focus,
#checkout-postage-form .submit-fieldset input.button:hover,
#checkout-express-form .submit-fieldset input.button:focus,
#checkout-express-form .submit-fieldset input.button:hover,
#protx-payment-continue input.button:focus,
#protx-payment-continue input.button:hover {
    background-position: -1524px -35px;
}
#checkout-postage-form .submit-fieldset input.button:active,
#checkout-express-form .submit-fieldset input.button:active,
#protx-payment-continue input.button:active {
    background-position: -1524px -70px;
}

#account-forgotten-password-form .submit-fieldset input.button {
    width: 200px; position: absolute;
    background-position: -1090px 0;
}
#account-forgotten-password-form .submit-fieldset input.button:focus,
#account-forgotten-password-form .submit-fieldset input.button:hover {
    background-position: -1090px -35px;
}
#account-forgotten-password-form .submit-fieldset input.button:active {
    background-position: -1090px -70px;
}

#account-register-form .submit-fieldset input.button,
#account-register-address-form .submit-fieldset input.button {
    width: 200px; position: relative;
    background-position: -872px 0;
}
#account-register-form .submit-fieldset input.button:focus,
#account-register-form .submit-fieldset input.button:hover,
#account-register-address-form .submit-fieldset input.button:focus,
#account-register-address-form .submit-fieldset input.button:hover {
    background-position: -872px -35px;
}
#account-register-form .submit-fieldset input.button:active,
#account-register-address-form .submit-fieldset input.button:active {
    background-position: -872px -70px;
}


body.cart p.checkout {
    float: right;
}
body.cart p.checkout,
body.cart p.checkout a {
    width: 115px;
    background-position: -1307px 0;
}
body.cart p.checkout a:focus,
body.cart p.checkout a:hover {
    background-position: -1307px -35px;
}
body.cart p.checkout a:active {
    background-position: -1307px -70px;
}

body.cart p.empty-cart,
body.cart p.continue-shopping {
    float: left;
}
body.cart p.empty-cart,
body.cart p.empty-cart a {
    background-position: -654px 0;
}
body.cart p.empty-cart a:focus,
body.cart p.empty-cart a:hover {
    background-position: -654px -35px;
}
body.cart p.empty-cart a:active {
    background-position: -654px -70px;
}

body.cart p.continue-shopping,
body.cart p.continue-shopping a {
    width: 210px;
    background-position: -2175px 0;
}
body.cart p.continue-shopping a:focus,
body.cart p.continue-shopping a:hover {
    background-position: -2175px -35px;
}
body.cart p.continue-shopping a:active {
    background-position: -2175px -70px;
}



/* Opera was doubling the negative margin */
#page-messages::after {
    content: ' ';
    height: 0; width: 0;
    padding: 0; margin: 0;
    line-height: 0; font-size: 0;
}

/* used for highlighing text */
span.message {
    color: #E51680;
    font-weight: bold;
}

img.stag {
    background: url(/img/predesign/panel/stag.jpg) no-repeat scroll 0px 0px;
    width: 782px;
    height: 236px;

}
img.hen {
    background: url(/img/predesign/panel/hen.jpg) no-repeat scroll 0px 0px;
    width: 782px;
    height: 236px;
}
img.retro {
    background: url(/img/predesign/panel/retro.jpg) no-repeat scroll 0px 0px;
    width: 782px;
    height: 236px;
}
img.funny {
    background: url(/img/predesign/panel/funny.jpg) no-repeat scroll 0px 0px;
    width: 782px;
    height: 236px;
}
img.bestsellers {
    background: url(/img/predesign/panel/bestseller.jpg) no-repeat scroll 0px 0px;
    width: 782px;
    height: 236px;
}
img.hoodies {
    background: url(/img/predesign/panel/hoodies.jpg) no-repeat scroll 0px 0px;
    width: 782px;
    height: 236px;
}