/*------------------------------------------------------------------------------
>>>>  Genki CSS 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

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, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

* {
margin: 0;
}

html, body {
height: 100%;
}

/* For IE */
img { -ms-interpolation-mode:bicubic; } 

a img {
  border: none;
}

a, a:link { text-decoration: none; }

/*------------------------------------------------------------------------------
>>>> Fundamentals
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

body { 
  color: #42210B; 
  text-shadow: rgba(255, 255, 255, .01) 0px -1px 1px; 
  font-family: Georgia, "Times New Roman", serif;
	font-size: 75%;  
	background:url(/static/images/background.jpg) left top repeat;
}

/* Link and link-like colours */
a, 
#shp p.toggle a.toggleOn,
#slideshow ol li#activeThumb { 
  color: #FF1D25; 
}

/* For the big happy opening paragraph */
#content h1 + p {
  font-size: 125%;
  line-height: 160%;
  padding-bottom: 0.5em;
}

/* Neatening subheadings in posts  */
.post h2 { margin-top: 0px;}
.post h2 + h3 {
  margin: -0.7em 0 0.6em 0;
}

/*------------------------------------------------------------------------------
>>>> Layout
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* to get the footer to stick to the bottom of the page */
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -290px;
}

.footer, .push {
	height: 290px;
	clear:both;
}


.masthead {
	width:100%;
	overflow:hidden;
	height:147px;
	background:url(/static/images/beige.png) left top repeat;
}

.container {
	position:relative;
	padding:25px 0 60px 0;
	margin-top:-5px;
	background:url(/static/images/container.png) left top repeat-x;
	overflow:auto;
}

.container .main {
	overflow:visible;
}

.basketTop {
	position:relative;
	width:960px;
	margin: 0 auto;
	z-index:4000000;
}

.main {
	position:relative;
	width:960px;
	margin:0 auto;
}

.text {
	position:relative;
	float:left;
	display:inline;
	width:455px;
}

.sidebar {
	position:relative;
	float:right;
	display:inline;
	padding:0;
	width:226px;
	margin:140px 0 0 0;
}

.decoration {
	background:url(/static/images/footer.png) left top repeat-x;
	height:5px;
	position:relative;
	margin-bottom:-5px;
}
.footer {
	background:url(/static/images/beige.png) left top repeat;
	overflow:hidden;
}

.footer .main {
	padding:20px 0 0 0;
	position:relative;
	overflow:hidden;
}

.byline {
	position:relative;
  padding-top: 10px;
  font-size: 87%;
	clear:both;
	margin-bottom:0;
	text-align:center;
	width:480px;
	margin:0 auto;
/*	border:1px solid red;*/
}

/*------------------------------------------------------------------------------
>>>> Masthead, navigation and basket
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* masthead and footer have different backgrounds for categories */
div.i-love-tees {
	background:url(/static/images/red.png) left top repeat;
}
div.stripey-tees {
	background:url(/static/images/green.png) left top repeat;
}
div.other-clothing {
	background:url(/static/images/blue.png) left top repeat;
}
div.pre-loved-goodies {
	background:url(/static/images/pink.png) left top repeat;
}
div.bits-and-bobs {
	background:url(/static/images/beige.png) left top repeat;
}
div.sale {
	background:url(/static/images/yellow.png) left top repeat;
}
div.about-genki { /* the 'about' page */
	background:url(/static/images/pink-gingham.png) center top repeat;
}

.masthead h1 {
	margin:0;
	padding:3px 0 0 0;
}

.masthead h1 a {
	display:block;
	width:157px;
	height:83px;
	background:url(/static/images/genkilogo-white.png) left top no-repeat;
}

.masthead h1 a span {
	display:none;
}

/* Tab-style shopnav */

ul.tabs {
	width:960px;
	padding:0;
	margin:1px 0 0 0;
	list-style:none;
	overflow:hidden;
}
ul.tabs li {
	float:left;
	display:inline;
	width:150px;
	height:60px;
	margin-right:10px;
	font-size:18px;
}

ul.tabs li a {
	display:block;
	float:left;
	text-decoration: none;
	background-image:url(/static/images/nav.png);
	background-position:left top;
	background-repeat:no-repeat;
	width:92px;
	height:50px;
	padding:10px 0 0 58px;
	color:#4D4D4D;
}

/* each tab has a different picture */
ul.tabs a#i-love-tees {
	background-image:url(/static/images/ilovetees.png);
}
ul.tabs a#stripey-tees {
	background-image:url(/static/images/stripeytees.png);
}
ul.tabs a#bits-and-bobs {
	background-image:url(/static/images/bitsandbobs.png);
}
ul.tabs a#sale-bin {
	background-image:url(/static/images/salebin.png);
}
ul.tabs a#other-clothing {
	background-image:url(/static/images/otherclothing.png);
}
ul.tabs a#pre-loved-goodies {
	background-image:url(/static/images/prelovedgoodies.png);
}


ul.tabs li a:hover {
	background-position:left bottom;
	color:#42210B;
}

ul.tabs li.last {
	margin-right: 0;
}


/* for the "active" state */

ul#i-love-tees a#i-love-tees, 
ul#stripey-tees a#stripey-tees, 
ul#other-clothing a#other-clothing,
ul#sale a#sale-bin, 
ul#pre-loved-goodies a#pre-loved-goodies, 
ul#bits-and-bobs a#bits-and-bobs {
	color:#42210B;
	background-position:left bottom;
}


/*------------------------------------------------------------------------------
>>>> Basic Typography
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

em, i {
  font-style:italic;
}
b, strong {
  font-weight: bold;
}

h1 {
  font-size:1.8em;
  margin: 0 0 0.5em 0;
  letter-spacing:0.05em;
}
h2 {
  font-size: 1.4em;
  margin-top: 1.8em;
  margin-bottom: 0.7em;
}
h3 {
  font-size: 1.0em;
  line-height: 1.25;
  margin-top: 1.4em;  
  font-weight: bold;
  margin-bottom: 0.5em;
}
h4 {
  margin-top:2.0em;    
  font-size:1em;
  font-weight:bold;
  margin-bottom:0.5em;
}
h6 {
  font-size:1em;
  font-weight:bold;
}
p {
  line-height:160%;
  margin-bottom:1.5em;
}
ul, ol {
  padding: 0 0 0 25px;
  margin:1.0em 3.0em 1.4em 0;
}
ul ul, ol ol {
  margin-left: 1.8em;
}
li {
  line-height:130%;
  margin-bottom:0.7em;
}
dl {
  line-height: 130%;
}
dt {
  font-weight: bold;
  margin-bottom: 0;
}
dd {
  margin-bottom: 2.0em;
}
blockquote {
  margin: 1.6em 0;
  padding: 0 2.0em;
  border-left: 1px solid #ccc;
}
blockquote p {
  padding:0;
  margin:0 0 1.0em 0;
}
blockquote cite {
  font-style:italic;
  font-weight: bold;
  font-size:0.9em;
}
table {
  border-collapse: collapse;
  margin: 1.0em 0;
  padding: 0;
  font-size: 0.9em;
  width: 100%;
}
table td {
  text-align: left;
  vertical-align: top;
  padding: 0.3em 1.0em 0.3em 0;
  border-bottom:1px solid #ddd;  
}
table th {
  padding: 0.3em 1.0em 0.3em 0;
  font-weight: bold;
  text-align: left;  
  border-bottom: 1px solid #222;
}
table p {
  margin: 0.5em 0;
}


/*------------------------------------------------------------------------------
>>>> The white background for the content
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* coulda done this with css if IT WEREN'T
	 FOR INTERNET EXPLORER */

div.wallpaper {
	width:728px;
	position:relative;
	float:left;
	display:inline;
	margin-left:-5px;
	z-index:1000;
}
div.category {
	position:relative;
	width:720px;
	height:54px;
	padding:0 4px;
	background:url(/static/images/top-board.png) left top no-repeat;
	overflow:hidden;
}

div.middle {
	width:700px;
	padding:20px 4px 20px 24px;
	overflow:auto;
	background:url(/static/images/middle-board.png) left top repeat-y;
}

div.end {
	position:relative;
	width:700px;
	height:10px;
	padding:0 4px 0 24px;
	overflow:hidden;
	background:url(/static/images/bottom-board.png) left top repeat-y;
}

/* And another section for the white sidebar background */

/* you make me stoop to this, IE */
.sidebar .side-top {
	background:url(/static/images/sidebar-top.png) left top no-repeat;
	padding:0;
	height:20px;
	width:226px;
}
.sidebar .side-mid {
	background:url(/static/images/sidebar-mid.png) left top repeat-y;
	padding:0 20px 20px 20px;
	margin:0;
	width:186px;
}
.sidebar .side-end {
	background:url(/static/images/sidebar-end.png) left top no-repeat;
	padding:0;
	height:20px;
	width:226px;
	margin:0;
}


/*------------------------------------------------------------------------------
>>>> Generally helpful
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.error, .preview {
  border: 1px dashed #FF1D25;
  padding: 1.0em 1.0em 0 1.0em;
	margin: 0 0 1.0em 0;
	position:relative;
	display:block;
	width:92%;
}

.skip { /* For hidden skip-to-content link */
  display: none;
}

.go { /* Link to post or extended article */
  text-align: right;
}
.first { /* For the first item in series */
  margin-left: 0;
  padding-left: 0;
}
.last { /* For the last item in series */
  margin-right: 0;
  padding-right: 0;
}
.notFound { /* Where people / products don't have images */
  background: #ddd;
  text-align: center;
  padding: 90px 0;
  width: 100%;
}
div.checkout { /* appended to 'not found' class in the checkout area */
	width:68px;
	font-size:9px;
	padding:26px 0;
	border:1px solid #42210B;
	background:#fff;
	margin:0 10px 0 6px;
}

#blg div.post,
#dir div.post,
#edn div.post,
#evt div.post,
#mapblg div.post,
#nws div.post,
#psl div.post, 
#shp div.post {
  margin-bottom:2.0em;
}
 

/*
>>>> 'Back' link
*/
a.back {
	position:relative;
	float:left;
	background:url(/static/images/back.png) left top no-repeat;
	margin-top:19px;
	display:block;
	text-align:center;
	width:164px;
	height:25px;
	opacity:0.45;
	filter:alpha(opacity=45);
}
a:hover.back, a:active.back {
	opacity:1;
	filter:alpha(opacity=100);
}
a.back span {
	display:none;
}

/*------------------------------------------------------------------------------
>>>> Home page
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

body.home {
	background:url(/static/images/flower.jpg) left top repeat;
}

.home .masthead {
	background:url(/static/images/masthead-header.png) left bottom repeat;
	height:100px;
	padding-top:0;
}
.home .container {
	background:none;
	padding-top:0;
	position:relative;
	padding-bottom:20px;
}

.home .wallpaper, .home .sidebar {
	padding-bottom:40px;
}
.home .middle {
	padding-right:24px;
	width:680px;
}

.home .footer {
	background:url(/static/images/footer-neutral.png) left top repeat-x;
}
body.home h3.welcome {
	margin:20px 0 0 20px;
}

.home .decoration {
	display:none;
}

/* the shop nav is styled different on the home page */
.home ul.tabs {
	width:750px;
	margin-top:26px;
	overflow:hidden;
}
.home ul.tabs li {
	width:210px;
	height:190px;
	margin:0 30px 40px 0;
}

.home ul.tabs li a {
	width:210px;
	height:190px;
	background-image:none;
	padding:0;
	color:#c2c6ab;
	font-size:1px;
}

.home ul.tabs a#i-love-tees {
	background-image:url(/static/images/ilovetees-home.png);
}
.home ul.tabs a#bits-and-bobs {
	background-image:url(/static/images/bitsandbobs-home.png);
}
.home ul.tabs a#sale-bin {
	background-image:url(/static/images/salebin-home.png);
}
.home ul.tabs a#stripey-tees {
	background-image:url(/static/images/stripeytees-home.png);
}
.home ul.tabs a#other-clothing {
	background-image:url(/static/images/otherclothing-home.png);
}
.home ul.tabs a#pre-loved-goodies {
	background-image:url(/static/images/prelovedgoodies-home.png);
}

/* 'dear genki' (contact us) section */
div.dear-genki { 
	padding-left:40px;
	position:relative;
	overflow:auto;
}
div.advice {
	width:427px;
	position:relative;
	float:left;
	display:inline;
}
.dear-genki h3 {
	background:url(/static/images/deargenki.png) left top no-repeat;
	height:210px;
	margin:0 0 10px 0;	
}
.dear-genki p {
	display:none;
}
.dear-genki h3 span, .dear-genki p span {
	display:none;
}
a.contact-home {
	display:block;
	width:210px;
	height:190px;
	background-image:url(/static/images/contact-home.png);
	background-position:left top;
	background-repeat:no-repeat;
	padding:0;
	margin:0 30px 0 0;
	float:right;
}
a:hover.contact-home {
	background-position:left bottom;
}
a.contact-home span {
	display:none;
}

/* headings */
h3.browse {
	background:url(/static/images/browse.png) left top no-repeat;
	height:33px;
	margin:32px 0 0 17px;
}
h3.latest {
	background:url(/static/images/latest.png) left top no-repeat;
	height:33px;
	margin:0;
}
h3.browse span, h3.latest span {
	display:none;
}

a.more-news {
	display:block;
	width:160px;
	height:20px;
	padding-bottom:3px;
	background:url(/static/images/readall.png) left top no-repeat;
}
a:hover.more-news {
	border-bottom:1px dashed #42210B;
	padding-bottom:2px;
}
a.more-news span {
	display:none;
}
/* the latest from genki */
.home .sidebar {
	margin-top:100px;
}
#shp.home .side-mid h3.typewriter {
	font-size:15px;
}

#shp.home .post {
	margin-bottom:20px;
}

.home .side-mid a.image {
	display:block;
	background:url(/static/images/product-box-small.png);
	background-position:left top;
	background-repeat:no-repeat;
	padding:12px;
	height:169px;
	width:162px;
}
.home .side-mid a:hover.image {
	background-position:left bottom;	
}
.home .side-mid p {
	margin-bottom:0;
}
/*------------------------------------------------------------------------------
>>>> The footer
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


div.nav, div.mailer, div.search, div.about {
	width:220px;
	position:relative;
	float:left;
	display:inline;
	padding:0 10px;
	overflow:hidden;
}
div.about {
	width:480px;
	padding:0;
}
div.search {
	padding:0 0 0 20px;
}
div.about p {
	font-style:italic;
	font-size:17px;
	width:440px;
}
div.about p a {
	color:#42210B;
	border-bottom:1px dashed #42210B;
}
.footer h3.typewriter {
	font-size:19px;
	margin-top:2px;
	margin-bottom:12px;
	text-transform:lowercase;
}

ul.footernav {
	padding-left:0px;
	text-transform:lowercase;
	font-size:14px;
	margin:0;
	list-style:none;
}
ul.footernav li {
	margin-bottom:5px;
	margin-top:0;
	width:185px;
	height:45px;
	padding:0;
	line-height:1em;
	float:left;
	display:inline;
}

ul.footernav li a {
	color:#42210B;
	display:block;
	width:185px;
	height:45px;
	background-repeat:no-repeat;
	background-position:left top;
}
ul.footernav li a:hover {
	background-position:left bottom;
}
ul.footernav li a span {
	display:none;
}
ul.footernav li#about-genki a {
	background-image:url(/static/images/about-genki.png);
}
ul.footernav li#genki-news a, 
ul.footernav li#genki-blog a {
	background-image:url(/static/images/genki-blog.png);
}
ul.footernav li#contact-us a {
	background-image:url(/static/images/contact-us.png);
}
ul.footernav li#shipping a {
	background-image:url(/static/images/shipping-and-terms.png);
}

.byline a {
	color:#42210B;
}
.byline p {
	padding-top:4px;
/*	border:1px solid red;*/
	float:left;
}
.footerTweet {
	float:left;
	margin:0px 0 0 5px;
}

/*-----------------------------------------------------
    >> 'Join the mailing list' form  <<
-----------------------------------------------------*/

/* used for search form too */

form#subForm input.subscribe,
form.searchForm input.search { 
	color:#42210B;
	margin:0 0 4px 0;
	text-align:left;
	text-transform:lowercase;
	font-family:Georgia, serif;
	font-size:12px;
	font-style:italic;
	border:1px solid #8a796d;
	width:200px;
	height:14px;
	padding:5px 0 5px 5px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

input.submit {
	margin-top:4px;
}

/*-----------------------------------------------------
    >> Search  <<
-----------------------------------------------------*/

div.searchForm {
	clear:both;
	position:relative;
	overflow:hidden;
	width:100%;
	margin-top:0px;
}
form.searchForm input.search,
form.searchForm input.go {
	float:left;
	display:inline;
}

/*------------------------------------------------------------------------------
>>>> Twitter links on about and contact pages
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.twitter {
	position:relative;
	float:right;
	display:inline;
	width:180px;
	margin-right:20px;
}
.twitter img {
	width:160px;
	float:right;
}

.twitter a {
	float:right;
	display:block;
	background:url(/static/images/follow.png) left top no-repeat;
	width:176px;
	height:75px;
	opacity:.75;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	margin-top:-24px;
}

.twitter a:hover {
	opacity:1;
	filter:alpha(opacity=100);
	-moz-opacity:1;
}
.twitter a span {
	display:none;
}


/*------------------------------------------------------------------------------
>>>> Blog and News (BLG, NWS) pagination
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#blg div.pagination, 
#nws div.pagination{
  margin-top:4.0em;
  text-align:right;
  font-size: 90%;
}
#blg .pagination ul,
#nws .pagination ul {
  margin: 0;
  float: right;
  list-style: none;
}
#blg .pagination ul li, 
#nws .pagination ul li {
  border-right: 1px solid #444;
  padding: 0 0.4em;
  margin-top: 0.5em;
  float: left;
}
#blg .pagination ul li.currentPage,
#nws .pagination ul li.currentPage {
  font-weight: bold;
}
#blg .pagination ul li.nextPage,
#nws .pagination ul li.nextPage {
  border-right: 0;
  padding-right: 0;
}


/*------------------------------------------------------------------------------
>>>> News (NWS)
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#nws .post {
	border-bottom:1px solid #ccc;
	overflow:hidden;
}
#nws .post h3 {
	font-size:21px;
	text-transform:lowercase;
	margin-top:0;
}
#nws .post h3 span, .post h3 span {
	display:block;
	font-size:14px;
	margin:3px 0;
}
#nws h3.typewriter {
	font-size:15px;
	margin:0 0 10px 0;
	text-transform:lowercase;
}
ul.news {
	margin:0 0 20px 0;
	padding:0 0 0 20px;
}

ul.news span {
	display:block;
	color:#42210B;
}

/*  >> Comments <<   */

.more {
	position:relative;
	clear:both;
	margin:10px 0 0 0;
	padding:3px 0;
	float:right;
	width:120px;
	text-align:center;
	border:1px solid #DAD7C5;
	background:#DAD7C5;
}
.more a {
	color:#42210B;
}
.more a:hover {
	color:#FF1D25;
}
div.comments {	
}

#nws h3.commentHeader {
	margin:30px 0 15px 0;
	clear:both;
	padding-bottom:16px;
	background:url(/static/images/header2.png) left bottom repeat-x;
	margin-bottom:20px;
	font-size:18px;
}

p.commentInfo { /* Shows if comments are on or off, and how many */
  margin-top: 2.0em;
  text-align: right;
  font-size: 90%;
  font-weight: bold;
}
div.cmt {
  margin-bottom: 2.4em;
  font-size: 90%;
}
div.preview h4.commenter {
  margin-top: 0;
}
h4.commenter a {
	color:#42210B;
	text-decoration:underline;
}
div.preview a.hide {
  color: red;
}
form.comments {
	margin-bottom:30px;
}

#nws .buttonHolder {
	position:relative;
	float:right;
	width:267px;
}
#nws .buttonHolder input, #nws .buttonHolder a {
	width:115px;
	height:26px;
	line-height:12px;
	color:#ffffff;
	text-shadow:rgba(0,0,0,0.35) 0px 1px 1px;
	text-transform:lowercase;
	font-style:italic;
	font-size:15px;
	cursor:pointer;
	float:left;
	text-align:center;
	margin:0;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	opacity:0.92;
}
#nws .buttonHolder input {
	width:135px;
	border:1px solid #7AC943;	
	background:#7AC943;	
	padding:10px 0 24px 0;
	height:32px;
	font-family:georgia, serif;
}
#nws .buttonHolder input:hover,
#nws .buttonHolder a:hover {
	opacity:1;
}
#nws .buttonHolder a {
	background:#FBB03B;
	border:1px solid #FBB03B;
	height:16px;
	padding:10px 0 8px;
	margin-right:3px;
}


/*------------------------------------------------------------------------------
>>>> Contact (CTT)
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

h4.deargenki {
	background:url(/static/images/deargenki-small.png) left top no-repeat;
	width:100px;
	height:31px;
	margin:6px 0 0 20px;
}
div.category h4.deargenki span {
	display:none;
}

/*------------------------------------------------------------------------------
>>>> About page header
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

h4.ourstory {
	background:url(/static/images/ourstory.png) left top no-repeat;
	width:91;
	height:29px;
	margin:6px 0 0 20px;
}
div.category h4.ourstory span {
	display:none;
}

/*------------------------------------------------------------------------------
>>>> Shop (SHP)
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

h1.tag {
	font-size:40px;
	padding-bottom:12px;
	background:url(/static/images/header2.png) left bottom repeat-x;
	margin-bottom:40px;
	width:952px;
	text-transform:lowercase;
}

/*-----------------------------------------------------
    >> the tag/category page  <<
-----------------------------------------------------*/

/* the "filter this!" and "category" headings */
div.category h4.filter {
	background:url(/static/images/filterthis.png) left top no-repeat;
	width:137px;
	height:39px;
	margin:12px 0 0 20px;
}
div.category h4.category {
	background:url(/static/images/category.png) left top no-repeat;
	width:79px;
	height:26px;
	margin:5px 10px 0 20px;
	float:left;
	display:inline;
}
div.category h4.latest {
	background:url(/static/images/allthelatest.png) left top no-repeat;
	width:120px;
	height:28px;
	margin:6px 0 0 20px;
}
div.category h4.filter span, 
div.category h4.category span,
div.category h4.latest span {
	display:none;
}

div.category h4.browse {
	margin:20px 0 0 20px;
	font-size:1.3em;
	font-style:italic;
}

/* the list of products */

div.product {
	position:relative;
	float:left;
	display:inline;
	width:214px;
	margin:0 18px 20px 0;
	height:260px;
	overflow:hidden;
}

.product a.image {
	display:block;
	background:url(/static/images/product-box.png);
	background-position:left top;
	background-repeat:no-repeat;
	padding:12px;
	height:196px;
	width:190px;
}

.product a:hover.image {	
	background-position:left bottom;
}

.product h3, .productSnippet h3 {
	font-size:12px;
	font-style:italic;
	font-weight:normal;
	margin-top:0.5em;
	margin-bottom:0;
	text-shadow:none;
}
.product h3 a, .productSnippet h3 a {
	color:#42210B;
}

.middle .sale {
	background:none;
}
.clear {
	clear:both;
}


/* filtering */

div.filter {
	position:relative;
	overflow:hidden;
	margin:0 0 20px 0;
	background: #f2f2f2;
	padding:10px;
	width:430px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
}
div.filter h4 {
	margin-top:0;
	margin-bottom:10px;
	font-size:16px;
	text-transform:lowercase;
}

div.filter a {
	background:#fff;
	display:block;
	float:left;
	padding:3px 10px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	margin:0 10px 10px 0;
	font-size:16px;
}
div.filter a:hover {
	background:#ddd;
}


/* sale price */ 
span.salePrice {
	text-decoration:line-through;
	color:#FF1D25;
}

.productPage { /* sale price on the product page */
	font-size:12px;
	display:block;
	margin:3px 0 0 0;
	clear:both;
}
/*-----------------------------------------------------
    >> category descriptions  <<
-----------------------------------------------------*/

.categories {
	margin-top:40px;
}
.categories p {
	display:block;
	width:229px;
	height:229px;	
	background-position:left top;
	background-repeat:no-repeat;
}
.categories p span {
	display:none;
}
p.i-love-tees {
	background-image:url(/static/images/i-love-tees-blurb.png);
}
p.stripey-tees {
	background-image:url(/static/images/stripey-tees-blurb.png);
	height:310px;
}
p.other-clothing {
	background-image:url(/static/images/other-clothing-blurb.png);
	height:298px;
}
p.pre-loved-goodies {
	background-image:url(/static/images/pre-loved-goodies-blurb.png);
	height:245px;
}
p.bits-and-bobs {
	background-image:url(/static/images/bits-and-bobs-blurb.png);
	height:180px;
}
p.sale-bin {
	background-image:url(/static/images/sale-bin-blurb.png);
	height:184px;
}
img.sidebarImg {
	width:208px;
	padding:1px;
	background:#f4f2f3;
	border:1px dashed #897567;
	float:right;
	margin-right:4px;
}

/*-----------------------------------------------------
    >> the product page  <<
-----------------------------------------------------*/

.tag-info { /* contains "category" heading and tag */
	width:327px;
	position:relative;
	float:left;
	display:inline;
	padding:16px 0 0 0;
}
span.category-tag {
	float:left;
	display:inline;
	padding-top:0;
	font-size:24px;
	line-height:1em;
}
a.shopping { /* the keep shopping link */
	position:relative;
	float:left;
	margin-top:19px;
	display:block;
	background:url(/static/images/keep-shopping.png) left top no-repeat;
	text-align:center;
	width:164px;
	height:25px;
	opacity:0.45;
	filter:alpha(opacity=45);
	-moz-opacity:0.45;
}
a:hover.shopping, a:active.shopping {
	opacity:1;
	filter:alpha(opacity=100);
	-moz-opacity:1;
}
a.shopping span {
	display:none;
}

#shp div.title { /* contains product title and price */
	width:680px;
	position:relative;
	padding:0 20px 0 0;
	overflow:hidden;
	margin:0 0 20px 0;
}
#shp div.title h2 {
	margin-bottom:0;
}
#shp .middle h2.name { /* product title */
	font-size:26px;
	margin-top:0;
	text-align:left;
	float:left;
	width:550px;
}
p.price {
	float:right;
	display:inline;
	text-align:right;
	font-size:32px;
	width:130px;
	overflow:hidden;
	margin-bottom:0;
}

#shp div.image { /* contains images/slideshow */
	width:380px;
	position:relative;
	float:left;
	display:inline;
}

#shp div.description { /* contains description, add to bag links */
	width:290px;
	position:relative;
	float:left;
	display:inline;
	overflow:visible;
	padding:0 0 0 10px;
}

#shp h4.spots { /* the 'sizes' and 'details' headers */
	background:url(/static/images/circle-red.png) left center repeat-x;
	margin-top:0;
}
#shp h4.spots span {
	text-transform:uppercase;
	font-size:12px;
	font-weight:normal;
	background:#fff;
}

#shp h4.add { /* the 'add to shopping bag' header */
	font-size:14px;
	font-weight:normal;
	margin-top:10px;
	margin-bottom:10px;
}

#shp .purchaseOptions { /* Contains add link, availability and variations */
	margin:20px 0 10px 0;
	position:relative;
	clear:both;
	width:300px;
	overflow:hidden;
}

#shp .purchaseOptions p {
 margin-bottom: 0; 
}

#shp .comparison { /* If regular price > current price */
  color: red;
  text-decoration: line-through;    
	position:relative;
	margin-top:10px;
}
#shp .available { /* Date available - used especially for upcoming products */
  font-style: italic;
}

a.tweet { /* the tweet this! link */
	display:block;
	width:114px;
	height:52px;
	background:url(/static/images/tweet.png) left top no-repeat;
	opacity:0.75;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
}
a:hover.tweet {
	opacity:1;
	filter:alpha(opacity=100);
	-moz-opacity:1;
}
a.tweet span {
	display:none;
}
/*-----------------------------------------------------
    >> Size chart <<
-----------------------------------------------------*/

div#sizechart {
	padding:20px 20px 10px 20px;
	width:672px;
	margin:0 auto;
	overflow:hidden;
}
div#sizechart h3.sizes {
	font-size:28px;
}
div#sizechart p {
	margin-bottom:10px;
	width:420px;
}
table#sizechart {
	width:672px;
	margin-bottom:20px;
}
table#sizechart th, table#sizechart td {
	border-right:5px solid #fff;
	border-bottom:5px solid #fff;
	padding-top:12px;
	padding-bottom:4px;
	padding:12px 6px 6px 6px;
}
table#sizechart th.number, 
table#sizechart td.number {
	text-align:right;
}
table#sizechart td.padded {
	padding-top:32px;
}
table#sizechart th {
	background:#8e7d72;
	background:#675143;
	color:#fff;
	font-weight:normal;
	font-size:13px;
}
table#sizechart td {
	background:#938479;
	background:#dad7c5;
	font-size:12px;
	padding-top:14px;
}
table#sizechart th.header {
	width:260px;
}
table#sizechart th.header h3 {
	margin-top:0;
	font-size:16px;
	text-transform:lowercase;
}
table#sizechart td {
	width:68px;
}
table#sizechart th.full {
	padding-top:12px;
}


/* The basket-filler provided by add_to_cart_link */

a.basket_fillerAdd, a.basket_fillerCheckout,
a.basket_fillerProcessing {
	width:64px;
	height:44px;
	display:block;
	float:left;
	background-image:url(/static/images/addtobag.png);
	background-position:left top;
	background-repeat:no-repeat;
	padding:20px 0 0 0;
	margin:0 10px 10px 0;
}
a:hover.basket_fillerAdd, 
a:active.basket_fillerAdd {	
	background-position:left center;
}

a.basket_fillerCheckout {
	background-position:left bottom;	
}

a.basket_fillerProcessing {
	background-position:left center;
}

a.basket_fillerAdd span, a.basket_fillerProcessing span {
	font-weight:normal;
	font-size:34px;
	width:64px;
	height:42px;
	display:block;
	text-align:center;
	cursor:pointer;
	color:#42210B;
}

a.basket_fillerProcessing span {
	font-size:12px;
	font-style:italic;
	height:34px;
	padding-top:8px;
}

a.basket_fillerCheckout span {
	display:none;
}


div.smallLink a.basket_fillerAdd span, 
div.smallLink a.basket_fillerCheckout span { 
/* smaller text for sizes with > 1 char */
	font-size:16px;
	padding-top:2px;
}

div.smallLink a.basket_fillerProcessing span {
	font-size:12px;
	font-style:italic;
}

h3.typewriter {
	font-size:20px;
	margin-top:0;
	text-transform:lowercase;
}

/* the "you may also like" section in the sidebar */
.productSnippet {
	position:relative;
	margin:0 0 20px 0;
}

.productSnippet a.image {
	display:block;
	background:url(/static/images/product-box-small.png);
	background-position:left top;
	background-repeat:no-repeat;
	padding:12px;
	height:176px;
	width:162px;
	height:169px;
}

.productSnippet a:hover.image {	
	background-position:left bottom;
}


/* the "available in other colours" section */
div.colourMatch {
	position:relative;
	clear:both;
	width:100%;
	padding:40px 0 0 0;
	overflow:auto;
}

.colourMatch h3.typewriter {
	padding-bottom:16px;
	background:url(/static/images/header2.png) left bottom repeat-x;
	margin-bottom:20px;
	width:670px;
}

.colourMatch .productSnippet {
	margin:0 20px 20px 0;
	width:160px;
	float:left;
	display:inline;
}

.colourMatch .productSnippet a.image {
	background:url(/static/images/product-box-smallest.png);
	padding:10px;
	height:140px;
	width:140px;
}

.colourMatch .productSnippet a:hover.image {	
	background-position:left bottom;
}


.soldOut {
	background:url(/static/images/soldout.png) left top no-repeat;
	display:block;
	float:left;
	width:64px;
	height:44px;
	padding:20px 0 0 0;
	margin:0 10px 10px 0;
	text-align:center;
	font-size:34px;
	color:#93867F;
}
.notForSale {
	background:url(/static/images/comingsoon.png) left top no-repeat;
	display:block;
	float:left;
	width:64px;
	height:44px;
	padding:20px 0 0 0;
	margin:0 10px 10px 0;
	text-align:center;
	font-size:34px;
	color:#93867F;
}
.master {
	font-size:14px;
}

/* The container for the basket */
.basketContainer {
  position: relative;
	width:369px;
	float:right;
	margin-right:10px;
} 

/* the header on the policies page */
h4.fineprint {
	background:url(/static/images/fineprint.png) left top no-repeat;
	width:117px;
	height:31px;
	margin:6px 0 0 20px;
}
div.category h4.fineprint span {
	display:none;
}

/* The rest of the basket styles are in basket.css */


/* Freight table */
table.shpFreightTable {
	margin:20px 0 40px 0;
}
table.shpFreightTable th {
  font-weight:bold; 
  padding-left: 0;
  border-bottom: 1px solid #ddd;
}
p.shpTaxInfo {
  font-size: 0.9em;
}

/* Checkout (general) */

#shp .previous {
  float: left;
}
#shp .next {
  float: right;
}

#shp h3.checkout {
	margin:20px 0 0 20px;
}

/* The table of line items in view basket */

#basketTable {
  margin-top: 2.0em;
	border-collapse:separate;
	border-spacing:0 10px;
	width:680px;
	clear:left;
}
#basketTable tr {
	border-collapse:separate;
	margin-bottom:10px;
	border-collapse:collapse;
	border-spacing:10px;
	width:530px;
}
#basketTable td { 
  padding: 0.6em 0;
  vertical-align: middle; 
	border-collapse:collapse;
	border:0;
	background-color:#dad7c5;
}

#basketTable th.title,
#basketTable th.quantity,
#basketTable th.remove,
#basketTable th.price {
	text-transform:uppercase;	
	font-size:14px;
	font-weight:normal;
}
#basketTable th.title {
  width:130px;
}
#basketTable td.title {
	font-size:13px;
}
#basketTable td.title a {
	color:#42210B;
}

#basketTable th.quantity, #basketTable td.quantity, #basketTable td.quantity input {
  text-align: center;
}
#basketTable th.price small {
	font-size:9px;
}

#basketTable td.basketImage {
	width:70px;
}
#basketTable td.basketImage img {
	margin-right:10px;
	margin-left:5px;
	background:#ffffff;
	padding:2px;
	border:1px solid #42210B;
}
#basketTable td.quantity input {
  border:2px solid #FBB03B;
}
#basketTable input.update { /* the 'update totals' button */
  border:2px solid #FBB03B;
  background:#FBB03B;
  color:#fff;
  text-transform:lowercase;
  padding:0.6em 10px;
  width:265px;
  margin-left:180px;
  font-family:Arial;
  font-size:14px;
  text-transform:uppercase;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  cursor:pointer;
}
#basketTable input:hover.update {
  border:2px solid #FCD095;
}
#basketTable th.remove, #basketTable td.remove {
  width:100px;
  text-align:center;

}
#basketTable td.remove label {
  border:1px solid #FBB03B;
  display:block;
  background:#FBB03B;
  color:#fff;
  cursor:pointer;
  padding:2px;
  text-transform:uppercase;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  opacity:0.9;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	width:88px;
  text-align:center;
  font-size:10px;
  margin-right:6px;
	float:right;
}
#basketTable td.remove input {
  float:left;
}
#basketTable a.remove {
  background-color:#FBB03B;
  width:55px;
  height:25px;
  color:#ffffff;
  display:block;
  text-align:center;
  padding:5px 0;
  opacity:0.85;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
#basketTable th.price,
#basketTable td.price {
  text-align:right;
	font-size:14px;
}

#basketTable tr.summaryTotal h3 {
  font-weight:normal;
  margin:0 0 5px 0;
  text-transform:uppercase;
  font-size:12px;
}
#basketTable tr.summaryTotal td {
  border-top:2px solid #42210B;
  border-bottom:2px solid #42210B;
}
#basketTable tr.summaryTotal td.price {
  font-weight: bold;
	font-size:18px;
	padding-right:6px;
}
#basketTable tr.summaryTotal td.quantity {
  font-weight: bold;
	font-size:18px;
}

/* Step 1 */

#shp .checkoutActions {
  margin-top: 1.5em;
	overflow:hidden;
}
#shp .checkoutActions a {
	float:left;
	display:inline;
	text-align:center;
}
div.checkoutActions a.shop {
	width:177px;
	height:16px;
	font-size:12px;
	background:#42210B;
	opacity:.65;
	filter:alpha(opacity=65);
	-moz-opacity:0.65;
	padding:10px 0 8px 0;
	color:#ffffff;
	margin-right:3px;
	text-transform:lowercase;
}

#shp div.checkoutActions a.checkout {
	width:492px;
	height:16px;
	font-size:18px;
	background:#FF1D25;
	padding:6px 8px 12px 0;
	color:#ffffff;
	margin-right:0;
	text-transform:lowercase;
	text-align:right;
	opacity:.85;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
}
div.checkoutActions a:hover.shop,
#shp div.checkoutActions a:hover.checkout {
	opacity:1;
	filter:alpha(opacity=100);
	-moz-opacity:1;
}

/* Step 2 */ 
#shp p.toggle { /* Toggles for billing/shipping address and remember details */
  font-size: 0.9em;
  margin: 1.5em 0;
  padding: 0.3em 0;
  line-height: 160%;
}
#shp p.toggle a {
  color: #786962;
}

#shp p.toggle a.toggleOn {
	color:#FF1D25;
	font-weight:bold;
	padding:1px;
	border:1px solid #FF1D25;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

/* Step 3: Paypal */

/* some specific styles for the paypal checkout basketTable */
table#basketTable.checkoutSummary {
	margin-top:0;
	margin-bottom:0;
}

#basketTable.checkoutSummary th.title,
#basketTable.checkoutSummary td.title {
	width:270px;
}
#basketTable.checkoutSummary th.quantity,
#basketTable.checkoutSummary td.quantity {
	width:80px;
}
#basketTable.checkoutSummary td.last {
	padding-right:6px;
}
#basketTable.checkoutSummary tr.summary td {
	border-top:1px solid #42210B;
	border-bottom:1px solid #42210B;
}
#basketTable.checkoutSummary tr.summary td.heading h3 {
	font-size:12px;
	font-weight:normal;
	margin:0 0 0 6px;
	text-transform:uppercase;
}
#basketTable.checkoutSummary tr.summary td.last {
	font-size:12px;
	font-weight:bold;
}
#basketTable.checkoutSummary tr.summary td.quantity {
	font-weight:bold;
	font-size:12px;
}
#basketTable.checkoutSummary tr.summary td.gst,
#basketTable.checkoutSummary tr.summary td.gst h3 {
	font-weight:normal;
	text-transform:none;
}
#basketTable.checkoutSummary tr.summaryTotal td.heading h3 {
	font-size:18px;
	font-weight:bold;
	margin:0 0 0 6px;
}
#basketTable.checkoutSummary tr.summaryTotal td.price {
	padding-right:6px;
}

#shp div.paypalAction { /* bigger margin on the checkout action for the final page */
	margin-bottom:60px;
	margin-top:0px;
}


input.paypal, input.continue {
	opacity:.85;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
}

input:hover.paypal, input:hover.continue {
	opacity:1;
	filter:alpha(opacity=100);
	-moz-opacity:1;
}
.content { /* this is for the receipt page from paypal */
	width:400px;
}



/* order status page */

p.status {
	font-size:150%;
}

div.correspondence dl {
	padding-left:0;
	margin-top:1em;
}
div.correspondence dl dt {
	width:300px;
	margin-bottom:0.3em;
}
div.correspondence dl dd {
	border:1px dashed #EA7E73;
	width:300px;
	padding:10px 10px 0 10px;	
}
div.correspondence dl dd p {
	margin:0 0 1em 0;
}
#statusTable {
	border-collapse:separate;
	border-spacing:0 10px;
	width:100%;
	margin-top:0;
	margin-bottom:30px;
}

#statusTable tr {
	border-collapse:separate;
}
#statusTable th.title,
#statusTable th.quantity,
#statusTable th.state,
#statusTable th.price {
	text-transform:uppercase;	
	font-size:14px;
	font-weight:normal;
	padding:0 0 0.5em 0;
}
#statusTable td { 
  padding: 0.6em 0;
  vertical-align: middle; 
	background:#ffffff;
	border-collapse:collapse;
	border:0;
	font-size:1.2em;
}

#statusTable th {
	vertical-align:top;
} 
#statusTable td {
	vertical-align:middle;
}

#statusTable tr {
	margin-bottom:20px;
	border-collapse:collapse;
	border-spacing:20px;
}
#statusTable td.basketImage {
	width:70px;
}
#statusTable td.basketImage img {
	margin-right:10px;
	margin-left:5px;
	background:#ffffff;
	padding:2px;
	border:1px solid #42210D;
}

#statusTable th.title {
  font-size: 14px;
	text-transform:uppercase;
	width:200px;
}

#statusTable th.price, #statusTable td.price {
	width:90px;
	text-align:right;
}
#statusTable th.quantity, #statusTable td.quantity {
	width:90px;
	text-align:right;
}
#statusTable th.state, #statusTable td.state {
	width:74px;
	text-align:right;
	padding-right:6px;
}
#statusTable td h3 {
  font-size: 14px;
	text-transform:uppercase;
/*	color:#999999;*/
	margin-bottom:10px;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	width:auto;
	padding:0;
	font-weight:normal;
}

table#transactionTable {
	margin-bottom:30px;
}

h4.orderStatus {
	margin-bottom:0;
}
form#correspondence {
	margin-bottom:30px;	
}
form#correspondence textarea {
	margin-bottom:10px;
}

/*------------------------------------------------------------------------------
>>>> Slideshow
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#slideshow div.placeholder {
  clear: both;
  width: 100%;
  overflow: hidden;
  background: url(/static/images/spinner.gif) center center no-repeat;
}

#slideshow ol {
	padding:0;
	
}
#slideshow ol li {
  display: block;
  padding:1px;   
  float: left;
  cursor: pointer;
  font-size: 90%;
	width:80px;
	height:80px;
	margin:0 10px 10px 0;
	border:1px solid #ccc;
}
#slideshow ol li a {
  padding:0; 
}
#slideshow ol li#activeThumb { /* The active marker for the slideshow */ 
	border:1px solid #42210B;
}

/*------------------------------------------------------------------------------
>>>> Gallery
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#gallery {
	position:relative;
	overflow:hidden;
}
#gallery div.placeholder {
  clear: both;
  width: 449px;
  overflow: hidden;
  background: url(/static/images/spinner.gif) center center no-repeat;
	padding:2px;
	border:1px dashed #897567;
}

#gallery ol {
	padding:0;
	position:relative;
	margin-top:-20px;
	margin-left:15px;
	height:40px;
}
#gallery ol li {
  display: block;
  padding:0;   
  float: left;
  cursor: pointer;
  font-size: 90%;
	margin:0 10px 4px 0;
	border:1px solid #fff;
	background:#fff;
	height:6px;
	width:6px;
	opacity:0.6;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	border-radius:3px;
}
#gallery ol li a {
  padding:0; 
}
#gallery ol li#activeThumb { /* The active marker for the slideshow */ 
	border:1px solid #42210B;
	background:#42210B;
	opacity:0.8;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
}


/*-----------------------------------------------------
                     >> Images <<
                     
Sizes
large: 440px
medium: 200px
small: 140px

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

.captioned {
  margin-top: 0.7em;
  margin-bottom: 0.7em;
}
.captioned blockquote {
  background:none;
  margin: 6px 0 0 0;
  padding: 0;
  border: 0;
}
.captioned blockquote p {
  font-size: 0.85em;
  font-style: normal;
  line-height: 140%;
}
img.small, .smallCaptioned {
  float: left;
  width: 140px;
  margin: 0 18px 10px 0;
  padding: 2px;
  border: 1px solid #ddd;
}
img.med, .medCaptioned {
  float: left;
  width: 200px;
  margin: 0 18px 10px 0;
  padding: 2px;
  border: 1px solid #ddd;
}
img.large, .largeCaptioned {
  width: 440px;
  margin: 0;
  padding: 2px;
  border: 1px solid #ddd;
  background:#fff;  
}
.largeCaptioned {
  margin: 1.7em 0;
  border: none;
  padding: 0;
}

.medCaptioned img, 
.smallCaptioned img,
.small_rightCaptioned img,
.largeCaptioned img {
  float: none;
  margin: 0;
	border:none;
	padding:none;
}

p.submit {
  text-align:center;
  margin-top:10px;
  width:100%;
  overflow:hidden;
}

.submit input {
  font-size:16px;
}

/*------------------------------------------------------------------------------
>>>> Mime-type display - the default behaviour when a file is inserted in text
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

a.download {
  display:block;
  overflow:hidden;
  border:1px solid #ccc;
  margin:0;
  padding:0;
  background:#eee;
  position:relative;
  text-decoration:none;
}
a.download:hover {
  background:#E6F1FF;
}
a.download label {
  margin:20px 0 0 0;
  padding:0;
  display:block;
  line-height:140%;
  float:left;
}
a.download label span {
  font-weight:bold;
  font-size:12px;
}
a.download img {
  float:left;
  margin:0;
  padding:3px 0;
  width:64px;
  height:64px
}

/*------------------------------------------------------------------------------
>>>> Uniform overwrites (remove the .uniForm class from forms to disregard)
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.uniForm .ctrlHolder { 
	padding: 6px 0; 
/*	border-bottom:1px solid #786962; */
	border-bottom:1px solid #CFCFC1; 
	overflow:hidden;
	width:100%;
}
.uniForm .ctrlHolder input {
	width:54%;
}

form.checkout {
	width:680px;
}
.uniForm fieldset legend {
	color:#42210B;
}
.uniForm .buttonHolder { padding-top: 10px; }

.uniForm .inlineLabels label,
.uniForm .inlineLabels .label { 
  width: 40%; 
}
.uniForm .inlineLabels .textInput,
.uniForm .inlineLabels .fileUpload { 
  width: 54%; 
}

.uniForm .inlineLabels .selectInput,
.uniForm .inlineLabels select { width: 54%;  }

.uniForm .inlineLabels textarea{  width: 54%; font-family: Helvetica, Arial, sans-serif; }

.uniForm .inlineLabels .formHint { 
  margin-top: 0; 
  margin-left: 42%; 
  font-size: .9em; 
  color: #786962; 
  position: static; 
}
.uniForm .inlineLabels .multiField { 
  width: 54%; 
  margin: 0 0 .3em 0; 
}

.uniForm label.blockLabel { font-size: 90%; }
.uniForm .inlineLabels .blockLabel {
  width: 45%;
  margin-right: 5%;
}
.uniForm .inlineLabels .expiry label.blockLabel { /* For credit card expiry date #shp */
  width: 46%;
}
.uniForm .inlineLabels .cc label.cardNumber { /* For credit card number #shp */
  width: 65%;
}
.uniForm .inlineLabels .cc label.cvv { /* For credit card expiry date #shp */
  width: 22%;
}
.uniForm .inlineLabels .address .textInput {
  width: 100%;
}
.uniForm .inlineLabels .address label {
  display: none;
}

.uniForm .noBorder {
  border: 0;
}
.uniForm .inlineLabels p.formHint {
  font-size: 80%;
  padding-top: 0.8em;
  line-height: 130%;
}

/*------------------------------------------------------------------------------
>>>> Cufon: Fallback fonts for older browsers
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.shopnav li, h1.tag, #shp .middle h2.name,
p.price, .purchaseOptions span,  h3.typewriter,
span.category-tag, .filter a, .filter h4 {
	font-family:, "Courier New", Courier, "Palatino Linotype", Georgia, serif;
	line-height:1.1em;
}


/* holiday notice */

.notice {
	border:1px dashed #FF1D25;
	color:#FF1D25;
	padding:10px;
	margin-bottom:20px;
	overflow:hidden;
	clear:both;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
.notice p {
	margin-bottom:4px;
}