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



/* base styles */

h1, h2, h3, h4, h5, h6 { color: #284A86; font-weight:bold; }
h1 { font-size: 28px; }
h2 { font-size: 24px; }
h3 { font-size: 22px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
p { padding-bottom: 2px; }

table { width: 100%; }
th { background-color: #FAFAFA; border-bottom: 1px solid #CCCCCC; color: #284A86; font-weight: bold; height: 25px; line-height: 25px; padding: 2px 5px; text-align: left; vertical-align: middle; }
td { border-bottom: 1px solid #EEEEEE; line-height: 22px; padding: 5px; vertical-align: middle; }

input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
select, input, textarea, button { font:99% sans-serif; }
label { color: #284A86; display: block; float: left; font-weight: 400; height: 32px; line-height: 32px; margin: 0 20px 0 0; padding: 0; text-align: right; width: 125px; }

label.large { width: 200px; }
label.login { width: 150px; }
input:focus.large, 
input:active.large { 
  border: 1px solid #ABC4CE;
  -moz-box-shadow:    0px 0px 3px #3084CA;
  -webkit-box-shadow: 0px 0px 3px #3084CA;
  box-shadow:         0px 0px 3px #3084CA; }
input.large { border: 1px solid #ABC4CE; color: #666; height: 22px; line-height: 22px; float: left; padding: 6px 10px; width: 225px; }
input.large {
  -webkit-border-radius:  5px; 
  -moz-border-radius:     5px; 
  border-radius:          5px; }
input.cancel { background: none; border: 0; color: #ABC4CE; font-weight: normal; padding: 0; }
input.btn, a.btn {
  color: #284A86; font-weight: normal; margin: 0 auto; padding: 4px 6px;  width: auto;
  background-color: #EBEBEB;
  background: -webkit-gradient(
    linear,
    left bottom, left top,
    from(#EBEBEB), to(#FFFFFF));
  background: -moz-linear-gradient(
    center bottom,
    #EBEBEB,
    #FFFFFF);
  border: 1px solid #BBBBBB;
  -webkit-border-radius:  5px;
  -moz-border-radius:     5px;
  border-radius:          5px;
  -moz-box-shadow:        0px 1px 0px #AAAAAA;
  -webkit-box-shadow:     0px 1px 0px #AAAAAA;
  box-shadow:             0px 1px 0px #AAAAAA; }
a.btn { color: #3A3A3A; display: inline-block; font-weight:bold; padding: 4px 8px; text-shadow: 0 1px 1px #FFFFFF; }



/* template styles */
.action_bottom { text-align: center; border-top: 1px solid #EEEEEE; padding-top: 20px; margin-top: 20px; }
.action_bottom span { vertical-align: middle; }
.action_top { padding-top: 10px; text-align: center; }
.action_link a { padding: 2px 3px; text-decoration: underline; }
.action_link a:hover { color: #000000 !important; background-color: #EEEEEE; }
.action_edit a { padding: 0; }
.action_delete a { padding: 0; }
.action_delete { border-left: 1px solid #DDDDDD; padding-left: 6px; }
.action_return a { display: inline-block; left: 0; position: absolute; }
.address { padding-top: 20px; }
.address_form { padding: 2px 0; width: 280px; }
.address_table { border-bottom: 1px dotted #DDDDDD; padding: 40px 0; }
.address_title { padding-bottom: 5px; }
.cancelled_order, .cancelled_order a { color: #BBBBBB; }
.customer_address form { border: 1px solid #CCCCCC; display: block; padding: 10px; }
.customer_address .view_address { padding-top: 15px; }
.customer_address .view_address p { padding-bottom: 7px; }
.default_address { font-style: italic; }
.even { background-color: #F6F6F6; }
.flash { color: #000000; padding: 5px 10px; margin:0 0 40px; text-align: center; }
.flash.notice { background-color: #FFFBE5; border: 1px solid #DFDBC5; }
.flash.error { background-color: #FFEFEB; border: 1px solid #F96F96; }
.group { background-color: #FAFAFA; border: 1px solid #CCCCCC; padding: 10px; }
.large_form { margin: 0 auto 20px auto; width: 790px; }
.note { color: #777777; font-size: 12px; font-weight: normal; }
.note_first { font-weight: bold; }
.order_date { padding-bottom: 10px; text-align: left; }
.order_number { width: 100px; }
.order_section_title { padding-bottom: 15px; }
.order_summary { color: #222222; }
.order_summary .label { padding: 10px 35px 10px 0; text-align: right; }
.order_summary td { border: none; }
.order_total td { border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; font-weight: bold; }
.status_paid, .status_authorized, .status_filed, .status_pending, .status_abandoned, .status_fulfilled, .status_partial, .status_unfulfilled, .status_restocked, .status_voided, .status_refunded { font-size: 12px; padding: 1px 4px; margin: 0; 
  -moz-border-radius:     3px; 
  -webkit-border-radius:  3px; 
  border-radius:          3px; }
.status_paid, .status_authorized, .status_fulfilled { background-color: #80BD4E; color: #FFFFFF; } 
.status_filed, .status_pending, .status_unfulfilled { background-color: #EEEEEE; color: #000000; } 
.status_abandoned, .status_voided, .status_refunded, .status_restocked { background-color: #AF9C7E; color: #FFFFFF; }
.total { text-align: right; }
.value { text-align: left; }
.value, .label { vertical-align: middle; }



#add_address_title { color: #6FB305; font-weight: normal; padding: 10px 0 20px; text-align: center; }
#add_address form { background-color: #FAFAFA; border: 1px solid #CCCCCC; display: block; margin: 0 auto; padding: 10px; width: 600px; }
#add_address .label, #address_tables .label { color: #777777; font-size: 12px; text-align: right; padding-right: 35px; width: 100px; }
#add_address td, #address_tables td { padding: 2px 0; }
#add_address td, #address_tables td { border: none; }
#address_pagination { padding-top: 20px; }
#admin_header { padding-bottom: 40px; position: relative; }
#admin_header .title { border-bottom: 1px solid #EEEEEE; font-weight: normal; padding-bottom: 15px; text-align: center; }
#badtoken { width: 200px; }
#container { margin: 30px auto 0px auto; position: relative; width: 960px; }
#customer, #recover-password { width: 430px; }
#customer, #guest { display: inline-block; height: 230px; vertical-align: top; }
#customer_detail .name { padding-bottom: 5px; }
#customer_sidebar { float: left; padding-right: 30px; text-align: left; width: 200px; }
#customer_orders { width: 650px; }
#customer_orders .date { width: 125px; }
#forgot_password a { background-color: #FFFFFF; color: #284A86; display: block; height: 34px; float: left; line-height: 34px; text-align: left; padding-left: 5px; width: 203px;
  border:0px solid #E8E8E8;
  border-left:none;
  -webkit-border-top-right-radius:    5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-top-left-radius:     0px;
  -webkit-border-bottom-left-radius:  0px;
  -moz-border-radius-topright:        5px;
  -moz-border-radius-bottomright:     5px;
  -moz-border-radius-topleft:         0px;
  -moz-border-radius-bottomleft:      0px;
  border-top-right-radius:            5px;
  border-bottom-right-radius:         5px; 
  border-top-left-radius:             0px;
  border-bottom-left-radius:          0px; }
#forgot_password a:hover { background-color: #FFFFFF; color: #284A86; text-decoration: underline; }
#footer { font-size: 11px; padding-top: 10px; text-align: left; }
#footer a { color: #888888; }
#guest { border-left: 1px solid #DDDDDD; margin-left: 25px; padding-left: 25px; width: 420px; }
#login_password input[type="password"] { width: 110px;
  -webkit-border-top-right-radius:    0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-top-left-radius:     5px;
  -webkit-border-bottom-left-radius:  5px;
  -moz-border-radius-topright:        0px;
  -moz-border-radius-bottomright:     0px;
  -moz-border-radius-topleft:         5px;
  -moz-border-radius-bottomleft:      5px;
  border-top-right-radius:            0px;
  border-bottom-right-radius:         0px;
  border-top-left-radius:             5px;
  border-bottom-left-radius:          5px; }
#logout { font-size: 11px; position: absolute; right: 0; top: 0; }
#order_address { float: left; width: 200px; }
#order_address p { line-height: 1.2em; text-align: left; }
#order_cancelled { margin-bottom: 20px;
  -moz-border-radius:     3px; 
  -webkit-border-radius:  3px; 
  border-radius:          3px; }
#order_cancelled_title { padding-bottom; 0; }
#order_details { width: 600px; }
#order_details, #order_notes { float: left; margin: 10px 0 0 30px; }
#order_details .money { white-space: nowrap; }

#order_payment { border-bottom: 1px solid #DDDDDD; padding: 10px 0 15px; }
#order_shipping { padding: 25px 0 10px; }
#order_notes { width: 580px; }
#tagline { font-weight: normal; }
#tagline .subtitle { color: #888888; font-size: 14px; }
#template { text-align: center; }
.template_header { padding-bottom: 30px; }
.template_header .title { color: #284A86; font-weight: normal; padding-bottom: 10px; }
#view_address { display: block; margin-top: 15px; }
#wrapper { background-color: #FFFFFF; border: 1px solid #CCCCCC; margin: 10px auto 0; padding: 40px 30px;
   -moz-box-shadow:    0px 2px 3px #284A86;
   -webkit-box-shadow: 0px 2px 3px #284A86;
   box-shadow:         0px 2px 3px #284A86; }



/* clearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* ============= */
/* = 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: {{ settings.typography }}; {% if settings.bg_image == "enabled" %}background: {{ settings.bg_color }} url({{ 'bg.png' | asset_url }}) {{ settings.bg_repeat }} {{ settings.bg_attachment }} {{ settings.bg_position }};{% else %} background-color: {{ settings.bg_color }};{% endif %} color: {{ settings.text_color }}; margin: 0; padding: 0;}

table tr td {font-family: {{ settings.typography }}; 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: {{ settings.typography }};}

input[type="submit"] {border: medium none; height: 32px; background: {{ settings.main_btn_bg_color }} url({{ 'btn-bg.png' | asset_url }}) top left repeat-x; text-align: center; font-size: 14px; color: {{ settings.main_btn_text_color }}; padding: 0 10px 3px 10px; cursor: pointer; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px;}
input[type="submit"]:hover {color: {{ settings.main_btn_text_hover }}; background: {{ settings.main_btn_bg_hover }} url({{ 'btn-bg.png' | asset_url }}) top left repeat-x;}
input[type="submit"].grey {border: medium none; height: 32px; background: {{ settings.alt_btn_bg_color }} url({{ 'btn-bg.png?454' | asset_url }}) top left repeat-x; text-align: center; font-size: 14px; color: {{ settings.alt_btn_text_color }}; padding: 0 10px 3px 10px; cursor: pointer; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px;}
input[type="submit"].grey:hover {background: {{ settings.alt_btn_bg_hover }} url({{ 'btn-bg.png' | asset_url }}) top left repeat-x; color: {{ settings.alt_btn_text_hover }};}
input[disabled] {cursor: inherit;}

.search {float: right; margin:0;}
.search form .search-field {background: url({{ 'search-field-bg.gif' | asset_url }}) left 1px no-repeat; border: 0 none; color: {{ settings.header_link_color }}; margin-top: -7px; outline: medium none; padding: 9px 30px 8px 15px; position: relative; vertical-align: middle; width: 164px; height: 22px; z-index: 2; font-size: 13px;}
.search form .search-button {border: 0 none; position: relative; vertical-align: middle; z-index: 999; top: -8px; right: 30px;}

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

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

h1 {font-size: 60px; color: {{ settings.title_text_color }}; font-weight: normal; line-height: 66px;}
h2 {font-size: 30px; color: {{ settings.title_text_color }}; font-weight: normal; margin-bottom: 20px; line-height: 36px;}
h3 {font-size: 20px; color: {{ settings.alt_title_text_color }}; font-weight: normal; line-height: 26px;}
h4 {font-size: 18px; color: {{ settings.title_text_color }}; font-weight: normal; line-height: 24px;}
h5 {font-size: 16px; color: {{ settings.title_text_color }}; font-weight: normal; line-height: 22px;}

#header .toolbar {font-size: 13px; color: {{ settings.accent_text_color }};}
#navigation .main-nav {font-size: 15px; color: {{ settings.nav_link_color }};}
#footer p {color: {{ settings.footer_text_color }};}

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

h2.price {font-size: 20px; color: {{ settings.alt_title_text_color }}; 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: {{ settings.alt_title_text_color }};}
h4.comments {font-size: 15px; color: {{ alt_title_text_color }}; margin-bottom: 15px;}
h5.posted-on {font-size: 13px; color: {{ settings.accent_text_color }}; 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: {{ settings.accent_text_color }}; font-style: italic;}
del.price-old {color: {{ settings.accent_text_color }};}
p.margin-top {margin-top: 20px;}
p.empty-cart {margin-top: 20px;}

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

a:link {color: {{ settings.link_color }};}
a:hover {color: {{ settings.link_hover }};}
a:focus {color: {{ settings.link_hover }};}
a:visited {color: {{ settings.link_hover }};}

#header .toolbar a {color: {{ settings.header_link_color }};}
#header .toolbar a:hover {color: {{ settings.header_link_hover }};}

#navigation-minimal ul.main-nav li a {color: {{ settings.nav_link_color }};}
#navigation-minimal ul.main-nav li.active a {color: {{ settings.nav_link_hover }}; cursor: default;}
#navigation-minimal ul.main-nav li a:hover {color: {{ settings.nav_link_hover }};}

.product-list-title a {color: {{ settings.product_link_color }}; line-height: 20px;}
.product-list-title a:hover {color: {{ settings.product_link_hover }};}

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

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

#footer a {color: {{ settings.footer_link_color }};}
#footer a:hover {color: {{ settings.footer_link_hover }};}

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

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

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

#navigation-minimal {margin: 20px 0 30px 0; border-top: 1px solid {{ settings.line_bg_color }}; border-bottom: 1px solid {{ settings.line_bg_color }};}
#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 {{ settings.line_bg_color }}; border-right: 1px solid {{ settings.line_bg_color }}; 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 {{ settings.line_bg_color }}; 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: {{ settings.nav_link_color }};}
ul.sf-menu li ul li a:hover { color: {{ settings.nav_link_hover }};}
ul.sf-menu .sf-sub-indicator {background: url({{ 'menu-arrow.png' | asset_url }}) 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: {{ settings.bg_wrapper_color }}; 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: {% if settings.include_cart_icon %}url({{ 'icon-cart.png' | asset_url }}) top left no-repeat; padding-left: 30px;{% endif %}}
#header .toolbar ul li.search {margin-right: -21px;}

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

#footer {position:relative; width: 920px; bottom:0; border-top: 1px solid {{ settings.line_bg_color }}; 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({{ 'icon-rss.png' | asset_url }}) 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({{ 'icon-facebook.png' | asset_url }}) 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({{ 'icon-twitter.png' | asset_url }}) 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({{ 'icon-flickr.png' | asset_url }}) 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: 13px; 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: {{ settings.sale_bg_color }}; text-align: center; font-size: 14px; color: {{ settings.sale_text_color }}; 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 {{ settings.line_bg_color }};}
#product-list .product-item .photo img { max-width: 207px; }
#product-list .product-item .photo-hover { z-index: 9999; overflow: hidden; border: 1px solid {{ settings.line_bg_hover }}; }
#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 {{ settings.line_bg_color }}; 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 {{ settings.line_bg_color }}; border-bottom: 1px solid {{ settings.line_bg_color }}; 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 {{ settings.line_bg_color }}; 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 {{ settings.line_bg_color }}; }

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

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

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

#cart-content table {margin: 30px 0; width: 920px;}
#cart-content table tr.odd {background: {{ settings.alt_row_color }};}
#cart-content table td {vertical-align: middle; padding: 10px 0; border-bottom: 1px solid {{ settings.line_bg_color }};}
#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 {{ settings.line_bg_color }}; 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: {{ settings.title_text_color }};}

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

#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 {{ settings.line_bg_color }}; 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 {{ settings.line_bg_color }}; 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: {{ settings.blog_tag_color }}; background: {{ settings.blog_tag_bg_color }}; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
#blog-sidebar ul.blog-tags li a:hover {color: {{ settings.blog_tag_hover }};}
#blog-sidebar ul.blog-tags li.current a {color: {{ settings.blog_tag_hover }}; background: {{ settings.blog_tag_bg_color }};}

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

#content .entry {margin-left: 30px; border-bottom: 1px solid {{ settings.line_bg_color }};}
#content .entry ul {list-style: disc; margin: 0 0 20px 15px; font-size: 13px;}
#content .entry ul li {margin-bottom: 10px;}
#content .comment {background: {{ settings.blog_comment_bg_color }}; 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: {{ settings.alt_title_text_color }}; }


/* ======== */
/* = 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 {{ settings.line_bg_color }}; 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 {{ settings.line_bg_color }};}

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