/* ------------------------------------------------------------- */
/* layout-ecommerce.css                                          */
/* CSS file containing override styles for Daddy and Mummy bear  */
/* Issue 1.8 - 3-Nov-2017 - VLD                                  */
/* ------------------------------------------------------------- */

/* ------------------------------------------------------------- */
/* DADDY BEAR                                                    */
/* Represents the widest format normally used on desktop dispays */
/* ------------------------------------------------------------- */



/* ---------------------- HEADER -------------------- */

/* Basket */
header .utilities ul.basket{margin-left:10px}
header .utilities .basket li{margin:0; margin-left:5px}
header .utilities .basket .basket{width:28px; height:28px; background:transparent url(/images/design/image-matrix.png) no-repeat -280px 0}



/* ---------------------- CAROUSEL -------------------- */

#carousel {float:left; width:100%; position:relative; height:auto; margin:0; padding:0; text-align:center; border:none}
#carousel h3{float:left; width:100%; height:40px; margin:0; display:block; font-size:1em; text-align:center; text-transform:uppercase; line-height:40px; color:#FFF; background:#144169}

.jcarousel-skin-featuredproducts .jcarousel-container {float:left; width:100%; margin:0; border:none}
.jcarousel-skin-featuredproducts .jcarousel-direction-rtl {direction: rtl}
.jcarousel-skin-featuredproducts .jcarousel-container-horizontal {float:left; width:870px; height:102%; padding:12px 33px}
.jcarousel-skin-featuredproducts .jcarousel-clip {overflow:hidden}
.jcarousel-skin-featuredproducts .jcarousel-clip-horizontal {width:870px}
.jcarousel-skin-featuredproducts .jcarousel-item {width:164px}
.jcarousel-skin-featuredproducts .jcarousel-item-horizontal {margin:0 5px}
.jcarousel-skin-featuredproducts .jcarousel-direction-rtl .jcarousel-item-horizontal {margin:0}
.jcarousel-skin-featuredproducts .jcarousel-item-placeholder {background:#fff; color:#000}

.jcarousel-skin-featuredproducts .jcarousel-next-horizontal {position:absolute; top:95px; right:0; width:25px; height:40px; cursor:pointer; background:url(/images/design/image-matrix.png) no-repeat -75px -96px}
.jcarousel-skin-featuredproducts .jcarousel-direction-rtl .jcarousel-next-horizontal {left:5px; right:auto; background-image:url(https://cdn.server1tagnia.com/JS-Core/jCarousel/0.2.8/skins/tango/prev-horizontal.png)}
.jcarousel-skin-featuredproducts .jcarousel-next-horizontal:hover,
.jcarousel-skin-featuredproducts .jcarousel-next-horizontal:focus {background-position:-50px -96px}
.jcarousel-skin-featuredproducts .jcarousel-next-horizontal:active {background-position:-50px -96px}
.jcarousel-skin-featuredproducts .jcarousel-next-disabled-horizontal,
.jcarousel-skin-featuredproducts .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-featuredproducts .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-featuredproducts .jcarousel-next-disabled-horizontal:active {cursor:default; background-position:-327px -51px}
.jcarousel-skin-featuredproducts .jcarousel-prev-horizontal {position:absolute; top:95px; left:0; width:25px; height:40px; cursor:pointer; background:url(/images/design/image-matrix.png) no-repeat 0 -96px}
.jcarousel-skin-featuredproducts .jcarousel-direction-rtl .jcarousel-prev-horizontal {left:auto; right:5px; background-image:url(https://cdn.server1tagnia.com/JS-Core/jCarousel/0.2.8/skins/tango/next-horizontal.png)}
.jcarousel-skin-featuredproducts .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-featuredproducts .jcarousel-prev-horizontal:focus {background-position:-25px -96px}
.jcarousel-skin-featuredproducts .jcarousel-prev-horizontal:active {background-position:-25px -96px}
.jcarousel-skin-featuredproducts .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-featuredproducts .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-featuredproducts .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-featuredproducts .jcarousel-prev-disabled-horizontal:active {cursor:default; background-position:-306px -51px}

.jcarousel-skin-featuredproducts ul {max-width:none} /* Added to counteract max-width: 60em applied to ul in reset file which causes carousel to break */
.jcarousel-skin-featuredproducts li{font-size:1em; position:relative}
.jcarousel-skin-featuredproducts p {font-size:0.85em; line-height:1.4em; margin:0; text-align:center}
.jcarousel-skin-featuredproducts p a{text-decoration:none}
.jcarousel-skin-featuredproducts p a:hover{text-decoration:underline}
.jcarousel-skin-featuredproducts .product-name {padding:0; margin-top:15px; font-weight:bold}
.jcarousel-skin-featuredproducts .product-name span{display:block; font-weight:normal}

.jcarousel-skin-featuredproducts .price {font-weight:bold; font-size:1em; margin-top:5px}
.jcarousel-skin-featuredproducts .old-price{margin-left:0; font-weight:normal; text-decoration:line-through}
.jcarousel-skin-featuredproducts .rrp-price{margin-left:0; font-weight:normal}
.jcarousel-skin-featuredproducts .sale{color:#FF0101}
.jcarousel-skin-featuredproducts span.rrp-label{margin-right:4px; margin-left:8px; line-height:1em;letter-spacing:-0.04em;font-weight:normal}
.jcarousel-skin-featuredproducts span.from-label{margin-right:4px; line-height:1em;letter-spacing:-0.04em;font-weight:normal}
.jcarousel-skin-featuredproducts span.sale-price-label{margin-right:4px; line-height:1em; letter-spacing:-0.04em; font-weight:bold; color:#E83F47}

.jcarousel-skin-featuredproducts .product-label {position:absolute; font-size:12pt; width:72px; height:44px; z-index:400; top:98px; left:70px}
.jcarousel-skin-featuredproducts .product-image {display:table-cell; vertical-align:middle; width:164px; height:200px; text-align:center; padding:0; background:#FFF}
.jcarousel-skin-featuredproducts .product-image * {vertical-align:middle}
.jcarousel-skin-featuredproducts .product-image {display: block}
.jcarousel-skin-featuredproducts .product-image img {max-width:163px; max-height:199px; margin:0}
* html .jcarousel-skin-featuredproducts .product-image img {width:163px; height:199px}
.jcarousel-skin-featuredproducts .product-image span {display:inline-block; height:100%; width:1px}



/* ---------------------- PRODUCT PAGE -------------------- */

/* General */
#product{float:left; width:100%; margin:0; margin-top:20px}

/* Product images */
.product-images {float:left; width:500px; margin:0; text-align:center}
.product-images .main-image{float:left; width:400px; margin-bottom:10px; padding:0 50px; text-align:center}
.product-images .main-image img{display:inline-block; /* Image must be 450px wide */; padding-bottom:30px; background:url(/images/design/bkgrnd-product-image.png) no-repeat bottom}
.product-images .additional-images {clear:left; width:100%}
.product-images .additional-images h3{display:none}
.product-images .additional-images ul{width:auto; margin:0; *margin-left:50px}
.product-images .additional-images li{display:inline-block; *float:left; list-style:none; width:80px; height:80px; margin:0; *margin-right:10px; border:1px solid #DDD}
.product-images .additional-images .product-image {display:table-cell; vertical-align:middle; width:78px; height:78px; text-align:center; padding:1px; margin:0; background:#FFF}
.product-images .additional-images .product-image * {vertical-align:middle}
.product-images .additional-images .product-image {display: block}
.product-images .additional-images .product-image img {max-width:77px; max-height:77px; margin:0}
* html .product-images .additional-images .product-image img{width:77px; height:77px}
.product-images .additional-images .product-image span {display:inline-block; height:99%; width:1px}
*:first-child+html .product-images .additional-images .product-image span {height:100%} * html .product-images .additional-images .product-image span {height:100%}

/* Product description/purchase */
.product-description-purchase {float:left; width:400px}
.product-description-purchase h2{text-align:left; line-height:1.1em; margin:0; margin-bottom:4px; padding:0; border:none}
.product-description-purchase h3{margin:0; margin-bottom:10px; font-size:0.9em; font-weight:normal}
.product-description-purchase ul{margin:0}
.product-description-purchase .price{height:34px; margin:0; font-size:1.4em; line-height:34px; font-weight:bold; color:#222}
.product-description-purchase .old-price{margin-right:12px; font-weight:normal; color:#AAA; text-decoration:line-through}
.product-description-purchase .offer-price{margin-right:12px; color:#FF0101}
.product-description-purchase a{color:#A5A09D; text-decoration:underline}
#product .stock-code{font-size:1em}

/* Product colour swatches */
.colour-swatches {margin:0; margin-top:30px}
.colour-swatches li{display:inline-block; margin:0}
.colour-swatches li a{display:block; width:32px; height:32px; padding:1px; border:1px solid #FFF}
.colour-swatches li a:hover{border:1px solid #A5A09D}
.colour-swatches li a.active{border:1px solid #66605B}
.colour-swatches li div{width:32px; height:32px; background:#000}
.colour-swatches li .red div{background:#fe0606}
.colour-swatches li .blue div{background:#064cfe}
.colour-swatches li img{display:block; margin:0; width:32px; height:32px}

/* Product size swatches */
.size-swatches {margin:0; margin-top:20px}
.size-swatches li{display:inline-block; margin:0; text-align:center}
.size-swatches li a{display:block; width:28px; height:28px; color:#383431; text-decoration:none; line-height:28px; list-style:none; background:#F2F2F2}
.size-swatches li a:hover{background:#e2e2e2}
.size-swatches li a.no-stock{color:#A5A09D; cursor:text}
.size-swatches li a.no-stock:hover{text-decoration:none}
.size-swatches li a.active{color:#FFF; background:#000}
.size-swatches li a.active:hover{text-decoration:none}

/* Add to basket */
#AddBasket {float:left; width:100%; height:34px; margin-top:25px; padding-top:20px; border-top:1px dotted #DDD}
#AddBasket p{float:left; width:auto; margin-right:10px}
#AddBasket label{display:none; font-size:0.8em; line-height:32px; color:#000; text-transform:uppercase}
#AddBasket .quantity{float:left; width:32px; height:32px; margin:0; padding:0 2px; text-align:center; font-size:1em; line-height:32px; border:1px solid #DDD}
#AddBasket .buy-button{float:left; width:140px; height:34px; margin:0; margin-left:10px; padding:0; font-size:0.8em; text-align:center; text-transform:uppercase; color:#FFF; line-height:34px; border:none; background:#FF0101; cursor:pointer; -webkit-appearance:none}
#AddBasket .buy-button:hover{}

/* Condition form */
#Condition {float:left; width:100%; height:34px; margin-top:20px}
#Condition p{font-size:0.8em; font-weight:normal; font-style:italic; color:#222}
#Condition label{font-size:0.8em; font-weight:bold; line-height:32px; color:#222}

/* Stock */
/*
#Condition p.stock {display:inline-block; *display:inline; margin-left:20px; weight:auto; font-size:1em; font-weight:bold; font-style:normal; text-transform:uppercase}
#Condition .in-stock{color:#428210}
#Condition .no-stock{color:#FF0101}
*/
p.stock {display:inline-block; *display:inline; margin-left:0; weight:auto; font-size:1em; font-weight:bold; font-style:normal; text-transform:uppercase}
.in-stock{color:#428210}
.no-stock{color:#FF0101}

/* Addthis */
#product .addthis_toolbox {margin-top:20px}
#product .addthis_toolbox p{float:left; width:auto; margin-right:10px; color:#555; line-height:1.7em}
#product .addthis_toolbox img{display:inline-block; width:16px; height:16px; margin:0}


/* Tabs */
.product-description-purchase .additional-information{position:relative; float:left; width:100%; margin:25px 0 0;}
.product-description-purchase .tabs {position:absolute; top:0; left:0; float:left; width:100%; height:32px; border:none}
.product-description-purchase .tabs li{float:left; height:34px; display:inline; margin:0; margin-right:1px; font-size:0.8em; line-height:32px; list-style:none}
.product-description-purchase .tabs li a{display:block; height:32px; margin:0; padding:0 12px; color:#FFF; background:#144169}
.product-description-purchase .tabs li a:hover{color:#B8D5E8; text-decoration:none}
.product-description-purchase .tabs li.active{text-decoration:none}
.product-description-purchase .tabs li.active a{height:35px; color:#222; background:#F2F2F2}
.product-description-purchase .tabs li.active a:hover{cursor:default}
.product-description-purchase .tab-content{float:left; width:360px; margin:33px 0 10px; padding:20px; border:none; background:#F2F2F2}
.product-description-purchase .tab-content p{font-size:0.8em}
.product-description-purchase .tab-content ul{margin-bottom:20px}
.product-description-purchase .tab-content li{font-size:0.8em}
.product-description-purchase .tab-content table{width:100%; border:none; border-bottom:1px solid #DDD}
.product-description-purchase .tab-content td{font-size:0.8em; padding-left:0; color:#777}
.product-description-purchase .tab-content td.specification{width:70%; color:#222}


/* Product page carousel */
#product #carousel {margin-top:50px; margin-left:-8px}



/* ---------------------- PRODUCT LISTING -------------------- */

/* Product category header */
.category-header{position:relative; float:left; width:100%; height:280px; margin:0; margin-bottom:1px; padding:0}
.category-header img{float:left; width:630px; height:280px; margin:0}
.category-header .text-area{float:left; width:230px; height:220px; margin:0; padding:30px; text-align:left; background:#072135}
.category-header .text-area h2{margin:0; margin-bottom:20px; padding:0; border:none; color:#FFF}
.category-header .text-area p{color:#B8D5E8}
.category-header .text-area .categories li{list-style:none}
.no-text .text-area{display:none}
.category-header .logo{position:absolute; display:block; width:120px; height:auto; left:20px; top:20px; background:#FFF}

/* Product listing */
.product-listing {float:left; width:100%; margin:10px 0; padding:0; /*border-top:1px dotted #e2e2e2*/}
.product-listing li{float:left; display:inline; list-style:none; width:164px; height:300px; font-size:1em; line-height:1em; text-align:center; margin:10px}
.product-listing li:hover{}
.product-listing .product-image {display:table-cell; vertical-align:middle; width:160px; height:200px; text-align:center; padding:10px 2px; margin:0; border:none; border-bottom:1px dotted #DDD; background:#FFF}
.product-listing .product-image * {vertical-align:middle}
.product-listing .product-image {display: block}
.product-listing .product-image img {max-width:159px; max-height:199px; margin:0}
* html .product-listing .product-image img{width:159px; height:199px}
.product-listing .product-image span {display:inline-block; height:99%; width:1px}
*:first-child+html .product-listing .product-image span {height:100%} * html .product-listing .product-image span {height:100%}
.product-listing p {font-size:0.85em; line-height:1.4em; margin:0; text-align:center}
.product-listing p a{text-decoration:none}
.product-listing p a:hover{text-decoration:underline}
.product-listing .product-name {padding:0; margin-top:15px; font-weight:bold}
.product-listing .product-name span{display:block; font-weight:normal}

.product-listing .price {font-weight:bold; font-size:1em; margin-top:5px}
.product-listing .old-price{margin-left:0; font-weight:normal; text-decoration:line-through}
.product-listing .rrp-price{margin-left:0; font-weight:normal}
.product-listing .sale{color:#FF0101}
.product-listing span.rrp-label{margin-right:4px; margin-left:8px; line-height:1em;letter-spacing:-0.04em;font-weight:normal}
.product-listing span.from-label{margin-right:4px; line-height:1em;letter-spacing:-0.04em;font-weight:normal}
.product-listing span.sale-price-label{margin-right:4px; line-height:1em; letter-spacing:-0.04em; font-weight:bold; color:#E83F47}
.product-listing li span.description{font-size:0.8em; line-height:0.8em; margin:0}



/* ---------------------- SHOPPING CART -------------------- */

/* Shopping cart form */
form.shopping-cart {width:100%; border:none; background-image:none; margin:0}
form.shopping-cart fieldset{border:none}

/* Shopping cart table */
table.shopping-cart-table {width:100%; margin:0; margin-top:100px; border:none; background:none}
.shopping-cart-table th {border:none; padding:12px 10px; line-height:1em; border-bottom:1px solid #DDD; border-top:none; background:none}
.shopping-cart-table td {font-size:1em; padding:12px 10px; border:none; vertical-align:middle; border-bottom:1px solid #DDD}
.shopping-cart-table td p{font-size:1em; line-height:1.2em; margin:0}
.shopping-cart-table td label{font-size:0.85em; line-height:1em; margin:0; color:#222}
.shopping-cart-table span.label{color:#555}
.shopping-cart-table td select{margin:0; margin-right:15px; padding:0; color:#222; font-size:0.85em}
.shopping-cart-table td.price{text-align:center; text-wrap:no-white-space; color:#222}
.shopping-cart-table p.form-caption{margin-top:4px; font-size:0.8em; color:#555; font-style:italic; text-transform:none}
.shopping-cart-table span.free-delivery{color:#e0001a; font-weight:bold}

/* Shopping cart table - Product image */
.shopping-cart-table td.product-image{width:85px}
.shopping-cart-table td.product-image img{display:block; max-width:85px; max-height:85px; margin:0}
* html .shopping-cart-table td.product-image img{width:85px; height:85px}

/* Shopping cart table - Product name */
.shopping-cart-table th.product-name,
.shopping-cart-table td.product-name{width:50%}
.shopping-cart-table td.product-name a{}

/* Shopping cart table - Product ID */
.shopping-cart-table td p.product-id{font-size:0.75em; padding-top:5px; color:#555}

/* Shopping cart table - Product option select */
.shopping-cart-table td .product-option-select{font-size:0.85em; padding-top:5px}
.shopping-cart-table td .product-option-select label{font-size:1em; color:#555}
.shopping-cart-table td .product-option-select span.product-option{display:inline-block; margin:0; margin-right:15px; white-space:nowrap}
.shopping-cart-table td .product-option-select span{color:#222; font-size:0.85em; line-height:1em}
.shopping-cart-table td .product-option-select select {font-size:1em; margin:0; vertical-align:middle}
/*.shopping-cart-table input.save-sticker-button{display:inline-block; vertical-align:middle; height:20px; margin:0; margin-left:2px; padding:0 10px; *padding:0 5px; border:0; color:#FFF; font-size:0.7em; font-weight:bold; text-transform:uppercase; text-decoration:none; border-radius:4px; -ms-border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; background:#0076BC; cursor:pointer} */

/* Shopping cart table - Cart quantity */
.shopping-cart-table input.cart-quantity{display:inline-block; width:30px; height:30px; text-align:center; font-size:0.85em; line-height:30px; color:#222; border:1px solid #DDD; padding:0 2px; margin:0 auto; background:#F2F2F2}
.shopping-cart-table input.cart-quantity:focus{border-color:#222}
.shopping-cart-table input.update-button{display:inline-block; vertical-align:middle; width:16px; height:18px; margin:0; margin-left:5px; padding:0 0 0 16px; color:transparent; cursor:pointer; cursor:hand; border:none; background:url(/images/design/icon-update.png) no-repeat}

/* Shopping cart table - Remove button */
.shopping-cart-table input.remove-button{display:block; width:9px; height:11px; margin:0; padding:0 0 0 9px; color:transparent; cursor:pointer; cursor:hand; border:none; background:url(/images/design/icon-remove-white.png) no-repeat}

/* Shopping cart table - Sub total */
.shopping-cart-table tr.sub-total{}
.shopping-cart-table .sub-total td{padding-top:10px; padding-bottom:10px; text-align:right}

/* Shopping cart table - Delivery */
.shopping-cart-table .delivery td{padding-bottom:20px; padding-top:20px; text-align:right; border:none}
.shopping-cart-table .delivery td select{margin:0}

/* Shopping cart table - Discount codes */
.shopping-cart-table .promo-code td,
.shopping-cart-table .voucher-code td{padding-bottom:0; padding-top:8px; text-align:right; border:none}
.shopping-cart-table .promo-code td{padding-top:20px}
.shopping-cart-table .voucher-code label,
.shopping-cart-table .voucher-code td.price{color:#e0001a}
.shopping-cart-table .promo-code td.price,
.shopping-cart-table .promo-code label{color:#e0001a}

/* Shopping cart table - Tax */
.shopping-cart-table .tax td{padding-top:0; text-align:right; border:none}
.shopping-cart-table p.tax-included-statement{}
.shopping-cart-table p.tax-included-statement{text-align:left; font-size:0.8em; font-style:italic; color:#5a5a5a}
.shopping-cart-table .tax-included-statement .tax-price{font-size:105%; font-weight:bold}

/* Shopping cart table - Payment Fee */
.shopping-cart-table .payment-fee td{padding-top:0; text-align:right; border:none}

/* Shopping cart table - Total */
.shopping-cart-table .total td{padding-bottom:15px; text-align:right; font-size:1.2em; border-top:1px solid #DDD; border-bottom:1px solid #DDD; background:#F2F2F2}
.shopping-cart-table .total td label{font-size:1em}
.shopping-cart-table .total td.price{font-weight:bold}
.shopping-cart-table .total td.tax-statement{text-align:left; font-size:1em}

/* Shopping cart table - Center align */
.shopping-cart-table th.price,
.shopping-cart-table td.price,
.shopping-cart-table th.quantity,
.shopping-cart-table td.quantity,
.shopping-cart-table th.remove,
.shopping-cart-table td.remove{text-align:center; line-height:1em, padding-right:0; white-space:nowrap}

/* Shopping cart promotion code */
.shopping-cart-table tr.promotion-code-checkout td{padding:0; padding-top:20px; vertical-align:top; border:none}
.shopping-cart-table tr.promotion-code-checkout .promotion-code{width:auto; margin:0; padding:15px 0 0; background:none; display:xnone}
.shopping-cart-table tr.promotion-code-checkout .promotion-code h3{margin:0; margin-bottom:20px}
.shopping-cart-table tr.promotion-code-checkout .promotion-code ul{margin:0}
.shopping-cart-table tr.promotion-code-checkout .promotion-code li{list-style:none; font-size:1em; margin:0; margin-bottom:12px}
.shopping-cart-table tr.promotion-code-checkout label{font-size:0.7em; line-height:1em; color:#5a5a5a; text-transform:uppercase; text-transform:uppercase; display:block; margin-bottom:2px}
.shopping-cart-table tr.promotion-code-checkout input.promotion-code {display:inline-block; width:250px; height:24px; color:#222; font-size:0.85em; border:1px solid #DDD; padding:0 5px; margin:0; background:#FFF}
.shopping-cart-table tr.promotion-code-checkout input.promotion-code:focus{border-color:#222}
.shopping-cart-table tr.promotion-code-checkout .promotion-button{display:inline-block; height:26px; margin:0; padding:0 12px; border:0; color:#FFF; font-size:0.9em; line-height:1em; text-decoration:none; background:#222; cursor:pointer}

/* Shopping cart checkout buttons */
.checkout-buttons-top{position:absolute; top:112px; right:0; margin:0}
.checkout-buttons{float:right; width:auto; margin:0; margin-top:20px}
.continue-shopping-button{float:left; display:block; height:38px; margin:0; padding:0 10px; border:0; color:#555; font-size:0.9em; font-weight:normal; line-height:38px; text-transform:uppercase; text-decoration:none; background:#DDD; cursor:pointer}
.continue-shopping-button:hover{background:#CCC}
.checkout-button{float:left; display:block; height:38px; margin:0; margin-left:5px; padding:0 25px; border:0; color:#FFF; font-size:0.9em; font-weight:bold; line-height:38px; text-transform:uppercase; text-decoration:none; background:#072135; cursor:pointer}
.checkout-button:hover{background:#031119}

/* Shopping cart checkout information */
.checkout-information{margin:0; margin-top:50px; padding:10px 0; border-radius:8px; -ms-border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; -khtml-border-radius:8px; background:#F2F2F2}
.checkout-information h3{padding-bottom:10px; margin:0; margin-bottom:10px; line-height:1em; border-bottom:1px solid #D2D2D2}
.checkout-information p{font-size:0.85em}
.checkout-information div{float:left; width:210px; margin:10px 15px 0}
.checkout-information .telephone{font-size:1.5em; letter-spacing:-0.02em; font-weight:bold; margin:0}




/* ---------------------- CHECKOUT -------------------- */

#checkout {margin-top:25px}
#checkout .checkout-body{float:left; width:590px}
#checkout table{float:left; position:relative; width:100%; border:none}
#checkout td{font-size:1em; vertical-align:top; padding:20px 0; border:none; border-bottom:1px dotted #DDD}
#checkout td.heading{width:40%}
#checkout td h3{display:block; margin:0; font-size:1em; line-height:1em}
#checkout form li.compulsory label{font-weight:bold; padding-right:10px; background:url(/images/design/icon-compulsory.png) no-repeat right top}
#checkout p.compulsory-field-text{font-style:italic; font-size:0.85em}
#checkout p.compulsory-field-text span{font-weight:bold; font-style:normal; padding-right:10px; background:url(/images/design/icon-compulsory.png) no-repeat right top}
#checkout p.form-caption{clear:left; display:block; margin-top:5px; font-size:0.8em; color:#555; font-style:italic; text-transform:none}
#checkout a.edit-link{position:absolute; font-size:0.85em; line-height:1em; top:20px; right:0}
#checkout form input.update-button{font-size:0.8em; color:#0076BC; text-decoration:underline; cursor:pointer}

/* Checkout Sign-in */
#checkout .checkout-signin{border-top:1px dotted #DDD}
#checkout .checkout-signin h3{}
#checkout .checkout-signin .login-button a{display:inline-block; height:28px; margin:0; margin-top:-10px; padding:0 12px; border:0; color:#FFF; font-size:0.75em; font-weight:bold; line-height:2.6em; text-decoration:none; text-transform:uppercase; background:#072135; cursor:pointer}

#checkout .address-summary ul{float:left; width:100%; margin:0; margin-bottom:10px}
#checkout .address-summary li{margin:0; padding:0; font-size:0.85em; line-height:1.3em; list-style:none outside}
#checkout .address-summary li.name{font-weight:bold}
#checkout .address-summary li.company-name{margin-top:5px}
#checkout .address-summary li.tax-number{margin-bottom:5px}
#checkout .address-summary li.telephone{margin-top:5px}

#checkout .address-edit form{float:left; width:100%}
#checkout .address-edit ul{float:left; width:360px; margin:0}
#checkout .address-edit li{float:left; width:100%; height:50px; color:#555; font-size:1em; list-style:none; margin:0; margin-bottom:5px; padding:0}
#checkout .address-edit label{display:inline-block; vertical-align:middle; text-transform:uppercase; padding:0; padding-left:6px; color:#555; font-size:0.7em; line-height:1em; text-transform:uppercase}
#checkout .address-edit input{margin:0; padding:0; border:none}
#checkout .address-edit input.text{display:block; vertical-align:middle; width:348px; margin:0; font-size:0.85em; color:#222; line-height:1em; padding:3px 5px; background:#f2f2f2}
#checkout .address-edit input.checkbox{display:inline-block; vertical-align:middle; margin-right:5px; padding:0}
#checkout .address-edit input.send-button {float:left; display:block; height:32px; margin:0; margin-top:20px; padding:0 15px; border:0; color:#FFF; font-size:1em; font-weight:bold; line-height:1.5em; text-transform:lowercase; text-decoration:none; background:#222; cursor:pointer}
#checkout .address-edit select{display:block; width:auto; margin:0; margin-top:1px; padding:1px 0; color:#222; font-size:0.85em; text-transform:none}
#checkout .address-edit li p{font-size:0.8em; line-height:1.1em}
#checkout li.caption-text{height:auto; padding-bottom:5px}
#checkout .address-edit li.email,
#checkout .address-edit li.telephone,
#checkout .address-edit li.town,
#checkout .address-edit li.county-text,
#checkout .address-edit li.county-select,
#checkout .address-edit li.postcode,
#checkout .address-edit li.country{width:175px; *height:46px}
#checkout .address-edit li.telephone,
#checkout .address-edit li.county-text,
#checkout .address-edit li.county-select,
#checkout .address-edit li.country{margin-left:10px}
#checkout .address-edit li.country,
#checkout .address-edit li.postcode{height:70px}
#checkout .address-edit li.email input.text,
#checkout .address-edit li.telephone input.text,
#checkout .address-edit li.town input.text,
#checkout .address-edit li.county-text input.text,
#checkout .address-edit li.postcode input.text{width:163px}
#checkout .address-edit li.email select,
#checkout .address-edit li.telephone select,
#checkout .address-edit li.town select,
#checkout .address-edit li.county-select select,
#checkout .address-edit li.postcode select,
#checkout .address-edit li.country select{width:175px}
#checkout .address-edit li.telephone input.text{*margin-left:-10px}

/* Checkout Address Edit - Company Details*/
#checkout .address-edit ul.company-details{width:340px; margin:20px 0 0; padding:10px; background:#f2f2f2}
#checkout .address-edit ul.company-details .company-number{margin-bottom:10px}
#checkout .address-edit ul.company-details input.text{width:328px; background:#FFF}
#checkout .address-edit ul.company-details p{margin:0}
#checkout .address-edit ul.company-details li.company-number,
#checkout .address-edit ul.company-details li.tax-number{width:165px}
#checkout .address-edit ul.company-details li.tax-number{margin-left:10px}
#checkout .address-edit ul.company-details li.company-number input.text,
#checkout .address-edit ul.company-details li.tax-number input.text{width:153px}
#checkout .address-edit ul.company-details li.tax-number input.text{*margin-left:-10px}
#checkout .address-edit ul.company-details li.tax-number-only{margin-bottom:10px}
#checkout .address-edit ul.company-details li.tax-number,
#checkout .address-edit ul.company-details li.company-number{display:none}

/* Checkout Address Edit - Password*/
#checkout .address-edit ul.password{width:340px; margin:20px 0 0; padding:10px; background:#f2f2f2}
#checkout .address-edit ul.password input.text{width:328px; background:#FFF}
#checkout .address-edit ul.password p{margin:0; margin-top:5px}
#checkout .address-edit ul.password li.password,
#checkout .address-edit ul.password li.password-confirm{width:165px}
#checkout .address-edit ul.password li.password-confirm{margin-left:10px}
#checkout .address-edit ul.password li.password input.text,
#checkout .address-edit ul.password li.password-confirm input.text{width:153px}
#checkout .address-edit ul.password li.password-confirm input.text{*margin-left:-10px}

/* Checkout Address Summary - fieldset*/
#checkout .checkout-options fieldset{float:left; width:100%; margin:0}
#checkout .checkout-options fieldset p{margin:0; font-size:0.85em; line-height:1.8em}
#checkout .checkout-options fieldset input{padding:0; margin-right:10px; vertical-align:middle; border:none; background:none}
#checkout .checkout-options img{padding:0; vertical-align:text-top; margin-left:10px}
#checkout .checkout-options img.paypal{padding:0; margin:0; vertical-align:middle}

/* Checkout Promotion codes*/
#checkout .promotion-codes fieldset{float:left; width:100%; margin:0; margin-top:10px}
#checkout .promotion-codes fieldset p{margin:0; font-size:0.85em; line-height:1.8em}
#checkout .promotion-codes ul{float:left; width:360px; margin:0}
#checkout .promotion-codes li{float:left; width:100%; height:50px; color:#555; font-size:1em; list-style:none; margin:0; margin-bottom:5px; padding:0}
#checkout .promotion-codes label{display:inline-block; vertical-align:middle; text-transform:uppercase; padding:0; padding-left:6px; color:#555; font-size:0.7em; line-height:1em; text-transform:uppercase}
#checkout .promotion-codes input{margin:0; padding:0; border:none}
#checkout .promotion-codes input.promotion-code {display:inline-block; vertical-align:middle; width:348px; margin:0; font-size:0.85em; color:#222; line-height:1em; padding:3px 5px; border:1px solid #ddd; background:#f2f2f2}
#checkout .promotion-codes input.promotion-code:focus{border-color:#222}
#checkout .promotion-codes .promotion-button{display:inline-block; width:70px; margin:0; padding:3px 0; border:0; color:#FFF; font-size:0.8em; line-height:1em; text-decoration:none; background:#222; cursor:pointer}

/* Checkout Address Summary - different address*/
#checkout .different-address{display:block}
#checkout .different-address{float:left; width:100%; padding-top:15px; margin-top:10px; border-top:1px dotted #DDD}
#checkout .different-address label{display:block; color:#555; font-size:0.75em; line-height:1em; text-transform:uppercase}
#checkout .different-address select{display:block; width:100%; margin:4px 0 10px; color:#222; font-size:0.85em; text-transform:none}

#checkout .continue-section{border:none; background:none}
#checkout .continue-section td{padding:20px 0; border:none}
#checkout .conditions{vertical-align:middle; padding-left:50px}
#checkout .conditions p{display:inline-block; line-height:1em; font-weight:bold; margin:0; padding-right:10px; background:url(/images/design/icon-compulsory.png) no-repeat right top}
#checkout .continue-section td.conditions{width:62%}
#checkout .continue-section .conditions input{margin-right:10px; padding:0; border:none; background:none}
#checkout .continue-section input.send-button {display:block; clear:left; height:38px; margin:0; margin-left:5px; padding:0 25px; border:0; color:#FFF; font-size:0.9em; font-weight:bold; line-height:38px; text-transform:uppercase; text-decoration:none; background:#072135; cursor:pointer}
#checkout .continue-section input.send-button:hover{background:#031119}

#checkout .conditions p{font-size:0.8em}

.update-button{display:block}

#checkout-billing-edit{}
#checkout-billing-summary{display:none}
#new-delivery-back-link{display:none}

.guest #checkout-billing-edit{}
#checkout-delivery-edit{display:none}
#checkout-delivery-options{display:none}
#checkout-promotion-codes{display:none}
#checkout-promotion-codes .promo-code{}
#checkout-promotion-codes .gift-voucher-code{}
#checkout li.title{}

/*#checkout li.address-line-3{display:none}*/

/*Only disable if Spanish ecommerce site with region drop down*/
/*#checkout li.county-text{display:none}*/

.signed-in .password{display:none}

/* Checkout Right Column*/
#checkout .checkout-right-col{float:left; width:280px; margin:0 0 0 50px}
.checkout-nonregistered .checkout-right-col{margin-top:0}
#checkout .checkout-right-col .heading{padding-bottom:10px; margin-bottom:20px; border-bottom:1px solid #e2e2e2}
#checkout .checkout-right-col .heading h3{display:inline}

/* Checkout Right Column - Order Summary*/
#checkout .checkout-right-col .order-summary{float:left; width:240px; margin:0; margin-top:0; padding:20px; border:none; background:#F2F2F2}
#checkout .checkout-right-col .order-summary h3{display:block; font-size:1em; line-height:1em; margin:0}
#checkout .checkout-right-col .order-summary table{float:left; width:100%; padding:0; margin:0; margin-top:10px; border:none; border-top:1px solid #DDD}
#checkout .checkout-right-col .order-summary tr{border:none}
#checkout .checkout-right-col .order-summary td{padding:10px 0 0; font-size:0.8em; text-align:right; line-height:1.1em; color:#3a3a3a; vertical-align:top; border:none}
#checkout .checkout-right-col .order-summary .product td{text-align:left; border:none}
#checkout .checkout-right-col .order-summary td p{margin:0; line-height:1.1em; font-style:italic}
#checkout .checkout-right-col .order-summary td.price{width:70px; text-align:right; padding-left:10px}
#checkout .checkout-right-col .order-summary td.remove{text-align:center; padding-right:0; padding-left:10px; border:none}
#checkout .checkout-right-col .order-summary td.quantity{width:15%}
#checkout .checkout-right-col .order-summary .promo-code td,
#checkout .checkout-right-col .order-summary .voucher-code td{color:#e0001a}
#checkout .checkout-right-col .order-summary .promo-code td p,
#checkout .checkout-right-col .order-summary .voucher-code td p{color:#e0001a; margin:2px 0 5px}
#checkout .checkout-right-col .order-summary .tax td{padding-bottom:10px; display:none}
#checkout .checkout-right-col .order-summary .total td{font-weight:bold; font-size:0.95em; padding-top:10px; border-top:1px solid #DDD}
#checkout .checkout-right-col .order-summary .total td.remove{border:none}
#checkout .checkout-right-col .order-summary input.remove-button{display:inline-block; width:7px; height:9px; margin:0; margin-top:3px; padding:0 0 0 7px; color:transparent; cursor:pointer; cursor:hand; border:none; background:url(/images/design/icon-remove-red.png) no-repeat}
#checkout .checkout-right-col .order-summary table.additional-costs{display:block}




/* ---------------------- LEFT COLUMN -------------------- */

/* Product filter checkboxes */
#left-col .product-filter-checkboxes li{white-space:no-wrap}
#left-col .product-filter-checkboxes li.title{font-weight:bold; margin-bottom:10px}
#left-col .product-filter-checkboxes li a{padding-left:20px; background:url(/images/design/bkgrnd-checkbox.png) no-repeat left}
#left-col .product-filter-checkboxes li a:hover,
#left-col .product-filter-checkboxes li a.active{background:url(/images/design/bkgrnd-checkbox-on.png) no-repeat left}

/* Product sizes checkboxes */
#left-col .sizes li{display:inline-block; width:48%}
#left-col .sizes li.title{width:100%}

/* Product colour checkboxes */
#left-col .product-colour-selectors {margin:0}
#left-col .product-colour-selectors li{float:left; width:32px; height:32px; margin:0 4px 4px 0; padding:2px; border:none}
#left-col .product-colour-selectors li.title{width:100%; font-weight:bold; margin-bottom:0; padding:0}
#left-col .product-colour-selectors li.active{padding:1px; border:1px solid #222}
#left-col .product-colour-selectors li a{display:block; width:32px; height:32px; margin:0; background:#e2e2e2}
#left-col .product-colour-selectors li a.white{width:30px; height:30px; border:1px solid #e2e2e2; background:#FFF}






/* ------------------------------------------------------------- */
/* MUMMY BEAR                                                    */
/* Represents the narrow format normally used on tablet displays */
/* ------------------------------------------------------------- */

/*@media screen and (min-width: 30em) and (max-width: 65em) {
@media screen and (min-width: 30em) and (max-width: 63.236em) {*/

/* Container */
/*#container {width: 30em}
}