:active, :focus { outline: none; -moz-outline-style: none; }
a {outline : none; -moz-outline-style: none;}
a img {outline : none; -moz-outline-style: none;}
img {border : 0; -moz-outline-style: none;}

.cf:after {
content: "";
display: table;
clear: both;
}

h1, h2, h3, h4, h5, h6 {
color: #333333;
font-weight: normal;
margin: .25em 0 .5em 0;
}

a {
color: #cd5c5c;
text-decoration: none;
}

img {
border: 0;
}

#back-top {
display: none;
position: fixed;
top: 45%;
right: 0px;
width: 30px;
line-height: 3-px;
height: 82px;
text-align: left;
z-index: 9999;
background-color: white;
}

body {
height: 100%;
background: #ffffff;
font-size: 11px;
color: #333333;
font-family: Monaco, 'Lucida Console', 'DejaVu Sans Mono', monospace;
margin: 0;
}

#wrapper {
width: 960px;
margin: 0 auto;
}

header {
position: relative;
margin: 20px 0 0 0;
height: 132px;
}

header .star {
display: inline-block;
margin-bottom: -2px;
width: 12px;
height: 12px;
}

header a {
color: #333333;
}

.header-links {
list-style-type: none;
margin: 0;
padding: 0;
}

.header-links .col {
float: left;
margin-top: 30px;
border-top: 1px solid #ADD8E6;
width: 130px;
}

.header-links .col:nth-of-type(1),
.header-links .col:nth-of-type(4) {
    width: 186px;
}

.header-links .col:nth-of-type(1),
.header-links .col:nth-of-type(2) {
    text-align: right;
    border-right: 1px solid #ADD8E6;
}

.header-links .col:nth-of-type(2) {
    margin-right: 324px;
}

.header-links .col:nth-of-type(3),
.header-links .col:nth-of-type(4) {
    border-left: 1px solid #ADD8E6;
}

.header-links li {
    height: 32px;
    line-height: 32px;
    border-bottom: 1px solid #ADD8E6;
}

.header-links .col:nth-of-type(1) li,
.header-links .col:nth-of-type(2) li {
    padding-right: 15px;
}

.header-links .col:nth-of-type(3) li,
.header-links .col:nth-of-type(4) li {
    padding-left: 15px;
}

.header-info-left, .header-info-right {
border-top: 1px solid #ADD8E6;
position: absolute;
top: 95px;
left: 0;
width: 318px;
height: 36px;
line-height: 36px;
font-size: 10px;
background-color: #FAF6DB;
color: #333333;
}

.header-info-left p {
display: inline-block;
position: absolute;
right: 30px;
margin: 0 auto;
}

.header-info-left .star {
padding-left: 6px;
padding-right: 6px;
}

.header-info-right {
left: 643px;
}

.search-wrapper {
margin-left: 16px;
position: relative;
}

#search-form {
position: relative;
float: left;
display: inline-block;
height: 34px;
width: 128px;
margin: 0;
padding: 0;
}

button, input {
line-height: normal;
}

button, input, select, textarea {
font-family: inherit;
font-size: 100%;
margin: 0;
}

#search-form input[type=text] {
border: none;
height: 20px;
width: 120px;
line-height: 20px;
padding: 0 4px;
margin: 0;
background: #fff url(images/search.png) no-repeat center right;
}

#search-form input[type=submit] {
position: absolute;
right: 0;
top: 0;
display: inline-block;
float: right;
height: 36px;
width: 20px;
margin: 0;
padding: 0;
opacity: 0;
}

.cart-wrapper {
display: inline-block;
float: left;
margin-left: 20px;
}

.header-logo {
position: absolute;
top: 0;
left: 317px;
width: 324px;
height: 132px;
border: 1px solid #ADD8E6;
border-width: 0 1px;
}

.header-logo div {
width: 316px;
height: 100%;
margin: 0 auto;
border: 1px solid #ADD8E6;
border-width: 0 1px;
}
.header-logo a.logo {
padding-top: 40px;
}
.header-logo a {
display: block;
margin: 0 auto;
text-align: center;
}

.content {
margin: 40px 0 60px 0;
}

.collection-header {
margin: 40px auto 120px auto;
text-align: center;
}

.collection-header.frontpage img {
margin: 0 auto;
display: block;
margin-bottom: 13px;
}

.collection-header.frontpage a {
color: #333 !important;
}

.collection {
text-align: center;
}

.collection .product {
position: relative;
}

.product {
margin-top: 40px;
margin-bottom: 100px;
}

.collection a {
font-size: 10px;
color: #333333;
}



.collection span {
color: #666666;
}

.collection .product-title {
/*position: absolute;
bottom: 0;*/
margin: 40px 20px;
text-align: center;
width: 100%;
}

.featured-story {
width: 100%;
text-align: center;
margin: 80px auto 80px auto;
}

.featured-story a {
text-decoration: none;
color: #333333;
}

.featured-story img.border {
padding: 10px;
border: 1px solid #ADD8E6;
}

footer {
margin-top: 40px;
}

footer ul {
list-style-type: none;
text-align: center;
}

footer li {
display: inline-block;
}

footer a {
color: #333333;
}

.footer-collection-links {
border-top: 1px solid #ADD8E6;
width: 680px;
margin: 0 auto 20px auto;
padding: 20px 0 20px 0;
text-align: center;
}

.footer-collection-links li {
margin: 0 10px 10px 0;
font-size: 10px;
}


.footer-collection-links li:after {
content: "/";
}

.footer-collection-links li.noafter:after {
content: "";
}

.footer-collection-links li a {
padding-right: 10px;
}

.featured-story p {
font-size: 10px;
}

.double-border {
border: 1px solid #ADD8E6;
border-width: 1px 0;
padding: 3px 0;
}

.footer-double {
width: 450px;
margin: 0 auto;
}

.footer-page-links {
text-align: center;
padding-top: 5px;
font-size: 11px;
line-height: 20px;
margin-bottom: 65px;
}

.footer-page-links {
border: 1px solid #ADD8E6;
border-width: 1px 0;
margin: 0 auto;
padding: 0;
width: 450px;
}

.footer-page-links li {
height: 48px;
line-height: 48px;
display: inline-block;
width: 134px;
border: 1px solid #ADD8E6;
border-width: 0 0 0 1px;
padding: 0 !important;
margin: 0 !important;
}

.footer-page-links li.center {
width: 150px;
}

.footer-page-links li:first-child {
border-left: none;
}

.footer-service {
color: #333333;
margin: 20px 0 20px 0;
text-align: center;
font-size: 10px;
}

.footer-social {
width: 680px;
border-top: 1px solid #ADD8E6;
color: #333333;
margin: 20px auto 40px auto;
padding-top: 20px;
text-align: center;
font-size: 10px;
}

.footer-social li {
padding: 0 6px;
}

.copyright {
color: #b6b6b6;
text-align: center;
margin: 30px auto;
}

.copyright img {
display: block;
margin: 0 auto 20px auto;
}



/* ===========================================
    Flexslider
   =========================================== */

/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* Icon Fonts
*********************************/
/* Font-face Icons */
/*@font-face {
    font-family: 'flexslider-icon';
    src:url('fonts/flexslider-icon.eot');
    src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
        url('fonts/flexslider-icon.woff') format('woff'),
        url('fonts/flexslider-icon.ttf') format('truetype'),
        url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
    font-weight: normal;
    font-style: normal;
}*/ 

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0 0 0; padding-bottom: 0px; background: #fff; border: none; position: relative; zoom: 1; height:590px;}
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; height: 60px; line-height: 60px; position: absolute; bottom: 0; text-align: center;z-index: 99;}
.flex-control-nav li {margin: 0 2px; display: inline-block; zoom: 1; *display: inline; list-style-type: none;}
/*.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
*/

.flex-control-paging li a { margin: 0; position: relative; width: 40px; height: 40px; background-color: transparent; cursor: pointer; color: transparent; display: block; }
.flex-control-paging li a:before { font-size: 20px; content: '\2605'; color: #add8e6; width: 40px; height: 40px; position: absolute; top: 0; left: 0; display: block; }
.flex-control-paging li a:hover:before { color: #111; }
.flex-control-paging li a.flex-active:before { color: #111; cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}

.flexslider li span {
    display: inline-block;
    padding: 0;
    height: 60px;
    line-height: 60px;
    float: right;
    text-align: right;
    color: indianred;
}

@media screen and (max-width: 568px) {
    .flexslider { padding-bottom: 40px; } 
}




/*end flexslider */




.page-content {
text-align: center;
line-height: 20px;
}

.two-col-page {
font-family: Bentham;
font-size: 14px;
}

.two-col-page a {
color: #cd5c5c;
text-decoration: none;
}

.two-col-page .col-1 {
float: left;
width: 600px;
text-align: left;
}

.two-col-page .col-1 p {
margin-top: 0;
}



.two-col-page .col-2 {
float: left;
width: 320px;
margin-left: 40px;
text-align: left;
}

.two-col-page .col-2 h1 {
font-size: 23px;
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px solid #ADD8E6;
}

.two-col-page .col-2 ul {
padding: 12px 0 0 15px;
font-family: Monaco, 'Lucida Console', 'DejaVu Sans Mono', monospace;
font-size: 11px;
border-top: 1px solid #ADD8E6;
}

.two-col-page .col-2 ul li a {
color: #000;
}


.collection-header.collection-index {
width: 100%;
margin: 10px 0 40px 0;
float: right;
}
.collection-header.collection-index p {
text-align: right;
display: block;
line-height: 1;
}


/* Product Pages */

.product {
margin-top: 20px;
}
.product-gallery {
width: 600px;
margin-right: 40px;
float: left;
}
.product #main-img {
width: 600px;
height: 600px;
}

.product .thumb {
margin: 5px;
cursor: pointer;
}
.product-text {
width: 320px;
float: left;
}
.product h1 {
font-family: Bentham;
font-size: 23px;
margin: 0;
padding: 0 0 4px 0;
}

.product h2 {
font-family: Bentham;
font-style: italic;
font-size: 15px;
margin: 0;
padding: 0 0 8px 0;
color: #666666;
}
.product h3 {
font-size: 10px;
margin: 0;
padding: 0 0 12px 0;
}
.product h3 span {
display: inline-block;
width: 60px;
color: #b6b6b6;
}
.product .price {
float: left;
height: 30px;
line-height: 30px;
text-align: center;
width: 60px;
font-size: 13px;
color: #cd5c5c;
border: 1px solid #ADD8E6;
border-width: 0 1px 1px 0;
margin: 10px 0 10px 0;
}
.product .return, .product .guarantee {
padding: 0 9px;
float: left;
height: 30px;
line-height: 30px;
text-align: center;
color: #cd5c5c;
border: 1px solid #ADD8E6;
border-width: 0 1px 1px 0;
margin: 10px 0 10px 0;
}
.product .return a, .product .guarantee a {
font-size: 9px;
-webkit-font-smoothing: subpixel-antialiased;
color: #666666;
}
.product .guarantee {
border-width: 0 0 1px 0;
}

.fit-cart-wrapper {
margin: 0 0 10px 0;
}


input[type="submit"] {
-webkit-appearance: none;
border: none;
width: 150px;
height: 31px;
line-height: 31px;
padding: 0;
letter-spacing: 0px;
font-size: 13px;
text-align: center;
cursor: pointer;
margin: 5px 0px 10px 0px;
transition: background-color .35s;
-moz-transition: background-color .35s;
-o-transition: background-color .35s;
-webkit-transition: background-color .35s;
background-color: #8dc63f;
color: #ffffff;
}


.product .disabled {
-moz-opacity: 0.50;
opacity: .50;
filter: alpha(opacity=50);
cursor: default;
}

.product input[type="submit"] {
display: inline-block;
width: 100px;
height: 32px;
line-height: 34px;
padding: 0;
margin: 0;
float: left;
font-family: 'Bentham';
font-style: italic;
font-size: 14px;
text-rendering: optimizeLegibility;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
button, input {
line-height: normal;
}
.shipping-delay-notice {
height: 24px;
padding-bottom: 12px;
display: none;
}
.shipping-delay-notice input {
display: block;
float: left;
}
.shipping-delay-notice span {
display: block;
float: right;
width: 300px;
}

.help-wrapper {
display: inline-block;
height: 32px;
float: right;
}
.help-modal {
font-size: 9px;
color: #666666;
}
.axe-notice {
height: 24px;
background-color: white;
clear: both;
font-size: 11px;
}
/* start tab menu */
.menu-wrapper {
width: 320px;
height: 50px;
clear: both;
padding: 0;
margin: 0;
}
.tab-menu {
padding: 0;
clear: both;
}

.tab-menu li {
display: inline-block;
float: left;
margin: 0;
padding: 0;
}
.tab-menu li a {
text-align: center;
width: 105px;
padding: 10px 0;
float: left;
font-size: 9px;
border-width: 1px 0 1px 1px;
text-decoration: none;
letter-spacing: normal;
border: 1px solid #ADD8E6;
color: #666666;
outline: none;
}

.tab-menu li a:hover {
text-decoration: underline;
}

.tab-menu li a:active,
.tab-menu li a:focus {
outline: none;
}

.tab-menu li:nth-of-type(1) a { 
border-width: 1px 1px 1px 0;
}

.tab-menu li:nth-of-type(2) a { 
width: 108px;
border-width: 1px 1px 1px 0;
}

.tab-menu li:nth-of-type(3) a { 
border-width: 1px 0 1px 0;
}   

.tab-menu li.active a {
color: #cd5c5c;  
}

.tab-menu li.active a:hover {
text-decoration: none;
}
/* end tab menu */

.product-description {
font-family: Bentham;
font-size: 15px;
line-height: 21px;
clear: both;
width: 100%;
color: #666666;
}

.double-border-bottom {
border: 1px solid #ADD8E6;
border-width: 0 0 1px 0;
padding: 3px 0;
}

.tab-content {
float: left;
clear: both;
width: 320px;
border-bottom: 1px solid #ADD8E6; border-top: none;
}
.tab-inner {
padding: 0 10px 10px 0;
border: none;
}
.collection-header.blog-index {
padding-top: 10px;
margin-bottom: 20px;
}

.collection-header.blog-index p {
line-height: 20px;
}

.blog-archive {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

.blog-archive li {
display: inline-block;
/*float: left;*/
width: 320px;
height: 320px;
text-align: center;
padding: 20px 0;
font-size: 11px;
}

.blog-archive li a {
color: #000;
}

article {
margin: 40px 0 0 0;
padding: 20px 0 0 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
display: block;
}


article .meta {
float: left;
width: 300px;
text-align: right;
padding-right: 40px;
}


article .meta ul {
margin-top: 69px;
list-style-type: none;
}

article .meta li {
margin: 0;
padding: 0;
background-color: white;
}


article .copy {
margin-top: 23px;
padding: 0;
float: left;
width: 600px;
}


article .copy h1 {
font-size: 11px;
padding: 0 0 23px 0;
margin: 0;
line-height: 23px;
text-align: left;
border: none;
}

article p, article li, .article-footer {
font-size: 11px;
line-height: 23px !important;
}

.article-footer {
padding: 0 0 0 340px;
}

.article-footer p.desc {
border-top: 1px solid #ADD8E6;
margin-top: 23px;
padding-top: 23px;
clear: both;
}

.hidden-policies {
    display: none;
}


.policy-modal #cboxLoadedContent,
.policy-modal #cboxLoadingOverlay {
    background-color: #34515E;
    padding: 0;
    /*background: #34515E url(images/modal_bg.png) no-repeat center center;*/
}


.policy-modal .modal {
height: 500px;
border: none;
padding: 40px;
}

.policy-modal .modal .inner {
padding-bottom: 40px;
font-family: Bentham;
color: #fff;
font-size: 17px;
line-height: 1.5;
}

.policy-modal .modal .inner * {
color: #fff;
}

.policy-modal .modal h2 {
font-size: 23px;
padding-bottom: 12px;
}

.policy-modal .modal h3 {
font-size: 19px;
}







/* Colorbox
--------------------------------------------- */

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}
#colorbox{}
    #cboxContent{margin-top:32px; overflow:visible;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#fff; padding:1px;}
        #cboxLoadingGraphic{background:url('images/colorbox_loading.gif') no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(' images/colorbox_controls.png') no-repeat 0 0;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}