/* ============= */
/* = 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: #ffffff url(bg_1491.png) repeat-y scroll center 0; color: #4996ed; 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;}

/* Clearfix */
.clearfix:after {
  visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* ========= */
/* = 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: #515151 url(btn-bg_1491.png) top left repeat-x; text-align: center; font-size: 14px; color: #ffffff; padding: 0 10px 3px 10px; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
input[type="submit"]:hover {color: #ffffff; background: #000000 url(btn-bg_1491.png) top left repeat-x;}
input[type="submit"].grey {border: medium none; height: 32px; background: #e1e1e1 url(btn-bg_454-1491.png) top left repeat-x; text-align: center; font-size: 14px; color: #444444; padding: 0 10px 3px 10px; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
input[type="submit"].grey:hover {background: #cfcfcf url(btn-bg_1491.png) top left repeat-x; color: #444444;}
input[disabled] {cursor: inherit;}

.search {float: right; margin:0;}
#search page > .search {float: left!important; margin:0;}
.search form .search-field {background: #fff; height:36px;border:1px solid #b1d4f5;padding:0 10px;width:186px;vertical-align:top; color: #adadad; margin-top: -7px; outline: medium none; }
.search form .search-button {border: 0 none; position: relative; vertical-align: middle; z-index: 999; top: -2px; right: 30px;}

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

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

h1 {font-size: 60px; color: #4a4a4a; font-weight: normal; line-height: 66px;}
h2 {font-size: 30px; color: #4a4a4a; font-weight: normal; margin-bottom: 20px; line-height: 36px;}
h3 {font-size: 20px; color: #a9a9a9; font-weight: normal; line-height: 26px;}
h4 {font-size: 18px; color: #4a4a4a; font-weight: normal; line-height: 24px;}
h5 {font-size: 16px; color: #4a4a4a; font-weight: normal; line-height: 22px;}

#header .toolbar {font-size: 13px; color: #4996ed;}
#navigation .main-nav {font-size: 15px; color: #515151;}
#footer p {color: #adadad;}

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

h2.price {font-size: 20px; color: #a9a9a9; margin-bottom: 20px;}
h3.cart-total {margin-bottom: 30px; text-align: right;}
h3.blog-title, h3.article-title {margin-bottom: 20px;}
h4.recent-blog-post {margin-bottom: 20px; color: #a9a9a9;}
h4.comments {font-size: 15px; color: ; margin-bottom: 15px;}
h5.posted-on {font-size: 13px; color: #4996ed; 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: #4996ed; font-style: italic;}
del.price-old {color: #4996ed;}
p.margin-top {margin-top: 20px;}
p.empty-cart {margin-top: 20px;}

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

a:link {color: #a9a9a9;}
a:hover {color: #4996ed;}
a:focus {color: #4996ed;}
a:visited {color: #4996ed;}

#header .toolbar a {color: #adadad;}
#header .toolbar a:hover {color: #8c8c8c;}

#navigation-minimal ul.main-nav li a {color: #515151;}
#navigation-minimal ul.main-nav li.active a {color: #4996ed; cursor: default;}
#navigation-minimal ul.main-nav li a:hover {color: #4996ed;}

.product-list-title a {color: #444444; line-height: 20px;}
.product-list-title a:hover {color: #4996ed;}

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

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

#footer a {color: #adadad;}
#footer a:hover {color: #4996ed;}

/* ============ */
/* = 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 #b1d4f5; border-bottom: 1px solid #b1d4f5;}
#navigation-minimal ul.main-nav {font-size: 14px;}
#navigation-minimal ul.main-nav li {float: left; padding: 13px 30px;}

/* drodowns */
ul.sf-menu ul {position: absolute; top: -999em; margin-top: 7px; font-size: 13px; background: #fff; border-left: 1px solid #b1d4f5; border-right: 1px solid #b1d4f5; 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 #b1d4f5; 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: #515151;}
ul.sf-menu li ul li a:hover { color: #4996ed;}
ul.sf-menu .sf-sub-indicator {background: url(menu-arrow_1491.png) 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; 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(icon-cart_1491.png) top left no-repeat; padding-left: 30px;}
#header .toolbar ul li.search {margin-right: -21px;}

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

#footer { width: 920px; bottom:0; border-top: 1px solid #b1d4f5; padding: 40px 0 40px 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 { display: block; margin-bottom: 15px; }
#footer ul.icons li {display: block; margin-bottom: 10px;}
#footer ul.icons li a {display: block; padding-left: 35px; }
#footer ul.icons li a.rss {height: 24px; background: url(icon-rss_1491.png) top left no-repeat;}
#footer ul.icons li a.rss:hover {background-position: 0 -24px;}
#footer ul.icons li a.facebook {height: 24px; background: url(icon-facebook_1491.png) top left no-repeat;}
#footer ul.icons li a.facebook:hover {background-position: 0 -24px;}
#footer ul.icons li a.twitter {height: 24px; background: url(icon-twitter_1491.png) top left no-repeat;}
#footer ul.icons li a.twitter:hover {background-position: 0 -24px;}
#footer ul.icons li a.flickr {height: 24px; background: url(icon-flickr_1491.png) top left no-repeat;}
#footer ul.icons li a.flickr:hover {background-position: 0 -24px;}
#footer ul.payment-icons {text-align: center; margin-left: 335px; }
#footer ul.payment-icons li {float: left; display: inline; margin-left: 10px;}
#footer p.copyright-line { margin-top: 10px; text-align: center; }
#footer a.footer-list { font-size: 13px; margin-right: 10px;}

.footer-column-container { width: 920px; margin-bottom: 30px; padding-bottom: 30px; }
.footer-column-1 { float: left; margin-right: 30px; width: 207px; }
.footer-column-2 { float: left; margin-right: 30px; width: 207px; }
.footer-column-3 { float: left; margin-right: 30px; width: 207px; }
.footer-column-4 { float: left; width: 207px; }
ul.footer-links strong { line-height: 24px!important; font-size: 13px!important; }
ul.footer-links li { line-height: 24px!important; font-size: 13px!important; }
ul.footer-links li:first-child { margin-bottom: 5px; }

/* ============ */
/* = 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: #a9a9a9; 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; vertical-align: middle; text-align: center; overflow: hidden; border: 1px solid #b1d4f5;}
#product-list .product-item .photo img { max-width: 207px; }
#product-list .product-item .photo-hover { z-index: 9999; overflow: hidden; border: 1px solid #b1d4f5; }
#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 #b1d4f5; 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 #b1d4f5; border-bottom: 1px solid #b1d4f5; 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 #b1d4f5; 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 #b1d4f5; }

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

#paginate {float: right; margin-top: 30px; font-size: 14px;}
#paginate .page a {padding: 3px 7px;}
#paginate .current {border: 1px solid #b1d4f5; 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: #4a4a4a; background: #f2f2f2; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
#collection-tags ul.collection-tags li a:hover {color: #000000;}
#collection-tags ul.collection-tags li.current a {color: #000000; 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 #b1d4f5;}
#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 #b1d4f5; 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: #4a4a4a;}

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

#total {float: right; padding-right: 30px;}
#total input {margin-left: 10px;}

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

#blog-post {float: left; width: 660px; padding: 0 0 12px 0; margin-right: 30px;}
#blog-post .entry {border-bottom: 1px solid #b1d4f5; 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 #b1d4f5; 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: #4a4a4a; background: #f2f2f2; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
#blog-sidebar ul.blog-tags li a:hover {color: #000000;}
#blog-sidebar ul.blog-tags li.current a {color: #000000; background: #f2f2f2;}

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

#content .entry {margin-left: 30px; border-bottom: 1px solid #b1d4f5;}
#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: #a9a9a9; }


/* ======== */
/* = 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 #b1d4f5; 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 #b1d4f5;}

/* =========== */
/* = Twitter = */
/* =========== */
.twtr-ft,.twtr-hd,.twtr-user,.twtr-reply,twtr-rt,.twtr-fav{display:none !important;}
.twtr-doc{width:auto !important;}
.twtr-bd{padding:0 !important;}
#twtr-widget-1 .twtr-new-results,#twtr-widget-1 .twtr-results-inner,#twtr-widget-1 .twtr-timeline,#twtr-widget-1 .twtr-doc,#twtr-widget-1 .twtr-hd a,#twtr-widget-1 h3,#twtr-widget-1 h4{background-color:transparent !important;}
.twtr-widget{font-family: Helvetica, Arial, sans-serif!important;}
#main .twtr-widget .twtr-tweet-wrap,#main .twtr-widget .twtr-tweet{overflow:visible !important;}
#twitters{visibility:hidden;}
#twitters{visibility:visible;}
#twtr-widget-1 .twtr-tweet{border-bottom:none !important;margin:0 3px 5px 1px !important;}#main #twtr-widget-1 .twtr-tweet a{color:#a9a9a9 !important;}
#twtr-widget-1 .twtr-tweet a:hover{color:#4996ed !important;}
#twitter-w{font-family: Helvetica,Arial,sans-serif!important;padding:0 0 9px 0;}
.twtr-tweet-wrap{padding:0 !important;}
#twtr-widget-1 .twtr-tweet-text p{font-family: Helvetica, Arial, sans-serif!important;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;margin:0;font-size:13px !important;line-height:22px!important;position:relative !important;overflow:visible;}
#twtr-widget-1 .twtr-tweet-text em{color:#F5F5F5 !important;height:19px;font-size:12px;padding:25px 0 0 37px !important;margin:0 0 0 0;position:absolute;left:0;width:198px;bottom:-44px;}#main #twtr-widget-1 .twtr-tweet-text em a{color: !important;}
#twtr-widget-1 .twtr-tweet-text em a:hover{color:#4996ed !important;text-decoration:none;}
#twitter{padding-bottom:0!important;}

/* ============= */
/* = Mailchimp = */
/* ============= */
#mail{height:36px;border:1px solid #b1d4f5;padding:0 10px;width:186px;vertical-align:top;}
#subscribe{float: right; padding: 0 10px; font-size:12px;text-align:center;line-height:30px;height:29px;margin-top: 10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;vertical-align:top;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;}
#subscribe:hover{background-color:;}

/* ============= */
/* = Mailchimp = */
/* ============= */
.slide { text-align: center; }