/*------------------------------------------------------------------------------
>>>>  Serabeena 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;
}

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

a img {
  border: none;
}


/*------------------------------------------------------------------------------
>>>> For starters:
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

body {
  color: #686868;
	font-family:"Helvetica Neue", helvetica, arial, sans-serif;
	font-size:87.5%;
	background:#ffffff;
}

html>body {
	font-size:14px;
}

a, a:link, a:visited {
	color:#00BCE4;
	text-decoration:none;
}

a:hover, a:active {
	color:#7E81BE;
}


/* For the big happy opening paragraph */
#content h1 + p, #mapblg #content p:first-child {
  font-size: 125%;
  line-height: 140%;
  padding-bottom: 0em;
  color: #4d4d4d;
}

#textArea {
	width:400px;
	padding-left:40px;
	padding-right:40px;
	font-size:130%;
	line-height:1.7;
}

/* Neatening subheadings in posts  */

.post h2 { margin-top: 0px;}
.post h2 + h3 {
  margin: -0.7em 0 0.6em 0;
}


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

.container {
	width:960px;
	padding:20px 0px 40px 0px;
	background:#ffffff;
	margin:0 auto;
}

#content {
	width:940px;
	padding:0 10px;
	overflow:hidden;
}

.pageContent {
	width:520px;
	float:left;
	margin:0;
	padding:0 40px 0 0;
}

.sidebar {
	width:300px;
	padding:0 0px 0 70px;
	margin:0;
	float:right;
}


.shopSide { /* the sidebar at the checkout with freight table */
	width:290px;
	padding-top:20px;
	padding-left:50px;
	float:right;
	display:inline;
/*	border:1px solid red;*/
}

.footer {
  clear:both;
  font-size: 90%;
  padding-top: 75px;
  margin-top: 3.0em;
	width:100%;
	margin:0 auto;
	background:#e6e6e6 url(/static/images/footer.gif) top left repeat-x;
}

.footerText {
	width:940px;
	padding:10px;
	margin:0 auto;
	overflow:auto;
}
.byline {
  padding-top: 1.5em;
  font-size: 90%;
  text-align: center;
	clear:left;
}


/*------------------------------------------------------------------------------
>>>> Masthead & navigation
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.topSection {
	width:100%;
	overflow:visible;
	height:251px;
	background:#62CAE3;
	margin:0 auto;
	background:url(/static/images/masthead.gif) top center repeat-x;
}


.navigation {
	width:960px;
	margin:0 auto;
	overflow:visible;
}

.masthead {
  width: 890px;  
	margin:0 auto;
	margin-top:10px;
  overflow: auto;  
  padding: 0;
	padding-left:70px;
  text-align: left; 
	clear:both;
	display:block;
}

.masthead a {
  width:424px;
	height:70px;
	overflow:visible;
	float:left;
	background:url(/static/images/serabeena.gif) no-repeat;
	background-position:bottom left;
	margin-bottom:10px;
}

.masthead a:hover {
	background-position:top left;
}

.masthead span {
	display:none;
}

.strap { /* Contains shop navigation */
  padding-top: 0;
	border:none;
	display:block;
	position:relative;
	width:960px;
	margin:0 auto;
}

/* Plain text-link style nav up top */

ul.textNav {
  float:left;
	display:inline;
  padding: 5px 0 0 85px;
	margin:0;
	margin-bottom:10px;
  list-style-type: none;
	width:365px;
}

ul.textNav li {
	float:left;
  display: inline;
	margin-bottom:0;
	margin:0;
	padding:0;
	height:17px;
	padding-bottom:2px;
	cursor:pointer;
}

.textNav a {
	color:#ffffff;
	font-weight:bold;
	height:17px;
	float:left;
	display:block;
	padding-bottom:2px;
}

.textNav a:hover {
	border-bottom:1px dotted #ffffff;
}
.textNav span {
	display:none;
}

.textNav li#about-serabeena {
	width:122px;
	background:url(/static/images/aboutserabeena.png) top left no-repeat;
	margin-right:30px;
}
.textNav li#about-serabeena a {
	width:122px;
}

.textNav li#blog {
	width:30px;
	margin-right:30px;
	margin-top:1px;
	background:url(/static/images/blog.png) top left no-repeat;
}
.textNav li#blog a {
	width:30px;
}

.textNav li#contact-us {
	width:74px;
	margin-right:30px;
	background:url(/static/images/contactus.png) top left no-repeat;
}
.textNav li#contact-us a {
	width:74px;
}

.textNav li#search {
	width:49px;
	background:url(/static/images/search.png) top left no-repeat;
}
.textNav li#search a {
	width:49px;
}




/* The subnav for the shop categories */

ul.subnav {
	margin:0 auto 20px 10px;
	padding:0;
	list-style:none;
	width:960px;
	height:100px;
	overflow:visible;
	position:relative;
}

ul.subnav li {
	float:left;
	width:220px;
	height:88px;
	margin-right:20px;	
}

ul.subnav a {
	width:220px;
	height:88px;
	display:block;
}

/* The subnav list item backgrounds */

ul.subnav li#featured-products a {
	background:url(/static/images/featuredproducts.png) no-repeat;
	background-position: top left;
	margin-top:0px;
}
ul.subnav li#featured-products a:hover,
ul.subnav li#featured-products a:active {
	background-position: bottom left;
}

ul.subnav li#make-your-own a {
	background:url(/static/images/makeyourown.png) no-repeat;
	background-position: top left;
	margin-top:8px;
}
ul.subnav li#make-your-own a:hover,
ul.subnav li#make-your-own a:active {
	background-position: bottom left;
}

ul.subnav li#art-supplies a {
	background:url(/static/images/artsupplies.png) no-repeat;
	background-position: top left;
	margin-top:-2px;
}
ul.subnav li#art-supplies a:hover,
ul.subnav li#art-supplies a:active {
	background-position: bottom left;
}

ul.subnav li#packs-and-pouches a {
	background:url(/static/images/packsandpouches.png) no-repeat;
	background-position: top left;
	margin-top:12px;
}
ul.subnav li#packs-and-pouches a:hover,
ul.subnav li#packs-and-pouches a:active {
	background-position: bottom left;
}

ul.subnav span {
	display:none;
}


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

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

h1 {
  font-size:2em;
  margin: 0 0 0.5em 0;
  letter-spacing:0.05em;
}
h2 {
  font-size: 1.4em;
  margin-top: 1em;
  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:150%;
  margin-bottom:1.5em;
  margin-top:1.5em;
}
ul, ol {
  padding: 0;
	padding-left:40px;
  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;
}

/* a few type tweaks */

p.byline {
	margin-bottom:0;
}

/*------------------------------------------------------------------------------
>>>> Page and news sidebar
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#pge h1 {
	border-bottom:1px dashed #00bce4;
}

#pge .sidebar h2 {
	font-size:24px;
	border-bottom:none;
}
.sidebar p {
	font-size:12px;
	line-height:1.6;
}

/*------------------------------------------------------------------------------
>>>> Footer div
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.footerInfo {
	width:190px;
	height:200px;
	padding:15px;
	float:left;
	display:inline;
	overflow:hidden;
	background:#ffffff;
	margin-right:20px;
}

.footerInfo p {
	margin-top:0;
	margin-bottom:0.8em;
	font-size:12px;
}

.footerInfo h3 {
	margin:0;
	margin-bottom:10px;
	font-size:16px;
}

.footerInfo h4 {
	margin-top:10px;
}

.footerInfo a {
	display:block;
	margin-bottom:10px;
}

.lastFooter {
	margin-right:0;
}

h4.online { /* "Follow us online" */
	width:50px;
	float:left;
	display:inline;
	margin:0;
	font-size:12px;
}
img.socialMedia { /* the social media icons */
	float:left;
	display:inline;
	margin-right:0px;
}

form.subscribe div {
	width:340px;
}
form.subscribe label {
	display:inline;
	float:left;
	padding-top:5px;
	padding-right:5px;
}
input.subscribe {
	border:2px solid #00bce4;
	display:inline;
	float:right;
	width:220px;
	margin-bottom:3px;
}

.sub-btn {
	width:auto;
	float:right;
	padding-top:8px;
}
img.sub {
	padding:2px;
	border:1px solid #ccc;
	margin:0 10px 0 0;
	height:55px;
	float:left;
}

img.sub:hover {
	border:1px solid #00bce4;
}

img.subPage { /* the image of the giveaway on the subscribe page */
	padding:2px;
	border:1px solid #ccc;
	width:250px;
	float:left;
	margin-left:0px;
	margin-top:25px;
}

.subscribe-text {
/*	width:190px;*/
/*	float:left;*/
}

.subscribe-text p {
	margin-bottom:6px;
}

.blogSnippet a {
	width:140px;
	float:right;
}



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

.error, .preview {
  border: 1px dashed red;
  padding: 1.0em 1.0em 0 1.0em;
}

.skip { /* For hidden skip-to-content link */
  display: none;
}
.back { /* Used for back-to-page links for blg, nws, evt */
  clear: both;
  padding-top:2.0em;
}
.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: #e6e6e6;
  text-align: center;
	width:200px;
	height:110px;
	display:table-cell;
	vertical-align:middle;
}

.basketNF { /* This is a smaller 'no image available' for the basket table */
	width:67px;
	height:67px;
}
.noProduct { /* Where products don't have images (larger size) */
	width:470px;
	height:470px;
	font-size:140%;
}

.outOfStock, .notForSale { /* Where something is out of stock */
	font-weight:bold;
	display:block;
	color:#E31937;
	padding:20px 0 0 15px;
	width:150px;
}

.notForSale {
	padding-top:28px;
}


#blg div.post,
#dir div.post,
#evt div.post,
#psl div.post, 
#shp div.post {
  margin-bottom:2.0em;
  margin-top:2.0em;
	border-bottom:1px dotted #00bce4;
}

div.post h2 {
	margin-top:1.1em;
}

div.post h2 span {
	font-size:16px;
	display:block;
	margin-top:0.6em;
}

#nws h1 span {
	font-size:16px;
	display:block;
	margin-top:0.6em;	
}

/*------------------------------------------------------------------------------
>>>> News pagination
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#nws div.pagination {
  margin-top:2.0em;
  text-align:right;
  font-size: 90%;
/*	border:1px solid red;*/
	overflow:auto;
	padding-right:40px;
}

#nws .pagination ul {
  margin: 0;
  float: right;
  list-style: none;
}
#nws .pagination ul li {
  border-right: 1px solid #444;
  padding: 0 0.4em;
	padding-top:1px;
  margin: 0;
  float: left;
}
#nws .pagination ul li.currentPage {
  font-weight: bold;
	padding-top:0;
	padding-bottom:1px;
}
#nws .pagination ul li.nextPage {
  border-right: 0;
  padding-right: 0;
}

.blogHeader {
	position:relative;
	width:613px;
	height:123px;
	background:url(/static/images/blog-header.png) top left no-repeat;
	margin:0 0 -4px -6px;
}

.blogHeader h1, .blogHeader h2 {
	display:none;
}

.blogArchive {
	border-left:1px dashed #D31145;
	border-right:1px dashed #D31145;
	margin:0 0 0 28px;
	padding:22px 20px 10px 20px;	
	width:498px;
	position:relative;
	overflow:auto;
}

.archiveLink {
/*	border:1px solid red;*/
	position:relative;
	float:right;
	width:100px;
	border-top:1px solid #ccc;
	text-align:right;
	margin-top:18px;
	margin-right:40px;
	padding-top:3px;
}
#nws div.post {
	border-left:1px dashed #D31145;
	border-right:1px dashed #D31145;
	margin:0 0 0 28px;
	padding:22px 20px 10px 20px;
	width:498px;
	position:relative;
	overflow:hidden;
	z-index:1000;
	background:url(/static/images/blog-divider.gif) left bottom no-repeat;
}
#nws div.post img {
/*	border:1px solid red;*/
/*	width:100%;*/
}
#nws .pageContent {
	width:600px;
	padding:0;
}

#nws a.twitterBird {
	width:180px;
	height:120px;
	position:relative;
	display:block;
	margin:0 0 -2px 40px;
	background:url(/static/images/twitter-bird.png);
	background-position:left bottom;
	background-repeat:no-repeat;
}
#nws a:hover.twitterBird {
	background-position:left top;
}
#nws a.twitterBird span {
	display:none;
}
#nws .links {
	width:291px;
	position:relative;
	float:left;
	margin-left:49px;
}

#nws .links h2 {
	background:url(/static/images/links-header.png) top left no-repeat;
	width:291px;
	height:41px;
	margin:0;
}
#nws .links h2 span {
	display:none;
}

ul.links {
	margin:0;
	padding:20px 0 0 20px;
	color:#00BCE4;
}
ul.links li {
	margin: 0 0 6px 0;
}
/*------------------------------------------------------------------------------
>>>> Search (SCH)
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#sch div.container {
	padding-bottom:200px;
}

#sch h1 {
	width:590px;
	border-bottom:1px dashed #00bce4;
	margin-bottom:50px;
}

#sch form {
	height:31px;
}

form input.search {
	border:2px solid #00bce4;
	width:250px;

}
input.search {
	color:#686868;
	font-size:18px;
	float:left;
	margin-right:15px;
}
input.btn {
	margin-top:2px;
	float:left;
}

.tagCloud {
	margin-top:25px;
	border:1px solid #ffffff;
}

/* the search form in the footer is a bit smaller: */ 
.searchForm {
	width:190px;
}

form.searchForm input.search {
	width:180px;
	font-size:12px;
	margin-bottom:7px;
	margin-right:0;
	padding-right:0;
}

/* tag cloud */

.tagCloud a {
  margin-right: 2%;
}

.cloud1 { font-size: 100%; }
.cloud2 { font-size: 110%; }
.cloud3 { font-size: 120%; }
.cloud4 { font-size: 130%; }
.cloud5 { font-size: 140%; }
.cloud6 { font-size: 150%; }
.cloud7 { font-size: 160%; }

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

#ctt .sidebar {
	padding-top:10px;
}
#ctt .sidebar p {
	font-size:14px;
}


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

/* The shop's home page */

.shop-home {
	width:960px;
	height:300px;
	margin:-10px auto 0 0px;
	z-index:1000;
	background:url(/static/images/animals.jpg) right top no-repeat;
	padding:0;
	font-size:21px;
	margin-bottom:0px;
}


#shp .shop-home h1 {
	border-bottom:none;
	text-align:center;
	padding-top:40px;
}

.shop-home p {
	font-size:28px;
	margin-top:0em;
}

h3.featured {
	font-size:28px;
	font-weight:normal;
	color:#00bce4;
	padding-left:5px;
	margin-top:0em;
}

.featureDiv { /* the "featured today on Serabeena" blue box on the home page */
	background:url(/static/images/blue.gif) top left repeat;
	width:160px;
	height:160px;
	float:left;
	display:inline;
	padding:10px 30px;
	margin:10px;	
}

/* The category index pages */
.categoryBlurb { 
	width:880px;
	padding-right:70px;
	padding-bottom:30px;
	overflow:auto;
	margin-top:-6px;
}

.description { 
	float:left;
	width:490px;
	font-size:18px;
	padding-left:70px;
	padding-right:30px;
}

#content .description h1 + p, #content .description p:first-child {
	font-size:18px;
	color:#686868;
	margin-bottom:0px;
	padding-bottom:0;
}

#shp .description h1 {
	border:none;
	width:400px;
	font-size:36px;
	margin-bottom:15px;
}

.description p {
	margin-bottom:0;
}
.catImage {
	float:right;
}

.catImage img {
	width:275px;
}


/* Category index page (tag) styles */

.corners10, .corners10 a { /* generic rounded crns - can be used anywhere */
	border-radius:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
}

.corners5, .corners5 a {
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}

.crns10, .crns10 a { /* these won't activate the IE corners script 
												(using this in .price div on product pge) */
	border-radius:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
}

.more {
	margin-top:30px;
}
.category {
	background:#e7e8e9;
	width:960px;
	overflow:hidden;
	float:left;
	padding:0;
	margin:0;
	margin-left:-10px;
	margin-bottom:30px;
	clear:left;
	z-index:7000;
}
.homeCat {
	margin-top:-70px;
	z-index:7000;
}

.more h3 {
	margin:0;
	padding-left:5px;
	font-size:28px;
	font-weight:normal;
	color:#00bce4;
	margin-bottom:10px;
}

/* the product index */
.productCat {
	float:left;
	display:inline;
	padding:0;
	width:220px;
	background:#ffffff;
	margin:10px;
}
.productCat a {
	width:200px;
	height:160px;
	padding:10px;
	background:#ffffff;
	overflow:hidden;
	float:left;
	color:#4d4d4d;
	font-size:18px;
}

.productCat a img {
/*	border:1px solid #ffffff;*/
}

.productCat a:hover img {
/*	border:1px solid #f2f2f2;*/
}

.productCat a:hover {
	color:#333333;
}

.productCat a:visited {
	color:#4d4d4d;
}
.productCat a span {
	margin-top:6px;
	line-height:1.2;
	display:block;
	
}


/* this determines the pattern for the hover effect */
.featured-products a:hover {
	background:url(/static/images/blue.gif) top left repeat;
}

.make-your-own a:hover {
	background:url(/static/images/spots.gif) top left repeat;
}

.art-supplies a:hover {
	background:url(/static/images/stripes.gif) top left repeat;
}

.packs-and-pouches a:hover {
	background:url(/static/images/checks.gif) top left repeat;
}
.sale a:hover {
	background:#E31937;
	color:#222222;
}


/* Product page layout */

a.tweetThis {
	display:block;
	width:110px;
	padding:0;
	height:47px;
	text-align:center;
	position:relative;
	display:block;
	float:left;
	margin:0 0 -47px 0;
	background:url(/static/images/tweet-this.png);
	background-repeat:no-repeat;
	background-position:left bottom;
/*	background:#62CAE3;*/
/*	color:#fff;*/
/*	opacity:0.8;*/
}
a:hover.tweetThis {
background-position:left top;
/*	opacity:1;*/
}

a.tweetThis span {
	display:none;
}
.shop-image {
	width:460px;
	float:left;
	display:inline;
	padding:0;
	margin:0;
/*	border:1px solid red;*/
}

.productDescription {
	width:460px;
	padding-left:0px;
	position:relative;
	float:right;
	display:inline;
}


#shp h1 {
	margin-bottom:30px;
	border-bottom:1px dashed #00bce4;
	padding-bottom:2px;
	color:#00BCE4;
	font-size:2em;
	width:94p0px;
}

#shp h2 {
	margin-bottom:0;
	color:#00BCE4;
	font-size:1.8em;
}

#shp .available { /* Date available - used especially for upcoming products */
  font-style: italic;
}
#shp img.productImage {
	float:left;
	margin:0;
	border:1px solid red;
}
#shp .purchaseOptions { /* Contains add link, availability and variations */
  padding: 10px 40px;
  margin-bottom: 1.0em;
	margin-top:0;
	width:380px;
	height:120px;
	background:url(/static/images/purchase-background.gif) no-repeat;
}
#shp .post .purchaseOptions { /* Make it smaller on the index page */
  font-size: 0.85em;
  border: 0;
}
#shp .purchaseOptions p {
 margin-bottom: 0; 
}

#shp div.price {
	color:#E31937;
	background:#e7e8e9;
	display:block;
	float:left;
	margin-top:25px;
	width:146px;
	height:51px;
	padding:10px 0;
	border:2px dashed #ffffff;
	text-align:center;
}

div.price span {
	font-size:40px;
	font-weight:bold;
	text-align:center;
}

#shp .comparison { /* If regular price > current price */
  color: #00bce4;
  text-decoration: line-through;    
	font-size:16px;
	display:block;
	margin-top:-10px;
	margin-bottom:-5px;	
}
#shp .tagComparison { /* If regular price > current price on the tag pages */
  position:relative;
	display:block;
	width:50px;
	height:20px;
	padding:4px;
	text-align:center;
	font-size:16px;
	margin-bottom:-38px;
	margin-left:6px;
	overflow:auto;
	color: #ffffff;
	background:#E31937;
	border:2px solid #ffffff;
	font-style:italic;
	font-family:Georgia, serif;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
#shp a:hover .tagComparison {
	border:2px solid #00bce4;
}

#shp span.sale {
	color:#00bce4;
	font-size:12px;
	float:left;
}
div.arrow {
	display:block;
	position:relative;
	float:left;
	height:75px;
	width:40px;
	margin-top:25px;
	margin-left:20px;
	background:url(/static/images/arrow.gif) left center no-repeat;
}

div.arrow span {
	display:none;
}

#shp .buy {
	float:right;
	padding:0;
	margin-top:25px;
}

.buy a {
	display:block;
}

#shp a.policies {
	display:block;
	font-size:18px;
	padding:0.2em 0px;
}

h1#finePrint {
	margin-bottom:40px;
	width:940px;
}
h2#policies, h2#shipping {
	margin-top:0;
}
/* The basket-filler provided by add_to_cart_link */
a.basket_filler { 
	font-weight: bold;
	background:url(/static/images/basket.gif) left top no-repeat;
	height:75px;
	width:150px;
	padding:0;
}

a.basket_fillerCheckout h4 {
	color:#00bce4;
	position:relative;
	top:-22px;
	left:-250px;
	margin:0;
	width:415px;
	font-weight:normal;
	font-size:12px;
	text-align:center;
}
a.basket_filler span, a.basket_fillerAdd span, a.basket_fillerProcessing span, a.basket_fillerCheckout span {
	display:none;
}
a.basket_fillerAdd {background-position:0 -75px;}        /* 'Add to cart */
a.basket_fillerProcessing {background-position:-150px -75px;} /* 'Adding...' */
a.basket_fillerCheckout {background-position:-300px -75px;} /*'Goto checkout'*/
a.basket_fillerRemoving {background-position:-450px -75px;}   /* 'Removing..' */

/* hover states for 'add to basket' and 'go to checkout' */
a.basket_fillerAdd:hover {background-position:0 0;} 
a.basket_fillerCheckout:hover {background-position:-300px 0;}
/* 
  The container for the basket - helps when you're positioning the basket 
  relative to something other than the browser window 
*/
.basketContainer {
  position: relative;
	float:right;
	display:inline;
	overflow:visible;
	padding-left:90px;
	width:380px;
	z-index:1000;
} 

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

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


/* Checkout (general) */

#shp .checkoutActions {
  margin-top: 1.5em;
  font-size: 1.1em;
	width:600px;
}
#shp .previous {
  float: left;
}
#shp .next {
  float: right;
	font-size:21px;
	font-weight:normal;
	padding-top:2px;
	height:28px;
}



/* Checkout progress tabs */

.progress {
	width:720px;
	display:block;
	overflow:hidden;
	padding-bottom:0px;
	padding-top:30px;
}

.progress ol {
	padding-left:0px;
	margin:0;
	list-style-position:inside;
}

.progress ol li {
	float:left;
	width:220px;
	margin-right:20px;
	padding:0;
	height:45px;
	list-style:none;
	background:url(/static/images/progress.gif);
	background-repeat:no-repeat;
}

.progress ol li span {
	display:none;
}

.progress ol li.stepOne {
	background-position:0 top;
}

.progress ol li.stepTwo {
	background-position:-240px top;
}

.progress ol li.stepThree {
	background-position:-480px top;
}

.progress ol li.stepOneActive {
	background-position:0 bottom;
}
.progress ol li.stepTwoActive {
	background-position:-240px bottom;
}
.progress ol li.stepThreeActive {
	background-position:-480px bottom;
}

/* basket table */

.checkout {
	float:left;
	display:inline;
	width:600px;
/*	border:1px solid red;*/
}
.checkout h3 {
	margin-bottom:0;
}
#basketTable {
  margin-top: 2.0em;
	border-collapse:separate;
	border-spacing:0 20px;
	width:600px;
	float:left;
}
#statusTable {
	border-collapse:separate;
	border-spacing:0 10px;
	width:600px;
	margin-top:0;
/*	float:left;*/
}

#basketTable tr, #statusTable tr {
	border-collapse:separate;
}
#basketTable td, #statusTable td { 
  padding: 0.6em 0;
  vertical-align: middle; 
	background:#f2f2f2;
	border-collapse:collapse;
	border:0;
}

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

#basketTable tr, #statusTable tr {
	margin-bottom:20px;
	border-collapse:collapse;
	border-spacing:20px;
}
#basketTable td.image, #statusTable td.image {
	width:100px;
	padding:10px;
}
#basketTable td.image img,
#statusTable td.image img {
	border:1px solid #cccccc;
}

#basketTable td.title, #statusTable td.title {
  font-size: 14px;
	text-transform:uppercase;
	width:230px;
}
#basketTable td h3, #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;
}

#basketTable td.quantity, #statusTable td.quantity {
	width:80px;
}
#basketTable th.quantity, 
#basketTable td.quantity, 
#basketTable td.quantity input,
#statusTable th.quantity, 
#statusTable td.quantity, 
#statusTable td.quantity input {
  text-align: left;
}
#basketTable td.remove, #statusTable td.remove {
  width:40px;
  text-align:center;
}
#basketTable th.price,
#basketTable td.price,
#statusTable th.price,
#statusTable td.price {
  text-align:left;
	width:130px;
	padding-left:10px;
}
#basketTable td.price span, 
#basketTable td.quantity span,
#statusTable td.price span, 
#statusTable td.quantity span {
	font-weight:bold;
	font-size:28px;
	color:#808080;
	display:block;
	line-height:1;
}

#basketTable tr.summary td.price, #statusTable tr.summary td.price {
  font-weight: bold;
}
#basketTable tr.total td, #statusTable tr.total td {
  font-size: 1.2em;
  text-transform: uppercase;
  font-weight: bold;
}
#basketTable td.clear, #statusTable td.clear {
	background:#ffffff;
}

#statusTable td.title span {
	display:block;
	text-transform:none;
	font-size:10px;
}
/* Step 1 */
#shp input.update { /* Update quantities button */ 
  font-size: 1.0em;
	margin-right:7px;
	margin-top:12px;
}

/* 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: #aaa;
}

#shp p.toggle a:hover {
  border-bottom: 1px dotted #E31937;
}

#shp p.toggle a.toggleOn {
  font-weight:bold;
  color:#E31937;
}


table#basketTable.checkoutSummary td { /* some extra padding on this table */
	padding-left:10px;
}
table#basketTable.checkoutSummary td.total { /* */
	font-size:28px;
}

.checkoutErrors {
	border:1px solid red;
	color:#E31937;
}

.checkoutErrors ul {
	padding-left:30px;
}


/* Step 3: Gateway */
#shp .billingShipping { /* Contains address <p>s */
  margin: 4.0em 0 2.0 0;
}
#shp p.shippingAddress {
  float: left;
  width: 45%;
  margin-right: 5%;
}
#shp p.billingAddress {
  float: left;
  width: 47%;
  margin-right: 0;
}



/*------------------------------------------------------------------------------
>>>> Gallery (GLY)
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#gly div.image img {
  width: 100%;
}
#gly p.caption {
  margin-top: 1.0em;
  font-size: 90%;
}


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

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

#slideshow #SS_caption {
  margin-top: 1.0em;
  font-size: 90%;
  height: 150px; /* A height to stop the scrollbar flicker */
}
#slideshow img {
	margin:0;
}

#slideshow ul {
	list-style:none;
	width:100%;
	overflow:auto;
	padding:0;
	margin:15px 0 0 0;
}
#slideshow ul li {
  display: block;
  padding:0;
	padding-right:10px;
	margin:0;   
  float: left;
  cursor: pointer;
  font-size: 90%;
}
#slideshow ul li.last {
	padding-right:0;
}

#slideshow ul li#activeThumb { /* The active marker for the slideshow */ }

#slideshow ul img {
	border:3px solid #e6e6e6;
}

#slideshow ul img:hover {
	border:3px solid #00BCE4;
}

#slideshowCat div.placeholder {
  clear: both;
  width: 345px;
	padding:0 0 0 20px;
	float:left;
  overflow: hidden;
  background: none;
	height:347px;
	margin:0;
}
#slideshowCat img {
	margin:0;

}
#slideshowCat ol {
	list-style:none;
	position:absolute;
	margin:0;
	margin-top:-40px;
	padding:0;
	overflow:auto;
	z-index:100;
	width:307px;
	padding-left:20px;
}

#slideshowCat ol li {
	border:1px solid #ccc;
	width:20px;
	height:16px;
	text-align:center;
	padding-bottom:4px;
	margin-right:12px;
	color:#333333;
	float:left;
	background:#ffffff;
	cursor:pointer;
	opacity:0.75;
}

#shp #slideshowCat h1 {
	width:503px;
	background:none;
	border:none;
	margin:0;
	margin-bottom:21px;
	padding:0;
/*	color:#333333;*/
}

#slideshowCat .text {
	float:right;
	position:relative;
	width:531px;
	padding:0 40px 0 20px;
	margin:0;
}
/*-----------------------------------------------------
                     >> Images <<
                     
Sizes
large: 490px
medium: 220px
small: 100px

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

.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: 100px;
	padding:2px;
	border:1px solid #ccc;
  margin: 0 18px 10px 0;
}
img.med, .medCaptioned {
  float: left;
  width: 220px;
  margin: 0 18px 10px 0;
	padding:2px;
	border:1px solid #ccc;
}
img.med_right, .med_rightCaptioned {
  float: right;
  width: 220px;
	padding:2px;
  position: relative;
  margin-right: -210px;  
	border:1px solid #ccc;
}
img.large, .largeCaptioned {
  width: 490px;
  margin: 0;
  padding: 2px;
  border: 1px solid #ccc;
  background:#fff;  
}
.largeCaptioned {
  margin: 1.7em 0;
  border: none;
  padding: 0;
}

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

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)
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* This is the main unit that contains our form elements */
.uniForm .ctrlHolder { padding: 0; }
.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: #777; 
  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: 60%;
}
.uniForm .inlineLabels .cc label.cvv { /* For credit card expiry date #shp */
  width: 28%;
}
.uniForm .inlineLabels .address .textInput {
  width: 100%;
}
.uniForm .inlineLabels .address label {
  display: none;
}
.uniForm .ctrlHolder { 
  padding: 6px 0; 
  border-bottom: 1px solid #dfdfdf;
}
.uniForm .noBorder {
  border: 0;
}
.uniForm .inlineLabels p.formHint {
  font-size: 80%;
  padding-top: 0.8em;
  line-height: 130%;
}

/* A few different widths for the contact page form */
.contact .inlineLabels label {width:20%;}
.contact .inlineLabels input {width:75%;}
.contact .inlineLabels textarea {width:76%;}



/* Golden min  stuff */
.clearfix:after,.main:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix,.main{display:block;}

/* Some over-riding stuff */
.last { /* For the last item in series */
  margin-right: 0;
  padding-right: 0;
}

#shp .featureDiv h2 {
	color:#ffffff;
	font-size:28px;
}