/* 
 * To install the fancy type plugin, mixin +fancy-type to your project's body:
 * body */
/* Indentation instead of line shifts for sibling paragraphs. Mixin to a style like p + p */
/* 
 * For great looking type, use this code instead of asdf:
 * <span class="alt">asdf</span>
 * Best used on prepositions and ampersands. */
/* 
 * For great looking quote marks in titles, replace "asdf" with:
 * <span class="dquo">&#8220;</span>asdf&#8221;
 * (That is, when the title starts with a quote mark).
 * (You may have to change this value depending on your font size). */
/* 
 * Reduced size type with incremental leading
 * (http://www.markboulton.co.uk/journal/comments/incremental_leading/)
 * This could be used for side notes. For smaller type, you don't necessarily want to
 * follow the 1.5x vertical rhythm -- the line-height is too much.
 * Using this class, it reduces your font size and line-height so that for
 * every four lines of normal sized type, there is five lines of the sidenote. eg:
 * New type size in em's:
 * New line-height value: */
/* 
 * Surround uppercase words and abbreviations with this class.
 * Based on work by Jørgen Arnor Gårdsø Lom [http://twistedintellect.com/] */
/* 
 * The styles contained here are meant to provide for an attractive experience out of the box
 * and are meant to be removed once custom visual design begins. */
html {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }
  html div, html span, html object, html iframe, html h1, html h2, html h3, html h4, html h5, html h6, html p {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline; }
  html body {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    line-height: 1.5; }
  html blockquote, html q {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    quotes: "" ""; }
    html blockquote:before,
    html blockquote:after,     html q:before,
    html q:after {
      content: ""; }
  html pre, html a, html abbr, html acronym, html address, html code, html del, html dfn, html em, html img {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline; }
  html dl, html dt, html dd, html ol, html ul, html li, html fieldset, html form, html label, html legend, html caption, html tbody, html tfoot, html thead, html tr {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline; }
  html th, html td, html caption {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    text-align: left;
    font-weight: normal;
    vertical-align: middle; }
  html table {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    border-collapse: separate;
    border-spacing: 0;
    vertical-align: middle; }
  html a img {
    border: none; }

.container {
  width: 950px;
  margin: 0 auto;}
  html .container {
    display: inline-block; }
  html .container {
    display: block; }

#footer, #main {
  float: left;
  width: 950px;
  margin-right: 0; }

#left, #logo-header {
  float: left;
  width: 190px;
  margin-right: 10px; }

#right, #tools-header {
  float: left;
  width: 190px;
  margin-right: 10px;
  margin-right: 0; }

#content, #title-header, #flash {
  float: left;
  width: 470px;
  margin-right: 10px;
  padding-left: 40px;
  padding-right: 40px; }

.product {
  float: left;
  width: 150px;
  margin-right: 10px; }

.last {
  margin-right: 0; }
  
#contentbox{
	padding-top:50px;
}

#footer {
  color: #666;
  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif;
  font-style: italic;
  font-weight: normal; }

.savantis a{
	color:#666
}

#flash {
  margin: 5px;
  padding: 5px;
  text-align: center;
  color: #5a5652; }

#flash.alert {
  background-color: #e5f667; }

#flash.error {
  background-color: #dfab81; }

#flash.notice {
  background-color: #d2f0b4; }

html body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #5a5652;
  background: transparent;
  font-size: 75%; }
body h1 {
  font-weight: normal;
  color: #222222;
  font-size: 3em;
  line-height: 1;
  margin-bottom: 0.5em; }
  body h1 img {
    margin: 0; }
body h2 {
  font-weight: normal;
  color: #222222;
  font-size: 2em;
  margin-bottom: 0.75em; }
body h3 {
  font-weight: normal;
  color: #222222;
  font-size: 1.5em;
  line-height: 1;
  margin-bottom: 1em; }
body h4 {
  font-weight: normal;
  color: #222222;
  font-size: 1.2em;
  line-height: 1.25;
  margin-bottom: 1.25em;
  height: 1.25em; }
body h5 {
  font-weight: normal;
  color: #222222;
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 1.5em; }
body h6 {
  font-weight: normal;
  color: #222222;
  font-size: 1em;
  font-weight: bold; }
body h2 img, body h3 img, body h4 img, body h5 img, body h6 img {
  margin: 0; }
body p {
  margin: 0 0 1.5em; }
  body p img {
    float: left;
    margin: 1.5em 1.5em 1.5em 0;
    padding: 0; }
    body p img.right {
      float: right;
      margin: 1.5em 0 1.5em 1.5em; }
body a {
  text-decoration: underline;
  color: #457ac9; }
  body a:hover {
    color: #399999; }
  body a:active {
    color: #ff7ac9; }
  body a:visited {
    color: #124796; }
  body a:focus {
    color: #457ac9; }
body blockquote {
  margin: 1.5em;
  color: #666;
  font-style: italic; }
body strong {
  font-weight: bold; }
body em {
  font-style: italic; }
body dfn {
  font-style: italic;
  font-weight: bold; }
body sup, body sub {
  line-height: 0; }
body abbr, body acronym {
  border-bottom: 1px dotted #666; }
body address {
  margin: 0 0 1.5em;
  font-style: italic; }
body del {
  color: #666; }
body pre, body code {
  margin: 1.5em 0;
  white-space: pre;
  font: 1em 'andale mono', 'lucida console', monospace;
  line-height: 1.5; }
body tt {
  font: 1em 'andale mono', 'lucida console', monospace;
  line-height: 1.5; }
body li ul, body li ol {
  margin: 0 1.5em; }
body ul {
  margin: 0 1.5em 1.5em 1.5em;
  list-style-type: disc; }
body ol {
  margin: 0 1.5em 1.5em 1.5em;
  list-style-type: decimal; }
body dl {
  margin: 0 0 1.5em 0; }
  body dl dt {
    font-weight: bold; }
body dd {
  margin-left: 1.5em; }
body table {
  margin-bottom: 1.4em;
  width: 100%; }
body th {
  font-weight: bold;
  background: #C3D9FF;
  padding: 4px 10px 4px 5px; }
body td {
  padding: 4px 10px 4px 5px; }
body tr.even td {
  background: #E5ECF9; }
body tfoot {
  font-style: italic; }
body caption {
  background: #eee; }
body .quiet {
  color: #666666; }
body .loud {
  color: #111111; }
body ol, body ul {
  list-style: none; }
html body {
  margin: 1.5em 0;
  margin: 0; }
body hr {
  background: #ddd;
  color: #ddd;
  clear: both;
  float: none;
  width: 100%;
  height: .1em;
  margin: 0 0 1.45em;
  border: none; }
body hr.space {
  background: #ddd;
  color: #ddd;
  clear: both;
  float: none;
  width: 100%;
  height: .1em;
  margin: 0 0 1.45em;
  border: none;
  background: #fff;
  color: #fff; }
body img#w3c {
  margin-top: 0;
  padding-top: 0; }
body a {
  color: #64aa00;
  text-decoration: none; }
  body a:visited {
    color: #8cc85a; }
  body a:hover, body a:active {
    color: #ff8800; }
body ol {
  list-style: none;
  margin-left: 0;
  line-height: 1.5; }
  body ol li {
    margin: 0.5em 0 0.5em; }
    body ol li label {
      float: left;
      width: 150px;
      margin-right: 10px; }

#commerce-images {
  margin: -8px -17px 0 -17px; }

.css1 {
  font-size: small; }

.css2 {
  font-size: medium; }

.css3 {
  font-size: large; }

.css4 {
  font-size: x-large; }

ol#product_tags
{
	padding:5px;
	margin:0;
}
ol#product_tags li {
  display: inline; 
  padding:0;
  margin:0;
  }
  
ol#links
{
	padding:5px;
	margin:0;
}
ol#links li { 
  padding:0;
  margin:0;
  font-weight:bold;
  }

#logo-header, #tools-header {
  margin-top: 3em; }

body.home {
  margin-top: 0; }
  body.home #left {
    float: left;
    width: 190px;
    margin-right: 10px; }
  body.home #right {
    float: left;
    width: 230px;
    margin-right: 10px;
    margin-right: 0; }
  body.home #left, body.home #right {
    margin-top: 3em; }
  body.home #content {
    text-align: center;
    font-family: Georgia, Times, serif;
    color: #5a5652;
    background: transparent;
    font-size: 1.1em;
    float: left;
    width: 430px;
    margin-right: 10px;
    padding-left: 40px;
    padding-right: 40px; }
	body.home #right .home-right-container	{
		width:250px;
	}
	
  body.home #right .home-right-container .right-text {
    float: left;
    width: 115px;
    margin-right: 10px; }
    body.home #right .home-right-container .right-text h1 {
      color: #5a5652;
      font-size: 1.1em;
      font-weight: bold;
      margin-top: 1em;
      margin-bottom: 0.5em; }
    body.home #right .home-right-container .right-text p {
    	font-size: 1.1em;
      margin-bottom: 0; }
  body.home #right .home-right-container .img {
    float: left;
    width: 115px;
    margin-right: 5px;}

body.products, body.orders, body.product {
  color: #5a5652;
  background-color: #f0ece8;
  margin: 0; }
  body.products #content, body.products #left,   body.orders #content, body.orders #left,   body.product #content, body.product #left {
    background-color: #ffffff; }
  body.products h1, body.products h2,   body.orders h1, body.orders h2,   body.product h1, body.product h2 {
    color: #5a5652;
    font-weight: bold;
    margin-bottom: 1em;
    padding: 0.2em 0 0.2em 0; }
  body.products h1,   body.orders h1,   body.product h1 {
    font-size: 1.4em; }
  body.products h2,   body.orders h2,   body.product h2 {
    font-size: 1.2em; }
  body.products #errorExplanation,   body.orders #errorExplanation,   body.product #errorExplanation {
    float: left;
    width: 590px;
    margin-right: 10px;
    padding-left: 40px;
    padding-right: 40px;
    margin-right: 0;
    background-color: #dfab81;
    color: #5a5652;
    margin-bottom: 1em; }
    body.products #errorExplanation h2,     body.orders #errorExplanation h2,     body.product #errorExplanation h2 {
      font-weight: bold;
      font-size: 1.4em;
      margin-top: 1em; }
  body.products .fieldWithErrors label,   body.orders .fieldWithErrors label,   body.product .fieldWithErrors label {
    color: red; }
    body.products .fieldWithErrors label:after,     body.orders .fieldWithErrors label:after,     body.product .fieldWithErrors label:after {
      content: "*"; }

body.orders #content {
  float: left;
  width: 710px;
  margin-right: 10px;
  padding-left: 40px;
  padding-right: 0px;
  margin-right: 0; }

body.orders .page-title, body.orders .breadcrumb {
  background-color: #a0d26e;
  margin-left: -40px;
  padding-left: 40px;
  margin-bottom: 0; }
body.orders .breadcrumb {
  background-color: #bee696;
  margin-bottom: 20px;
  font-weight:bold; }
  body.orders span.breadcrumb {
  color:#f0ece8;
  margin-left: 0px;
  padding-left: 0px;}
body.orders table.basket {
  float: left;
  position: relative;
  margin-left: -40px;
  float: left;
  width: 750px;
  margin-right: 10px;
  margin-right: 0; }
  body.orders table.basket thead {
    background-color: #d2f0b4; }
  body.orders table.basket td.image, body.orders table.basket th.item {
    padding-left: 40px; }
  body.orders table.basket td.image {
    width: 5em; }
  body.orders table.basket th, body.orders table.basket td {
    background: none;
    padding-left: 0; }
body.orders table.controls td {
  width: 50%; }
body.orders #totals {
  float: left;
  width: 230px;
  margin-right: 10px;
  padding-left: 480px;
  margin-right: 0;
  font-weight: bold; }
  body.orders #totals .label {
    float: left;
    width: 70px;
    margin-right: 10px; }
body.orders #reminder #reminder-image {
  float: left;
  width: 190px;
  margin-right: 10px;
  padding-right: 40px; }
body.orders #reminder #reminder-text {
  float: left;
  width: 470px;
  margin-right: 10px;
  margin-right: 0; }
body.orders #address-text, body.orders #postage-explanation {
  float: left;
  width: 400px;
  margin-right: 10px;
  padding-right: 0px;
  padding-bottom:10px; }
  body.orders #address-text h1,   body.orders #postage-explanation h1,   body.orders #delivery-method h1 {
    margin-bottom: 0; }
body.orders #update-postage {
  float: right;
  width: 230px;
  margin-right: 10px;
  margin-right: 0; }
body.orders #address-image {
  float: left;
  width: 470px;
  margin-right: 10px;
  margin-right: 0; }
body.orders fieldset {
  float: left;
  width: 710px;
  margin-right: 10px;
  padding-right: 0px; }

body.products.show #content {
  float: left;
  width: 470px;
  margin-right: 10px;
  padding-left: 40px;
  padding-right: 40px; }
body.products.show #image {
  float: left;
  width: 470px; }
body.products.show #description {
  float: left;
  width: 450px;
  margin-right: 10px;
  padding-left: 10px;
  padding-right: 0px;
  margin-right: 0; }
  
body.products .tag-description-header {
  background-color: #c8c0b8; 
margin-left: -40px;}

h1.divider {
  background-color: #c8c0b8; 
margin-left: -40px;}


body.products .tag-description-header {
  margin-left: -40px;
  margin-right: -40px;
  padding-left: 64px;
  background-color: #c8c0b8; }
body.products #cart {
  background-color: #d2f0b4; }
  body.products #cart h1 {
    background-color: #a0d26e;
    text-align: center; }
  body.products #cart .item, body.products #cart #totals {
    margin: 1em; }
  body.products #cart .description {
    font-weight: bold; }
  body.products #cart .delete {
    font-weight: bold;
	}
  body.products #cart a:visited {
    color: #64aa00; }
  body.products #cart img {
    margin-left: 2em; }
  body.products #cart span {
    float: left;
    width: 70px;
    margin-right: 10px; }

#products .product {
  background-color: #ffffff; }
  #products .product h1 {
    font-weight: bold;
    font-size: 1em;
    color: #5a5652; }
  #products .product h1 {
    clear: left; }
  #products .product ul.admin_links li {
    display: inline; }

ul.details {
  margin: 0 0 1em 0; }
  ul.details li {
    display: block; }
    ul.details li span.label {
      color: #808080;
      margin-right: 1em; }

ul.product_links {
  margin: 0; }
  ul.product_links li {
    display: block; }
  ul.product_links a {
    vertical-align: top; }
    ul.product_links a img {
      margin-right: 0.5em; }

legend {
  display: none; }

body.admin #title-header h1 {
  margin-top: 1em; }
body.admin h1 {
  font-weight: bold;
  color: gray;
  font-size: 3em; }
body.admin fieldset {
  float: left;
  width: 270px;
  margin-right: 10px;
  padding-right: 40px; }
body.admin fieldset.description {
  float: left;
  width: 630px;
  margin-right: 10px;
  padding-right: 40px; }
body.admin fieldset.submit {
  float: left;
  width: 230px;
  margin-right: 10px;
  padding-right: 40px;
  margin-right: 0; }
body.admin fieldset.last {
  float: left;
  width: 270px;
  margin-right: 10px;
  padding-right: 40px;
  margin-right: 0; }
body.admin ol {
  list-style: none;
  margin-left: 0; }
  body.admin ol li label {
    display: block;
    color: #808080; }
  body.admin ol li submit {
    border-style: none; }
body.admin fieldset.submit input {
  color: red;
  margin-left:160px;
  margin-top: 5px;
  width: 80%;
  cursor: pointer; }
body.admin .errorExplanation {
  border: solid 4px red;
  padding-left: 1em;
  margin: 1em; }
body.admin .fieldWithErrors label {
  color: red; }
  body.admin .fieldWithErrors label:after {
    content: "*"; }
	
.checkoutfloatright{
	float:right;
	padding-right:100px;
	padding-bottom:20px
}

.checkoutfloatleft{
	float:left;
	padding-left:30px;
	padding-bottom:20px
}
.rederror{
	color:red;
	font-weight:bold;
}

ul.pandp{
  list-style-type: disc;
}

.floatright{
    float:right;
}

.floatleft{
    padding:70px 0 0 0;
    float:left;
}