@charset "utf-8";
/* CSS Document */
/***********************************************************

1. CSS RESET

2. VARIABLES
2.1 GRADIENTS
2.2 CSS3 TRANSITIONS

3. GLOBAL THEME STYLES

4. TYPOGRAPHY
4.1 HEADINGS
4.2 PARAGRAPHS & LISTS
4.3 LINKS
4.4 PRODUCT ATTRIBUTES (name, description, price)
4.5 RTE

5. FORMS & COMPONENTS
5.2 ALERTS
5.3 BUTTONS

6. GLOBAL PAGE LAYOUT

7. SIDEBAR CONFIGURATION

8. MAIN PAGE
8.1 HEADER
8.2 NAVIGATION
8.3 NIVOSLIDER
8.4 SHOWCASE
8.5 MAIN PRODUCT LISTING
8.6 FOOTER

9. COLLECTION PAGES
9.1 PAGES CONTENT
9.2 BREADCRUMBS
9.3 COLLECTION LISTING
9.4 PAGINATION

10. SIDEBAR WIDGETS
10.1 LINKS LIST
10.2 SIDEBAR PRODUCT LISTING

11. SEARCH RESULTS PAGE

12. PRODUCT PAGE
12.1 PRODUCT IMAGES
12.2 PRODUCT INFO
12.3 PRODUCT PAGINATION
12.4 RELATED PRODUCTS

13. BLOG
13.1 POSTS LISTING
13.2 SINGLE POST

14. CUSTOMER PAGES
14.1 LOG IN
14.2 ACCOUNT
14.3 ADDRESSES
14.4 ORDERS

15. CART PAGE
15.1 CART PRODUCTS
15.2 GUEST CHECKOUT

16. CONTACTS PAGE

***********************************************************/



/***************************************************************************
                           1. CSS RESET
***************************************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea, button
{margin: 0;padding: 0;border: 0;outline: none !important;vertical-align: top;background: transparent;font-weight: normal;line-height: 1.5em;}

ol, ul {list-style:none;}
a, span {vertical-align:baseline;}
b, strong {font-weight: bold;}
i, dfn {font-style: italic;}

img {max-width: 100%;}



/***************************************************************************
                           2. VARIABLES
***************************************************************************/

/* 2.1 GRADIENTS */



/* 2.2 CSS3 TRANSITIONS */






/***************************************************************************
                           3. GLOBAL THEME STYLES
***************************************************************************/

/* hiding placeholder text on focus in webkit, thanks to http://www.kolodvor.net/2012/03/23/webkit-placeholder-attribute-behavior */
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {color: transparent;}



/* clearfix - nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix {zoom: 1;}

.clearfix:before,
.clearfix:after {content: "";display: table;}

.clearfix:after {clear: both;}



/* utility classes: hidden, float left, float right, etc. */
.hidden,
.visuallyhidden {display: none;}
 
.left {float: left;}
.right {float: right;}


/* fancybox styles */
#fancybox-wrap {padding: 0 !important;}
#fancybox-content {width: 100% !important;text-align: center;}

#fancybox-title {left: 50% !important;}
#fancybox-title #fancybox-title-float-wrap {margin: 0 0 0 -50% !important;}



/* jquery.formstyler styles for selects */
.jq-selectbox {display: block;z-index: 1000 !important;cursor: pointer;}
.jq-selectbox.opened {}
.jq-selectbox.focused {}

.jq-selectbox__select {}

.jq-selectbox__select-text {width: 100%;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.jq-selectbox__trigger i {position: absolute;top: 0;right: 0;

-webkit-transition: 0.2s ease-in-out;
   -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;

}
.jq-selectbox__dropdown {width: 100%;

-webkit-transition: 0.2s ease-in-out;
   -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;

}

.jq-selectbox.opened .jq-selectbox__trigger i {
-webkit-transform: rotate(180deg);
   -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
     -o-transform: rotate(180deg);
        transform: rotate(180deg);
}

.floatPicRight{
	float:right;
	margin:0px 0px 5px 5px;
	}

.floatPicLeft{
	float:left;
	margin:0px 10px 5px 0px;
	}

/***************************************************************************
                           4. TYPOGRAPHY
***************************************************************************/




body {font-family: Open Sans;font-size: 12px;color: #000000;}



/* 4.1 HEADINGS */



.column_center h1,
.column_center h2,
.column_center h3,
.column_center h4,
.column_center h5,
.column_center h6 {margin: 15px 0;font: 18px Open Sans;color: #000000;text-transform: uppercase;}

.column_center h2,
.column_center h3,
.column_center h4 {font-size: 15px;}

.column_center h5,
.column_center h6 {font-size: 13px;}

.column_center .page_heading {margin: 0;padding: 0;font: 700 18px Open Sans;color: #000000;text-transform: uppercase;}
.column_center .page_heading a {float: right;}
.column_center .page_heading span{background:url(//www.nws.edu/JohnCage/images/CagePix.gif) repeat;}


/* 4.2 PARAGRAPHS & LISTS */
p {margin: 15px 0;padding: 0;}

.column_center ul {list-style-type: square;list-style-position: inside;}
.column_center ol {list-style-type: decimal;list-style-position: inside;}



/* 4.3 LINKS */
a {color: #000000;text-decoration: none;}
a:hover, a:focus {color: #888888;}



/* 4.4 PRODUCT ATTRIBUTES (name, description, price) */
.product_name {font-size: 14px;color: #000000;text-transform: uppercase;}
.product_name a {color: #000000;

-webkit-transition: 0.2s ease-in-out;
   -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;

}
.product_name a:hover {color: #0078AE;}


.product_desc {font-size: 12px;color: #999999;}


.money {color: #0078AE;}
.compare-at-price {text-decoration: line-through;}



/* 4.5 RTE */
.rte {margin-top: 15px;margin-bottom: 15px;color: inherit;}

.rte a {color: inherit;text-decoration: underline;}
.rte a:hover {text-decoration: none;}

.rte h1 {font-size: 19px;}
.rte h2 {font-size: 17px;}
.rte h3 {font-size: 16px;}
.rte h4 {font-size: 14px;}
.rte h5 {font-size: 13px;}
.rte h6 {font-size: 12px;}

.rte img {margin-top: 15px;margin-bottom: 15px;}

.boldItal {font-weight:bold !important;
font-style:italic !important;}

.italic{font-style:italic;}

.bold{font-weight:bold !important;}

/***************************************************************************
                           5. FORMS & COMPONENTS
***************************************************************************/

/* 5.1 FORMS */
label {font-size: 12px;}

select,
select.form-control,
textarea,
textarea.form-control,
input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="telephone"] {padding: 6px;border:1px solid #d9d9d9;font: normal 13px 'Arial';color: #888888;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
-webkit-border-radius: 3px;
   -moz-border-radius: 3px;
        border-radius: 3px;
box-shadow: none;
}

select,
select.form-control {padding: 8px 3px;}

textarea,
textarea.form-control {min-width: 100%;max-width: 100%;}

.form-control:focus {border-color: #aaa;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #ddd;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #ddd;
}


.form-group {vertical-align: top !important;margin-top: 15px;margin-bottom: 0;}



.form-horizontal {}
.form-horizontal label {padding-top: 0 !important;text-align: right;line-height: 34px;}
.form-horizontal select {width: 100%;}

.action_bottom span.note {margin-left: 5px;}
.action_bottom span.note a {margin-left: 5px;}



/* 5.2 ALERTS */
.alert {margin: 15px 0;
-webkit-border-radius: 3px;
   -moz-border-radius: 3px;
        border-radius: 3px;
}

.alert > p,
.alert > ul,
.alert > ol {list-style-type: none;margin: 0;}

.alert > p + p,
.alert > ul + ul {margin: 10px 0 0 0;}


/* 5.3 BUTTONS */
.btn,
.btn a,
.btn-info,
.btn-primary {padding: 6px 15px 7px 15px;background: #0078AE !important;border-color: #0078AE !important;font-size: 13px;color: #ffffff !important;
-webkit-border-radius: 3px;
   -moz-border-radius: 3px;
        border-radius: 3px;
box-shadow: none !important;

-webkit-transition: 0.2s ease-in-out;
   -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;

}

.btn a {padding: 0 !important;border: none !important;}

.btn-cart {width: 45px;height: 45px;padding: 0;background: #50C8E8 !important;border-color: #50C8E8 !important;}
.btn-cart i {font-size: 17px;line-height: 16px;}

.btn:hover,
.btn:hover a,
.btn-info:hover,
.btn-primary:hover {background: #0078AE !important;border-color: #0078AE !important;}



/***************************************************************************
                           6. GLOBAL PAGE LAYOUT
***************************************************************************/

html, body {height: 100%background:url(//www.nws.edu/JohnCage/images/CagePix.gif) repeat;}

#wrapper {background:url(//www.nws.edu/JohnCage/images/CagePix.gif) repeat;}
#wrapper2 {overflow: hidden;background:url(//www.nws.edu/JohnCage/images/CageBackground.gif) no-repeat top center;}
.container {background:url(//www.nws.edu/JohnCage/images/CagePix.gif) repeat;}
.container2 {background:none;}
#main {}



#main_content,
.column .widget {margin-bottom: 50px !important;}



/***************************************************************************
                           7. SIDEBAR CONFIGURATION
***************************************************************************/

/* NO SIDEBAR */
.sidebar_none {}


/* LEFT SIDEBAR */
.sidebar_left {}
.sidebar_left .column_center {width: 100%;}
.sidebar_left .column_center #main_content {margin: 0 0 0 0;}
.sidebar_left .column_left {margin-left: -100%;}


/* RIGHT SIDEBAR */
.sidebar_right {}


/* BOTH SIDEBARS */
.sidebar_both {}
.sidebar_both .column_center {width: 100%;}
.sidebar_both .column_center #main_content {margin: 0 25%;}
.sidebar_both .column_left {margin-left: -100%;}
.sidebar_both .column_right {margin-left: -25%;}


/* NOSIDEBAR PAGES */
.sidebar_off .column_center #main_content {margin: 0;}



/***************************************************************************
                           8. MAIN PAGE
***************************************************************************/

/* 8.1 HEADER */
#header {}

.header_row__1 {min-height: 57px;background: #0078AE;}



.header_user {float: right;}
.header_user li {float: left;line-height: 52px;}
.header_user li ~ li {margin: 0 0 0 15px;}
.header_user li a {color: #ffffff;}
.header_user li a i {margin: 0 5px 0 0;line-height: 52px;color: #50C8E8;}

.header_user li a:hover {color: #50C8E8;}



.header_cart {float: left;line-height: 52px;}
.header_cart a {}
.header_cart a i {vertical-align: baseline;margin: 0 10px 0 0;font-size: 16px;color: #0078AE;position: relative;top: 1px;}
.header_cart a span {color: #ffffff;}
.header_cart a span.count {margin: 0 3px;}

.header_cart a:hover i,
.header_cart a:hover span {color: #50C8E8;}


.header_currency {height: 20px;float: left;margin: 16px 0 0 15px;padding: 0 0 0 15px;
-webkit-box-shadow: inset 1px 0 0 0 rgba(255,255,255,0.3);
        box-shadow: inset 1px 0 0 0 rgba(255,255,255,0.3);
}
.header_currency .jq-selectbox {width: 47px;}
.header_currency .jq-selectbox__select {}
.header_currency .jq-selectbox__select-text {line-height: 20px;color: #ffffff;}
.header_currency .jq-selectbox__trigger i {color: #ffffff;right: 0;top: 3px;}

.header_currency .jq-selectbox__dropdown {background: #555555;top: 27px !important;}
.header_currency .jq-selectbox__dropdown ul {background: #555555;}
.header_currency .jq-selectbox__dropdown ul li {margin: 1px 0 0 0;padding: 2px 0;background: #555555;color: #ffffff;text-align: center;}

.header_currency .jq-selectbox__dropdown ul li:hover {background: #50C8E8;}
.header_currency .jq-selectbox__dropdown ul li.sel {background: #0078AE;}



.header_row__2 {padding: 40px 0 30px 0;}



#logo {float: left;}
#logo a {}
#logo a span {vertical-align: middle;margin: 0 0 0 7px;font-weight: 300;font-size: 12px;line-height: 32px;color: #888888;text-transform: uppercase;

-webkit-transition: 0.2s ease-in-out;
   -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;

}

#logo a:hover span {color: #000000;}



.custom_header1 {float: right;font-weight: 300;font-size: 13px;line-height: 32px;color: #555555;text-transform: uppercase;cursor: default;}



/* 8.2 NAVIGATION */
#navigation {position: relative;z-index: 999;}
#navigation nav {height: 76px;}



.sf-menu {float: left;padding: 25px 0 0 0;}
.sf-menu li {position: relative;}
.sf-menu li a {

-webkit-transition: 0.2s ease-in-out;
   -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;

}

.sf-menu > li {float: left;}
.sf-menu > li ~ li {margin: 0 0 0 30px;}
.sf-menu > li > a {font-weight: 600;font-size: 15px;color: #000000;text-transform: uppercase;}

.sf-menu > li.active > a,
.sf-menu > li:hover > a {color: #0078AE;}


.sf-menu ul {width: 18em !important;padding: 15px 15px 25px 30px;background: #1e1e1e;position: absolute;left: -30px;right: -30px;top: 50px;z-index: 1000;}
.sf-menu ul:before {content: '';width: 0;height: 0;display: block !important;margin: 0 0 0 -3px;border-style: solid;border-width: 0 5px 5px 5px;border-color: transparent transparent #1e1e1e transparent;position: absolute;left: 50%;top: -5px;z-index: 100;}
.sf-menu ul li {padding: 10px 0 0 0;}
.sf-menu ul li ~ li {}
.sf-menu ul li a {font-size: 13px;color: #888888;}

.sf-menu ul > li a:hover,
.sf-menu ul > li.active a {color: #ffffff;}



.header_search {width: 270px;float: right;padding: 15px 40px 0 0;}
.header_search #search-field {width: 100%;height: 40px;float: left;padding: 3px 0 0 0;background: none;border: none;border-bottom: 1px solid #d9d9d9;}
.header_search #search-submit {width: 40px;height: 42px;margin: 0 -42px 0 0;border-bottom: 3px solid #1e1e1e;color: #1e1e1e;

-webkit-transition: 0.2s ease-in-out;
   -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;

}
.header_search #search-submit i {font-size: 18px;}
.header_search #search-submit:hover {border-color: #0078AE;color: #0078AE;}



#navigation.isStuck {width: 100%;background:url(//www.nws.edu/JohnCage/images/CagePix.gif) repeat;left: 0;top: 0;
-webkit-box-shadow: 0 0 7px 0 rgba(0,0,0,0.15);
        box-shadow: 0 0 7px 0 rgba(0,0,0,0.15);
}
#navigation.isStuck nav {border-color: #ffffff;}




/* 8.3 NIVOSLIDER */
.nivoSlider {width: 100%;height: auto;overflow: hidden;position: relative;}
.nivoSlider img {max-width: none;position: absolute;top: 0;left: 0;}
.nivo-main-image {width: 100% !important;display: block !important;position: relative !important;}

.nivoSlider a.nivo-imageLink {width: 100%;height: 100%;margin: 0;padding: 0;border: 0;z-index: 6;position: absolute;left: 0;top: 0;
display: none;filter: alpha(opacity=0);opacity: 0;
}

.nivo-slice {height: 100%;display: block;position: absolute;top: 0;z-index: 5;}

.nivo-box {display: block;overflow: hidden;position: absolute;z-index: 5;}
.nivo-box img {display: block;}

.nivoSlider > a,
.nivoSlider > img,
.caption_hidden {display: none;}


.slider_wrap {position: relative;z-index: 1;}

.nivoSlider {}

.nivo-caption {padding: 0 30px 40px 30px;background: #0078AE;text-transform: uppercase;position: absolute;left: 0;bottom: 0;z-index: 8;
display: none;
}

.nivo-caption h2 {padding: 35px 0 0 0;font: normal 12px/1em Open Sans;color: #888888;

-webkit-transition: 0.2s ease-in-out;
   -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;

}
.nivo-caption:hover h2 {color: #0078AE;}

.nivo-caption h3 {padding: 9px 0 0 0;font: 300 30px/1em Open Sans;color: #ffffff;}



.nivo-directionNav a {width: 24px;height: 24px;display: block;background: #0078AE;color: #ffffff;text-align: center;position: absolute;bottom: 0;z-index: 9;cursor: pointer;

-webkit-transition: 0.2s ease-in-out;
   -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;

}
.nivo-directionNav a:hover {background: #888888;}
.nivo-directionNav a span {display: none;}
.nivo-directionNav a i {display: block;font-size: 18px;line-height: 23px;}
.nivo-prevNav {right: 24px;}
.nivo-nextNav {right: 0;}


.nivo-controlNav {width: 100%;text-align: center;position: absolute;left: 0;bottom: 0;z-index: 10;}
.nivo-controlNav a {display: inline-block;cursor: pointer;}
.nivo-controlNav a + a {margin: 0 0 0 5px;}
.nivo-controlNav a span {display: none;}
.nivo-controlNav a i {display: block;}
.nivo-controlNav a:hover {}
.nivo-controlNav a.active {cursor: default;}



/* 8.4 SHOWCASE */
#showcase {}

.custom_showcase {}
.custom_showcase a {display: block;overflow: hidden;color: #ffffff;text-align: center;text-transform: uppercase;position: relative;z-index: 1;}
.custom_showcase1 {}
/*.custom_showcase1 a {border: 1px solid #d9d9d9;}*/



.custom_showcase2 {}
.custom_showcase2 a {height: 248px;}
.custom_showcase2 a h3 {padding: 63px 0 0 0;font: 700 36px/1em Open Sans;}
.custom_showcase2 a h4 {padding: 15px 0 0 0;font: 300 24px/1em Open Sans;}
.custom_showcase2 a i {width: 37px;height: 37px;display: inline-block;margin: 27px 0 0 0;background: #ffffff;font-size: 14px;line-height: 36px;color: #0078AE;text-align: center;}



.custom_showcase3 {margin: 31px 0 0 0;}
/*.custom_showcase3 a {height: 248px;}*/

.custom_showcase3 a h3 {padding: 63px 0 0 0;font: 700 36px/1em Open Sans;}
.custom_showcase3 a h4 {padding: 15px 0 0 0;font: 300 24px/1em Open Sans;}
.custom_showcase3 a i {width: 37px;height: 37px;display: inline-block;margin: 27px 0 0 0;background: #ffffff;font-size: 14px;line-height: 36px;color: #ffc95d;text-align: center;}



.custom_showcase4 {margin: 31px 0 0 0;}
.custom_showcase4 a {border: 1px solid #d9d9d9;}



.custom_showcase5,
.custom_showcase6 {margin: 30px 0 0 0;}



/* 8.5 MAIN PRODUCT LISTING */
.template-index .page_heading {margin: 30px 0 0 0;text-align: center;position: relative;}
.template-index .page_heading:before {content: '';width: 100%;height: 13px;background: #f3f3f3;position: absolute;left: 0;top: 7px;z-index: 0;}
.template-index .page_heading span {padding: 0 15px;font-weight: 700;position: relative;z-index: 1;}



.product_listing_main .product {margin: 30px 0 0 0;}
/*.product_listing_main .product > div {background: #f3f3f3;}*/

.product_listing_main .product_img {}
.product_listing_main .product_img a {display: block;text-align: center;position: relative;}
.product_listing_main .product_img a .sale {width: 40px;height: 40px;display: block;margin: 0 0 0 -20px;background: #0078AE;font-size: 11px;line-height: 38px;color: #ffffff;text-align: center;position: absolute;left: 50%;bottom: -20px;
-webkit-border-radius: 50%;
   -moz-border-radius: 50%;
        border-radius: 50%;
}

/*.product_listing_main .product_info {padding: 20px;border-top: 1px solid #d9d9d9;text-align: center;}*/

.product_listing_main .product_price {}
.product_listing_main .product_price .money {margin: 0 5px 0 0;font-weight: bold;font-size: 16px;}
.product_listing_main .product_price .compare-at-price {font-weight: normal;font-size: 14px;color: #888888;}

.product_listing_main .product_name {min-height: 49px;padding: 7px 0 0 0;}
.product_listing_main .product_desc {padding: 4px 0 0 0;}

.product_listing_main form {padding: 12px 0 0 0;}



/* 8.6 FOOTER */
#footer {}
/*#footer .container {border-top: 1px solid #d9d9d9;}*/


.custom_footer {}
.custom_footer h3 {padding: 28px 0 28px 0;font: 700 16px Open Sans;color: #1e1e1e;text-transform: uppercase;position: relative;}
.custom_footer h3:after {content: '';border-top: 1px solid #d9d9d9;position: absolute;left: -15px;bottom: 0;right: -15px;}
.custom_footer1 h3:after {left: 0;}
.custom_footer4 h3:after {right: 0;}

.custom_footer ul {padding: 40px 0 0 0;}
.custom_footer ul li {padding: 6px 0 0 0;}
.custom_footer ul li a {font-weight: 300;font-size: 13px;color: #888888;

-webkit-transition: 0.2s ease-in-out;
   -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;

}

.custom_footer ul li.active a,
.custom_footer ul li a:hover {color: #1e1e1e;}



.custom_footer4 {}
.custom_footer4 form {padding: 50px 0 0 0;}
.custom_footer4 #email-input {width: 100%;height: 40px;padding: 10px;border: 1px solid #888888;
-webkit-border-radius: 0;
   -moz-border-radius: 0;
        border-radius: 0;
}
.custom_footer4 #email-submit {float: right;margin: 12px 0 0 0;font-size: 13px;color: #1e1e1e;}
.custom_footer4 #email-submit i {margin: 4px 5px 0 0;font-size: 12px;color: #888888;}

.custom_footer4 #email-submit:hover {color: #888888;}

.custom_footer4 .error {margin: 10px 0 0 0;color: #f00;}
.custom_footer4 .success {margin: 10px 0 0 0;color: #429d00;}

.custom_footer4 .phone {margin: 40px 0 0 0;padding: 21px 0 20px 0;background: #1e1e1e;font-size: 22px;line-height: 1em;color: #ffc95d;text-align: center;cursor: default;}
.custom_footer4 .phone a {color: #ffc95d;}
.custom_footer4 .phone i {margin: 2px 10px 0 0;color: #ffffff;}



#footer .copyright {margin: 45px 0 0 0;padding: 25px 0 45px 0;color: #1e1e1e;text-transform: uppercase;position: relative;}
/*#footer .copyright:before {content: '';width: 50px;height: 3px;background: #1e1e1e;position: absolute;left: 0;top: -1px;}*/
#footer .copyright a {color: #1e1e1e;}
#footer .copyright a:hover {color: #888888;}



/***************************************************************************
                           9. COLLECTION PAGES
***************************************************************************/

/* 9.1 PAGES CONTENT */
ul.tags {margin-top: 15px;list-style-type: none;}
ul.tags li {float: left;}
ul.tags li ~ li {margin: 0 0 0 5px;}
ul.tags li a {display: block;padding: 5px 10px 6px 10px;background: #0078AE;color: #ffffff;

-webkit-transition: 0.2s ease-in-out;
   -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;

}

ul.tags li a:hover,
ul.tags li.active a {background: #0078AE;}


.collection_info {margin-top: 15px;}
.collection_info .collection_img {text-align: center;}
.collection_info .collection_desc .rte {margin: 0;}



/* 9.2 BREADCRUMBS */
.breadcrumb {margin: 0 0 30px 0;background: #f3f3f3;
-webkit-border-radius: 0;
   -moz-border-radius: 0;
        border-radius: 0;
}



/* 9.3 COLLECTION LISTING */
.collection_listing {}
.collection_listing .collection {margin: 30px 0 0 0;}



/* 9.4 PAGINATION */

#pagination {display: inline-block;overflow: hidden;margin: 30px 0 0 0;
-webkit-border-radius: 0;
   -moz-border-radius: 0;
        border-radius: 0;
}
#pagination span {display: block;float: left;}
#pagination span ~ span {margin: 0 0 0 1px;}

#pagination span a,
#pagination span.deco,
#pagination span.current {display: block;padding: 7px 10px;background: #f3f3f3;color: #1e1e1e;}

#pagination span a:hover {background: #50C8E8;color: #ffffff;}
#pagination span.current {background: #0078AE;font-weight: bold;color: #ffffff;cursor: default;}



/***************************************************************************
                           10. SIDEBAR WIDGETS
***************************************************************************/

.column .widget {}
.column .widget_content {margin: 15px 0 0 0;border-bottom: 1px solid #d9d9d9;}

.column .widget h3.widget_header {margin: 0;padding: 0;font: 700 18px Open Sans;color: #1e1e1e;text-transform: uppercase;}


/* 10.1 LINKS LIST */
.column .widget ul.list {}
.column .widget ul.list li {padding: 10px 0;border-top: 1px solid #d9d9d9;}
.column .widget ul.list li ~ li {}
.column .widget ul.list li a {font-size: 15px;color: #888888;

-webkit-transition: 0.2s ease-in-out;
   -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;

}

.column .widget ul.list li.active a,
.column .widget ul.list li a:hover {color: #1e1e1e;}


/* 10.2 SIDEBAR PRODUCT LISTING */
.product_listing_sidebar .product {overflow: hidden;padding: 15px 0;border-top: 1px solid #d9d9d9;}

.product_listing_sidebar .product_img {float: left;}
.product_listing_sidebar .product_img a {width: 100px;display: block;background: #f3f3f3;}
.product_listing_sidebar .product_info {margin: 0 0 0 115px;}
.product_listing_sidebar .product_name {margin: -5px 0 0 0;}

.product_listing_sidebar .product_price {padding: 5px 0 0 0;}
.product_listing_sidebar .product_price .money {margin: 0 7px 0 0;font-weight: bold;font-size: 16px;}
.product_listing_sidebar .product_price .compare-at-price {font-weight: normal;font-size: 14px;color: #888888;}

.product_listing_sidebar form {padding: 10px 0 0 0;}
.product_listing_sidebar form .btn {width: 35px;height: 35px;}




/***************************************************************************
                           11. SEARCH RESULTS PAGE
***************************************************************************/

#searchresults {margin: 0;}
#searchresults .search-form {margin: 15px 0 0 0;}
#searchresults .search-form input {width: 100%;float: left;padding: 0 34px 0 10px;}
#searchresults .search-form button {width: 34px;height: 34px;float: left;margin: 0 0 0 -34px;background: none;border: none;font-size: 20px;color: #1e1e1e;}
#searchresults .search-form button:hover {color: #888888;}
#searchresults .search-form button i {line-height: 32px;}

#searchresults h3 {margin: 0;padding: 0;} 

#searchresults ol {list-style-type: none;padding: 15px 0 0 0;border-bottom: 1px solid #d9d9d9;}
#searchresults ol li {overflow: hidden;margin: 0;padding: 15px 0;border-top: 1px solid #d9d9d9;}
#searchresults ol li .search-result_image {float: left;margin-right: 15px;}
#searchresults ol li .search-result_container {padding: 15px 0 0 0;}



/***************************************************************************
                           12. PRODUCT PAGE
***************************************************************************/

.product_wrap {padding: 10px 0 0 0;}



/* 12.1 PRODUCT IMAGES */
#product_image-container {overflow: hidden;}

.product_wrap .bxslider {margin: 0;}
.product_wrap .bxslider li {}
.product_wrap .bxslider li a {}

.product_image .bx-wrapper {overflow: hidden;background: #f3f3f3;}

.product_wrap #bx-pager {width: 360px;}
.product_wrap #bx-pager a {width: 105px;overflow: hidden;margin: 15px 15px 0 0;background: #f3f3f3;}



/* 12.2 PRODUCT INFO */
.product_wrap .product_name {margin: -6px 0 0 0;font-size: 18px;}

.product_wrap .product-price {padding: 0;}
.product_wrap .product-price .money {margin: 0 7px 0 0;font-weight: bold;font-size: 16px;}
.product_wrap .product-price .compare-at-price {font-weight: normal;font-size: 14px;color: #888888;}

.product_wrap .variants-wrapper {padding: 15px 0 0 0;}
.product_wrap .variants-wrapper label {margin-right: 10px;}

.product_wrap #purchase {}
.product_wrap #purchase label {display: inline-block;margin: 0;padding: 0 !important;line-height: 37px;}
.product_wrap #purchase #quantity {width: 50px;height: 37px;display: inline-block;margin: 0 10px;padding: 0;outline: none;text-align: center;}
.product_wrap #purchase #add-to-cart {width: auto;height: 37px;padding: 7px 15px;}
.product_wrap #purchase #add-to-cart i {vertical-align: middle;margin: 0 5px 0 0;font-size: 15px;line-height: 1.5em;position: relative;top: -2px;}

    
.product_wrap .product_details {margin: 15px 0 0 0;padding: 10px 0 15px 0;border: 1px solid #d9d9d9;border-width: 1px 0;}
.product_wrap .product_details > div {padding: 5px 0 0 0;}

.product_wrap #product_description {}
.product_wrap #product_description h4 {padding-bottom: 0;border: none;text-transform: none;}

.product_wrap .addthis_toolbox {margin: 15px 0 0 0;padding: 15px 0 0 0;border-top: 1px solid #d9d9d9;}

.product_image-additioanl a {width: 33%;display: block;float: left;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
}



/* 12.3 PRODUCT PAGINATION */
.product_wrap .pagination__product {width: 100%;margin: 15px 0;}
.product_wrap .pagination__product ul {list-style-type: none;margin: 0 !important;padding: 15px !important;}
.product_wrap .pagination__product ul li.left-arrow {float: left;}
.product_wrap .pagination__product ul li.right-arrow {float: right;}



/* 12.4 RELATED PRODUCTS */
.widget_related_products {}
.widget_related_products h3 {margin: 30px 0 0 0;}

ul.product_listing_related {list-style-type: none;}
ul.product_listing_related .product {}

ul.product_listing_related .product_img {}
ul.product_listing_related .product_name {}
ul.product_listing_related .product_price {}



/***************************************************************************
                           13. BLOG
***************************************************************************/

/* 13.1 POSTS LISTING */
#blog {}

.blog-article {padding: 15px 0 0 0;}

.article_header {padding: 15px 0;border-bottom: 1px solid #d9d9d9;}
.article_header .product_name {}
.article_header .product_name a {}
.article_header .product_name a:hover {}

.blog-article_meta-comments {float: right;padding: 2px 0 0 15px;}

.blog-article_date,
.blog-article_meta-tags {font-style: italic;}

.blog-article_meta-tags a {text-decoration: underline;}



/* 13.2 SINGLE POST */
.article_meta-comments {float: right;padding: 2px 0 0 15px;}
.article_meta-tags a {text-decoration: underline;}

.article_date,
.article_meta-tags,
.article_meta {font-style: italic;}

.article .addthis_toolbox {margin: 20px 0;}


#comments ul {list-style-type: none;}

.comment-form {}

.comment-form #comment-author,
.comment-form #comment-email,
.comment-form #comment-body {width: 100%;}

.comment-form #comment-body {min-height: 100px;margin-bottom: 15px;}

.article_comments-form {padding-bottom: 10px;margin-top: 1em;padding-top: 10px;}

.section-title {margin-bottom: 2px;padding-bottom: 8px;}

.comment-form .row {margin-bottom: 1em;}

.comment-submit {}



/***************************************************************************
                           14. CUSTOMER PAGES
***************************************************************************/

/* 14.1 LOG IN */

/* 14.2 ACCOUNT */
.customer_account {}

.customer_name {text-transform: none !important;}
.customer_name .divider {margin: 0 7px;}
.customer_name .email {color: #888888;}
.customer_name a {float: right;}



/* 14.3 ADDRESSES */
.customer_addresses {}

.customer_addresses ul.customer_addresses_actions {list-style-type: none;margin: 15px 0;}
.customer_addresses ul.customer_addresses_actions li {}
.customer_addresses ul.customer_addresses_actions li a {}
.customer_addresses ul.customer_addresses_actions li a i {margin: 0 5px 0 0;line-height: inherit;}

.customer_addresses .col-sm-offset-4 label {line-height: 1.6em;}


ul.address {list-style-type: none;}



/* 14.4 ORDERS */
.order_date {margin: 15px 0 0 0;}

#order_details {margin: 30px 0 0 0;}



/***************************************************************************
                           15. CART PAGE
***************************************************************************/

/* 15.1 CART PRODUCTS */
.cart-list {overflow: hidden;}

.cart-list > .row {padding-top: 15px;padding-bottom: 15px;border-bottom: 1px solid #d9d9d9;}

.cart-list .item_image {text-align: center;}
.cart-list .item_image a {display: block;background: #f3f3f3;}
.cart-list .item_image a img {max-width: 100%;}

.cart-list .product_name {margin-top: 15px;}

.cart-list .item_remove {margin: 0 0 0 10px;}
.cart-list .item_remove a {font-size: 20px;color: #fe2a2a;}
.cart-list .item_remove a:hover {color: #0078AE;}

.cart-list .row h3.item_vendor {border-bottom: 1px solid #d9d9d9;color: #888;}

.cart-list .item_price {padding: 10px 0 0 0;}
.cart-list .item_price .price {line-height: 37px;}

.cart-list .item_price label {padding: 0;line-height: 37px;}
.cart-list .item_price .input-small {width: 60px !important;height: 37px;display: inline-block;padding: 5px;text-align: center;}

.cart-list .item_price .total {text-align: right;}
.cart-list .item_price .total h3 {vertical-align: baseline;border: none;}

.cart_subtotal {}
.cart_subtotal h3 {margin: 0;padding: 10px 0;border-bottom: 1px solid #d9d9d9;}
.cart_subtotal h3 .money {float: right;}

.cart_buttons {margin: 30px 0;}

.cart_instructions {}
.cart_instructions h4 {}
.cart_instructions textarea {width: 100%;}

#payment-methods {overflow: hidden;}
#payment-methods ul {list-style-type:none;list-style-position: outside;}
#payment-methods ul li {float:left;padding: 15px 15px 0 0;}



/* 15.2 GUEST CHECKOUT */
#guest {padding: 30px 0 0 0;}
#guest form {padding: 15px 0 0 0;}



/***************************************************************************
                           16. CONTACTS PAGE
***************************************************************************/

.contact-scope {}
.contact-form {}

.contact-scope iframe {width: 100%;margin: 15px 0;border: 1px solid #d9d9d9;}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="telephone"],
.contact-form textarea {}

.contact-form textarea {width: 100%;}

.contact-form_buttons {}
.contact-form_buttons .btn-toolbar {}