/* -------------------------------------------------------------------------

title:			The Buttery Store screen styles
last update:	1 September 2011
author:			Storm Creative Communications Limited - thinkstorm.co.uk
email:			webmaster@thinkstorm.co.uk
website:		http://www.thinkstorm.co.uk

------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------
Eric Meyer's CSS reset :http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup,tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0;padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
body {line-height:1;}

ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}

/* ---------------------------------------------------------------------- */



/* !self-clearing floats */
.group:after, footer:after, section:after, #news article:after, .customer-type:after {content:".";
	display:block; height:0; clear:both; visibility:hidden;}

/* !vanity styles */
::selection {background:#e6deca;}
::-moz-selection {background:#e6deca;}
img::selection {background:transparent;}
img::-moz-selection {background:transparent;}
@media only screen and (max-device-width:480px) {
	html {-webkit-text-size-adjust:none}
	a {-webkit-tap-highlight-color:rgba(230,222,202,0.4);}
}

.hidden {position: absolute !important;clip: rect(1px 1px 1px 1px);/* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden;}

.note {background-color: #904d4d; color: #fff; text-shadow: none; margin: 40px 0 !important; font-size: 14px; text-align: center; padding: 10px; display: block;}


/* !general layout ------------------------------------------------------ */

html {height: 100%;}
body {height: 100%; background:#f7f5ee url(../../images/background.gif) repeat 0 0; color:#73726f; font:normal 13px/20px Georgia, Cambria, Constantia, "Lucida Bright", "DejaVu Serif", "Liberation Serif", serif; text-shadow:#fff 1px 1px 0;}
#wrapper {width:980px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -200px;}
nav {width:186px; margin:0 10px 40px 0; float:left;}
#primary-content {width:784px; float:left;}
.three-column #primary-content {width:558px; margin: 0 10px 40px;}
.three-column aside {width:186px; margin:0 0 0 10px; float:left;}
.breadcrumb {font-size:10px; letter-spacing:0.1em; text-transform:uppercase; margin: 0 10px 40px; background: url(../../images/h-rule.png) no-repeat left bottom; height: 33px;}
#brand .breadcrumb {margin-bottom: 20px;}
#category .breadcrumb, #sign-in .breadcrumb, #create-account .breadcrumb {margin: 0 10px 0; background: none; height: 18px; float: left;}
.info #primary-content .breadcrumb {margin: 0 10px 10px;}
#news #primary-content section {width: 546px; margin-left: 10px; float: left; padding-bottom: 40px;}
#news #primary-content aside {width: 176px; margin-left: 40px; float: left;}



/* !general typography -------------------------------------------------- */

abbr {cursor:help;}

/* !hyperlinks */
a:link, a:visited {color:#928551; text-decoration:none; border-bottom:1px solid #e0dbcf;}
a:hover, a:active {color:#904d4d; border-bottom-color:#904d4d;}

h1 {font-weight: normal;}
h2, h3, h4, h5, h6 {font-weight: normal; margin: 20px 0;}
.caps {font-size: 14px; color: #7b8563; text-transform:uppercase; letter-spacing:0.1em; margin-top: 40px;}

p {margin: 20px 0;}

strong {font-weight: bold;}
.hidden {display: none;}
.small-caps {font-size: 10px; text-transform:uppercase; letter-spacing:0.1em;}

/* !ornate heading */

.ornate {display:table; height:76px; width:764px; margin:18px 10px 0;}
#category .ornate {margin-top: 0;}
.ornate header {font-size:20px; color:#73726f; letter-spacing:0.1em; text-transform:uppercase; text-align:center; display:table-row;}
.ornate header h1 span {display:table-cell;}
.ornate header h1 .ornament {background: url(../../images/sprite1.png) no-repeat top right;}
.ornate header h1 span.right {background-position:top left;}
.ornate header h1 .section-title {width:1%; padding:2px 8px 1px 10px;}

/* !tables */

#item table {border-top: 1px solid #e1ded2; border-left: 1px solid #e1ded2; background: #f7f5ee; border-collapse: collapse;}
#item table {width: 360px;}
#item th, #item td {font-size: 11px;border-bottom: 1px solid #e1ded2; border-right: 1px solid #e1ded2; text-align: center;}
#item th {background: #fff; font-weight: bold; color: #7b8563;}
#item tr.alt td {background: #f2eee3;}

/* !forms */

.text-input {border: 1px solid #c0bdb4; padding: 4px 3px; background-color: #fbfaf7; color:#73726f;}
.text-input:focus {border-color: #73726f; background-color: #fff; color: #524d3f;}
.form-label {display: inline-block;}
.next-button, .checkout-button a:link, .checkout-button a:visited, .next a:link, .next a:visited {background:#7b8563 url(../../images/checkout-pointer.png) no-repeat center right; color: #f7f5ee; border: 1px solid #626d4f; letter-spacing:0.1em; text-transform:uppercase; font:normal 13px/13px Georgia, Cambria, Constantia, "Lucida Bright", "DejaVu Serif", "Liberation Serif", serif; text-shadow:#626d4f 1px 1px 0; padding: 10px 60px 10px 10px;}
.checkout-button a:link, .checkout-button a:visited {margin: 20px 0 10px;}
.next-button:hover, .checkout-button a:hover, .checkout-button a:active, .next a:hover, .next a:active {background-color:#949d77; color: #f7f5ee; border: 1px solid #566045;}
label.error {color: #904d4d; clear: left; display: block; font-style: normal; text-transform:uppercase; font-size: 10px; line-height: 14px; padding-top:3px;}
.cancel a:link, .cancel a:visited {float: right; background-color:#904d4d; color: #f7f5ee; border: 1px solid #703232; letter-spacing:0.1em; text-transform:uppercase; font:normal 13px/13px Georgia, Cambria, Constantia, "Lucida Bright", "DejaVu Serif", "Liberation Serif", serif; text-shadow:#703232 1px 1px 0; padding: 10px; margin: 2px 6px 0 0;}
.cancel a:hover, .cancel a:active {background-color:#a65c5c;}

/* drop capital */

.care #primary-content section p:first-child:first-letter,
#about #primary-content section p:first-child:first-letter,
.returns-policy section p:first-child:first-letter {float: left; font-size: 3.15em; margin: 9px 3px 0 0;}



/* !header -------------------------------------------------------------- */

#masthead {position: relative; margin:0 10px 30px; background:url(../../images/h-rule.png) no-repeat left bottom; padding-top: 5px; height:155px;}
#masthead p {margin: 0;}
#masthead li {float:left; font-size:11px; text-transform:uppercase; padding-top: 4px; letter-spacing: 0.1em;}
#masthead .services {margin-left:196px; }
#masthead .account {float: right; margin-right: 12px;}
#masthead .basket {float:right; font-size:11px; text-transform:uppercase; border: 1px solid #e1ded2; padding: 3px 8px 3px 40px; background: #fff url(../../images/bg-my-basket.gif) no-repeat 3px 5px; letter-spacing: 0.1em;}
#masthead .logo a:link, header .logo a:visited {position: absolute; top:48px; left:0; width:92px; height:81px; background: url(../../images/sprite1.png) no-repeat -170px -80px; border:none; text-indent: -999em; outline: none;}
#masthead .logo a:hover, header .logo a:active {background-position:-262px -80px; }
#masthead .logotype {position:absolute; top:112px; right:0; width:236px; height:18px; background: url(../../images/sprite1.png) no-repeat -355px -80px; text-indent: -999em;}



/* !main navigation ----------------------------------------------------- */

nav li {font-size:12px; text-transform:uppercase; padding-left:10px; letter-spacing: 0.1em;}
nav li li {font-style:italic; text-transform:none; padding-left:10px; letter-spacing: 0;color:#bab8b3;}
nav li.current {background:url(../../images/nav-marker.gif) no-repeat 0 6px;}
nav li.current a:link, nav li.current a:visited {color:#928551; border: none;}
nav li.current a:hover, nav li.current a:active {border-bottom:1px solid #928551;}
.nav-brand li.entry_count0 a:link, .nav-brand li.entry_count0 a:visited, .nav-brand li.entry_count1 a:link, .nav-brand li.entry_count1 a:visited {color:#bab8b3;}
.nav-brand li.entry_count0 a:hover, .nav-brand li.entry_count0 a:active, .nav-brand li.entry_count1 a:hover, .nav-brand li.entry_count1 a:active {border-bottom:1px solid #bab8b3;}
nav li.divider {background:url(../../images/h-rule.png) no-repeat 10px 0; margin-top: 10px; padding-top: 15px;}
.nav-category, .nav-brand {background:url(../../images/h-rule.png) no-repeat 10px 0; margin-top: 10px; padding-top: 15px;}

/* !hyperlinks */
nav a:link, nav a:visited {color:#73726f; border:none;}
nav a:hover, nav a:active {color:#904d4d; border-bottom:1px solid #904d4d;}
nav li.nav-sale a {color:#904d4d}

/* !prime cuts teaser */
.nav-prime-cuts {width:176px; height:163px; margin: 10px 0 10px 10px; text-indent: -999em;}
.nav-prime-cuts a:link, .nav-prime-cuts a:visited {display: block; width:176px; height:163px;background:url(../../images/prime-cuts-teaser.png) no-repeat 0 0; outline: none;}
.nav-prime-cuts a:visited, .nav-prime-cuts a:hover {background-position: -200px 0; border: none;}

/* !news teaser */

.teaser-panel {margin: 30px 0 0 10px;}
.teaser-panel a:link, .teaser-panel a:visited {border:3px solid #fff; width:170px; height:210px; display:block;}
.teaser-panel a:hover, .teaser-panel a:active {border-color:#dcd7c5;}

/* !newsletter teaser */

.newsletter-panel {width: 176px; margin: 30px 0 30px 10px; background:url(../../images/pen.png) no-repeat bottom left; padding-bottom: 20px;}
.newsletter-panel a:link, .newsletter-panel a:visited {color:#928551; text-decoration:none; border-bottom:1px solid #e0dbcf;}
.newsletter-panel a:hover, .newsletter-panel a:active {color:#904d4d; border-bottom-color:#904d4d;}
.newsletter-panel h2 {width: 176px; margin-bottom: 0; text-indent: -999em; background:url(../../images/h-rule.png) no-repeat 0 0; padding-top: 18px;}
.newsletter-panel h2 a:link, .newsletter-panel h2 a:visited {background:url(../../images/newsletter-panel.png) no-repeat 1px 0;width: 176px; height: 18px; display: block; border: none;}
.newsletter-panel h2 a:hover, .newsletter-panel h2 a:active {background-position: -199px 0;}
.newsletter-panel p {margin: 10px 0; text-align: center; font-style: italic; font-size: 12px;}


/* !item listings  ------------------------------------------------------ */

section.items p {margin: 0;}
section.items article {background-color:#edeae0; width:176px; float:left; text-align:center; padding-bottom:10px; text-shadow:#f7f5ee 1px 1px 0; margin:0 10px;}
section.items article .item-image {position: relative;}
section.items article .item-image a:link, section.items article .item-image a:visited,#home article .item-image a:link, #home article .item-image a:visited {border:3px solid #fff; width:170px; height:210px; display:block;}
section.items article .item-image a:hover, section.items article .item-image a:active,#home article .item-image a:hover, #home article .item-image a:active {border-color:#dcd7c5;}
section.items article .brand {text-transform:uppercase; font-size:10px; line-height: 15px; letter-spacing:0.1em; margin: 10px 0 5px;}
section.items article .item-title {font-style:italic; margin:0 0 10px; padding: 0 8px;}
section.items article .price {border:1px solid #e1ded2; display:inline; background-color:#f7f5ee; padding:3px 6px;}
section.items article .price span {text-transform: uppercase;font-size: 10px;color: #904d4d;}
section.items article .saleprice {color: #904d4d; text-shadow: none;}
section.items article .saleprice span {color: #73726f; text-decoration: line-through; text-shadow: none;}
section.items article .out-of-stock {position: absolute; top:3px left:3px; width: 170px; height: 210px; background: url(../../images/out-of-stock.png) no-repeat 0 0; text-indent:-999em; cursor: pointer;}



/* !homepage ------------------------------------------------------------ */

/* !banner */

#banner {border:3px solid #fff; width:758px; height:300px; overflow:hidden; background-color:#fff; margin:0 0 0 10px; padding: 0;}
#banner img {width:758px; height:300px; overflow:hidden; background-color:#fff; margin:0;}
.banner-nav {float:left; margin:0 2px 0 6px;}
.controls {margin:5px 0 55px 320px;}
.controls .ornament {background:url(../../images/sprite1.png) no-repeat 0 -83px; float:left; display:block; width:36px; height:14px;}
.controls .right {background-position:-36px -83px; margin-left:3px;}
.controls li, .controls p {float:left; width:9px; height:9px; text-indent:-999em; margin:3px 3px 0 0;}
.controls a {display:block; width:9px; height:9px; border:none;}
.banner-nav a:link, .banner-nav a:visited {background: url(../../images/sprite1.png) no-repeat -92px -82px;}
.banner-nav a:hover, .banner-nav a:active {background-position:-104px -82px;}
.banner-nav .activeSlide a {background-position:-80px -82px;}
#pause-button a:link, #pause-button a:visited {background: url(../../images/sprite1.png) no-repeat -115px -82px;}
#pause-button a:hover, #pause-button a:active {background-position:-127px -82px;}
#resume-button a:link, #resume-button a:visited {background: url(../../images/sprite1.png) no-repeat -139px -82px;}
#resume-button a:hover, #resume-button a:active {background-position:-151px -82px;}

.no-js #banner {margin-bottom: 40px;}
.no-js .controls {display: none;}

/* !sections */

#home section {clear:both; margin-bottom:40px; float:left;}
#home section header {display:table; width:764px; margin:0 10px;}
#home section h2 {font-size:16px; letter-spacing:0.1em; text-transform:uppercase; text-align:center; display:table-row;}
#home section h2 span {display:table-cell;}
#home section h2 .ornament {background: url(../../images/sprite1.png) no-repeat top right;}
#home section h2 span.right {background-position:top left;}
#home section h2 .section-title {width:1%; padding:4px 5px 1px;}
#home section.items {background:url(../../images/bg-item-row.gif) repeat 0 0; margin: 0;}
#home .view-all {text-align:center; font-style:italic; font-size:12px; margin:5px 0 20px;}



/* !brand/category/listing page ----------------------------------------- */

#brand #intro {text-align: center; margin: 0 50px;}
#brand #intro h1 {position: absolute; top:-999em; left:-999em;}
#brand #intro img {margin-top: 5px;}
.video-links {margin: 20px 0;}
.video-links li {font-style: italic; display: inline; margin: 20px 10px;}
.video-links li a:link, .video-links li a:visited {background: url(../../images/video-icon.gif) no-repeat 0 0; padding-left: 18px; border: none;}
.video-links li a:hover, .video-links li a:active {background-position: 0 -50px;}
#brand section.items {padding-top: 60px; margin-bottom: 20px; background: url(../../images/sprite1.png) no-repeat 0 -170px;}
#brand section.items article, #category section.items article {margin-bottom: 20px;}
#category section.items {margin-bottom: 20px;}
#category section.items p.paginate {font-style: italic; margin: 0 0 20px 10px; font-size: 11px;}
p.no-stock {font-size: 18px; margin: 20px 0 30px; color: #904d4d;}
p.no-results {font-size: 18px; margin: 20px 0 30px; color: #904d4d;background: url(../../images/supercow.png) no-repeat top center;padding-top:260px;text-align: center;}

/* !popup */

.tooltip {text-align: left; display:none; position:absolute; padding:2px 3px 20px; background: url(../../images/bg-tooltip.png) no-repeat bottom left; z-index:10; border-top:1px solid #dcd7c5;}
.tooltip img {border: 1px solid #fff;}
section.items .tooltip p {font-size:10px; letter-spacing:0.1em; text-transform:uppercase; margin: 0 8px;}
.tooltip ul {border-top: 1px solid #e0dbcf; margin: 0 8px 5px;}
.tooltip li {font-size:11px; border-bottom: 1px solid #e0dbcf; background: url(../../images/tick.png) no-repeat 0 6px; padding-left: 13px; }



/* !item page ----------------------------------------------------------- */

#item #primary-content {width:784px; float:left; padding-bottom: 40px;}
#item .images {width: 382px; margin:0 20px 0 10px; float:left;}
#item .main a {border:3px solid #fff; display:block; width:356px; height:440px;}
#item .images .main p {margin: 7px 0 3px; text-transform: uppercase; font-size: 10px; letter-spacing: 0.1em; background: url(../../images/sprite1.png) no-repeat -470px -106px; padding-left: 18px;}
#item .images li {float:left; margin-top:10px;}
#item .images li a:link, #item .images li a:visited {border:3px solid #fff; display:block; width:77px; height:95px; margin-right:10px;}
#item .images li a:hover, #item .images li a:active {border-color:#dcd7c5;}
#item .specs {width:362px; margin:0; float:left;}
#item .brand {font-size: 14px; color:#c6bd76; margin-top: 3px; letter-spacing:0.1em; text-transform:uppercase;}
#item h1 {font-size: 22px; line-height: 26px; font-style: italic;}
#item .price {font-size: 18px; border:1px solid #e1ded2; background-color:#f7f5ee; padding: 4px 10px 6px; float: left;}
#item .saleprice {color: #904d4d; text-shadow: none;}
#item .saleprice span {color: #73726f; text-decoration: line-through; text-shadow: none;}

#item .preorder-info {clear:left; margin-bottom: 20px;}
#item .preorder-info h2 {color: #904d4d; font-size: 16px; margin-bottom: 10px; font-style: italic;}
#item .preorder-info p {margin-top: 0;}

.size-select, .quantity-select {width: 151px; float: left;}
.size-select {width: 211px;}
#item form {clear: both; background: url(../../images/h-rule.png) no-repeat left bottom; padding-bottom: 10px;}
.select-size {width: 190px; float: left;}
#item form select {min-width: 170px; background-color:#fff; color: #73726f; font-size: 12px; border: 1px solid #999; float:left; margin-right: 15px;}
#item form .qty {width: 170px; font-size: 13px; margin: 0; float: left;}
#item form .qty label {margin-right: 4px;}
#item form .qty input {width: 30px; border:1px solid #e1ded2; background-color:#fff; padding: 2px 3px; text-align: center;}
#item form select.error {color: #904d4d; border: 1px solid #904d4d;}
#item form .qty input.error {border-color: #904d4d;}
#item form .qty input:focus {border-color: #73726f;}
#item form button {float:left; clear: both; background:#7b8563 url(../../images/bg-add-to-cart.gif) no-repeat center center; color: #f7f5ee; border: 1px solid #626d4f; letter-spacing:0.1em; text-transform:uppercase; font:normal 13px/13px Georgia, Cambria, Constantia, "Lucida Bright", "DejaVu Serif", "Liberation Serif", serif; text-shadow:#626d4f 1px 1px 0; padding: 5px 50px; margin: 20px 0 10px; cursor: pointer;}
#item form button:hover {border: 1px solid #566045; background: #949d77 url(../../images/bg-add-to-cart-hover.gif) no-repeat center center;}
#item p.vat {clear: left;font-size: 10px; text-transform: uppercase; letter-spacing:0.1em; margin: 0; float: left;}

#item .item-info {padding: 20px 0; background: url(../../images/h-rule.png) no-repeat left bottom;}
#item .item-info h2 {color: #7b8563; text-transform:uppercase; letter-spacing:0.1em; margin: 20px 0 10px;}
#item .item-info p {font-size: 12px; margin: 10px 0;}

#item .specs ul.customer-services, #item .specs .share p {font-size: 10px; text-transform: uppercase; letter-spacing:0.1em; margin: 10px 0; float: left;}
#item .specs li {float: left;}
#item .specs .share {float:right; width: 120px;}
#item .specs .share p {text-align: right; width: 120px;margin-bottom: 5px;}
#item .specs .share ul {text-align: right; float:right;}
#item .specs .share ul li a {border: none;}
#item .specs .share ul li {margin-left: 3px;}

#item .out {clear: both; background: url(../../images/h-rule.png) no-repeat left bottom; padding-bottom: 35px; margin-bottom: 0; color: #904d4d; font-size: 16px;}

/* !image zoom */

.cloud-zoom-big {border:3px solid #fff; overflow:hidden;}
.cloud-zoom-loading {width: 28px; height: 28px; color:#c6bd78; background:#fff url(../../images/loader.gif) no-repeat 0 0; border:3px solid #fff; text-indent: -999em;}

/* no javascript */

.js .add-to-cart .alert, .no-js .add-to-cart form {position: absolute !important;clip: rect(1px 1px 1px 1px);/* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden;}
.no-js .add-to-cart .alert {width: 342px; padding: 7px 10px; clear: both; background-color: #904d4d; font-size: 16px; text-shadow: none; color: #fff;}

/* !prime cuts ---------------------------------------------------------- */

.prime-cuts #primary-content header {background: url(../../images/prime-cuts-header.png) no-repeat 10px 30px; height: 180px; }
.prime-cuts #primary-content h1 {text-indent: -999em;}
.prime-cuts .intro {text-align: center; margin: 20px 10px 40px;}
.prime-cuts .items {background: url(../../images/prime-cuts-cow.png) no-repeat bottom center; padding-bottom: 230px;}



/* !news ---------------------------------------------------------------- */

#news #primary-content header {padding: 10px 0 30px; background: url(../../images/h-rule-ornate.png) no-repeat left bottom; margin: 0 10px 60px; }
#news #primary-content section {#text-align: left;}
#news h1 {font-size: 21px; text-transform:uppercase; letter-spacing:0.1em; margin: 0 10px 0; text-align: center; padding-top: 80px; background: url(../../images/h1-news.png) no-repeat top center;}
#news #primary-content h2 {font-size: 18px; color: #7b8563; text-transform:uppercase; letter-spacing:0.1em; margin: 0 0 10px;}
#news #primary-content p.date {font-size: 11px; text-transform:uppercase; letter-spacing:0.1em; margin: 0 0 20px;}
#news section article {background: url(../../images/h-rule.png) no-repeat left bottom; padding-bottom: 20px; margin-bottom: 40px;}
#news article img {border: 3px solid #fff;}
#news article img.wrap {float: left; margin: 0 20px 10px 0;}
#news p.paginate {width: 200px; margin: -20px 0 0; background: url(../../images/previous-next.png) no-repeat 0 -50px;}
#news p.previous-page {float:left; padding-left: 40px;}
#news p.next-page {float:right; text-align: right; background-position: right top; padding-right: 40px;}
#news #primary-content section {margin-right: 0; text-align: left;}

/* !stuff we like */
#news #primary-content aside {text-align: center;}
#news #primary-content aside h2 {color: #73726f; background: url(../../images/pipe.png) no-repeat top center; font-size: 15px; margin: 0; padding: 43px 0 7px;}
#news aside ul {background: url(../../images/h-rule.png) no-repeat bottom left; padding-bottom: 2px;}
#news aside li {background: url(../../images/h-rule.png) no-repeat 0 0; padding: 7px 0 5px; font-style: italic;}



/* !information pages --------------------------------------------------- */

.info #primary-content header {padding: 10px 0 30px; background: url(../../images/h-rule-ornate.png) no-repeat left bottom; margin: 0 10px 60px;}
.info h1 {font-size: 21px; text-transform:uppercase; letter-spacing:0.1em; margin: 0 10px 0; text-align: center; padding-top: 80px; background-position: top center; background-repeat: no-repeat;}
.terms-conditions h1 {background-image: url(../../images/h1-pen.png);}
.privacy-policy h1 {background-image: url(../../images/h1-key.png);}
.shipping h1 {background-image: url(../../images/h1-scales.png);}
.returns-policy h1 {background-image: url(../../images/h1-pigeons.png);}
.info #primary-content section {margin: 0 60px 40px; text-align: justify;}
.info #primary-content h2 {font-size: 14px; color: #7b8563; text-transform:uppercase; letter-spacing:0.1em; margin: 20px 0 10px;}
.info #primary-content p {margin: 10px 0;}
.info #primary-content .shipping-options {margin-top: 40px;}
.info #primary-content .shipping-options h2 {margin: 10px 0;}
.info #primary-content .shipping-options p {margin-top: 10px;}
.tnt-logo {margin-top: 40px;}



/* !about us pages ------------------------------------------------------ */

#about h1 {background-image: url(../../images/h1-about.png);}
#about #primary-content section {background: url(../../images/tape-measure.png) no-repeat bottom center; padding-bottom: 180px;}



/* !newsletter signup --------------------------------------------------- */

#newsletter h1 {background-image: url(../../images/h1-about.png);}
#newsletter #primary-content section p.intro {float: none; font-size: 15px; text-align: center;}
#signup {float: left; margin-top: 40px; padding-bottom: 20px; background: url(../../images/h-rule.png) no-repeat center bottom;}
#signup p {margin: 0; width: 195px; float: left;}
#signup p.email {width: 225px;}
#signup input {color: #777; font-size: 12px;border: none;padding-bottom: 2px;background: url(../../images/dot-rule.png) repeat-x left bottom; width: 175px; text-shadow: 0px 1px 1px #fff; font:normal 14px/16px Georgia, Cambria, Constantia, "Lucida Bright", "DejaVu Serif", "Liberation Serif", serif;}
#signup p.email input {width: 205px;}
#signup input:focus {color: #333; outline:none;}
#signup p.button {width: 49px;}
#signup .button input { background: transparent url(../../images/pointy-finger.png) no-repeat 0 0; width: 49px; height: 24px; text-indent: -999em; cursor: pointer;}
#signup .button input:hover {background-position: 0 -39px;}



/* !care pages ---------------------------------------------------------- */

.care #primary-content header {padding: 10px 0 30px; background: url(../../images/h-rule-ornate.png) no-repeat left bottom; margin: 0 10px 60px;}
.care h1 {font-size: 21px; text-transform:uppercase; letter-spacing:0.1em; margin: 0 10px 0; text-align: center; padding-top: 80px; background-image: url(../../images/h1-care.png);}
.care #primary-content section {margin: 0 60px 40px; text-align: justify;}
.care #primary-content h2 {font-size: 14px; color: #7b8563; text-transform:uppercase; letter-spacing:0.1em; margin-top: 40px;}
.care #primary-content .shipping-options {margin-top: 40px;}
.care #primary-content .shipping-options h2 {margin: 10px 0;}
.care #primary-content .shipping-options p {margin-top: 10px;}



/* !contact ------------------------------------------------------------ */

#contact #primary-content section {font-size: 15px; text-align: center;}



/* !signin ------------------------------------------------------------- */

#signin h1 {background-image: url(../../images/h1-pen.png);}
#signin #primary-content section {text-align: center;}
#signin #primary-content section {background: url(../../images/h-rule.png) no-repeat center bottom;}
#signin #primary-content section h2 {margin-bottom: 10px;}
#signin #primary-content section p.small {font-size: 13px; margin-top: 0; background: url(../../images/h-rule.png) no-repeat center bottom; padding-bottom: 10px;}
#signin #primary-content form {margin-left: 42px;}
#signin #primary-content .form-item {float: left; margin: 0 10px 20px;}
#signin .form-label {width: 70px; text-align: left;}
#signin .text-input {width: 200px;}
#signin label.error {text-align: left; padding-left: 70px;}
#signin .form-item input.error {border-color: #904d4d;}



/* !account pages ------------------------------------------------------ */

#account h1 {background-image: url(../../images/h1-about.png);}
#account #primary-content section {width: 372px; margin: 0 10px 20px; float: left; text-align: left;}
#account #primary-content h2 {text-align: center; font-size: 16px; margin-bottom: 10px;}
#account #primary-content h3 {font-size: 14px; margin: 20px 0 5px 0;}
#account #primary-content h3 span {font-size: 10px; color: #73726f; margin: -10px 0 0 10px; line-height: 1em;}
#account #primary-content section p {background: url(../../images/h-rule.png) no-repeat 0 0; padding: 7px 0 3px; margin: 0;}
#account #primary-content section p span {width: 100px; display: inline-block; color: #8d8c88;}
#account #primary-content p.small {text-align: center; margin-top: 10px;}
#account .text-input {width: 200px;}
#account .form-label {width: 130px;}
#account .next, #account .next-button {clear: both; float: right; margin-right: 10px;}
#account #primary-content h3 em, #account label em {color: #904d4d; font-size: 12px;}
#account label {position: relative;}
#account label em {position: absolute; top: -3px; right: -223px;}
#account legend span label, #checkout legend span input {width: auto; padding: 0; line-height: 1;}

/* form validation */
#account input.error {border-color: #904d4d;}
#account label.error {width: 230px; margin-left: 133px;}



/* !basket ------------------------------------------------------------- */

#basket h1 {background-image: url(../../images/h1-basket.png);}
#basket p.empty {font-size: 16px;text-align: center;}

.my-basket {border-collapse: collapse; width: 764px; margin-left: 10px;}
.my-basket td {text-align: left; background:url(../../images/h-rule.png) no-repeat 0 0; padding: 6px 0 3px;vertical-align: middle;}
.my-basket th {text-align: left; text-transform: uppercase; letter-spacing:0.1em; padding: 0 10px 3px 0; font-size: 10px;}
.my-basket #basket-image {width:70px;}
.my-basket #basket-size {width:110px;}
.my-basket #basket-price {width:80px;}
.my-basket #basket-qty {width:80px;}
.my-basket #basket-subtotal {width:90px;}
.my-basket #basket-remove {width:70px; padding-right: 0;}
.my-basket td.thumbnail a:link,.my-basket td.thumbnail a:visited {border:3px solid #fff; display:block; width:50px; height:62px;}
.my-basket td.thumbnail a:hover,.my-basket td.thumbnail a:active {border-color:#dcd7c5;}
.my-basket td p {margin: 0 !important;}
.my-basket td p.brand {text-transform: uppercase; letter-spacing:0.1em; font-size: 10px;}
.my-basket .total {padding: 0 0 20px 0;text-align: right;}
.my-basket .total p {margin: 5px 0;}
.my-basket .total .basket-total {font-size:14px; background:url(../../images/h-rule.png) no-repeat bottom left; padding: 20px 0 20px;}
.my-basket .total .basket-total span {font-size:20px; padding-left: 5px;}
.payment-info {padding-top: 40px;}
.my-basket .total .sagepay {float: left; margin-top: -5px;}
.my-basket button {background:#e8e4ca; color: #706233; border: 1px solid #c6bd76; letter-spacing:0.1em; text-transform:uppercase; font:normal 13px/13px Georgia, Cambria, Constantia, "Lucida Bright", "DejaVu Serif", "Liberation Serif", serif; padding: 7px 10px; margin: 20px 0 0; cursor: pointer;}
.my-basket button:hover {background:#ded9b2; border-color: #706233;}
.my-basket .qty {width:30px; border:1px solid #c0bdb4; background-color:#fbfaf7; color:#73726f; padding: 2px 3px; text-align: center;}
.my-basket .qty:focus {border-color: #73726f; background-color: #fff; color: #524d3f;}
#basket #primary-content .delivery-note {margin: 0 40px 40px; text-align: center;}



/* !checkout ----------------------------------------------------------- */

#checkout h1 {font-size: 21px; text-transform:uppercase; letter-spacing:0.1em; margin: 0 10px 0; text-align: center; padding-top: 80px; background: url(../../images/h1-about.png) no-repeat top center;}
#checkout h2.rule { background:url(../../images/h-rule.png) no-repeat 0 0; margin: 0 10px 20px; padding: 25px 0 0;}
#checkout h2.rule span {color:#928551; text-decoration:none; border-bottom:1px solid #e0dbcf;}
#checkout h2.rule span:hover {color:#904d4d; border-bottom-color:#904d4d;}
#checkout p.empty {font-size: 16px;text-align: center;}
#checkout .select-shipping {padding: 0 10px; margin-bottom: 20px;}
#checkout .shipping-info {margin: 0 10px 40px; width: 372px; background:url(../../images/h-rule.png) no-repeat 0 0; padding-top: 3px;}
#checkout .shipping-info p {background:url(../../images/h-rule.png) no-repeat bottom left; margin: 5px 0; padding-bottom: 5px;}
#checkout .shipping-info span {width: 100px; display: inline-block;}
#checkout .shipping-info p.total {font-size: 18px; padding-bottom: 10px;}
#checkout .signin-form {margin: 0 10px; width: 372px;}
#checkout .signin-form .form-label {width: 130px;}
#checkout .signin-form .text-input {width: 208px; margin-right: 20px;}
#checkout .signin-form button {float: right; margin-top: 5px;}
#checkout .forgot {background: none; font-size: 12px;}
#checkout .billing, #checkout .shipping {width: 372px; float: left; margin: 0 10px;}
#checkout legend {font-size: 14px; color: #7b8563; text-transform:uppercase; letter-spacing:0.1em; background:url(../../images/h-rule.png) no-repeat bottom left; width: 372px; padding-bottom: 10px; margin-bottom: 0;}
#checkout legend span {font-size: 10px; color: #73726f; margin: -10px 0 0 10px; line-height: 1em;}
#checkout legend span em, #checkout label em {color: #904d4d; font-size: 12px;}
#checkout label {position: relative;}
#checkout label em {position: absolute; top: -3px; right: -223px;}
#checkout legend span label, #checkout legend span input {width: auto; padding: 0; line-height: 1;}
#checkout #primary-content h2 {font-size: 17px; color: #7b8563; text-transform:uppercase; letter-spacing:0.1em;}
#checkout form p {background:url(../../images/h-rule.png) no-repeat bottom left; padding-bottom: 5px; margin: 3px 0;}
.customer-info h2 {padding-left: 10px;}
.customer-info p.signin {padding-left: 10px; font-size: 15px; margin-top: 0;}
.customer-info p.signin span {padding-left: 5px; font-size: 12px; font-style: italic;}
.billing-shipping {clear: both;}
.billing-shipping fieldset {padding-bottom: 40px;}
.update {background:#e8e4ca; color: #706233; border: 1px solid #c6bd76; letter-spacing:0.1em; text-transform:uppercase; font:normal 11px/13px Georgia, Cambria, Constantia, "Lucida Bright", "DejaVu Serif", "Liberation Serif", serif; padding: 4px 6px; margin: 20px 0 0; cursor: pointer;}
.update:hover {background:#ded9b2; border-color: #706233;}
input.readonly, input.readonly:focus {border-color: #e0dbcf; color: #999; background-color: #fbfaf7;}
.member-info {margin-bottom: 40px;}
.member-info input, .customer-info fieldset input {width: 200px;}
.member-info label, .customer-info fieldset label{width: 130px;}
.member-info, .additional-info {clear: both; width: 372px; margin-left: 10px;}
#checkout form p.agree-terms {background-image: none; padding-left: 10px; float: left; width: 100%;}
#checkout p.agree-terms label em {position: relative; left: 2px;}
#checkout .payment-info {float: left; width: 100%;}
#checkout .sagepay {float:left; margin: 10px;}
.payment-info button {float:right; margin: 11px 10px 10px 0;}
.customer-type {padding-bottom: 20px;}
#checkout .h-rule {margin: 0 10px; background:url(../../images/h-rule.png) no-repeat 0 0; height: 3px; margin-bottom: 40px;}
#checkout .spacer {padding-bottom: 40px;}
.customer-info .country {display: inline-block; width: 130px; padding: 2px 0;}

/* !form validation */
.billing-shipping input.error, .signin-form input.error {border-color: #904d4d;}
.billing-shipping label.error, .signin-form label.error {width: 230px; margin-left: 133px;}
#checkout form p.agree-terms label.error {float: none; background:url(../../images/accept-terms.gif) no-repeat left center; color:#fff; width:200px; text-align:center; text-shadow:none; padding: 5px 8px 5px 15px; margin: 0 0 0 5px; display: inline;}


/* fancybox (terms & conditions pop-up) */

.terms-container {display: none;}

#checkout #terms {width:500px; height:500px; overflow:auto; background:#f7f5ee url(../../images/background.gif) repeat 0 0; padding: 0 20px 10px 20px;}


#checkout #terms header {background:url(../../images/h-rule.png) no-repeat 0 0;}
#checkout #terms h2 {font-size: 14px; color: #7b8563; text-transform:uppercase; letter-spacing:0.1em; margin: 20px 0 10px;}
#checkout #terms h2.title {color: #73726f; text-align: center; font-size: 18px; background: url(../../images/h-rule-ornate.png) no-repeat center bottom; padding: 20px 0 30px;}
#checkout #terms p {margin: 10px 0;}



/* !order complete ----------------------------------------------------- */

.summary #primary-content section {margin: 0 60px 40px; text-align: justify;}
.summary #primary-content section ul {background:url(../../images/h-rule.png) no-repeat bottom left; width: 480px;}
.summary #primary-content section li {background:url(../../images/h-rule.png) no-repeat 0 0; padding: 5px 0 3px;}
.summary #primary-content section li span {display: inline-block; width: 150px;}



/* !page not found ----------------------------------------------------- */

#notfound h1 {background-image: url(../../images/page-not-found-cow.png); padding-top: 180px;}
#notfound #primary-content section p {font-size: 15px; line-height: 22px; text-align: center;}


/* !footer ------------------------------------------------------------- */

.push {clear:both; height: 200px;}

footer {height: 260px; width:960px; margin:0 auto; background:url(../../images/h-rule.png) no-repeat 0 0; clear:both; position:relative;}
footer p {margin: 0;}

footer ul.customer-services {width:568px; float:left; margin:10px 0 0 196px;}
footer ul.customer-services li {font-style:italic; font-size:12px; float:left; margin-right:10px;}

footer .contact {clear:left; float:left; font-size:12px; background:url(../../images/footer-logo.png) no-repeat 120px 5px; width:174px; margin:30px 0 20px; padding:10px 0 0 198px;}
footer .contact h2 {text-transform:uppercase; font-size:13px; letter-spacing:0.1em; margin: 0;}
footer .contact span, footer .contact a {font-style:italic;}

footer .social {float:left; width:300px; margin:30px 0 20px 20px; padding:10px 0 0; width:150px;}
footer .social li {font-style:italic; font-size:12px; padding-left: 23px; background: url(../../images/sprite1.png) no-repeat 0 -103px;}
footer .social .tumblr {background-position: 0 -123px;}
footer .social .facebook {background-position: 0 -143px;}

footer .small {background:url(../../images/h-rule.png) no-repeat 0 0; float:left; width:960px; height: 80px;}
footer .small p {font-size:10px; text-transform:uppercase; letter-spacing:0.1em; width:370px; margin:0;}
footer .small p.copyright {width: 320px !important; float: right; padding: 0; text-align: right; margin-top: 28px;}
footer .sagepay {margin: 30px 0 0 196px !important; float: left !important;}

.cow {position:absolute; top:20px; right:0;}