/* ============= */
/* = Reset CSS = */
/* ============= */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strike, strong, sub, sup, tt, var, b, u, i, s, 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-size: 100%; vertical-align: baseline; background: transparent;}

body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';	content: none;}

:focus {outline: 0;}

ins {text-decoration: none;}
del {text-decoration: line-through;}

table {border-collapse: collapse; border-spacing: 0;}
a {text-decoration: none;}

/* =========== */
/* = General = */
/* =========== */

html, body {height: 100%; font-family: Helvetica, Arial, sans-serif;  background-color: #284a86; color: #284a86; margin: 0; padding: 0;}

table tr td {font-family: Helvetica, Arial, sans-serif; font-size: 13px;}

.left { float: left; }
.right { float: right; }
.center { text-align: center !important; }
.clear { clear: both; }

.alignleft {float: left; margin: 0 25px 25px 0;}
.alignright {float: right;margin: 0 0 25px 25px;}



/* ========= */
/* = Forms = */
/* ========= */

form {margin-bottom:15px;}
label {margin-bottom:3px;}
input[type="text"] { padding:2px 2px; margin-bottom:10px;}
textarea {margin-bottom:15px; font-family: Helvetica, Arial, sans-serif;}

input[type="submit"] {border: medium none; height: 32px; background: #1ca917 url(//cdn.shopify.com/s/files/1/0079/4932/t/1/assets/btn-bg.png?658) top left repeat-x; text-align: center; font-size: 14px; color: #ffffff; padding: 0 10px 3px 10px; cursor: pointer; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px;}
input[type="submit"]:hover {color: #ffffff; background: #189213 url(//cdn.shopify.com/s/files/1/0079/4932/t/1/assets/btn-bg.png?658) top left repeat-x;}
input[type="submit"].grey {border: medium none; height: 32px; background: #284a86 url(//cdn.shopify.com/s/files/1/0079/4932/t/1/assets/btn-bg.png?454&658) top left repeat-x; text-align: center; font-size: 14px; color: #ffffff; padding: 0 10px 3px 10px; cursor: pointer; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px;}
input[type="submit"].grey:hover {background: #4e6094 url(//cdn.shopify.com/s/files/1/0079/4932/t/1/assets/btn-bg.png?658) top left repeat-x; color: #ffffff;}
input[disabled] {cursor: inherit;}

.search {float: right; margin:0;}
.search form .search-field {background: url(//cdn.shopify.com/s/files/1/0079/4932/t/1/assets/search-field-bg.gif?658) left 1px no-repeat; border: 0 none; color: #284a86; margin-top: -7px; outline: medium none; padding: 9px 30px 8px 15px; position: relative; vertical-align: middle; width: 120px; height: 22px; z-index: 2; font-size: 15px;}
.search form .search-button {border: 0 none; position: relative; vertical-align: middle; z-index: 999; top: -8px; right: 30px;}

/* ============== */
/* = Typography = */
/* ============== */

p {font-size: 15px;	line-height: 20px; margin-bottom: 18px; color: #444444;}

h1 {font-size: 60px; color: #284a86; font-weight: normal; line-height: 66px;}
h2 {font-size: 30px; color: #284a86; font-weight: normal; margin-bottom: 20px; line-height: 36px;}
h3 {font-size: 20px; color: #284a86; font-weight: normal; line-height: 0px;}
/* line height for h3 originally 26px SN 19/10/2011, changed to tidy up text in checkout*/
h4 {font-size: 18px; color: #284a86; font-weight: normal; line-height: 24px;}
h5 {font-size: 16px; color: #284a86; font-weight: normal; line-height: 22px;}

#header .toolbar {font-size: 15px; color: #284a86;}
#navigation .main-nav {font-size: 17px; color: #284a86;}
#footer p {font-size: 15px; color: #284a86;}

.small-indent {margin-left: 5px;}
.indent {margin-left: 30px;}
.padding-left {padding-left: 30px;}
.product-list-title {font-size: 14px; font-weight: bold; color: #284a86; margin-bottom: 12px;}
.product-list-price {font-size: 15px; color: #284a86;}
.product-list-price-sale {font-size: 15px; color: #284a86; margin-left: 5px;}
.divider-line {background: #e2e2e2; height: 1px; width: 660px; margin: 15px 0 20px -30px;}

h2.price {font-size: 30px; color: #284a86; margin-bottom: 20px;}
h3.cart-total {margin-bottom: 20px; text-align: right;}
h3.blog-title, h3.article-title {margin-bottom: 20px;}
h4.recent-blog-post {margin-bottom: 20px; color: #284a86;}
h4.comments {font-size: 15px; color: ; margin-bottom: 15px;}
h5.posted-on {font-size: 13px; color: #284a86; margin-bottom: 20px; font-style: italic;}
h5.author {font-size: 13px; font-weight: bold; margin-bottom: 5px;}
h5.collections-title {font-size: 15px; line-height: 18px;}
h5.collections-title .item-count {font-size: 13px; color: #284a86; font-style: italic;}
del.price-old {color: #284a86;}
p.margin-top {margin-top: 20px;}
p.empty-cart {margin-top: 20px;}

/* ========= */
/* = Links = */
/* ========= */

a:link {color: #284a86;}
a:hover {color: #284a86;}
a:focus {color: #284a86;}
a:visited {color: #284a86;}

#header .toolbar a {color: #284a86;}
#header .toolbar a:hover {color: #284a86;}

#navigation-minimal ul.main-nav li a {color: #284a86;}
#navigation-minimal ul.main-nav li.active a {color: #284a86; cursor: default; }
#navigation-minimal ul.main-nav li a:hover {color: #284a86;}

.product-list-title a {color: #284a86; line-height: 20px;}
.product-list-title a:hover {color: #284a86;}

.button {height: 20px; background: #1ca917 url('btn-bg.png?454') top left repeat-x; text-align: center; font-size: 15px; color: #ffffff; padding-top: 6px; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px;}

.sidebar-post-title a {font-size: 15px; color: #284a86; line-height: 20px;}
.sidebar-posted-by {font-size: 12px; color: #284a86; font-style: italic; line-height: 18px;}

#footer a {color: #284a86;}
#footer a:hover {color: #284a86;}

/* ============ */
/* = Branding = */
/* ============ */

.logo {vertical-align: middle; margin: 0 30px;}
a.logo {font-size: 50px; color: #000000 ;}

/* ============= */
/* = Main Menu = */
/* ============= */

#navigation-minimal {margin: 20px 0 30px 0; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;}
#navigation-minimal ul.main-nav {font-size: 15px;}
/* Change the float padding on the top links bar to avoid two lines on ipad/iphone */
/* SN 200712 */
#navigation-minimal ul.main-nav li { padding: 13px 23px;}
/* Don't go above 24px with a 920px banner */

/* dropdowns */
ul.sf-menu ul {position: absolute; top: -999em; margin-top: 7px; font-size: 13px; background: #fff; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; width: 200px; /* left offset of submenus need to match (see below) */}
@media screen and (-webkit-min-device-pixel-ratio:0) {ul.sf-menu ul {margin-top: 8px; /* This works only in Safari and Google Chrome */}}
ul.sf-menu ul li { width: 70%; line-height: 18px; border-bottom: 1px solid #e2e2e2; display: block; z-index: 999;}
ul.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */}
ul.sf-menu li { float: left; position: relative; z-index: 999;}
ul.sf-menu a { display: block; position: relative;}
ul.sf-menu li.a { padding: 13px 0;}
ul.sf-menu li ul li a { color: #284a86;}
ul.sf-menu li ul li a:hover { color: #284a86;}
ul.sf-menu .sf-sub-indicator {background: url(//cdn.shopify.com/s/files/1/0079/4932/t/1/assets/menu-arrow.png?658) left 5px no-repeat; width: 7px; height: 4px; margin-left: 10px;}
ul.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 2.5em; /* match top ul list item height */ z-index: 99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }

/* ================= */
/* = Global Layout = */
/* ================= */

#wrapper {margin: 0 auto; position:relative; height:auto!important; height:100%; min-height:100%; width: 920px; background: #ffffff; padding: 40px 30px 30px 30px;}

#header * {z-index: 999;}
#header h1.logo {text-indent: -9999px;}
#header .toolbar {float: right; margin: 40px 0 0 0;}
#header .toolbar ul {margin-top: -25px;}
#header .toolbar ul li {float: left; display: inline; margin-right: 25px; line-height: 26px;}
#header .toolbar ul li:last-child {margin-right: 0;}
#header .toolbar ul li.cart {background: url(//cdn.shopify.com/s/files/1/0079/4932/t/1/assets/icon-cart.png?658) top left no-repeat; padding-left: 30px;}
#header .toolbar ul li.search {margin-right: -21px;}

#content {padding-bottom: 10px; z-index: 1;}

#footer {position:relative; width: 920px; bottom:0; border-top: 1px solid #e2e2e2; padding: 40px 0 10px 0;}
#footer .col-left { padding-top: 15px; float: left; text-align: left; width: 608px; margin-right: 60px; }
#footer .col-right { float: left; text-align: right; width: 250px; }
#footer ul.icons { float: right; margin-bottom: 15px; }
#footer ul.icons li {float: left; display: inline; margin-left: 10px;}
#footer ul.icons li a {display: block;}
#footer ul.icons li a.rss {width: 24px; height: 24px; background: url(//cdn.shopify.com/s/files/1/0079/4932/t/1/assets/icon-rss.png?658) top left no-repeat;}
#footer ul.icons li a.rss:hover {background-position: 0 -24px;}
#footer ul.icons li a.facebook {width: 24px; height: 24px; background: url(//cdn.shopify.com/s/files/1/0079/4932/t/1/assets/icon-facebook.png?658) top left no-repeat;}
#footer ul.icons li a.facebook:hover {background-position: 0 -24px;}
#footer ul.icons li a.twitter {width: 24px; height: 24px; background: url(//cdn.shopify.com/s/files/1/0079/4932/t/1/assets/icon-twitter.png?658) top left no-repeat;}
#footer ul.icons li a.twitter:hover {background-position: 0 -24px;}
#footer ul.icons li a.flickr {width: 24px; height: 24px; background: url(//cdn.shopify.com/s/files/1/0079/4932/t/1/assets/icon-flickr.png?658) top left no-repeat;}
#footer ul.icons li a.flickr:hover {background-position: 0 -24px;}
#footer ul.payment-icons {float: right;}
#footer ul.payment-icons li {float: left; display: inline; margin-left: 10px;}
#footer p.copyright-line { margin-top: 10px; }
#footer a.footer-list { font-size: 15px; margin-right: 10px;}

/* ============ */
/* = Homepage = */
/* ============ */

#product-list {float: left; width: 948px;}
#product-list .product-item {float: left; width: 207px; margin: 30px 30px 0 0;}
#product-list .product-item-sale {position: absolute; float: left; margin: 12px 0 0 156px; width: 60px; height: 20px; background: #d72e2a; text-align: center; font-size: 14px; color: #ffffff; padding-top: 10px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {#product-list .product-item-sale {padding-top: 7px; /* This works only in Safari and Google Chrome */}}
#product-list .product-item .photo {z-index: 9999; height: 240px; vertical-align: middle; text-align: center; overflow: hidden; border: 1px solid #e2e2e2;}
#product-list .product-item .photo img { max-width: 207px; }
#product-list .product-item .photo-hover { z-index: 9999; overflow: hidden; border: 1px solid #c2c2c2; }
#product-list .product-item ul.description { text-align: center; padding-top: 15px; }

/* =========== */
/* = Product = */
/* =========== */

#summary #images {float: left; text-align: center; width: 445px; margin: 0 30px 0 0;}
#summary #images #image {border: 1px solid #e2e2e2; overflow: hidden;}
#summary #images #image img {max-width: 445px; }
#summary #details {float: left; width: 445px;}
#summary #details ul {padding-left: 15px; list-style: disc; font-size: 13px; line-height: 20px; margin-bottom: 15px;}
#summary #details ul li {margin-bottom: 5px;}
#summary #details #options { padding: 17px 0 0 0; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; margin-bottom: 15px;}

#variants {margin-bottom: 20px;}
.selector-wrapper {font-size: 13px; margin-bottom: 10px;}
.selector-wrapper label {font-size: 13px; display: block;}
.selector-wrapper select {text-align: left; margin: 3px 0 6px 0;}

#thumbs {float: left; display: inline; border: 1px solid #e2e2e2; overflow: hidden; margin: 30px 41px 0 0;}
#thumbs:last-child {margin-right: 0px;}

#desc {font-size: 13px; line-height: 20px;}
#desc .next-prev-product {font-size: 13px; margin-top: 10px; float: right;}
#desc .social {margin-top: 15px;}

.related-products { margin-top: 30px; padding-top: 30px; border-top: 1px solid #e2e2e2; }

/* =============== */
/* = Collections = */
/* =============== */

#paginate {float: right; margin-top: 30px; font-size: 14px;}
#paginate .page a {padding: 3px 7px;}
#paginate .current {border: 1px solid #e2e2e2; padding: 5px 8px 3px 8px;}
#paginate .next a, #paginate .prev a {}

#collection-tags {margin: 20px 0 0 30px;}
#collection-tags ul.collection-tags {border-bottom: none; font-size: 13px;}
#collection-tags ul.collection-tags li {float: left; margin-bottom: 10px;}
#collection-tags ul.collection-tags li a {display: block; padding: 4px 6px; margin-right: 10px; color: #4e6094; background: #f2f2f2; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
#collection-tags ul.collection-tags li a:hover {color: #284a86;}
#collection-tags ul.collection-tags li.current a {color: #284a86; background: #f2f2f2;}

/* ======== */
/* = Cart = */
/* ======== */

#cart-content table {margin: 30px 0; width: 920px;}
#cart-content table tr.odd {background: #f7f7f7;}
#cart-content table td {vertical-align: middle; padding: 10px 0; border-bottom: 1px solid #e2e2e2;}
#cart-content table td.title {width: 450px;}
#cart-content table td.pic {width: 90px;}
#cart-content table th {text-align: left; padding-bottom: 15px; border-bottom: 1px solid #e2e2e2; font-weight: normal;}
#cart-content table td.quantity {padding-left: 18px;}
#cart-content table td.quantity input.field {width: 20px; margin: 0;}
#cart-content a.remove-item  {color: #bebdbd; font-size: 11px; text-transform: uppercase;}
#cart-content a.remove-item:hover {color: #284a86;}


#notes {float: left;}
#notes label {display: block; margin-bottom: 15px; font-size: 14px;}
#notes textarea {width: 400px; height: 100px; border: 1px solid #e2e2e2;} 

#total {height: 130px; float: right; padding-right: 30px; }
#total input {margin-left: 10px; }
#total label {display: block; margin-bottom: 10px; width: 400px; font-size: 14px; } 

/* ======== */
/* = customer accepts t + c = */
/* ======== */
#checker {float: right; padding-right:1px;}
#checker input {float: right; padding-right:30px; margin-left: 10px; width: 20px; height: 32px; }
#checker label {display: block; margin-bottom: 15px; width: 600px; font-size: 14px; margin-bottom: 10px;}

/* ======== */
/* google checkout and paypal buttons on cart page */
/* ======== */
#additional-checkout-buttons {float: right; padding-right:0px; }

/* ======== */
/* = Blog = */
/* ======== */

#blog-post {float: left; width: 660px; padding: 0 0 12px 0; margin-right: 30px;}
#blog-post .entry {border-bottom: 1px solid #e2e2e2; margin: 15px 0 20px 0;}
#blog-post .entry:last-child {border: none;}
#blog-post .next-prev-post {font-size: 13px; text-align: right;}
#blog-post .next-prev-post a {margin-left: 15px;}
#blog-sidebar {float: left; width: 230px; padding-top: 15px;}
#blog-sidebar ul {border-bottom: 1px solid #e2e2e2; padding-bottom: 15px; margin-bottom: 20px;}
#blog-sidebar ul li {margin-bottom: 2px;}
#blog-sidebar ul.blog-tags {border-bottom: none; font-size: 13px;}
#blog-sidebar ul.blog-tags li {float: left; margin-bottom: 10px;}
#blog-sidebar ul.blog-tags li a {display: block; padding: 4px 6px; margin-right: 10px; color: #4e6094; background: #f2f2f2; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
#blog-sidebar ul.blog-tags li a:hover {color: #284a86;}
#blog-sidebar ul.blog-tags li.current a {color: #284a86; background: #f2f2f2;}

/* =========== */
/* = Article = */
/* =========== */

#content .entry {margin-left: 30px; border-bottom: 1px solid #e2e2e2;}
#content .entry ul {list-style: disc; margin: 0 0 20px 15px; font-size: 13px;}
#content .entry ul li {margin-bottom: 10px;}
#content .comment {background: #f7f7f7; padding: 20px 20px 2px 20px; margin-bottom: 15px;}
#content #comments {margin: 20px 0 0 30px;}
#content #comments form label {font-size: 13px; display: block;}
#content #comments form input.field {width: 230px; padding: 4px;}
#content #comments textarea {width: 430px; height: 200px; padding: 4px}
#content #comments p.message {color: #284a86; }


/* ======== */
/* = Page = */
/* ======== */

#content .page {margin-top: 20px;}
#content .page ul {list-style: disc; margin: 0 0 20px 15px; font-size: 13px;}
#content .page ul li {margin-bottom: 10px; line-height: 20px;}
#content .page h4 {margin-bottom: 15px;}

/* ========== */
/* = Search = */
/* ========== */

ul.result-item {margin: 20px 0 0 -30px;}
ul.result-item li {margin-bottom: 20px; border-top: 1px solid #e2e2e2; padding: 20px 0 0 30px;}

/* ====================== */
/* = Collections Listing = */
/* ====================== */

#content #collections-listing {padding-left: 30px; width: 948px;}
#content #collections-listing ul {margin-left: -30px;}
#content #collections-listing ul li {float: left; width: 207px; margin: 30px 30px 0 0; padding-bottom: 10px; text-align: center; margin: 30px 28px 15px 0; border: 1px solid #e2e2e2;}

/* ==================== */
/* = Colour Reference = */
/* ==================== */

/*
Grey lines {color: #e2e2e2;}
Grey lines hover {color: #c2c2c2;}
Red {color: #d72e2a;}
Dark Red {color: #c01410;}
Light Blue {color: #e6f2fa;}
Dark Grey {color: #444444;}
Light Grey {color: #989797;}
Header Grey {color: #bebdbd;}
Cart Alt Row Grey {color: #f9f9f9;}
*/