/*!
*/
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,bx
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
abbr, acronym, address, big, cite, code, del, dfn, em, font,
ins, kbd, q, s, samp, small, strike, strong, sub, sup,
tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;d
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

html {
    font-size: 62.5%;
    /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
    overflow-y: scroll;
    /* Keeps page centered in all browsers regardless of content height */
    -webkit-text-size-adjust: 100%;
    /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
    -ms-text-size-adjust: 100%;
    /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

*,
*:before,
*:after {
    /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
    /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
    /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
    box-sizing: border-box;
}

body {
    background: #f3fcff !important;
}

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

ol,
ul {
    list-style: none;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

caption,
th,
td {
    font-weight: normal;
    text-align: left;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote,
q {
    quotes: "" "";
}

a:focus {
    outline: 0;
}

a:hover,
a:active {
    outline: 0;
}

a img {
    border: 0;
}


/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/


body,
button,
input,
select,
textarea {
    color: #333333;
    font-family: 'Roboto Slab', serif;
    font-size: 13px;
    line-height: 1.8;
    font-weight: 400;
}

h1,
h2,
h3,
h5,
h6 {
    clear: both;
    font-weight: light;
    font-family: 'Roboto Slab', serif;
    line-height: 1.3;
    margin-bottom: 15px;
    color: #333333;
    font-weight: 700;
}
 
h4
{
inherit
}


.sub-title {
    color: #333;
    font-weight: 400;
    line-height: 32px;
    font-family: 'Open Sans', sans-serif;
    font-size: 32px;
}

p {
    margin-bottom: 20px;
}

b,
strong {
    font-weight: bold;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 0 15px;
    font-size: 20px;
    font-style: italic;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}

address {
    margin: 0 0 15px;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code,
kbd,
tt,
var {
    font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

sup,
sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

small {
    font-size: 75%;
}

big {
    font-size: 125%;
}

h1 {
    font-size: 36px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 28px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}


/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 15px;
}

ul,
ol {
    margin: 0 0 15px 20px;
}

ul {
    list-style: none;
}

ol {
    list-style: decimal;
}

li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 15px;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 15px 15px;
}

img {
    height: auto;
    /* Make sure images are scaled correctly. */
    max-width: 100%;
    /* Adhere to container width. */
    vertical-align: middle;
}

figure {
    margin: 0;
}

table {
    margin: 0 0 15px;
    border-collapse: collapse;
}

th {
    font-weight: bold;
    border: 1px solid #fff;
    padding: 5px 10px;
}

td {
    border: 0px solid #fff;
    padding: 5px 10px;
}


/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/

button,
input,
select,
textarea {
    font-size: 100%;
    border: 1px; 
    border-color: #333333;
    /* Corrects font size not being inherited in all browsers */
    margin: 0;
    /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
    vertical-align: middle;
}

.navigation .nav-links a,
.bttn,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    background: #A1D189;
    color: #fff;
    cursor: pointer;
    /* Improves usability and consistency of cursor style between image-type 'input' and others */
    font-size: 14px;
    line-height: 13px;
    height: 33px;
    border: none;
    padding: 10px 15px;
    font-weight: 400;
    display: inline-block;
    position: relative;
    text-shadow: none;
    transition: background 0.5s ease;
}

.navigation .nav-links a:hover,
.bttn:hover,
button,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    color: #ffffff !important;
}

input[type="checkbox"],
input[type="radio"] {
    padding: 0;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
    border: 0;
    padding: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"] {
    color: #666;
    border: 1px solid #666;
    height: 36px;
    width: 100%;
    -webkit-appearance: none;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    border: 1px solid #AAA;
}

.searchform input[type="text"]:focus {
    border: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
    padding: 3px 6px;
}

textarea {
    overflow: auto;
    /* Removes default vertical scrollbar in IE6/7/8/9 */
    padding-left: 3px;
    vertical-align: top;
    /* Improves readability and alignment in all browsers */
    color: #666;
    border: 1px solid #666;
    height: 160px;
    max-width: 100%;
    width: 100%;
}


/*--------------------------------------------------------------
5.0 Links
--------------------------------------------------------------*/

a {
    color: #00A9E0;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

a:hover,
a:focus,
a:active {
    color: #0191BC;
}


/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/


/* Text meant only for screen readers */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar */
}


/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/

.alignleft {
    display: inline;
    float: left;
    margin-right: 15px;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 15px;
}

.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
}


/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/

.clearfix:before,
.clearfix:after,
.row:before,
.row:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.tg-ccontainer:after,
.tg-ccontainer:before,
.tg-container:after,
.tg-container:before {
    content: '';
    display: table;
}

.clearfix:after,
.row:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.tg-ccontainer:after,
.tg-container:after {
    clear: both;
}

.clear {
    clear: both;
}


/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/

.widget {
    margin: 0 0 25px;
    padding-bottom: 10px;
}


/* Make sure select elements fit in widgets */

.widget select {
    max-width: 100%;
}


/*--------------------------------------------------------------
10.0 Posts and pages
--------------------------------------------------------------*/

h1.entry-title {
    margin-bottom: 0;
    padding-bottom: 0;
    text-transform: capitalize;
}

h1.entry-title a {
    color: #3d3d3d;
}

.hentry {
    margin: 0 0 15px;
}

.updated {
    display: none;
}

.single .byline,
.group-blog .byline,
.posted-on,
.blog-author,
.blog-cat {
    display: inline;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-style: italic;
    font-weight: 300;
}

.cat-links {
    margin-right: 10px;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 15px 0 0;
}

.page-links {
    clear: both;
    margin: 0 0 15px;
}

.edit-link .post-edit-link {
    background: #293037;
    padding: 4px 10px;
    color: #FFF !important;
    line-height: 1;
    border-radius: 3px;
    font-size: 13px;
}

.edit-link .post-edit-link:before {
    content: "\f044";
    font-family: FontAwesome;
    margin-right: 5px;
}

#blog-post article.hentry,
.search article.hentry,
.archive article.hentry,
.tag article.hentry,
.category article.hentry {
    margin-bottom: 20px;
    padding-bottom: 20px;
    margin-top: 40px;
}

#blog-post article.hentry:first-child,
.search article.hentry:first-child,
.archive article.hentry:first-child,
.tag article.hentry:first-child,
.category article.hentry:first-child {
    margin-top: 0;
}

article.hentry .edit-link {
    display: block;
    margin-top: 20px;
}

article.hentry h1.entry-title {
    margin-bottom: 5px;
    line-height: 1.2;
}

article.hentry .entry-footer > span {
    margin-right: 15px;
    font-size: 13px;
}

.page-header .page-title {
    color: #333333;
    padding-bottom: 15px;
}

.entry-footer a {
    color: #999;
}

.entry-footer a:hover {
    color: #DC3522;
}

.nav-links .meta-nav {
    display: none;
}

.nav-links {
    clear: both;
    display: table;
    width: 100%;
}

.nav-links .nav-previous,
.nav-links .nav-next,
.default-wp-page li {
    display: inline-block;
    float: left;
    vertical-align: top;
    width: 50%;
}

.default-wp-page li.next {
    float: right;
}

.nav-links .nav-next,
.default-wp-page .next {
    text-align: right;
}

.nav-links .nav-previous a:before {
    font-family: FontAwesome;
    font-style: normal;
    margin-right: 5px;
    content: "\f0d9";
}



.entry-thumbnail {
    position: relative;
}

.entry-exrecpt {
    width: 60%;
    float: right;
}

.short-content {
    margin-bottom: 10px;
}

.short-content + .bttn {
    float: right;
}

.entry-footer {
    margin-top: 10px;
}

.full-width {
    float: none;
    width: 100%;
}

.default-wp-page {
    margin: 0;
    list-style: none;
}


/*--------------------------------------------------------------
11.0 Asides
--------------------------------------------------------------*/

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}


/*--------------------------------------------------------------
12.0 Comments
--------------------------------------------------------------*/

.comment-content a {
    word-wrap: break-word;
}

#comments h2.comments-title {
    background: none;
    color: #333333;
    display: block;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    margin: 35px 0;
    padding: 0 0 10px;
    border-bottom: 1px solid #e1e1e1;
}

#comments h3 {
    margin: 0 0 10px;
    color: #141414;
    font-weight: 600;
    display: inline-block;
    line-height: 22px;
    font-size: 18px;
}

#commentform label {
    width: 120px;
    display: block;
}

textarea#comment {
    width: 100%;
    height: 150px;
}


/*Comment Lists*/

.comments-area ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

.comments-area ol.children {
    margin: 0 0 0 15px;
}

.comment-list .comment-body {
    background: #e1e1e1 none repeat scroll 0 0;
    border-top: 2px solid #00A9E0;
    margin-bottom: 20px;
    padding: 15px;
}

.comment-author img {
    vertical-align: middle;
    margin-right: 15px;
}

.comment-author .fn {
    font-style: normal;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: bold;
}

.comment-author .fn .url {
    color: #333;
    padding: 0 5px;
}

.comment-author .fn .url:hover {
    color: #00A9E0;
}

.comment-author .says {
    display: none;
}

.commentmetadata {
    float: right;
    font-weight: normal;
    font-size: 12px;
    font-style: italic;
    font-weight: 300;
}

.comment-metadata {
    padding-left: 52px;
    font-size: 13px;
}

.commentmetadata a {
    color: #666;
}

.comment-content {
    padding-left: 52px;
    margin-top: 10px;
}

.commentmetadata .comment-edit-link {
    color: #01AEFD;
}

.commentmetadata + .clear {
    margin-bottom: 20px;
}

.comment-awaiting-moderation {
    margin: 10px 0 0;
    padding-left: 51px;
    font-weight: 600;
}

.reply .comment-reply-link {
    background: none repeat scroll 0 0 #293037;
    border-radius: 3px;
    color: #FFFFFF;
    font-size: 13px;
    line-height: 1;
    padding: 2px 10px;
}

#respond {
    background: #f2f2f2;
    padding: 20px;
    margin-top: 20px;
    color: #141414;
}

#commentform .form-submit {
    margin-bottom: 0;
}

#cancel-comment-reply-link {
    font-style: italic;
    color: #00A9E0;
}

#cancel-comment-reply-link:before {
    font-family: FontAwesome;
    content: "\f057";
    margin: 0 5px 0 20px;
    font-style: normal;
    color: #00A9E0;
}

.logged-in-as a {
    color: #00A9E0;
}


/*--------------------------------------------------------------
13.0 Infinite scroll
--------------------------------------------------------------*/


/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .paging-navigation,
.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    display: none;
}


/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */

.infinity-end.neverending .site-footer {
    display: block;
}

#infinite-footer {
    display: none;
}


/*--------------------------------------------------------------
14.0 Media
--------------------------------------------------------------*/

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

.wp-caption {
    border: 1px solid #ccc;
    margin-bottom: 15px;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 1.2% auto 0;
    max-width: 98%;
}

.wp-caption-text {
    text-align: center;
}

.wp-caption .wp-caption-text {
    margin: 10px 0;
}

.site-main .gallery {
    margin-bottom: 1.5em;
}

.site-main .gallery a img {
    border: none;
    height: auto;
    max-width: 90%;
}

.site-main .gallery dd,
.site-main .gallery figcaption {
    margin: 0;
}


/* Make sure embeds and iframes fit their containers */

embed,
iframe,
object {
    max-width: 100%;
}

.bypostauthor,
.gallery-caption,
.sticky {
    /* empty property */
}


/*--------------------------------------------------------------
17.0 COMMON CSS
--------------------------------------------------------------*/

body {
    font-weight: 400;
    position: relative;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.8;
    overflow: hidden;
}

.hide {
    display: none;
}

#page {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.home section {
    margin-top: 30px;
    transition: 2s ease;
}


/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

.widget {
    margin: 0 0 1.5em;
    /* Make sure select elements fit in widgets. */
}

.widget select {
    max-width: 100%;
}


/*--------------------------------------------------------------
  # sidebar CSS
--------------------------------------------------------------*/

.widget-title {
    border-bottom: 0px solid #d6d6d6;
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 0px;
    position: relative;
    /*--background-color: #f05234;--*/
    /*--width: 55%;--*/
    color: inherit;
    padding-left: 9px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.widget-title span {
    padding-bottom: 10px;
    display: inline-block;
    position: relative;
    top: 1px;
}

.widget_carousel_slider {
         background-color: none !important;
         border-radius: 10px;
         color: #105b92 !important;
         font-weight: 400;
         font-family: 'Roboto Slab', serif;


}

.widget_archive ul,
.widget_categories ul,
.widget_recent_entries ul,
.widget_meta ul,
.widget_recent_comments ul,
.widget_rss ul,
.widget_pages ul,
.widget_nav_menu ul,
.widget_product_categories ul {
    list-style: outside none none;
    margin: 0;
    padding: 0px;
}

.widget_archive li,
.widget_categories li,
.widget_pages li,
.widget_meta li,
.widget_recent_comments li,
.widget_recent_entries li,
.widget_rss li,
.widget_nav_menu li,
.widget_product_categories li {
    border-bottom: none;
    color: #333;
    font-size: 13px;
    line-height: 24px;
    margin: 0 0 10px;
    padding: 0 0 5px 25px;
    position: relative;
    -webkit-transition: color 0.3s ease 0s;
    -moz-transition: color 0.3s ease 0s;
    -ms-transition: color 0.3s ease 0s;
    -o-transition: color 0.3s ease 0s;
    transition: color 0.3s ease 0s;
    display: block;
}

.widget_categories ul.children,
.widget_pages ul.children,
.widget_meta ul.children,
.widget_recent_comments ul.children,
.widget_recent_entries ul.children,
.widget_rss ul.children,
.widget_nav_menu ul.children,
.widget_product_categories ul.children {
    margin-top: 5px;
}

.widget ul.children li:last-child {
    margin: 0;
    padding-bottom: 0;
}

.widget_archive li a,
.widget_categories li a,
.widget_pages li a,
.widget_meta li a,
.widget_recent_comments li a,
.widget_recent_entries li a,
.widget_rss li a,
.widget_nav_menu li a,
.widget_product_categories li a {
    color: #333;
}

.widget_archive a::before,
.widget_categories a:before,
.widget_pages a:before,
.widget_meta a:before,
.widget_recent_comments a:before,
.widget_recent_entries a:before,
.widget_rss a:before,
.widget_nav_menu a:before,
.widget_product_categories a:before {
    color: #888888;
    content: "\f187";
    font-family: "FontAwesome";
    font-size: 14px;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

.widget_nav_menu {
       padding-bottom: 10px;
       color: #f05234;
       clear: both;
       font-weight: 400;
       font-family: 'Roboto Slab', serif;
}


.widget_categories a::before,
.widget_product_categories a:before {
    content: "\f07b";
}

.widget_recent_entries a::before {
    content: "\f101";
}





.widget_recent_comments a::before {
    content: "\f086";
}

.widget_rss a::before {
    content: "\f09e";
}

.widget_pages a:before {
    content: "\f1ea";
}

.widget_tag_cloud a {
    background: #ebebeb none repeat scroll 0 0;
    border: medium none;
    color: #888888;
    display: inline-block;
    margin: 0 5px 5px 0;
    padding: 6px 10px;
}

.widget_archive a:hover::before,
.widget_categories a:hover:before,
.widget_pages a:hover:before,
.widget_meta a:hover:before,
.widget_recent_comments a:hover:before,
.widget_recent_entries a:hover:before,
.widget_rss a:hover:before,
.widget_nav_menu a:hover:before,
.widget_product_categories li a:hover:before,
.widget_archive li a:hover,
.widget_categories li a:hover,
.widget_pages li a:hover,
.widget_meta li a:hover,
.widget_recent_comments li a:hover,
.widget_recent_entries li a:hover,
.widget_rss li a:hover,
.widget_nav_menu li a:hover,
.widget_tag_cloud a:hover,
.widget_product_categories a:hover {
    color: #00a9e0;
}

.widget_tag_cloud a:hover {
    background: #00a9e0 none repeat scroll 0 0;
    color: #fff;
}

.widget_recent_entries .post-date {
    color: #9f9f9f;
    display: block;
    font-size: 12px;
}

.widget_search input[type="search"] {
    width: 84%;
}

.widget_search button {
    height: 36px;
    margin-left: -3px;
    width: 15%;
}

.widget_search input[type="search"] {
    width: 70%;
    display: inline-block;
    vertical-align: top;
}

.widget_search button {
    height: 36px;
    margin-left: -3px;
    width: 46px;
}

.menu-left-menu-container {
    border: 0px solid #f05234;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}

.menu-left-menu-ncaa-container {
    border: 0px solid #f05234;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}

.menu-left-menu-3-container {
    border: 0px solid #f05234;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}

.menu-left-menu-2-container {
    border: 0px solid #f05234;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}


/*--------------------------------------------------------------
# layouts
--------------------------------------------------------------*/


/*--------------------------------------------------------------
    Inner page layout CSS
--------------------------------------------------------------*/

#primary {
    float: left;
    width: 72.5%;
    background-color: #fff;
    padding: 15px;
	border-radius: 8px;
    margin-top: 5px;
}

#secondary {
    float: right;
    width: 25%;
    background-color: #fff;
    padding: 15px 5px 5px 12px;
	border-radius: 8px;
}

.left_sidebar #secondary {
    float: left;
}

.left_sidebar #primary {
    float: right;
}

.no_sidebar_full_width #primary {
    width: 100%;
    float: none;
}

.no_sidebar_full_width #secondary {
    display: none;
}

.no_sidebar_content_centered #primary {
    float: none;
    display: block;
    margin: 0 auto;
}


/*--------------------------------------------------------------
# Grid
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Responsive grid for pages
--------------------------------------------------------------*/

.tg-container {
    width: 1240px;
    margin: 0 auto;
    position: relative;
    background-color: ;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
}

.tg-ccontainer {
    background-color: #fff ;
    padding-top: 0px; 
    padding-left: 0px;
}

.tg-clearcontainer {
    background-color: none;
    padding-top: 0px; 
    padding-left: 0px;
}

.tg-bcontainer {
    width: 1240px;
    margin: 0 auto;
    position: relative;
    background-color: #3f332b;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
}

.tg-ocontainer {
    background-color: #f05135;
}

.tg-gctacontainer {
    background-color: #a1d189;
}

.tg-rctacontainer {
    background-color: #ea1c1c;
}

.tg-column-wrapper {
    clear: both;
    margin-left: -2%;
}

.tg-column-wrapper .tg-column-1 {
    width: 100%;
    float: left;
    margin-left: 2%;
}

.tg-column-wrapper .tg-column-2 {
    width: 48%;
    margin-left: 2%;
    float: left;
}

.tg-column-wrapper .tg-column-3 {
    float: left;
    margin-left: 2%;
    width: 31.32%;
}

.tg-column-wrapper .tg-column-4 {
    width: 23%;
    margin-left: 2%;
    float: left;
}

.tg-column-wrapper .tg-column-5 {
    width: 18%;
    margin-left: 2%;
    float: left;
}

.woocommerce-page ul.products.tg-column-wrapper {
    clear: both;
    margin-left: -2%;
}

.woocommerce-page ul.products.tg-column-wrapper li.product.tg-column-4 {
    width: 23%;
    margin-left: 2%;
    float: left;
    margin-right: 0;
    padding: 0;
}

.woocommerce ul.products li.product a img {
    margin-bottom: 0 !important;
}

.tg-column-bottom-margin {
    margin-bottom: 2%;
}

.hide {
    display: none;
}


/*--------------------------------------------------------------
# Theme
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Top Header
--------------------------------------------------------------*/

.top-header-wrapper {
    background: #255a8a;
    margin-bottom: 5px;
}

.left-top-header {
    float: left;
    margin-top: 5px;
}

.right-top-header {
    float: right;
}

.right-top-header .top-header-menu-wrapper {
    float: center;
}

.right-top-header .top-header-menu-wrapper ul {
    margin: 0;
    list-style: none;
    padding: 0;
}

.right-top-header .top-header-menu-wrapper ul li {
float: left;
    margin: 2px;
}

.right-top-header .top-header-menu-wrapper ul li a {
    color: #c8d1ff;
    font-weight: 600;
    line-height: 38px;
    padding: 0 10px;
    display: block;
    float: left;
    border-radius: 10px;
    margin: 2px;
    background-color: #1f4b73;
    box-shadow: 1px 2px 3px #2a3250;
    transition: 0.3s ease;

}

.right-top-header .top-header-menu-wrapper ul li a:hover {
    background-color: #f97444 !important;
    color: #ffffff;
    box-shadow: inset -1px 2px 4px #d0452b;
    text-shadow: 0 0 16px #fffe3a;
    transition: 0.3s ease;
}

.left-header-block {
    border-right: 0px solid #c0bfbf;
    color: #ffffff;
    float: left;
    font-size: 12px;
    font-weight: 600;
    line-height: 12px;
    margin-right: 10px;
    margin-top: 12px;
    padding-right: 10px;
}

.left-header-block i {
    margin-right: 5px;
}

.contact-info {
    border-right: none;
}

.right-header-block {
    float: left;
}

.right-header-block a {
    color: #6d6c6c;
    line-height: 38px;
    display: block;
    float: left;
    font-size: 12px;
    padding: 0 10px;
    font-weight: 600;
    border-right: 1px solid #c0bfbf;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.right-header-block a:hover {
    background: #00a9e0;
    color: #ffffff;
}

.right-header-block a i {
    margin-left: 3px;
}

#lang_sel_click a.lang_sel_sel {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    line-height: 38px;
    font-size: 12px;
    font-weight: 600;
    color: #6d6c6c;
    padding: 0 10px;
    border-right: 1px solid #c0bfbf;
}

#lang_sel_click a.lang_sel_sel:hover {
    background: #00a9e0;
    color: #ffffff;
}

#lang_sel_click {
    float: left;
    font-family: "Open Sans", sans-serif;
}

#lang_sel_click li {
    width: auto;
}

#lang_sel_click ul ul {
    border-top: 2px solid #00A9E0;
    top: 100%;
}

#lang_sel_click ul ul li {
    background: #f0f0f0;
    width: 100%;
}

#lang_sel_click ul ul li a {
    background: transparent none repeat scroll 0 0;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    display: block;
    padding: 6px 10px;
}


/*--------------------------------------------------------------
## Middle Header
--------------------------------------------------------------*/

.middle-header-wrapper {
    padding: 0px 0;
}

.custom-logo-link {
    float: left;
    margin-right: 10px;
}

.logo,
.site-title-wrapper,
.logo-wrapper {
    float: left;
}

.logo-wrapper {
    margin: 14px 0;
}

.logo {
    margin-right: 15px;
}

#site-title {
    float: none;
    font-size: 28px;
    margin: 0;
    line-height: 1.3;
}

#site-title a {
    color: #454545;
}

#site-description {
    color: #454545;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
}

#header-sidebar .widget {
    margin: 0;
}

.widget-large-advertise,
.wishlist-cart-wrapper {
    float: right;
    margin: 0;
    padding: 0;
}

.wishlist-cart-wrapper {
    margin: 22px 0;
}

.wishlist-wrapper,
.wcmenucart-contents {
    background: #f65656 none repeat scroll 0 0;
    border-radius: 100%;
    float: left;
    height: 42px;
    line-height: 42px;
    margin-left: 25px;
    text-align: center;
    width: 42px;
    display: block;
    position: relative;
}

.wishlist-wrapper a,
.cart-wrapper .estore-cart-views > a {
    color: #ffffff !important;
}

.wishlist-wrapper .wishlist-value,
.cart-wrapper .cart-value {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #f65656;
    border-radius: 100%;
    display: block;
    height: 24px;
    line-height: 19px;
    position: absolute;
    right: -10px;
    top: -9px;
    width: 24px;
    color: #f65656;
    font-size: 12px;
}

.wcmenucart-contents {
    background: #00A9E0;
    float: left;
}

.wcmenucart-contents .cart-value {
    border: 2px solid #00A9E0;
    color: #00A9E0;
}

.cart-wrapper {
    float: left;
    position: relative;
}

.my-cart-wrap {
    float: left;
    margin-left: 20px;
}

.my-cart-wrap .my-cart {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

.cart-total {
    font-size: 12px;
    font-weight: 600;
}


/*--------------------------------------------------------------
## Bottom Header
--------------------------------------------------------------*/


/*--------------------------------------------------------------
	Bottom Header css
--------------------------------------------------------------*/

.bottom-header-wrapper {
    border-top: 9px solid #ff663b;
    position: relative;
    background-color: ;
}

.bottom-header-wrapper .tg-container {
    position: static;
}

.category-menu {
    background: #333 none repeat scroll 0 0;
    color: #fff;
    float: left;
    font-weight: 600;
    line-height: 43px;
    text-transform: capitalize;
    width: 230px;
    cursor: pointer;
    font-size: 14px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative;
    margin-right: 30px;
}

.category-menu:hover {
    background: #00A9E0;
}

.category-menu .category-toggle {
    padding: 0 20px;
}

.category-menu .category-toggle i {
    float: right;
    line-height: 43px;
}

.category-menu .category-toggle.active {
    background: #00A9E0;
}

#category-navigation {
    background: #ffffff none repeat scroll 0 0;
    border: 2px solid #00a9e0;
    left: 0;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 999;
}

#category-navigation ul {
    list-style: none;
    margin: 0;
}

#category-navigation ul li {
    padding: 0 20px;
    line-height: 38px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    position: relative;
}

#category-navigation ul li a {
    color: #333;
}

#category-navigation ul li:hover > a {
    color: #0191BC;
}

#category-navigation ul li:last-child {
    border-bottom: none;
}

#category-navigation ul.sub-menu {
    background: #ffffff none repeat scroll 0 0;
    border: 0px solid #00a9e0;
    left: 110%;
    position: absolute;
    top: 0;
    width: 200px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#category-navigation ul li:hover > ul.sub-menu {
    opacity: 0;
    visibility: visible;
    left: 100%;
}


/*--------------------------------------------------------------
## Header-cart-popup
--------------------------------------------------------------*/

#masthead .widget_shopping_cart {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #f1f1f1;
    box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.05);
    opacity: 0;
    padding: 20px 15px;
    position: absolute;
    left: 37%;
    top: 120%;
    visibility: hidden;
    width: 250px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 9;
    border-bottom: 3px solid #00A9E0;
    border-top: 3px solid #00A9E0;
}

#masthead .widget_shopping_cart:before {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #A1D189;
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -10px;
}

#masthead .cart-wrapper:hover .widget_shopping_cart {
    opacity: 1;
    visibility: visible;
    top: 110%;
}

.widget_shopping_cart .total {
    border: 1px solid #e6e6e6;
    border-left: none;
    border-right: none;
    margin: 20px 0 0;
    padding: 5px 0;
    text-align: center;
}

.widget_shopping_cart .button {
    border: 1px solid #e6e6e6;
    border-radius: 25px;
    color: #787878;
    display: block;
    float: left;
    margin: 20px 0 0 3%;
    text-align: center;
    width: 47%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.widget_shopping_cart .button:hover {
    background: #00A9E0;
    color: #ffffff;
    border-color: #00A9E0;
}

.widget_shopping_cart .buttons {
    margin-left: -3%;
}

.woocommerce.widget_shopping_cart .cart_list li {
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 32px;
}

.woocommerce.widget_shopping_cart .cart_list li img {
    border-radius: 100%;
    box-shadow: none;
    float: left;
    height: auto;
    margin-right: 10px;
    width: 42px;
}

.woocommerce.widget_shopping_cart .cart_list li a.remove {
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    color: #F65656 !important;
}

.woocommerce.widget_shopping_cart .cart_list li a.remove:hover {
    background: #F65656 !important;
    color: #ffffff !important;
}

.woocommerce.widget_shopping_cart .cart_list li a {
    color: #333333;
}

.woocommerce.widget_shopping_cart .total {
    padding: 4px 0;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}

.woocommerce .widget_shopping_cart_content .buttons {
    margin: 0;
}

.woocommerce .widget_shopping_cart_content .buttons a.button {
    border: 1px solid #e6e6e6;
    border-radius: 25px;
    color: #787878;
    display: block;
    float: left;
    margin: 20px 0 0 3%;
    text-align: center;
    width: 47%;
    font-weight: 400;
    background: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.woocommerce .widget_shopping_cart_content .buttons a.button:hover {
    background: #00A9E0;
    color: #ffffff;
    border-color: #00A9E0;
}


/*--------------------------------------------------------------
## Menu
--------------------------------------------------------------*/

#site-navigation {
    float: left;
}

#site-navigation ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

#site-navigation ul li {
    float: left;
    font-size: 14px;
    font-weight: 700;
    line-height: 43px;
    margin-left: 38px;
    position: relative;
}

#site-navigation ul li a {
    color: #ffffff;
    position: relative;
    text-transform: uppercase;
    display: block;
    transition: all 0.5s ease;
}

#site-navigation ul li:first-child {
    margin-left: 0;
}

#site-navigation ul li.menu-item-has-children {
    padding-right: 10px;
}

#site-navigation .sub-menu,
#site-navigation .children {
    left: 0;
    min-width: 200px;
    position: absolute;
    top: 120%;
    border: 0px solid #e5e5e5;
    border-bottom: 0px solid #00A9E0;
    z-index: 999;
    background: #ffffff;
    box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.05);
    opacity: 0;
    visibility: hidden;
}

#site-navigation .sub-menu li,
#site-navigation .children li {
    display: block;
    float: none;
    margin-left: 0;
}

#site-navigation .sub-menu li a,
#site-navigation .children li a {
    border-bottom: 0px solid #e5e5e5;
    padding: 0 15px;
}

#site-navigation .sub-menu li.menu-item-has-children,
#site-navigation .children li.menu-item-has-children {
    padding-right: 0;
}

#site-navigation .sub-menu ul,
#site-navigation .children ul {
    top: 0;
    left: 110%;
}

#site-navigation ul li.menu-item-has-children > a:after {
    position: absolute;
    top: 50%;
    right: -15px;
    content: "\f107";
    font-family: FontAwesome;
    color: #454545;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#site-navigation ul.sub-menu li.menu-item-has-children > a:after {
    content: "\A0";
	width: 1em;
    right: 15px;
}
.widget_meta a::before,
.widget_nav_menu a:before {
    content: "\A0";
	width: 1em;
}
.nav-links .nav-next a:after {
    font-family: FontAwesome;
    font-style: normal;
    margin-left: 5px;
    content: "\A0";
	width: 1em;
}









#site-navigation ul li:hover > a,
#site-navigation ul li.current-menu-item > a,
#site-navigation ul li:hover > a:after {
    color: #ffffff !important;
    text-shadow: 0 0 12px #e1f7ff;
    transition: 0.2s ease;
}

#site-navigation ul li:hover > .sub-menu,
#site-navigation ul li:hover > .children {
    top: 100%;
    visibility: visible;
    opacity: 1;
}

#site-navigation ul.sub-menu > li:hover > .sub-menu {
    top: 0;
    visibility: visible;
    opacity: 1;
    left: 100%;
}

.sub-toggle {
    display: none;
}


/*--------------------------------------------------------------
## Header cart popup css
--------------------------------------------------------------*/


/*--------------------------------------------------------------
	Search User  css
--------------------------------------------------------------*/

.search-user-wrapper {
    float: right;
}

.search-user-block {
    border-left: 1px solid transparent;
    float: left;
    font-size: 16px;
    line-height: 43px;
    padding: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    cursor: pointer;
    color: #ffffff;
}

.search-user-block .search-icon {
    display: block;
    padding: 0 15px;
}

.search-user-block a {
    color: #ffffff;
    display: block;
    padding: 0 15px;
}

.search-user-block:hover {
    background: #fff;
    color: #fff;
}

.search-user-block:hover a {
    color: #ffffff;
}

.user-wrapper.search-user-block {
    border-right: 1px solid transparent;
}

.search-wrapper {
    position: relative;
}

.search-wrapper .header-search-box {
    background: #ff663b;
    border-radius: 8px;
    padding: 15px;
    position: absolute;
    right: 0;
    top: 125%;
    width: 300px;
    z-index: 9999;
    opacity: 100;
    visibility: hidden;
}

.search-wrapper .header-search-box:before {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #A1D189;
    content: "";
    position: absolute;
    right: 15px;
    top: -10px;
}

.search-wrapper .header-search-box .search-field {
    border-radius: 0;
    padding: 4px 10px;
    width: 85%;
    float: left;
}

.search-wrapper .header-search-box .searchsubmit {
    border: 0px solid;
    border-radius: 90px;
    border-color: #fff;
    box-shadow: none;
    background-color: #F05135;
    float: left;
    padding: 10px 0 10px;
    width: 15%;
    height: 36px;
}

.header-search-box.active {
    opacity: 1;
    visibility: visible;
}


/*--------------------------------------------------------------
# Slider
--------------------------------------------------------------*/

#top_slider_section {
    margin: 0;
}

#top_slider_section .widget {
    margin-bottom: 0;
    padding-bottom: 0;
}

.big-slider {
    float: left;
    max-width: 820px;
    position: relative;
}

.big-slider ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.big-slider .bx-controls .bx-next,
.big-slider .bx-controls .bx-prev {
    border-bottom: 30px solid transparent;
    border-left: 30px solid #333;
    border-top: 30px solid transparent;
    color: #ffffff;
    display: block;
    float: left;
    height: 0;
    line-height: 0;
    width: 0;
    font-size: 16px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.big-slider .bx-controls .bx-prev:hover, .category-slider .bx-controls .bx-prev:hover {
    border-left-color: transparent !important;
    background-image: url(https://www.cornhole.com/wp-content/uploads/2017/05/cornhole.com-slider-button-left-hover.png);
    background-size: fit;
    repeat: no-repeat;
}

.big-slider .bx-controls .bx-next:hover, .category-slider .bx-controls .bx-next:hover {
    border-right-color: transparent !important;
    background-image: url(https://www.cornhole.com/wp-content/uploads/2017/05/cornhole.com-slider-button-right-hover.png);
    background-size: fit;
    repeat: no-repeat;
}

.big-slider .bx-controls .bx-next i,
.big-slider .bx-controls .bx-prev i {
    display: block;
    margin-left: -22px;
    margin-top: -10px;
}


.big-slider .bx-controls .bx-next {
    float: right;
    border-right: 30px solid #333;
    border-left: transparent;
    left: auto;
    right: 30px;
}

.big-slider .bx-controls .bx-next i {
    display: block;
    margin-left: 17px;
    margin-top: -10px;
}



.slider-caption-wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80%;
    text-align: center;
}

.slider-caption-wrapper .slider-title {
   display: none;
}

.slider-caption-wrapper .slider-title a {
   display: none;
}

.slider-caption-wrapper .slider-title a:hover {
   display: none;
}

.slider-caption-wrapper .slider-content {
    color: #fff;
    font-size: 16px;
    text-shadow: 1px 1px 5px #333;
    margin: 10px 0 20px;
}

.slider-caption-wrapper .slider-btn {
    display: block;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 75%;
    border-radius: 8px;
    background-color: #f05234 !important;
    color: #f7b6a2;
    padding: 5px;
    box-shadow: 0px 2px 7px black;
}

.slider-caption-wrapper .slider-btn i {
    background: #ea1c1c none repeat scroll 0 0;
    border-radius: 0 25px 25px 0;
    display: inline;
    margin-left: 15px;
    padding: 11px 15px 10px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin-top: 75%;
}

.slider-caption-wrapper .slider-btn:hover {
    box-shadow: 0px 2px 4px black !important;
    text-shadow: 0 0 16px #fffe3a;
    color: #ffffff !important;
    transition: 0.3s ease;
    margin-top: 74%;
    transition: ease 0.3s;
}

.slider-caption-wrapper .slider-btn:hover i {
    background: #ea1c1c;
}

.small-slider-wrapper {
    float: right;
    max-width: 380px;
}

.widget_vertical_promo .collection-block {
    position: relative;
}

.widget_vertical_promo .collection-block .slider-collection-img {
    margin: 0;
}

.widget_vertical_promo .collection-block .slider-collection-img img {
    display: block;
}

.widget_vertical_promo .collection-block:first-child {
    margin-bottom: 20px;
}

.widget_vertical_promo .slider-title {
    background: rgba(161, 209, 137, 0.9); none repeat scroll 0 0;
    bottom: 0;
    font-size: 18px;
    left: 0;
    margin-bottom: 0;
    padding: 8px 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

.widget_vertical_promo .slider-title a {
    color: #ffffff;
}

.widget_vertical_promo .slider-title a:hover {
    color: #00a9e0;
}

.home-slider,
.featured-slider {
    visibility: hidden;
}

.category-slider {
    position: relative;
}

.category-slider .slider-caption-wrapper .slider-btn {
    display: block;
}

.category-slider .bx-controls .bx-next,
.category-slider .bx-controls .bx-prev{
    border-bottom: 84px solid transparent;
    border-left: 87px solid transparent;
    border-top: 0px solid transparent;
    color: transparent;
    display: block;
    float: left;
    height: 0;
    line-height: 0;
    width: 0;
    font-size: 16px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


.category-slider .bx-controls .bx-next i,
.category-slider .bx-controls .bx-prev i {
    display: block;
    margin-left: -22px;
    margin-top: -10px;
}


.category-slider .bx-controls .bx-next {
    float: right;
    border-right: 87px solid transparent;
    border-top: 0px solid transparent;
    border-left: transparent;
    left: auto;
    right: 0px;
    margin-right: 3%;
    background-image:url(https://www.cornhole.com/wp-content/uploads/2017/05/cornhole.com-slider-button-right.png); 
    background-size:fit; 
    repeat:no-repeat;
}

.category-slider .bx-controls .bx-prev {
    margin-left: 0.5%;
    background-image:url(https://www.cornhole.com/wp-content/uploads/2017/05/cornhole.com-slider-button-left.png); 
    background-size:fit; 
    repeat:no-repeat;
}

.category-slider .bx-controls .bx-next i {
    display: block;
    margin-left: 17px;
    margin-top: -10px;
}




/*--------------------------------------------------------------
# Section
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## section-title
--------------------------------------------------------------*/

.section-title-wrapper {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 10px;
    margin-bottom: 20px;
    margin-right: 10px;
    margin-left: 10px
}

.section-title-wrapper .section-title-block {
    float: left;
}

.section-title-wrapper .section-title-block .page-title {
    display: inline-block;
    font-size: 20px;
    margin: 0;
    position: relative;
}

.section-title-wrapper .section-title-block .page-title a {
    color: #454545;
}

.section-title-wrapper .section-title-block .page-title a:hover {
    color: #0191BC;
}

.section-title-wrapper .section-title-block .page-sub-title {
    display: inline-block;
    font-size: 13px;
    color: #7f7d7d;
    font-weight: 400;
    position: relative;
    margin: 0 0 0 10px;
    padding-left: 15px;
}

.section-title-wrapper .section-title-block .page-sub-title:before {
    position: absolute;
    left: 0;
    content: "/";
    top: 0;
}

.widget-collection .page-title:after,
.widget-featured-collection .page-title:after {
    position: absolute;
    left: 0;
    bottom: -13px;
    content: "";
    width: 100%;
    height: 2px;
    background: #fff;
}

.sorting-form-wrapper {
    float: right;
}

.sorting-form-wrapper .sort-text {
    float: left;
    font-weight: 700;
}

.sorting-form-wrapper .woocommerce-ordering {
    float: left;
    margin-left: 15px;
}

.view-all {
    float: right;
}

.view-all a {
    color: #333333;
}

.view-all a:hover {
    color: #0191BC;
}


/*--------------------------------------------------------------
## feature color
--------------------------------------------------------------*/

.widget-featured-collection .page-title:after {
    background: transparent;
}

.widget-featured-collection .section-title-wrapper .section-title-block .page-title a:hover {
    color: #e2ae04;
}


/*--------------------------------------------------------------
## collection color
--------------------------------------------------------------*/

.product-collection .page-title:after {
    position: absolute;
    left: 0;
    bottom: -12px;
    content: "";
    width: 100%;
    height: 2px;
    background: #00A9E0;
}

.men-collection-color .page-title:after {
    background: #00A9E0;
}

.men-collection-color .section-title-wrapper .section-title-block .page-title a:hover {
    color: #0191BC;
}


/*--------------------------------------------------------------
## men-collection
--------------------------------------------------------------*/

.hot-product-title {
    font-size: 18px;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    background: #00A9E0;
    color: #ffffff;
    padding: 5px 0;
}

.hot-product-content-wrapper {
    border: 1px solid #e1e1e1;
    padding: 15px;
}

.hot-product-content-wrapper .hot-img {
    margin: 0;
    position: relative;
    border-bottom: 3px solid #00A9E0;
    overflow: hidden;
}

.hot-product-content-wrapper .hot-img a {
    display: block;
}

.hot-product-content-wrapper .hot-img a img {
    display: block;
    width: 100%;
}

.hot-product-content-wrapper .hot-img a i {
    margin-left: 5px;
}

.hot-product-content-wrapper .hot-img .cart-price-wrapper {
    background: rgba(0, 0, 0, 0.6);
    bottom: -40px;
    left: 0;
    padding: 8px 10px;
    position: absolute;
    width: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.hot-product-content-wrapper .hot-img .cart-price-wrapper .add_to_cart_button {
    float: left;
    font-weight: 600;
    color: #ffffff;
}

.hot-product-content-wrapper .hot-img .cart-price-wrapper .add_to_cart_button:hover {
    color: #0191BC;
}

.hot-product-content-wrapper .hot-img .cart-price-wrapper .add_to_cart_button.added {
    display: none;
}

.hot-product-content-wrapper .hot-img .cart-price-wrapper .added_to_cart {
    float: left;
    font-weight: 600;
    color: #ffffff;
}

.hot-product-content-wrapper .hot-img .cart-price-wrapper .added_to_cart:hover {
    color: #0191BC;
}

.hot-product-content-wrapper .hot-img .cart-price-wrapper .hot-price {
    float: right;
    color: #ffffff;
}

.hot-product-content-wrapper .hot-img .cart-price-wrapper .hot-price del {
    color: #c1c1c1;
}

.hot-product-content-wrapper .hot-img .cart-price-wrapper .hot-price ins {
    background: transparent none repeat scroll 0 0;
    color: #fff;
    font-weight: 700;
}

.hot-product-content-wrapper .hot-img:hover .cart-price-wrapper {
    bottom: 0;
}

.hot-content-wrapper {
    text-align: center;
    padding: 15px 0 10px;
}

.hot-content-wrapper .hot-title {
    font-size: 16px;
    margin: 0;
}

.hot-content-wrapper .hot-title a {
    color: #454545;
}

.hot-content-wrapper .hot-title a:hover {
    color: #0191BC;
}

.hot-content-wrapper .star-rating {
    color: #00A9E0;
    float: none;
    display: inline-block;
    float: none;
    font-size: 14px;
    margin: 0 0 15px;
}

.hot-content-wrapper .hot-content {
    color: #7f7d7d;
    line-height: 21px;
    margin: 15px 0 20px;
}

.hot-content-wrapper .single_add_to_wishlist {
    background: #00A9E0;
    border-radius: 25px;
    padding: 5px 15px;
    color: #ffffff;
    display: inline-block;
    font-weight: 600;
}

.hot-content-wrapper .single_add_to_wishlist:hover {
    background: #0191BC;
    color: #ffffff;
}

.hot-content-wrapper .single_add_to_wishlist i {
    margin-left: 3px;
}

.product-list-wrap {
    border: 1px solid #e1e1e1;
    padding: 15px;
}

.product-list-wrap .product-list-block {
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 7px;
    padding-bottom: 7px;
}

.product-list-wrap .product-list-block .product-list-img {
    float: left;
    margin: 0;
}

.product-list-wrap .product-list-block .product-list-img a,
.product-list-wrap .product-list-block .product-list-img img {
    display: block;
}

.product-list-wrap .product-list-block .product-list-content {
    float: right;
    width: 65%;
}

.product-list-wrap .product-list-block .product-list-content .product-list-title {
    font-size: 12px;
    margin: 0;
}

.product-list-wrap .product-list-block .product-list-content .product-list-title a {
    color: #454545;
}

.product-list-wrap .product-list-block .product-list-content .product-list-title a:hover {
    color: #0191BC;
}

.product-list-wrap .product-list-block .product-list-content .price {
    font-size: 12px;
}

.product-list-wrap .product-list-block .product-list-content .price .price-text {
    font-weight: 600;
}

.product-list-wrap .product-list-block .product-list-content .price del {
    color: #94978f;
    margin-left: 5px;
}

.product-list-wrap .product-list-block .product-list-content .price ins {
    background: none;
    color: #00A9E0;
    margin-left: 5px;
}

.product-list-wrap .product-list-block:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
}

.widget-collection .cart-wishlist-btn {
    margin-top: 4px;
}

.widget-collection .cart-wishlist-btn a {
    font: 0px/0 a;
    color: #fff;
}

.widget-collection .cart-wishlist-btn a i {
    border: 1px solid #00A9E0;
    display: inline-block;
    font-size: 14px;
    height: 26px;
    line-height: 26px;
    margin-right: 10px;
    text-align: center;
    width: 30px;
    color: #00A9E0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.widget-collection .cart-wishlist-btn a i:hover {
    color: #ffffff !important;
    background: #0191BC;
    border-color: #0191BC;
}

.widget-collection .cart-wishlist-btn a.added_to_cart {
    font-size: 14px;
    line-height: 26px;
    font-family: FontAwesome;
    position: relative;
}

.widget-collection .cart-wishlist-btn a.added_to_cart:after {
    content: "\f06e";
    font-family: FontAwesome;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-53%);
    -moz-transform: translateY(-53%);
    -ms-transform: translateY(-53%);
    -o-transform: translateY(-53%);
    transform: translateY(-53%);
    position: absolute;
    color: #ffffff;
    font-size: 16px;
    border: 1px solid #00A9E0;
    display: inline-block;
    font-size: 14px;
    height: 26px;
    line-height: 26px;
    margin-right: 10px;
    text-align: center;
    width: 30px;
    color: #00A9E0;
}

.widget-collection .cart-wishlist-btn a.added_to_cart:hover:after {
    color: #ffffff !important;
    background: #00A9E0;
}

.collection-right-align .tg-column-wrapper .tg-column-4.collection-block {
    float: right;
}


/*--------------------------------------------------------------
## thumb-collection
--------------------------------------------------------------*/

.collection-thumb-block {
    position: relative;
}

.collection-thumb-block .collection-thumb-img {
    margin: 0;
    overflow: hidden;
}

.collection-thumb-block .collection-thumb-img img {
    display: block;
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.collection-thumb-block .collection-thumb-hover {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.collection-thumb-block .collection-thumb-hover .collection-thumb-title-wrapper {
    bottom: 30px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.collection-thumb-block .collection-thumb-hover .collection-thumb-title-wrapper .collection-thumb-title {
    color: #ffffff;
    font-size: 26px;
    font-weight: 700;
    display: block;
    text-transform: uppercase;
}

.collection-thumb-block .collection-thumb-hover .collection-thumb-title-wrapper .collection-thumb-sub-title {
    display: block;
    color: #dcdcdc;
    font-size: 16px;
    text-transform: uppercase;
    padding: 0 30px;
}

.collection-thumb-block .collection-thumb-hover:after {
    border: 2px solid rgba(255, 255, 255, 0.7);
    content: "";
    height: 90%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 93%;
}

.collection-thumb-block:hover img {
    -webkit-transform: scale(1.1) rotate(-2deg);
    -moz-transform: scale(1.1) rotate(-2deg);
    -ms-transform: scale(1.1) rotate(-2deg);
    -o-transform: scale(1.1) rotate(-2deg);
    transform: scale(1.1) rotate(-2deg);
}

.collection-thumb-block:hover .collection-thumb-hover .collection-thumb-title-wrapper {
    bottom: 40px;
}


/*--------------------------------------------------------------
## about
--------------------------------------------------------------*/

.widget-about {
    position: relative;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

.widget-about .tg-container {
    position: absolute;
    left: 50%;
    top: 0;
    height: 100%;
    max-width: 1200px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.widget-about .tg-container .about-content-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: #f9f9f9;
}

.widget-about .tg-container .about-content-wrapper .about-block {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 999;
}

.widget-about .tg-container .about-content-wrapper .about-block .about-title {
    font-size: 28px;
    margin: 0;
    text-transform: uppercase;
}

.widget-about .tg-container .about-content-wrapper .about-block .about-title a {
    color: #454545;
}

.widget-about .tg-container .about-content-wrapper .about-block .about-sub-title {
    color: #00a9e0;
    margin: 10px 0;
    font-size: 16px;
    text-transform: capitalize;
}

.widget-about .tg-container .about-content-wrapper .about-block .about-content {
    color: #737373;
    font-size: 14px;
    margin-top: 20px;
}

.widget-about .tg-container .about-content-wrapper:before {
    content: "";
    position: absolute;
    width: 1000%;
    height: 100%;
    background: #f9f9f9;
    left: -1000%;
    top: 0;
}

.widget-about .tg-container .about-content-wrapper:after {
    background: #f9f9f9 none repeat scroll 0 0;
    content: "";
    height: 2000px;
    position: absolute;
    right: 650px;
    top: 50%;
    -webkit-transform: rotate(70deg) translateY(-50%);
    -moz-transform: rotate(70deg) translateY(-50%);
    -ms-transform: rotate(70deg) translateY(-50%);
    -o-transform: rotate(70deg) translateY(-50%);
    transform: rotate(70deg) translateY(-50%);
    width: 2000px;
    z-index: 9;
}

.about-img {
    margin: 0;
}

.about-img img {
    width: 100%;
    display: block;
}


/*--------------------------------------------------------------
## featured-collection
--------------------------------------------------------------*/

.featured-slider {
    margin: 0;
    padding: 0;
}

.featured-slider li {
    text-align: center;
}

.featured-slider li .featured-img {
    margin: 0;
    padding: 0;
    border: 1px solid #e1e1e1;
    text-align: center;
    position: relative;
}

.featured-slider li .featured-img img {
    display: block;
}

.featured-slider li .featured-img .featured-hover-wrapper {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.featured-slider li .featured-img .featured-hover-wrapper .featured-hover-block {
    position: absolute;
    left: 0;
    top: 52%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    width: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    opacity: 0;
    visibility: hidden;
}

.featured-slider li .featured-img .featured-hover-wrapper .featured-hover-block a {
    border: 1px solid #fff;
    color: transparent;
    display: inline-block;
    height: 40px;
    width: 40px;
    margin: 0 5px;
    font: 0/0 a;
    border-radius: 0;
    vertical-align: top;
}

.featured-slider li .featured-img .featured-hover-wrapper .featured-hover-block a:hover {
    background: #e2ae04;
    border-color: #e2ae04;
}

.featured-slider li .featured-img .featured-hover-wrapper .featured-hover-block a i {
    font-size: 16px;
    line-height: 36px;
}

.featured-slider li .featured-img .featured-hover-wrapper .featured-hover-block a.added_to_cart {
    position: relative;
}

.featured-slider li .featured-img .featured-hover-wrapper .featured-hover-block a.added_to_cart:after {
    content: "\f06e";
    font-family: FontAwesome;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    color: #ffffff;
    font-size: 16px;
}

.featured-slider li .featured-img .featured-hover-wrapper:hover .featured-hover-block {
    top: 50%;
    opacity: 0;
    visibility: visible;
}

.featured-slider li .featured-img:hover .featured-hover-wrapper {
    opacity: 1;
    visibility: visible;
}

.featured-slider li .featured-title {
    font-size: 15px;
    margin: 10px 0 0;
}

.featured-slider li .featured-title a {
    color: #454545;
}

.featured-slider li .featured-title a:hover {
    color: #e2ae04;
}

.featured-slider li .woocommerce-product-rating .star-rating {
    display: inline-block;
    float: none;
    font-size: 14px;
    margin: 15px 0 5px;
    color: #ffc300;
}

.featured-slider li .price {
    display: block;
}

.featured-slider li .price .price-text {
    font-weight: 600;
}

.featured-slider li .price del {
    color: #94978f;
    margin-left: 3px;
}

.featured-slider li .price .amount {
    background: none;
    margin-left: 3px;
}

.featured-slider li .price ins {
    color: #ffc300;
    background: none;
}

.featured-slider li .single_add_to_wishlist {
    background: #ffc300 none repeat scroll 0 0;
    border-radius: 25px;
    color: #ffffff;
    display: inline-block;
    font-weight: 600;
    padding: 5px 15px;
    margin: 10px 0 15px;
}

.featured-slider li .single_add_to_wishlist:hover {
    background: #e2ae04;
}

.featured-slider li .single_add_to_wishlist i {
    margin-left: 5px;
}

.widget-featured-collection .bx-controls {
    position: absolute;
    right: 0;
    top: 5px;
}

.widget-featured-collection .bx-controls .bx-prev,
.widget-featured-collection .bx-controls .bx-next {
    border: 1px solid #e1e1e1;
    font-size: 14px;
    display: inline-block;ha
    width: 25px;
    height: 25px;
    line-height: 22px;
    text-align: center;
    margin-left: 5px;
    color: #e1e1e1;
}

.widget-featured-collection .bx-controls .bx-prev:hover,
.widget-featured-collection .bx-controls .bx-next:hover {
    background: transparent;
    color: transparent;
    border-color: transparent;
}

.product-list-content .entry-meta span {
    border: medium none;
    padding: 0;
    margin: 6px 0;
}


/*--------------------------------------------------------------
## index-blog
--------------------------------------------------------------*/

.blog-section {
    background: # none repeat scroll 0 0;
    padding: 40px 0;
}

.blog-section .widget-title {
    font-size: 20px;
    margin: 0 0 24px;
    text-align: center;
    border: none;
    text-transform: uppercase;
}

.blog-section .entry-title {
    margin-top: 20px;
}

.blog-section .entry-content {
    margin-top: 10px;
}

.blog-section .hentry {
    margin: 0;
}

.widget_logo {
    padding: 40px 0;
}

.widget_logo .widget-title {
    font-size: 20px;
    margin: 0 0 24px;
    text-align: center;
    border: none;
    text-transform: uppercase;
}


/*--------------------------------------------------------------
# Tags
--------------------------------------------------------------*/

.new-tag,
.sales-tag {
    display: inline-block;
    left: 0;
    padding: 2px 20px;
    position: absolute;
    top: 30px;
    color: #ffffff;
    text-transform: uppercase;
    z-index: 99;
}

.new-tag {
    background: #00A9E0;
}

.new-tag:before,
.new-tag:after {
    border-bottom: 13px solid transparent;
    border-left: 10px solid #00A9E0;
    border-top: 0 solid transparent;
    content: "";
    right: -10px;
    position: absolute;
    top: 0;
}

.new-tag:after {
    bottom: 0;
    border-bottom: 0 solid transparent;
    border-left: 10px solid #00A9E0;
    border-top: 13px solid transparent;
    top: auto;
}

.sales-tag {
    background: #F65656;
    right: 0;
    left: auto;
}

.sales-tag:before,
.sales-tag:after {
    border-bottom: 13px solid transparent;
    border-right: 10px solid #F65656;
    border-top: 0 solid transparent;
    content: "";
    left: -10px;
    position: absolute;
    top: 0;
}

.sales-tag:after {
    bottom: 0;
    border-bottom: 0 solid transparent;
    border-right: 10px solid #F65656;
    border-top: 13px solid transparent;
    top: auto;
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

#colophon {
    margin-top: 40px;
}

#top-footer {
    background: #3F332B none repeat scroll 0 0;
    padding: 15px 0 0 0;
}

#bottom-footer {
    background: #3F332B none repeat scroll 0 0;
    padding: 0px 0;
}

.copy-right {
    float: left;
    font-size: 11px;
}

.payment-partner-wrapper {
    float: right;
}

.payment-partner-wrapper ul {
    margin: 0;
    list-style: none;
}

.payment-partner-wrapper ul li {
    float: left;
    margin-left: 10px;
}

.scrollup {
    background: #A1D189 none repeat scroll 0 0;
    border-radius: 3px;
    bottom: 30px;
    color: #fff;
    font-size: 18px;
    height: 40px;
    line-height: 36px;
    position: fixed;
    right: 20px;
    text-align: center;
    width: 40px;
    transition: 0.9s ease;
}

.scrollup:hover,
.scrollup:active,
.scrollup:focus {
    color: #ffffff;
    background: #8BBA70;
    text-shadow: 0 0 12px #fffe3a;
    transition: 0.3s ease;
}


/*--------------------------------------------------------------
# Inner Pages
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Blog
--------------------------------------------------------------*/


/*--------------------------------------------------------------
    blog page layout CSS
--------------------------------------------------------------*/

.page-header {
    margin-bottom: 0px;
    padding: 0px 0 0px;
    text-align: center;
}

.page-header .entry-title {
    color: #00a9e0;
    font-size: 0px;
    line-height: 0px;
    font-weight: 300;
    margin: 0;
}

.page-header .entry-sub-title {
    font-weight: 600;
    color: #3b3b3b;
    font-size: 0px;
    line-height: 00px;
    margin: 0px 0;
}

.page-header .entry-sub-title span {
    margin: 0 5px;
}

.page-header .entry-sub-title span a {
    color: #3b3b3b;
}

.page-header .entry-sub-title span a:hover {
    color: #0191BC;
}

.has-post-thumbnail .entry-thumbnail,
.widget_featured_posts_block .entry-thumbnail {
    position: relative;
    margin: 0;
}

.has-post-thumbnail .entry-thumbnail img,
.widget_featured_posts_block .entry-thumbnail img {
    width: 100%;
}

.has-post-thumbnail .entry-thumbnail .posted-on,
.widget_featured_posts_block .entry-thumbnail .posted-on {
    background: #333 none repeat scroll 0 0;
    left: 0;
    padding: 10px 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 110px;
    color: #ffffff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-transform: uppercase;
    display: block;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    transition: background 0.3s ease;
}

.has-post-thumbnail .entry-thumbnail .posted-on a,
.widget_featured_posts_block .entry-thumbnail .posted-on a {
    color: #ffffff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-transform: uppercase;
    display: block;
}

.has-post-thumbnail .entry-thumbnail .posted-on:hover,
.widget_featured_posts_block .entry-thumbnail .posted-on:hover {
    background: #00a9e0 none repeat scroll 0 0;
}

.entry-title {
    font-size: 18px;
    line-height: 24px;
    margin: 10px 0 5px;
    text-transform: uppercase;
}

.entry-title a {
    color: #454545;
}

.has-post-thumbnail .entry-title {
    margin-top: 30px;
}

.entry-title a:hover,
.entry-btn .btn:hover,
.entry-meta a:hover {
    color: #00a9e0;
}

.entry-meta span {
    border-left: 2px solid #b5b5b5;
    display: inline-block;
    line-height: 15px;
    margin: 10px 10px 10px 0;
    padding-left: 10px;
}

.entry-meta span a,
.entry-meta span i {
    color: #787878;
    font-size: 11px;
    font-weight: 600;
}

.entry-meta span i {
    margin-right: 5px;
}

.entry-meta span:first-child {
    border-left: none;
    margin-left: 0px;
    padding-left: 0px;
}

article {
    border-top: 1px solid #e4e4e4;
    margin-top: 40px;
    padding-top: 40px;
}

article:first-child {
    border-top: none;
    margin-top: 0px;
    padding-top: 0px;
}

.entry-btn .btn {
    color: #7f7d7d;
    font-size: 13px;
    margin-top: 10px;
}

article .entry-content {
    color: #7f7d7d;
    margin-top: 22px;
}

.entry-thumbnail .posted-on {
    background: transparent none repeat scroll 0 0;
    display: block;
    position: static;
    width: 100%;
    text-align: left;
    font-style: normal;
}

.entry-thumbnail .posted-on a {
    color: #333;
    font-weight: 600;
    width: 100%;
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
    background: #00a9e0 none repeat scroll 0 0;
    border-color: #00a9e0;
    color: #fff;
    padding: 4px 10px;
}

.wp-pagenavi {
    margin-left: 3%;
}

.wp-pagenavi a,
.wp-pagenavi span {
    padding: 3px 10px;
}

.wp-pagenavi .pages {
    color: #8c8c8c;
}


/*--------------------------------------------------------------
    Archive Grid layout
--------------------------------------------------------------*/

.archive-grid .entry-thumbnail .posted-on {
    padding: 0 20px;
}

.archive-grid #main {
    margin-top: 30px;
}

.archive-grid #primary {
    margin-left: -3%;
    width: 74.5%;
}

.archive-grid .entry-thumbnail {
    text-align: center;
}

.archive-grid article {
    border: 1px solid #e1e1e1;
    display: inline-block;
    margin: 0 -4px 30px 3%;
    vertical-align: top;
    width: 47%;
    margin-top: 0 !important;
    padding: 0;
}

.archive-grid .entry-title {
    margin: 30px 0 0;
    padding: 0 20px;
}

.archive-grid .entry-title,
.archive-grid .entry-content-text-wrapper {
    padding: 0 20px 20px;
}


/*--------------------------------------------------------------
## products
--------------------------------------------------------------*/

.woocommerce-page ul.products li.product {
    padding: 0;
    text-align: center;
}

.woocommerce-page ul.products li.product .products-img {
    margin: 0;
    padding: 0;
    border: 1px solid #e1e1e1;
    text-align: center;
    position: relative;
}

.woocommerce-page ul.products li.product .products-img img {
    display: block;
}

.woocommerce-page ul.products li.product .products-img .products-hover-wrapper {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.woocommerce-page ul.products li.product .products-img .products-hover-wrapper .products-hover-block {
    position: absolute;
    left: 0;
    top: 52%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    width: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    opacity: 0;
    visibility: hidden;
}

.woocommerce-page ul.products li.product .products-img .products-hover-wrapper .products-hover-block a {
    border: 1px solid #fff;
    color: #fff;
    display: inline-block;
    height: 40px;
    width: 40px;
    margin: 0 5px;
    background: none;
    font: 0/0 a;
    border-radius: 0;
    vertical-align: top;
    padding: 0;
}

.woocommerce-page ul.products li.product .products-img .products-hover-wrapper .products-hover-block a:hover {
    background: #0191BC;
    border-color: #0191BC;
}

.woocommerce-page ul.products li.product .products-img .products-hover-wrapper .products-hover-block a i {
    font-size: 16px;
    line-height: 36px;
    margin-left: 0;
}

.woocommerce-page ul.products li.product .products-img .products-hover-wrapper .products-hover-block a.added_to_cart {
    position: relative;
}

.woocommerce-page ul.products li.product .products-img .products-hover-wrapper .products-hover-block a.added_to_cart:after {
    content: "\f06e";
    font-family: FontAwesome;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    color: #ffffff;
    font-size: 16px;
}

.woocommerce-page ul.products li.product .products-img .products-hover-wrapper:hover .products-hover-block {
    top: 50%;
    opacity: 1;
    visibility: visible;
}

.woocommerce-page ul.products li.product .products-img:hover .products-hover-wrapper {
    opacity: 1;
    visibility: visible;
}

.woocommerce-page ul.products li.product .products-title {
    font-size: 15px;
    margin: 20px 0 0;
    padding: 0;
}

.woocommerce-page ul.products li.product .products-title a {
    color: #454545;
}

.woocommerce-page ul.products li.product .products-title a:hover {
    color: #0191BC;
}

.woocommerce-page ul.products li.product .star-rating {
    display: inline-block;
    float: none;
    font-size: 14px;
    margin: 15px 0 5px;
    color: #00A9E0;
}

.woocommerce-page ul.products li.product .price {
    display: block;
    font-size: 14px;
    color: #333;
}

.woocommerce-page ul.products li.product .price .price-text {
    font-weight: 600;
}

.woocommerce-page ul.products li.product .price del {
    color: #94978f;
    margin-left: 3px;
    display: inline-block;
}

.woocommerce-page ul.products li.product .price .amount {
    background: none;
    margin-left: 3px;
}

.woocommerce-page ul.products li.product .price ins {
    color: #00A9E0;
    background: none;
    display: inline-block;
    font-weight: 400;
}

.woocommerce-page ul.products li.product .yith-wcwl-add-to-wishlist {
    text-align: center;
}

.woocommerce-page ul.products li.product .yith-wcwl-add-to-wishlist .add_to_wishlist.button.alt,
.woocommerce-page ul.products li.product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a,
.woocommerce-page ul.products li.product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a {
    background: #00A9E0 none repeat scroll 0 0;
    border-radius: 25px;
    color: #ffffff;
    display: inline-block;
    font-weight: 600;
    padding: 5px 20px;
    margin: 5px 0 15px;
    height: 34px;
    line-height: 24px;
}

.woocommerce-page ul.products li.product .yith-wcwl-add-to-wishlist .add_to_wishlist.button.alt:hover,
.woocommerce-page ul.products li.product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a:hover,
.woocommerce-page ul.products li.product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a:hover {
    background: #0191BC;
}

.woocommerce-page ul.products li.product .yith-wcwl-add-to-wishlist .add_to_wishlist.button.alt i,
.woocommerce-page ul.products li.product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a i,
.woocommerce-page ul.products li.product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a i {
    margin: 0;
    margin-left: 5px;
}

.woocommerce-page ul.products li.product .yith-wcwl-add-to-wishlist .add_to_wishlist.button.alt:after,
.woocommerce-page ul.products li.product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a:after,
.woocommerce-page ul.products li.product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a:after {
    content: "";
    display: table;
    clear: both;
}

.woocommerce-page ul.products li.product .yith-wcwl-add-to-wishlist .feedback {
    display: block;
    color: #00A9E0;
    display: none;
}

.woocommerce-page ul.products li.product .yith-wcwl-add-to-wishlist img.ajax-loading {
    display: none !important;
}


/*--------------------------------------------------------------
## products collection
--------------------------------------------------------------*/

.single-product.woocommerce-page .product .images .thumbnails a {
    border: 1px solid #00A9E0;
}

.single-product.woocommerce-page .product .product_title {
    float: left;
    font-size: 32px;
}

.single-product.woocommerce-page .product .summary .price {
    float: right;
    font-weight: 700;
    font-style: 16px;
    color: #00A9E0;
}

.single-product.woocommerce-page .product .woocommerce-product-rating {
    border: none;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    padding: 10px 0;
}

.single-product.woocommerce-page .product .woocommerce-product-rating .star-rating {
    color: #00A9E0;
    font-size: 18px;
    margin-top: 4px;
}

.single-product.woocommerce-page .product .woocommerce-product-rating .woocommerce-review-link {
    border-left: 1px solid #e1e1e1;
    color: #333;
    font-size: 14px;
    font-weight: 600;
    margin-left: 15px;
    padding-left: 25px;
}

.single-product.woocommerce-page .product div[itemprop="description"] {
    border-bottom: 1px solid #e1e1e1;
    color: #6a6868;
    margin-bottom: 15px;
    padding-bottom: 0;
}

.single-product.woocommerce-page .product .cart {
    display: inline-block;
    margin-bottom: 0;
}

.single-product.woocommerce-page .product .cart .single_add_to_cart_button {
    background: #00A9E0 none repeat scroll 0 0;
    border-radius: 25px;
    color: #ffffff;
    font-weight: 600;
    padding: 5px 20px;
    margin: 0 20px 0;
    height: 34px;
    line-height: 24px;
    position: relative;
}

.single-product.woocommerce-page .product .cart .single_add_to_cart_button:hover {
    background: #0191BC;
}

.single-product.woocommerce-page .product .cart .single_add_to_cart_button:after {
    content: "\f07a";
    font-family: FontAwesome;
    color: #ffffff;
    font-size: 16px;
    margin-left: 10px;
}

.single-product.woocommerce-page .product .yith-wcwl-add-to-wishlist {
    display: inline-block;
    vertical-align: top;
    margin-top: 0;
}

.single-product.woocommerce-page .product .yith-wcwl-add-to-wishlist .add_to_wishlist.button.alt,
.single-product.woocommerce-page .product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a,
.single-product.woocommerce-page .product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a,
.single-product.woocommerce-page .product .yith-wcwl-add-to-wishlist .single_add_to_cart_button {
    background: #00A9E0 none repeat scroll 0 0;
    border-radius: 25px;
    color: #ffffff;
    font-weight: 600;
    padding: 5px 20px;
    margin: 0 0 0;
    height: 34px;
    line-height: 24px;
}

.single-product.woocommerce-page .product .yith-wcwl-add-to-wishlist .add_to_wishlist.button.alt:hover,
.single-product.woocommerce-page .product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a:hover,
.single-product.woocommerce-page .product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a:hover,
.single-product.woocommerce-page .product .yith-wcwl-add-to-wishlist .single_add_to_cart_button:hover {
    background: #0191BC;
}

.single-product.woocommerce-page .product .yith-wcwl-add-to-wishlist .add_to_wishlist.button.alt i,
.single-product.woocommerce-page .product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a i,
.single-product.woocommerce-page .product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a i,
.single-product.woocommerce-page .product .yith-wcwl-add-to-wishlist .single_add_to_cart_button i {
    margin: 0;
    margin-left: 5px;
}

.single-product.woocommerce-page .product .product_meta {
    border-top: 1px solid #e1e1e1;
    margin: 10px 0;
    padding-top: 10px;
}

.single-product.woocommerce-page .product .product_meta .posted_in {
    font-size: 14px;
    font-weight: 700;
}

.single-product.woocommerce-page .product .product_meta .posted_in a {
    font-weight: 400;
}

.single-product.woocommerce-page .product .woocommerce-tabs {
    border: 1px solid #e1e1e1;
    margin-bottom: 30px;
}

.single-product.woocommerce-page .product .woocommerce-tabs .tabs.wc-tabs {
    background: #f9f9f9;
    padding: 0;
    border: none;
    margin-bottom: 0;
}

.single-product.woocommerce-page .product .woocommerce-tabs .tabs.wc-tabs li {
    border: medium none;
    border-radius: 0;
    padding: 0 20px;
    background: #F0F2F1;
    box-shadow: none;
}

.single-product.woocommerce-page .product .woocommerce-tabs .tabs.wc-tabs li:before,
.single-product.woocommerce-page .product .woocommerce-tabs .tabs.wc-tabs li:after {
    display: none;
}

.single-product.woocommerce-page .product .woocommerce-tabs .tabs.wc-tabs li.active {
    background: #ffffff;
}

.single-product.woocommerce-page .product .woocommerce-tabs #tab-description,
.single-product.woocommerce-page .product .woocommerce-tabs #tab-reviews {
    padding: 20px 20px 0;
    margin-bottom: 0;
}

.single-product.woocommerce-page .product .woocommerce-tabs #tab-description h2,
.single-product.woocommerce-page .product .woocommerce-tabs #tab-reviews h2 {
    font-size: 18px;
}

.single-product.woocommerce-page .product .woocommerce-tabs #tab-reviews {
    padding-bottom: 20px;
}

.single-product.woocommerce-page .product .woocommerce-tabs #tab-reviews #comments img.avatar {
    border: medium none;
    left: 0;
    position: absolute;
    top: 50%;
    width: 80px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.single-product.woocommerce-page .product .woocommerce-tabs #tab-reviews #comments .comment-text {
    border-radius: 0;
    padding: 20px 20px 20px 50px;
    border-radius: 0;
}

.single-product.woocommerce-page .product .woocommerce-tabs #tab-reviews #comments .comment-text .description {
    border: none;
}

.single-product.woocommerce-page .product .woocommerce-tabs #tab-reviews #review_form #reply-title {
    font-size: 18px;
}


/*--------------------------------------------------------------
## products collection
--------------------------------------------------------------*/

#content .widget_shopping_cart .product_list_widget .mini_cart_item {
    border: 1px solid #e1e1e1;
    margin: 0 auto 15px;
    padding: 10px;
    width: 96%;
}

#content .widget_shopping_cart .product_list_widget .mini_cart_item .remove {
    top: 10px;
    right: 10px;
}

.woocommerce.widget_price_filter .price_slider_wrapper .ui-widget-content {
    background: #E6E6E6;
    margin-bottom: 30px;
}

.woocommerce.widget_price_filter .price_slider_wrapper .ui-widget-content .ui-slider-range,
.woocommerce.widget_price_filter .price_slider_wrapper .ui-widget-content .ui-slider-handle {
    background: #00A9E0;
}

.woocommerce.widget_price_filter .price_slider_wrapper .ui-widget-content .ui-slider-handle {
    border-radius: 0;
    width: 20px;
    height: 20px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    margin-top: -10px;
}

.woocommerce.widget_price_filter .price_slider_wrapper .ui-widget-content .ui-slider-handle:before {
    content: "\f07e";
    font-family: FontAwesome;
    color: #ffffff;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -moz-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    -o-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}

.woocommerce.widget_price_filter .price_slider_wrapper .price_slider_amount .price_label {
    font-size: 14px;
}

.woocommerce .widget_layered_nav_filters ul li {
    float: none;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 10px;
}

.woocommerce .widget_layered_nav_filters ul li a {
    color: #333;
}

.woocommerce .widget_layered_nav_filters ul li a:hover {
    color: #0191BC;
}

.widget_product_search input[type="search"] {
    width: 73%;
}

.woocommerce-product-search input {
    display: block;
    float: left;
    height: 40px;
    margin-bottom: 40px;
    width: 27%;
}

.widget.woocommerce .product-title,
.widget.woocommerce.widget_recent_reviews a {
    color: #454545;
    display: block;
    font-size: 14px;
}

.widget.woocommerce .star-rating {
    color: #00A9E0;
    margin: 6px 0;
}

.widget.woocommerce .product_list_widget li {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.widget.woocommerce .product_list_widget li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}


/*--------------------------------------------------------------
## cart
--------------------------------------------------------------*/

.woocommerce table.shop_table {
    border-radius: 0;
    border: 1px solid #e6e6e6;
}

.woocommerce table.shop_table tr th {
    border: none;
    background: #f5f5f5;
    padding: 7px 12px;
    color: #454545;
    font-size: 14px;
}

.woocommerce-cart .woocommerce table.shop_table.cart tr.cart_item td {
    border: medium none;
    height: 120px;
    padding: 0 12px;
    font-size: 14px;
    border-bottom: 1px solid #e6e6e6;
    color: #333333;
}

.woocommerce-cart .woocommerce table.shop_table.cart tr.cart_item td.product-remove {
    text-align: center;
}

.woocommerce-cart .woocommerce table.shop_table.cart tr.cart_item td.product-remove a {
    background: #00A9E0;
    color: #fff !important;
    display: inline-block;
    font-size: 16px;
    height: 20px;
    line-height: 19px;
    text-align: center;
    width: 20px;
}

.woocommerce-cart .woocommerce table.shop_table.cart tr.cart_item td.product-remove a:hover {
    background: #0191BC;
}

.woocommerce-cart .woocommerce table.shop_table.cart tr.cart_item td.product-thumbnail {
    text-align: center;
}

.woocommerce-cart .woocommerce table.shop_table.cart tr.cart_item td.product-thumbnail img {
    border-radius: 100%;
    width: 80px;
}

.woocommerce-cart .woocommerce table.shop_table.cart tr.cart_item td.product-name a {
    color: #454545;
    font-size: 14px;
    font-weight: 700;
}

.woocommerce-cart .woocommerce table.shop_table.cart tr.cart_item td.product-name a:hover {
    color: #0191BC;
}

.woocommerce-cart .woocommerce table.shop_table.cart tr td.actions {
    border: none;
    padding: 15px 12px;
}

.woocommerce-cart .woocommerce table.shop_table.cart tr td.actions input.input-text {
    width: 150px !important;
    margin-right: 0;
}

.woocommerce-cart .woocommerce table.shop_table.cart tr td.actions input[type="submit"] {
    background: #00a9e0 none repeat scroll 0 0;
    border-radius: 0;
    color: #fff;
    font-weight: 600;
    height: 36px;
    padding: 0 10px;
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    transition: background 0.5s ease;
}

.woocommerce-cart .woocommerce table.shop_table.cart tr td.actions input[type="submit"]:hover {
    background: #0191BC;
}

.woocommerce .quantity .qty {
    border: 1px solid #e1e1e1;
    padding: 6px 0;
}

.woocommerce .cart-collaterals .cart_totals {
    float: left;
    color: #333;
}

.woocommerce .cart-collaterals .cart_totals .shop_table {
    border: none;
    margin-bottom: 0;
}

.woocommerce .cart-collaterals .cart_totals .shop_table th {
    background: none;
    border: none;
    padding: 20px 12px 20px;
}

.woocommerce .cart-collaterals .cart_totals .shop_table td {
    background: #f8f8f8;
    border: none;
    padding: 20px 12px 0;
}

.woocommerce .cart-collaterals .cart_totals .shop_table td .shipping-calculator-button {
    color: #454545;
    font-weight: 700;
    position: relative;
}

.woocommerce .cart-collaterals .cart_totals .shop_table td .shipping-calculator-button:after {
    content: "\f0d7";
    right: -15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    font-family: FontAwesome;
}

.woocommerce .cart-collaterals .cart_totals .shop_table td select {
    border: 1px solid #e1e1e1;
    padding: 5px;
}

.woocommerce .cart-collaterals .cart_totals .shop_table td button {
    background: #00a9e0 none repeat scroll 0 0;
    border-radius: 0;
    color: #fff;
    font-weight: 600;
    height: 36px;
    padding: 0 10px;
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    transition: background 0.5s ease;
}

.woocommerce .cart-collaterals .cart_totals .shop_table td button:hover {
    background: #0191BC;
}

.woocommerce .cart-collaterals .cross-sells {
    float: right;
}

.woocommerce .cart-collaterals .cross-sells .products {
    text-align: center;
}

.woocommerce .cart-collaterals .cross-sells .products a .star-rating,
.woocommerce .cart-collaterals .cross-sells .products a .price {
    display: inline-block;
    font-size: 14px;
}

.woocommerce .cart-collaterals .cross-sells .products a .price {
    display: block;
}

.woocommerce-cart .woocommerce .wc-proceed-to-checkout {
    float: right;
    width: 60%;
    padding: 0;
}

.woocommerce-cart .woocommerce .wc-proceed-to-checkout a.checkout-button {
    background: #333333 none repeat scroll 0 0;
    border-radius: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 36px;
    height: 40px;
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    transition: background 0.5s ease;
}

.woocommerce-cart .woocommerce .wc-proceed-to-checkout a.checkout-button:hover {
    background: #0191BC;
}

.woocommerce ul.products li.product .add_to_cart_button {
    background: #00A9E0 none repeat scroll 0 0;
    border-radius: 25px;
    color: #ffffff;
    display: inline-block;
    font-weight: 600;
    padding: 8px 15px;
    margin: 10px 0 15px;
}

.woocommerce ul.products li.product .add_to_cart_button:hover {
    background: #0191BC;
}

.woocommerce ul.products li.product .add_to_cart_button i {
    margin-left: 5px;
}

.cart-empty {
    color: #00a9e0;
    font-size: 32px;
    font-weight: 700;
}

.return-to-shop a.button {
    background: #00a9e0 none repeat scroll 0 0;
    border-radius: 0;
    color: #fff;
    font-weight: 600;
    height: 36px;
    padding: 0 10px;
    display: inline-block;
    line-height: 36px;
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    transition: background 0.5s ease;
}

.return-to-shop a.button:hover {
    background: #0191BC;
    color: #ffffff;
}


/*--------------------------------------------------------------
## Wishlist
--------------------------------------------------------------*/

.wishlist-title {
    display: none;
}

.woocommerce #content .wishlist_table thead th {
    text-align: center;
}

.woocommerce #content .wishlist_table tbody tr td {
    border: medium none;
    height: 120px;
    padding: 0 20px;
    text-align: center;
    font-size: 14px;
    color: #333;
}

.woocommerce #content .wishlist_table tbody tr td.product-remove {
    text-align: center;
}

.woocommerce #content .wishlist_table tbody tr td.product-remove a.remove_from_wishlist {
    background: #00A9E0;
    color: #fff !important;
    display: inline-block;
    font-size: 16px;
    height: 20px;
    line-height: 19px;
    text-align: center;
    width: 20px;
}

.woocommerce #content .wishlist_table tbody tr td.product-remove a.remove_from_wishlist:hover {
    background: #0191BC;
}

.woocommerce #content .wishlist_table tbody tr td.product-thumbnail {
    text-align: center;
}

.woocommerce #content .wishlist_table tbody tr td.product-thumbnail img {
    border-radius: 100%;
    width: 80px;
}

.woocommerce #content .wishlist_table tbody tr td.product-name a {
    color: #454545;
    font-size: 14px;
    font-weight: 700;
}

.woocommerce #content .wishlist_table tbody tr td.product-name a:hover {
    color: #0191BC;
}

.woocommerce #content .wishlist_table tbody tr td.product-add-to-cart a {
    background: #00a9e0 none repeat scroll 0 0;
    border-radius: 0;
    color: #fff;
    font-weight: 600;
    height: 36px;
    padding: 0 10px;
    line-height: 36px;
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    transition: background 0.5s ease;
}

.woocommerce #content .wishlist_table tbody tr td.product-add-to-cart a:hover {
    background: #0191BC;
}

.woocommerce #content .wishlist_table tfoot td {
    border: none;
    border-top: 1px solid #e1e1e1;
}


/*--------------------------------------------------------------
## Info
--------------------------------------------------------------*/

.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-message {
    border: none;
    border-left: 3px solid #00A9E0;
    font-weight: 600;
}

.woocommerce .woocommerce-info:before,
.woocommerce .woocommerce-error:before,
.woocommerce .woocommerce-message:before {
    content: "\f05a";
    font-family: FontAwesome;
    font-size: 16px;
    left: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #00A9E0;
}

.woocommerce .woocommerce-info .showcoupon,
.woocommerce .woocommerce-error .showcoupon,
.woocommerce .woocommerce-message .showcoupon {
    margin-left: 10px;
    display: inline-block;
}

.woocommerce .woocommerce-info {
    margin-bottom: 0 !important;
}

.woocommerce .woocommerce-error {
    border-left: 3px solid #F65656;
    margin-bottom: 30px !important;
}

.woocommerce .woocommerce-error:before {
    content: "\f071";
    color: #F65656;
    top: 10px;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.woocommerce .woocommerce-message {
    margin-bottom: 30px;
    border-left: 3px solid #82B341;
}

.woocommerce .woocommerce-message:before {
    content: "\f058";
    color: #82B341;
}

.woocommerce form.checkout_coupon {
    margin: 0;
    padding: 20px;
    border-radius: 0;
    border-top: none;
}

.woocommerce form.checkout_coupon .form-row-last {
    float: left;
}

.woocommerce form.checkout_coupon .form-row {
    padding: 0;
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    background: #00a9e0 none repeat scroll 0 0;
    border-radius: 0;
    color: #fff;
    font-weight: 600;
    height: 36px;
    padding: 0 10px;
    line-height: 32px;
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    transition: background 0.5s ease;
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
    background: #0191BC;
}


/*--------------------------------------------------------------
## checkout
--------------------------------------------------------------*/

.woocommerce-page .woocommerce-checkout {
    margin-top: 40px;
}

.woocommerce-page .woocommerce-checkout .checkout-form-wrapper {
    border: 1px solid #e1e1e1;
}

.woocommerce-page .woocommerce-checkout #customer_details.col2-set .col-1,
.woocommerce-page .woocommerce-checkout #customer_details.col2-set .col-2 {
    width: 60%;
    float: left;
}

.woocommerce-page .woocommerce-checkout #customer_details.col2-set .col-1 {
    border-right: 1px solid #e1e1e1;
}

.woocommerce-page .woocommerce-checkout #customer_details.col2-set .col-2 {
    width: 40%;
}

.woocommerce-page .woocommerce-checkout #customer_details.col2-set h3 {
    background: #F0F2F1;
    text-align: center;
    font-size: 14px;
    margin: 0;
    width: 100%;
    padding: 10px 0;
    text-transform: uppercase;
}

.woocommerce-page .woocommerce-checkout #customer_details.col2-set .form-billing-group,
.woocommerce-page .woocommerce-checkout #customer_details.col2-set .shipping_address,
.woocommerce-page .woocommerce-checkout #customer_details.col2-set #order_comments_field {
    padding: 20px;
}

.woocommerce-page .woocommerce-checkout #customer_details.col2-set .form-billing-group .form-row-last,
.woocommerce-page .woocommerce-checkout #customer_details.col2-set .form-billing-group .form-row-first {
    width: 49%;
}

.woocommerce-page .woocommerce-checkout #customer_details.col2-set .form-billing-group label {
    color: #333333;
}

.woocommerce-page .woocommerce-checkout #customer_details.col2-set .form-billing-group label abbr {
    margin-left: 3px;
    border: none;
    text-decoration: none;
}

.woocommerce-page .woocommerce-checkout #customer_details.col2-set .shipping_address .form-row-last,
.woocommerce-page .woocommerce-checkout #customer_details.col2-set .shipping_address .form-row-first {
    width: 49%;
}

.woocommerce-page .woocommerce-checkout #customer_details.col2-set .shipping_address label {
    color: #333333;
}

.woocommerce-page .woocommerce-checkout #customer_details.col2-set .shipping_address label abbr {
    margin-left: 3px;
    border: none;
    text-decoration: none;
}

.woocommerce-page .woocommerce-checkout #customer_details.col2-set .select2-container .select2-choice {
    border-radius: 0;
    margin-top: 0;
    padding: 3px 10px 4px;
}

.woocommerce-page .woocommerce-checkout #customer_details.col2-set #order_comments_field label {
    color: #333333;
}

.woocommerce-page .woocommerce-checkout #customer_details.col2-set #order_comments_field textarea {
    height: 120px;
    background: #F6F6F6;
    padding: 10px;
}

.woocommerce-page .woocommerce-checkout #order_review_heading {
    background: #F0F2F1;
    text-align: left;
    font-size: 14px;
    margin: 0;
    width: 100%;
    padding: 10px 20px;
    text-transform: uppercase;
}

.woocommerce-page .woocommerce-checkout #order_review {
    padding: 20px;
}

.woocommerce table.shop_table.woocommerce-checkout-review-order-table tr th {
    width: 70%;
    background: #F9F9F9;
}

.woocommerce table.shop_table.woocommerce-checkout-review-order-table tr th:first-child {
    border-right: 1px solid #e1e1e1;
}

.woocommerce table.shop_table.woocommerce-checkout-review-order-table tr td {
    border: none;
    border-bottom: 1px solid #e1e1e1;
    color: #333333;
}

.woocommerce table.shop_table.woocommerce-checkout-review-order-table tr td:first-child {
    border-right: 1px solid #e1e1e1;
}

.woocommerce table.shop_table.woocommerce-checkout-review-order-table tr.cart-subtotal th,
.woocommerce table.shop_table.woocommerce-checkout-review-order-table tr.shipping th {
    background: none;
    border-bottom: 1px solid #e1e1e1;
}

.woocommerce table.shop_table.woocommerce-checkout-review-order-table tr.order-total td {
    background: #F9F9F9;
    border-bottom: none;
}

.woocommerce-checkout #payment {
    background: #F0F2F1;
    border-radius: 0;
}

.woocommerce-checkout #payment img {
    width: auto;
}

.woocommerce-checkout #payment div.payment_box {
    background: #F9F9F9;
    border-radius: 0;
}

.woocommerce-checkout #payment div.payment_box:before {
    border-bottom-color: #F9F9F9;
}

.woocommerce-checkout .login-form-info-wrapper {
    margin-bottom: 20px;
}

.woocommerce-checkout .login-form-info-wrapper .login {
    border-radius: 0;
    border-top: 0 none;
    color: #333;
    margin: 0;
}

.woocommerce-page .woocommerce-billing-fields .create-account {
    margin-bottom: 20px;
    padding: 0 20px;
    color: #333;
}


/*--------------------------------------------------------------
# 404
--------------------------------------------------------------*/

.error-wrap {
    text-align: center;
    margin-bottom: 40px;
}

.error-wrap .num-404 {
    background: #f9f9f9 none repeat scroll 0 0;
    border-radius: 100%;
    color: #8c8c8c;
    display: inline-block;
    font-size: 90px;
    font-weight: 700;
    height: 300px;
    line-height: 300px;
    text-align: center;
    width: 300px;
}

.error-wrap .error {
    display: inline-block;
    font-size: 65px;
    font-weight: 700;
    text-transform: uppercase;
    color: #8c8c8c;
    margin-left: 30px;
}

.page-not-found {
    text-align: center;
}

.page-not-found .page-title {
    color: #8C8C8C;
}

.error-404 .message {
    font-size: 14px;
    margin: 30px 0 40px;
    text-align: center;
    color: #8C8C8C;
    font-weight: 600;
}

.error-404.not-found .search-field {
    width: 94%;
}

.error-404.not-found .searchsubmit {
    height: 36px;
    margin-left: -3px;
}

.error-404.not-found .search-field {
    width: 90%;
}

.error-404.not-found .searchsubmit {
    display: inline-block;
    height: 36px;
    margin-left: -3px;
    width: 46px;
    vertical-align: top;
}





.products_category_box { padding-bottom:20px;}
.products_category_box h4, .features_products_wrapper h2, #nav_menu-7 h4, .widgwpg-title { margin:0px 0px 10px 0px; padding:0px 0px 5px 0px; font-family:'Exo 2', Arial; color:#999900; font-size:16px; font-weight:normal; border-bottom:1px solid #e5e5e5;}
.products_category_box  ul, #nav_menu-7 ul, #nav_menu-8 ul, .widget ul{ margin:0px; padding:10px;}
.products_category_box  li, #nav_menu-7 li, #nav_menu-8 li, .widget ul li{ margin:0px; padding:0px 0px 0px 0px; list-style:none;}
.products_category_box  li a, #nav_menu-7 li a, #nav_menu-8 li a, .widget ul li a { font-size:14px; color:#676767; text-decoration:none;}
.products_category_box  li a:hover, #nav_menu-7 li a:hover, #nav_menu-8 li a:hover, .widget ul li a:hover{ color:#000;}

.features_products_wrapper {padding-bottom:20px;}

.features_products_wrapper  ul { margin:0px; padding:0px;}
.features_products_wrapper  li { margin:0px; padding:3px 0px; list-style:none;}
.features_products_wrapper  li a { font-size:14px; color:#676767; text-decoration:none;}
.features_products_wrapper  li a:hover { color:#000;}

p.more_link a { font-size:14px; color:#999900; text-decoration:underline; font-weight:bold;}
p.more_link a:hover { text-decoration:none;}

.special_offer_pr_box { background-color:#f6f6f8; padding:10px; margin-bottom:20px; position:relative;}
.special_offer { position:absolute; right:0px; top:0px;}
.special_offer_pr_box p.product_img { margin:0px; padding:20px 0px 0px 0px; text-align:center;}
.special_offer_pr_box p.product_name { font-size:18px; color:#996666; margin:0px; padding:10px 5px 0px 5px;}
.special_offer_pr_box p.product_name a { text-decoration:none; color:#996666;}

.contact_box_left, .widget_ectminicart_widget { margin:0 0 20px 0; padding:10px; background-color:#f6f6f8; font-size:12px; color:#7b7676; line-height:20px;}
.contact_box_left h2, .widget_ectminicart_widget h4 { margin:0 0 10px 0; padding:0px; font-family:'Exo 2', Arial;,font-size:14px; text-transform:uppercase; font-weight:bold; color:#666;}
.contact_box_left p, .widget_ectminicart_widget p { margin:0px; padding:0 0 5px 0;} 
.contact_box_left p.comp_name { margin:0px; padding:0px; font-size:14px; color:#7b7676; font-weight:bold;}
.contact_box_left p.phone_no { background:url(images/phone_icon.png) no-repeat 0 2px; padding:0 0 5px 25px;}
.contact_box_left p.email_icon { background:url(images/email_icon.png) no-repeat 0 2px; padding:0 0 5px 25px;}
.contact_box_left p.email_icon a {color:#7b7676; text-decoration:none;}

 /* ~~ Link properties ~~*/

a {
	text-decoration: none;
	padding:0;
	margin:0;
	outline: none;
        color: #666000;
}
a:hover {
	text-decoration: none;
}


/* Shopping cart classes
----------------------------------------------------------------------------------------------------*/

/*Shopping cart*/

table.cobtbl{
	background-color: #efefef;
	border-bottom:1px solid #999900;
  	font-size:0.9em;
}


td.cobll, td.cobhl{
	background-color: #fff;
	color : #333;
}
 
td.cobhdr{
	background-color:#999900;
	font-size:1em;
	color:#fff;
	text-transform:uppercase;
}

span.cartoption{
	font-size:12px !important;
	color:#333;
}

div.giftwrap a{
  	color:#666;
  	font-size:0.8em;
  	text-decoration:none;
}

/*Mini cart*/
table.mincart, .widget_ectminicart_widget .minicart{
  	width:99%;
  	font-size:1em;
  	background:#F6F6F8;
}

.cartquant{
	width:36px !important;
}

/*Internal store naviagtion*/
a.ectlink:link {
	color: #111111;
	text-decoration: none;
}

a.ectlink:visited {
	color: #111111;
	text-decoration: none;
}

a.ectlink:active {
	color: #111111;
	text-decoration: none;
}

a.ectlink:hover {
	color: #aaaaaa;
	text-decoration: none;
}

/*Button and form field styles*/
input.buybutton, input.sccheckout, input.checkoutbutton, input.vieworderstatus, input.viewlicense, input.trackpackage{
	background:#EA1C1C ;
	color:#fff;
	padding:6px 16px;
	border:0;
	border-radius:4px;
	font-size:1.2em;
	font-weight: bold;
}

input.buybutton:hover, input.sccheckout:hover, input.checkoutbutton:hover, input.vieworderstatus:hover, input.viewlicense:hover, input.trackpackage:hover{
	background:#ddd;
	color:#000;
	cursor:pointer;
}

input.login, input.newaffiliate, input.affiliatelogin, input.search{
	background:#7A9024;
	color:#fff;
	padding:4px 16px;
	border:0;
	border-radius:4px;
	font-size:1em;
	margin-top:6px;
}

input.login:hover, input.newaffiliate:hover, input.affiliatelogin:hover, input.search:hover{
	background:#aaa;
	color:#000;
	cursor:pointer;
}

/* The category page 
-------------------------------------*/
div.category{
	width:43%;
	float:left;
	line-height:1.6;
  	font-size:0.9em;
        padding:5px;
	border:0px solid #ccc;
	background-color:#fefefe;
	margin:0px 20px 0px 0px;
	height:150px;
}

div.category:hover{
	background-color:#fff;
	border: 0px solid #64842F;
	box-shadow: 5px 5px 2px #ccc;
}

div.catnavigation{
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	padding: 5px 5px 5px 5px;
	float:left;
	border-radius: 8px;
	width:97%;
	font-size:1em;
	background-color:#e1f7ff;
	margin-bottom:2px;
}

.catnavwrapper{
	background:#fff !important;
	border: 1px solid #fff !important;
}

div.navdesc{
	display:none; /* Removes the text "View all products in all categories */
}

div.catimage{
	width:370px;
	float:left;
}

div.catdesc{
	padding:0px 0px 4px 4px;
	font-size:0.9em;
}

div.catname{
	padding-left:4px;
        font-size:1.2em;
	color: #333333;
    	font-family: 'Roboto Slab', serif;
    	font-weight: 700;
}

div.catdiscounts, div.allcatdiscounts{
  padding:0px;
  margin:0px;
	font-weight:normal;
	color:#DA6B1D;
	font-size:0.9em;
}

div.categorymessage{
	padding-top:0px;
	font-size: 1.1em;
    	font-family: 'Roboto Slab', serif;
    	font-weight: 700;
}

p.noproducts{
       padding-top:28px;
       text-align:left !important;
}


/* The products page 
-------------------------------------*/

div.prodfilter{
	float:left;
	background-color:#F9F9F4;
	border: 1px dotted #D7D1C9;
	padding:6px;
	color: #42619a;
	margin-bottom:10px;
	margin-top:10px;
}

div.prodfilterbar{
	float:left;
	width:100%;
}

div.filtertext{
 	padding:8px;
}

select.prodfilter{
	padding:0px;
	margin:0px;
}

div.product{
	padding:6px;
	width:30%;
	float:left;
	height:450px;
	margin:2px;
}

div.prodnavigation{
	padding: 5px 5px 5px 5px;
	float:left;
	border-radius: 8px;
	width:97%;
	font-size:0.9em;
	background-color:#e1f7ff;
	margin-bottom:10px;
}

.prodratinglink{
	font-size:0.8em;
}

div.allproddiscounts{
	color:#DA6A1E;
	width:100%;
	margin-bottom:2px;
	float:left;
}

.proddiscounts, .discountsapply{
	color:#DA6A1E;
	padding:4px;
}

div.prodmanufacturer{
	color:#666;
	padding:6px;
}

div.prodsku{
	color:#666;
	padding:6px;
}

div.prodimage{
	padding-top: 6px;
	text-align:center;
	border:1px solid #ccc;
	background-color:#fefefe;
}

div.prodimage:hover{
	background-color:#fefefe;
	border: 1px solid #7A9024;
  box-shadow: 5px 5px 2px #ccc;
}

img.prodimage{
}

div.prodname{
	padding-top:0px;
	font-size: 1.1em;
	color: #333333;
    	font-family: 'Roboto Slab', serif;
    	font-weight: 700;
  margin-bottom:8px;
}

div.prodrating{
	padding-left:4px;
}

div.prodinstock{
	padding:4px;
	color:#666;
}

div.proddescription{
	padding:6px;
	float:left;
	font-size: 0.9em;
	line-height: 1.5em;
}

table.emftbl{
	background:#fff;
	width:400px;
}

div.listprice{
	width:98%;
	float:left;
	font-size: 0.9em;
	padding:2px 6px;

}

span.yousave{
	background:#0065A7;
	color:#fff;
	padding:4px;
	font-size:0.9em;
}

div.prodprice{
	font-size: 1em;
	font-weight:normal;
	float:left;
	width:98%;
	color:#666;
  padding:2px 6px;
}

div.prodcurrency{
	float:left;
	width:100%;
	font-size: 0.8em;
	color:#666;
}

div.quantitydiv{
	float:right;
}

.quantityinput{
	margin-top:1px;
	height:19px;
}

div.addtocart{
	text-align:center;
	padding-left: 150px;
	width:100%;
}

.notifystock{
	text-align:center;
	float:left;
	width:100%;
}

.configbutton{
	text-align:center;
	margin-top:6px;
}

div.outofstock{
	text-align:center;
	padding-top:6px;
	font-weight:bold;
}

.prodid {
	color:#666;
	padding:6px;
	font-size: 0.9em;
}

div.multioptiontext{
	width:180px;
}

div.pagenums{
	text-align:center;
	float:left;
	padding:0px 0px 10px 0px;
}

/* The product detail page 
-------------------------------------*/
div.detailprodnavigation{
	width:96%;
}

div.detailimage{
	width:45%;
	float:right;
	clear: both;
} 

div.detailcheckoutbutton{
	clear:both;
}

div.detailid {
	color:#ccc;
	width:66%;
	font-size: 1em;
	float:left;
	margin-left:10px;
}

.detailname h1 {
	color: #F05135;
	font-size: 1.8em;
	padding:6px;
	float:left;
	width:100%;
	margin-top:0px;
  	margin-bottom:5px;
	border-bottom: 0px solid #ccc;
}

span.detaildiscountsapply{
	width:66%;
	margin-left:36px;
}

div.detailmanufacturer{
	float:left;
	width:66%;
	margin:0px 0px 0px 10px;
	padding:0px;
}

div.detailsku{
	float:left;
	width:66%;
	margin:10px;
}

div.detailinstock{
	float:right;
	width:66%;
}

div.detaildescription{
	font-size: 0.9em;
	margin:5px;
	padding-top:4px;
	line-height:1.8em;
	float:left;
	width:50%;
}
.yousave{
margin:10px 0px;
}

div.detailprice{
	font-size: 16px;
	font-weight:bold;
	float:left;
	width:50%;
	color:#aaaaaa;
	padding:6px 0px;
}

div.detaillistprice{
	font-size: 1em;
	font-weight:normal;
	float:left;
width:40%;
margin:6px 0px;
	color:#DA6A1E;
}

div.detailcurrency{
	padding-top: 6px;
	font-size: 0.9em;
	float:left;
	width:98%;
	color:#666;
	margin-left:10px;
	border-bottom: 1px solid #ccc;
	padding-bottom:20px;
}

div.detailoption{
	width:100%;
}

div.detailoptions{
	padding: 6px;
	float:left;
	width:45%;
	margin-left:0px;
}

select.detailprodoption{
	font-size: 0.9em;
        font-family: 'Roboto Medium', serif;
	width:50%;
	margin:7px;
	border:1px solid #111;
	border-radius: 8px;
	padding:2px;
	font-weight:600;
}

input.detailprodoption{
	font-size: 0.9em;
	margin:7px;
	border:1px solid #111;
  	padding:2px;
	width: 50%;
	height: 22px;
	border-radius: 8px;
}


div.detailoptiontext{
	padding: 6px;
	float:left;
	clear:both;
	width: 40%;
}

div.detailmultioptiontext{
	padding: 6px;
	width:30%;
	clear:right;
}

.previousnext{
	padding-top:20px;
	padding-bottom:6px;
	float:right;
	width:100%;
	text-align:center;
	font-size:0.8em;
	border-top:1px solid #ccc;
}

div.emailfriend{
	padding-top: 10px;
	text-align:center;
	float:right;
	width:100%;
	font-size:0.9em;
	clear:both;
}

td.emfhl{
	background-color:#aaa;
	font-size:1.2em;
	color:#fff;
	font-weight:bold;
}

td.emfll{
	line-height:18px;
}

div.detailquantity{
clear:left;
	float:left;
	width:130px;
}

div.detailquantitytext{
	margin-top:20px;
	float:left;
	width:30%;
	text-align:right;
}

div.detailquantityinput{
	margin-top:16px;
	float:right;
	width:50%;
	text-align:left;
	padding:0px;
	height:65px;
}

#w0quant{
	height:21px;
	width:50px;
	border:1px solid #ccc;
}

div.detailaddtocart,.detailoutofstock{

	float:left;
	paddng-lefet:200px;
	text-align:left;
}

.detailnotifystock{
	text-align:center;
	padding-top:6px;
	float:left;
	width:98%;
}

div.navdesc{
	padding-top:10px;
}

div.review{
	margin-top:16px;
	width:50%;
	font-size:0.9em;
}

hr.review{
	height: 0;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #bbb;
	padding:4px;
	margin-top:6px;
}

div.reviewprod{
	background-color:#eee;
	padding:10px;
}

/* This is the first breakpoint and is for screen sizes between 800 and 780 pixels. 
If there is no difference in the classes above, you would use the classes above or if you need to make changes at this resolution, add them below ~~ */
@media screen and (max-width: 800px) { 

.menu_right { display:none;}	
.menu_right2 { display:inherit; float: left; padding-bottom: 10px; width: 100%;}
.menu_right2 .searchBox { float: right; margin: 15px 0 0 20px; position: relative; width: 210px;}
.menu_right2 .basket { background: url("images/cart_icon.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0); float: left; margin-right: 10px; margin-top: 14px; padding: 5px 5px 5px 25px;}
.logo_row {padding: 50px 15px 40px;}
.logo_right {width: 64%;}
.welcome_msg {clear: both; float: none; margin-right: 0; padding-top: 10px; text-align: right;}

.service_section {padding: 15px 15px;}
.nec_collection_banner { margin-top: 13px;}

.icon_refresh { margin-right: 27px; margin-bottom:10px;}

.searchBox {margin: 15px 15px 0 20px;}

.footer_space { padding: 30px 15px 0;}
.bottom_links { float: none; padding-left: 0; text-align: center;}
.newsletter { float: none; margin: 20px auto; width: 345px;}

div.product{
	width:30%;
}

}

/* This is the second breakpoint and is for screen sizes between 780 and 640 pixels. 
If there is no difference in the classes above, you would use the classes above or if you need to make changes at this resolution, add them below ~~ */
@media only screen and (max-width: 780px) {
div.product{
	width:46%;
}

div.category{
	width:90%;
}

.detailname h1, span.detaildiscountsapply, div.detaildescription, div.detailinstock{
	width:62%;
}

span.detaildiscountsapply{
  	margin-left:44px;
}
        
div.detailimage{
	width:24%;
}

div.detailoptions{
	width:90%;
}

 div.detailmultioptiontext{
	width:45%;
}


}

/* This is the third breakpoint and is for screen sizes between 640 and 500 pixels. 
If there is no difference in the classes above, you would use the classes above or if you need to make changes at this resolution, add them below ~~ */
@media screen and (max-width: 640px) { 

h1.logo { float: none; text-align: center; margin-bottom:10px;}
.logo_right { text-align: center; width: 100%;}
ul.topLink {float: none;}
ul.topLink li {display: inline; float: none; padding: 10px 0 0 15px;}
.welcome_msg { text-align:center;}

.logo_right {float: none;}
.basket_header { padding:0px; margin-top:20px; display: block; background:none; float:none; text-align:center; clear:both;}
.basket_header a { background:url(images/cart_icon.png) no-repeat 0 0px; padding-left:25px;}

.icon_refresh { width:100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */}

.sidebar { float: none; margin-bottom: 20px; width: 96%; padding:0 15px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.col_right { float: none; width: 100%; padding:0 15px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

}


/* This is the fourth breakpoint and is for screen sizes between 500 and 360 pixels. 
If there is no difference in the classes above, you would use the classes above or if you need to make changes at this resolution, add them below ~~ */
@media screen and (max-width: 500px) { 
div.logo{width:96%;text-align:center;}
.logo_row { margin:0px; padding:10px 0 10px 0;}

div.icon_refresh, div.icon_truck, div.icon_phone{display:none;} /* Removes the offers from the top fo home page on small displays - remove this line if you want them to appear */

div.basket, div.basket_dis { float: left; margin-right: 0px; margin-top: 10px; padding: 5px;width:40%;}
div.service_section{padding:0px; width:98%;}
.menu_right2 .searchBox { float: right; margin: 15px 0 0 0px; position: relative; width: 160px;}

.offer-banner-section .col, .offer-banner-section .col-m, .offer-banner-section .col-last {float: none; width: 100%;  text-align:center; margin-bottom:20px; margin-left:0px;}
.offer-banner-section .col img, .offer-banner-section .col-last img { width:auto; max-width:100%;}

.product_listing li {float:none; margin: 0 0 20px; width: 100%; padding:0 15px; 
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */ }
.product_listing li .product_img_box { text-align:center;}
.product_listing li .product_img_box a img { max-width: 100%;  width: auto;}
.product_listing h2{text-align:center;}

div.item{ width: 100%; text-align:center;}


.footer_social_row {text-align: center; padding: 15px 0;}
ul.footer_social_icon {float: none;}
ul.footer_social_icon li { display: inline; float: none; padding:0;}
.payment_icon { float: none; margin-top: 15px;}



.footer_space { padding: 30px 20px 0;}
.footer_column { float: none; margin-bottom: 15px; width: 100%;}



.bottom_links ul {margin: 10px 0 0 -10px;}

div.product{
	width:95%;
height:auto;
}

div.prodnavigation{
	width:95%;
}

div.detailimage{
	width:95%;
}

.detailname h1, span.detaildiscountsapply, div.detaildescription{
	width:95%;
}

span.detaildiscountsapply{
  	margin-left:10px;
}

div.detailmultioptiontext{
	width:95%;
}
div.category{
	width:85%;
}

 /* ~~ Remove left hand field on checkout ~~*/
.cobcol1{
  	display:none;
}

/* ~~ Modify additional info field on checkout ~~*/
textarea.addinfo{
	width:150px;
}


}


/* This is the fifth breakpoint and is for screen sizes between 360 and below. 
If there is no difference in the classes above, you would use the classes above or if you need to make changes at this resolution, add them below ~~ */
@media screen and (max-width: 360px) { 

.icon_phone { float:left; margin-top:10px;}
.menu_right2 .basket { float:left;}
.menu_right2 .searchBox { margin-left:0px;}
.menu_right2 .searchBox {width: 90px;}
}


@media screen and (max-width: 320px) { 



}



.FL h1
{
	margin-top:0px;
}
@media screen and (max-width:700px) { 
	.sb
	{
		display:none;
	}
	#footer-widgets .footer-column
	{
		width:60%;
	}
}
@media screen and (min-width:380px) and (max-width:414px) { 
#footer-widgets .footer-column
	{
		width:48%;
	}
}
/* STYLE SHEET FOR THE ECT CART PAGE */

/* CART CONTAINER */
div.cartcontentsdiv{
width:100%;
float:left;
}

/* BACK ORDER */
div.cartbackorder{
float:left;
width:98%;
font-weight:bold;
}

/* LOW STOCK WARNING */
div.cartoutstock{
float:left;
width:98%;
font-weight:bold;
margin:6px 0px 6px 0px;
}

div.cartstockacceptlevel{
float:left;
width:98%;
font-weight:bold;
margin:6px 0px 6px 0px;
}

div.cartoptionoutstock{
text-align:center;
}

/* TOP ROW */
div.cartdetails_cntnr{
float:left;
width:100%;
white-space:nowrap;
padding:2px;
margin:1px
}

div.cartdetails{
display:inline-block; 
white-space:normal;
border-bottom:1px solid #999;
padding-bottom:6px;
margin:12px 0px 6px 0px;
}

div.cartdetailsid{
width:25%;
}
div.cartdetailsname{
width:35%;
}
div.cartdetailsprice{
width:13%;
}
div.cartdetailsquant{
width:8%;
}
div.cartdetailstotal{
width:8%;
text-align:right;
}
div.cartdetailscheck{
width:10%;
}

/* PRODUCT ROW */
div.cartline{
float:left;
width:100%;
white-space:nowrap;
padding-bottom:6px;
margin-bottom:6px;
}

div.cartlineid{
width:25%;
display:inline-block; 
white-space:normal;
vertical-align:top; /* If you don't use the image in cart, remove this line */
}
div.cartlinename{
width:35%;
display:inline-block; 
white-space:normal;
}
div.cartlineprice{
width:13%;
display:inline-block; 
white-space:normal;
}
div.cartlinequant{
width:8%;
display:inline-block; 
white-space:normal;
}
div.cartlinetotal{
width:8%;
display:inline-block; 
white-space:normal;
text-align:right;
}
div.cartlinecheck{
width:10%;
display:inline-block; 
white-space:normal;
text-align:center;
  vertical-align:middle; 
}

/* OPTIONS ROW */

div.cartoptionsline{
float:left;
width:100%;
white-space:nowrap;
padding:2px 2px 6px 2px;
margin:1px 1px 12px 1px;
}

div.cartandoptsline{
float:left;
width:100%;
border-bottom:1px solid #ccc;
margin-bottom:12px;
}

div.cartoptiongroup{
width:25%;
display:inline-block; 
white-space:normal;
font-size:0.9em;
}
div.cartoption{
width:35%;
display:inline-block; 
white-space:normal;
font-size:0.9em;
}
div.cartoptionprice{
width:14%;
display:inline-block; 
white-space:normal;
font-size:0.9em;
}
div.cartoptionoutstock{
width:7%;
display:inline-block; 
white-space:normal;
}
div.cartoptiontotal{
width:18%;
display:inline-block; 
white-space:normal;
  text-align:right;
  font-size:0.9em;
}

/* PACKAGE FEATURE */

div.packagediv{
float:left;
width:100%;
}

div.packagerow{
float:left;
width:100%;
}

/* LOYALTY POINTS */
div.cartloyaltypoint_cntnr{
float:left;
width:99%;
}

div.cartloyaltypointmenu{
float:left;
width:77%;
text-align:right;
}

div.cartloyaltypoints{
float:left;
width:18%;
text-align:left;
padding-left: 4px;
}


/* SHIPPING */
div.cartshippingandtotals{
float:left;
width:100%;
margin-bottom:12px;
}

div.cartshippingdetails{
float:left;
width:60%;
padding:2px;
margin:1px;
}

div.estimatorerrors{
width:98%;
float:left;
margin-bottom:12px;
}

div.estimatortitle{
width:98%;
float:left;
font-size:1.2em;
padding-bottom:6px;
}

div.cartestimatortext{
display:inline-block; 
white-space:normal;
width:100%;
margin-bottom:12px;
}

div.estimatorchecktext{
display:inline-block; 
white-space:normal;
width:49%;
}

div.estimatorcheckcarrier{
display:inline-block; 
white-space:normal;
width:49%;
}

div.shipline{
  width:98%;
  float:left;
}

div.shiplinetext{
width:70%;
  float:left;
}

div.shipradio{
  width:25%;
  float:left;
}

div.cartstateselectortext{
display:inline-block; 
white-space:normal;
width:20%;
}

div.cartstateselector{
display:inline-block; 
white-space:normal;
width:77%;
}

div.cartcountryselectortext{
display:inline-block; 
white-space:normal;
width:20%;
}

div.cartcountryselector{
display:inline-block; 
white-space:normal;
width:77%;
}

div.cartzipselectortext{
display:inline-block; 
white-space:normal;
width:20%;
margin-top:8px;
}

div.cartzipselector{
display:inline-block; 
white-space:normal;
width:77%;
margin-top:8px;
}

div.cartestimatorend{
float:left;
width:98%;
margin-top:12px;
}

/* TOTALS */
div.carttotals{
float:left;
width:39%;
}

div.cartsubtotal_cntnr{
float:left;
width:100%;
white-space:nowrap;
}

div.cartsubtotaltext{
display:inline-block; 
white-space:normal;
width:53%;
margin:6px 0px 6px 0px;
}

div.cartsubtotal{
display:inline-block; 
white-space:normal;
width:45%;
text-align:right;
}

div.shippingtotaltext{
display:inline-block; 
white-space:normal;
width:53%;
margin-bottom:6px;
}

div.shippingtotal{
display:inline-block; 
white-space:normal;
width:45%;
text-align:right;
}

div.cartcountrytaxtext{
display:inline-block; 
white-space:normal;
width:53%;
margin-bottom:6px;
}

div.cartcountrytax{
display:inline-block; 
white-space:normal;
width:45%;
text-align:right;
}

div.cartdiscountstext{
display:inline-block; 
white-space:normal;
width:53%;
margin-bottom:6px;
}

div.cartdiscounts{
display:inline-block; 
white-space:normal;
width:45%;
text-align:right;
}

div.cartcoupontext{
display:inline-block; 
white-space:normal;
width:99%;
margin-bottom:6px;
}

div.cartcoupon{
display:inline-block; 
white-space:normal;
width:99%;
}

div.cartgiftcerttext{
display:inline-block; 
white-space:normal;
width:53%;
margin-bottom:6px;
}

div.cartgiftcert{
display:inline-block; 
white-space:normal;
width:45%;
text-align:right;
}


div.cartgrandtotaltext{
display:inline-block; 
white-space:normal;
width:53%;
margin-bottom:6px;
padding: 3px 0px;
font-size:1.1em;
/* border-top:1px solid #999;  Uncomment this line if you want a border above the grand total*/
border-bottom:1px solid #999;
}

div.cartgrandtotal{
display:inline-block; 
white-space:normal;
width:45%;
padding: 3px 0px;
text-align:right;
font-size:1.1em;
/* border-top:1px solid #999;  Uncomment this line if you want a border above the grand total*/
border-bottom:1px solid #999;
}

div.cartcontinueupdate{
width:100%;
float:right;
}

div.cartcontinue{
width:50%;
float:right;
text-align:right;
}

div.cartupdate{
width:50%;
float:right;
}

div.cartcheckoutbuttons{
float:left;
width:100%;
margin-top:18px;
text-align:right;
}

div.checkoutopts{
float:right;
width:140px;
text-align:right;
}

div.cominpurchase{
  float:left;
  width:100%;
  text-align:center;
  margin:6px 0px 6px 0px;
  padding:6px;
  border:1px solid #ccc;
  background:#eee;
}

div.tofreeshipping{
  float:left;
  width:100%;
  text-align:center;
  margin:6px 0px 6px 0px;
  padding:6px;
  border:1px solid #ccc;
  background:#eee;
}

div.coforcelogin{
  float:left;
  width:100%;
  text-align:center;
  margin:6px 0px 6px 0px;
  padding:6px;
  border:1px solid #ccc;
  background:#eee;
}


/* DISCOUNT FORMATTING */
div.ectdscntt{
color:#AD2803;
}

div.ectdscnt{
color:#AD2803;
}

/* COUPON FORMATTING */
#cpncodespan{
font-size:0.8em;
}

#cpncodespan div{
padding: 4px 12px 4px 0px;
}


/* ERROR / WARNING FORMATTING */
div.ectwarning{
color:#AD2803;
}

div.estimatorerror{
color:#AD2803;
}


/* NEW ACCOUNT */

div.cartnewaccountheader{
width:98%;
float:left;
border-bottom:1px solid #999;
padding-bottom:6px;
margin:12px 0px 16px 0px;
font-size:1.2em;
}

div.cartnewaccount{
float:left;
width:100%;
font-size:1.2em;
border-bottom:1px solid #999;
padding-bottom: 6px;
margin-bottom:12px;
}

div.cartloginsuccess{
float:left;
width:100%;
  text-align:center;
  padding:6px 0px;
}

div.cartloginsuccesswait{
float:left;
width:100%;
  text-align:center;
  padding:6px 0px;
}

div.cartacctloginname_cntnr{
  float:left;
  width:100%;
}

div.cartacctloginnametext{
float:left;
width:25%;
  padding-top:8px;
}

div.cartacctloginname{
float:left;
width:75%;
    padding-top:8px;
}

div.cartacctloginallowpromo_cntnr{
  float:left;
  width:100%;
}

div.cartaccloginallowpromo{
float:left;
width:25%;
text-align:right;
}

div.cartaccloginallowpromotext{
float:left;
width:73%;
padding-left:3px;
}

div.cartacctloginemail_cntnr{
  float:left;
  width:100%;
}

div.cartaccloginemailtext{
float:left;
width:25%;
padding-top:8px;
}

div.cartaccloginemail{
float:left;
width:75%;
padding-top:8px;
}

div.cartaccloginpassword_cntnr{
  float:left;
  width:100%;
}

div.cartaccloginpasswordtext{
float:left;
width:25%;
  padding-top:8px;
}

div.cartaccloginpassword{
float:left;
width:75%;
    padding-top:8px;
}

div.cartaccloginextra1text{
float:left;
width:25%;
  padding-top:8px;
}

div.cartaccloginextra1{
float:left;
width:75%;
    padding-top:8px;
}

div.cartaccloginalsubmit{
float:left;
width:100%;
text-align:right;
}

/* LOGIN */
div.loginprompt{
float:left;
width:100%;
}

div.logintoaccount{
width:50%;
float:left;
}

div.createaccount{
width:50%;
float:left;
}

div.cartloginheader{
float:left;
width:100%;
font-size:1.2em;
border-bottom:1px solid #999;
padding-bottom: 6px;
margin-bottom:12px;
}

div.cartloggedin{
float:left;
width:100%;
font-size:1.1em;
border-bottom:1px solid #999;
padding-bottom: 6px;
margin-bottom:12px;
}

div.cartloginemail_cntnr{
float:left;
width:100%;
}

div.cartloginemailtext{
float:left;
width:25%;
padding-top:8px;
}

div.cartloginemail{
float:left;
width:75%;
    padding-top:8px;
}

div.cartloginpwd_cntnr{
float:left;
width:100%;
}

div.cartloginpwdtext{
float:left;
width:25%;
  padding-top:8px;
}

div.cartloginpwd{
float:left;
width:75%;
    padding-top:8px;
}

div.cartlogincookie_cntnr{
float:left;
width:100%;
}

div.cartlogincookie{
float:left;
width:25%;
  text-align:right;
    padding-top:8px;
}

div.cartlogincookietext{
float:left;
width:72%;
padding-left:6px;
padding-top:8px;
}

div.cartloginbuttons{
width:100%;
float:left;
margin-top:12px
}

div.cartloginlogin{
width:20%;
float:left;
}

div.cartloginnewacct{
width:35%;
float:left;
}

div.cartloginforgotpwd{
width:45%;
float:left;
text-align:right;
}

/* WISH LIST */
div.cartviewinglist{
float:left;
width:100%;
}

span.listname{
font-weight:normal;
}

#savecartlist{
background:#fcfcfc;
}

/* EMPTY CART */
div.emptycart{
float:left;
text-align:center;
width:100%;
}

div.sorrycartempty{
float:left;
width:100%;
  margin-top:10px;
  padding:8px;
}

div.cartemptyclickhere{
float:left;
width:100%;
  padding:8px;
}

div.emptycartviewmain{
float:left;
width:100%;
    padding:8px;
}

div.emptycartcontinue{
float:left;
width:100%;
    padding:8px;
}

div.mywishlistemptycart{
float:left;
width:100%;
}

div.emptycartemptylist{
float:left;
width:100%;
}

/* MAILING LIST CONFIRMATION */

div.cartemailconftitle{
width:100%;
float:left;
text-align:center;
padding:8px 0px;
}

div.cartemailconfaction{
width:100%;
float:left;
text-align:center;
padding:8px 0px;
}

div.cartemailconfcontinue{
width:100%;
float:left;
text-align:center;
padding:8px 0px;
}

/* GIFT WRAP */
div.giftwrap{
  float:left;
  width:100%;
}

div.giftwrapdiv{
float:left;
width:100%;
white-space:nowrap;
padding:2px;
margin:1px
}

div.giftwrapdetailscntr{
display:inline-block; 
white-space:normal;
}

div.giftwrapid{
width:25%;
float:left;
  border-bottom:1px solid #999;
padding-bottom:6px;
margin:12px 0px 6px 0px;
}

div.giftwrapname{
width:25%;
float:left;
  border-bottom:1px solid #999;
padding-bottom:6px;
margin:12px 0px 6px 0px;
}

div.giftwrapquant{
width:25%;
float:left;
  border-bottom:1px solid #999;
padding-bottom:6px;
margin:12px 0px 6px 0px;
}

div.giftwrapyes{
width:25%;
float:left;
  border-bottom:1px solid #999;
padding-bottom:6px;
margin:12px 0px 6px 0px;
}

div.giftwrapupdate{
width:100%;
float:left;
}

div.giftwraplineid{
display:inline-block; 
white-space:normal;
width:25%;
vertical-align:top;
}

div.giftwraplinename{
display:inline-block; 
white-space:normal;
width:25%;
  vertical-align:top;
}

div.giftwraplinequant{
display:inline-block; 
white-space:normal;
width:25%;
  vertical-align:top;
}

div.giftwraplineyes{
display:inline-block; 
white-space:normal;
width:25%;
  vertical-align:top;
}

div.giftwraptmessage{
width:17%;
float:left;
}

div.giftwrapmessage{
width:99%;
float:left;
}

div.giftwraplinemessage{
width:98%;
}

div.giftwraplinemessage textarea{
  width:100%;
}

div.giftwrapbuttons{
  width:100%;
  float:left;
  text-align:right;
  margin-top:12px;
}

/* BILLING & SHIPPING */

div.cart2details{
  width:98%;
  float:left;
}

div.cart2header{
width:100%;
float:left;
  border-bottom:1px solid #999;
padding-bottom:6px;
margin:12px 0px 6px 0px;
  font-size:1.2em;
}

div.billformrow{
  float:left;
  width:100%;
}

div.shipformrow{
  float:left;
  width:100%;
}

div.checkoutadditionals{
  float:left;
  width:100%;
}

div.cobhl2{
padding-top:8px;
}

div.cobll2{
padding-top:8px;

}

div.cdformtextra1{
float:left;
width:30%;
}

div.cdformextra1{
float:left;
width:70%;
}

div.cdformtname{
float:left;
width:30%;
}

div.cdformname{
float:left;
width:70%;
}

div.cdformtemail{
float:left;
width:30%;
}

div.cdformemail{
float:left;
width:70%;
}

div.cdformtaddress{
float:left;
width:30%;
}

div.cdformaddress{
float:left;
width:70%;
}

div.cdformtaddress2{
float:left;
width:30%;
}

div.cdformaddress2{
float:left;
width:70%;
}

div.cdformtcity{
float:left;
width:30%;
}

div.cdformcity{
float:left;
width:70%;
}

div.cdformtstate{
float:left;
width:30%;
}

div.cdformstate{
float:left;
width:70%;
}

div.cdformtcountry{
float:left;
width:30%;
}

div.cdformcountry{
float:left;
width:70%;
}

div.cdformtzip{
float:left;
width:30%;
}

div.cdformzip{
float:left;
width:70%;
}

div.cdformtphone{
float:left;
width:30%;
}

div.cdformphone{
float:left;
width:70%;
}

div.cdformtextra2{
float:left;
width:30%;
}

div.cdformextra2{
float:left;
width:70%;
}

div.coshipflagscontainer{
  float:left;
  width:100%;
  margin-bottom:12px
}

div.cdshipftflag{
float:left;
width:32% !important;
text-align:right;
padding-right:12px;
padding-top:12px;
}

div.cdshipflag{
float:left;
width:66% !important;
padding-top:12px;
font-size:0.9em;
}

div.cdformtextraco1{
float:left;
width:30%;
}

div.cdformextraco1{
float:left;
width:70%;
}

div.cdformtextraco2{
float:left;
width:30%;
}

div.cdformextraco2{
float:left;
width:70%;
}

div.cdformtterms{
float:left;
width:32%;
text-align:right;
padding-right:12px;
padding-top:12px;
}

div.cdformterms{
float:left;
width:66%;
padding-top:12px;
}

div.cdformshipdiff{
float:left;
width:100%;
padding:12px 0px 12px 0px;
}

input.cdformshipdiff{
margin-right:12px;
}

div.cdformtaddinfo{
float:left;
width:30%;
}

div.cdformaddinfo{
float:left;
width:70%;
}

textarea.addinfo{
width:90%;
}

div.cdformtremember{
float:left;
width:32%;
text-align:right;
padding-right:12px;
padding-top:12px;
}

div.cdformremember{
float:left;
width:66%;
padding-top:12px;
}

div.cdformtmailing{
float:left;
width:32%;
text-align:right;
padding-right:12px;
padding-top:12px;
}

div.cdformmailing{
float:left;
width:66%;
padding-top:12px;
}

div.cdformtcoupon{
float:left;
width:30%;
padding-top:12px;
}

div.cdformcoupon{
float:left;
width:70%;
padding-top:12px;
}

div.cdformtitle{
float:left;
width:100%
}

div.cdformtitlell{
float:left;
width:100%;
}

div.cdform2column{
float:left;
width:100%;
}

div.cdformtpayment{
float:left;
width:30%;
clear:left;
padding-top:12px;
}

div.cdformpayment{
float:left;
width:70%;
padding-top:12px;
}

div.payprovider{
float:left;
width:100%;
}

div.payprovline{
float:left;
width:100%;
margin-bottom:8px;
}

div.payprovline img{
vertical-align:top;
margin-left:12px;
}

div.checkoutbutton2{
float:left;
width:100%;
text-align:right;
}

div.cdformsubmit{
float:left;
width:100%;
}

/* SHIPPING TOTALS SCREEN */

div.cart3details{
width:98%;
float:left;
}

div.cartheader{
width:100%;
float:left;
font-size:1.2em;
}

div.cart3header{
border-bottom:1px solid #999;
padding-bottom:6px;
margin:12px 0px 6px 0px;
font-size:1.2em;
}

div.cart2column{
width:100%;
float:left;
padding-bottom:6px;
margin:12px 0px 6px 0px;
}

div.cart3row{
width:100%;
float:left;
}

div.cobhl3{
width:30%;
float:left;
padding-bottom:6px;
}

div.cart3totgoodst {
border-bottom:1px solid #ccc;
  margin-bottom:12px;
  font-size:1.1em;
}

div.cart3totgoods {
border-bottom:1px solid #ccc;
  margin-bottom:12px;
    font-size:1.1em;
}

div.cobll3{
width:70%;
float:left;
padding-bottom:6px;
}

div.shiprateline{
width:100%;
float:left;
}

div.shiptableline{
width:100%;
float:left;
}

div.shiprateradio{
width:10%;
float:left;
}

div.shipratemethod{
width:65%;
float:left;
}

div.shiptablelogo{
height: 10em;
position: relative;
width:80px;
height:60px;
float:left;
}

div.shiptablelogo img{
margin: 0;
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%)
}

div.shiptablerates{
float:left;
width:70%;
min-height:45px;
padding:18px 0px 0px 16px;
}

div.cartheading{
width:100%;
float:left;
padding-bottom:6px;
margin:12px 0px 16px 0px;
border-bottom:1px solid #999;
font-size:1.2em;
}

div.cart3gndtot {
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
margin-bottom:12px;
padding-top:6px;
font-size:1.2em;
}

div.cart3gndtott {
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
margin-bottom:12px;
padding-top:6px;
font-size:1.2em;
}

/* CREDIT CARD RESULTS SCREEN */

div.cart4details{
width:98%;
float:left;
}

div.cart4header{
width:100%;
float:left;
padding-bottom:6px;
margin:12px 0px 16px 0px;
border-bottom:1px solid #999;
font-size:1.2em;
}

div.cobhl4{
width:35%;
float:left;
margin-bottom:12px;
padding-top:8px;
}

div.cobll4{
width:65%;
float:left;
margin-bottom:12px;
padding-top:8px;
}

div.cart4row{
width:100%;
float:left;
}

div.cart4buttons{
width:100%;
float:left;
text-align:right;
}

div.checkoutbutton3{
width:100%;
float:left;
text-align:right;
}

/* SECOND LINE TEXT ENTRIES */

span.ectsmallnote{
font-size:0.8em;
}

/* END OF CART CLASSES */


/* STYLE SHEET FOR THE ECT SEARCH PAGE */

/* Main div container */
div.searchform{
width:98%;
float:left;
}

/* Search header div */
div.searchheader{
width:98%;
float:left;
border-bottom:1px solid #999;
padding-bottom:6px;
margin:12px 0px 16px 0px;
font-size:1.2em;
}

/* Search label divs */
div.searchfortext, div.searchpricetext, div.searchtypetext, div.searchcategorytext, div.searchfilterstext{
width:24%;
float:left;
padding:8px 4px;
white-space:nowrap;
}

/* Search form field divs */
div.searchfor, div.searchprice, div.searchtype, div.searchcategory, div.searchfilters{
width:72%;
float:left;
padding:8px 4px;
}

/* Search form field formatting */
div.searchfor input{
width:80%;
border: 1px solid #ccc;
padding:6px;
}

div.searchprice input{
border: 1px solid #ccc;
padding:6px;
}

div.searchtype select{
width:170px;
padding:4px;
}

div.searchcategory select{
width:170px;
padding:4px;
}

/* Search filters set to 2 columns by 48% width - use 98% for one column */
div.searchfiltergroup{
padding:4px 0px;
width:48%;
float:left;
}

div.searchfiltergroup select{
width:170px;
padding:4px;
}

/* Div containing submit button */
div.searchsubmit{
width:98%;
float:left;
text-align:right;
}


/* END OF SEARCH CLASSES */


/* STYLE SHEET FOR THE ECT AFFILIATE, ORDER STATUS, CLIENT LOGIN, TRACKING PAGES */

/* Main div container */
div.ectdiv{
width:98%;
float:left;
margin-bottom:20px;
}

/* Header div */
div.ectdivhead{
width:98%;
float:left;
border-bottom:1px solid #999;
padding-bottom:6px;
margin:12px 0px 16px 0px;
font-size:1.2em;
}

/* Label divs */
div.ectdivleft{
width:28%;
float:left;
padding:8px 4px;
white-space:nowrap;
clear:both;
}

/* Form field divs */
div.ectdivright{
width:68%;
float:left;
padding:8px 4px;
}

/* Form field formatting */
div.ectdivright input{
width:60%;
border: 1px solid #ccc;
padding:6px;
}

div.ectdivright select{
width:63%;
border: 1px solid #ccc;
padding:6px;
}

div.ectdivright input[type=checkbox]{
width:10px;
}

/* Div spanning 2 columns */
div.ectdiv2column{
width:98%;
float:left;
margin:8px 0px;
}

div.ectdiv2column ul{
list-style:none;
}

/* Warning message on Order Status page */
div.ectorderstatus div.ectwarning{
width:98%;
float:left;
}

/* Text based div */
div.ectmessagescreen{
  float:left;
  width:98%;
}

div.ectmessagescreen input{
 margin-top:12px;
}

/* Account details on client login */
div.ectclientloginaccount div.ectdivleft{
white-space:normal;
}

/* Address details on client login */
div.ectclientloginaddress div.ectdivleft{
width:48%;
}

div.ectclientloginaddress div.ectdivright{
width:48%;
}

/* Gift registry on client login */
div.ectclientlogingiftreg input{
width:120px;
}

div.ectclientlogingiftreg input[type=button]{
width:120px;
}

div.ectclientloginorders{
float:left;
}

div.ectclientloginorders div{
padding:6px;
margin:4px;
font-size:0.9em;
}

/* Tracking buttons */
input.trackinggo{
width:60px !important;
margin-bottom:12px;
}

/* Tracking form */
div.ecttracking div.ectdivcontainer{
width:98%;
float:left;
}


div.trackingselectlogo{
float:left;
width:90px;
margin-top:8px;
}


div.ecttracking div.ectdivleft{
width:42%;
white-space:normal;
float:left;
clear:none !important;
padding-top:0px !important;
margin-top:8px;
}

div.ecttracking div.ectdivright{
width:43%;
float:left;
padding-top:0px !important;
margin-top:8px;
}

div.trackinglogo, div.trackingtext{
float:left;
padding:6px;
}

div.ecttrackingresults{
float:left;
width:98%
}

div.ecttrackingresults div{
width:33%;
}

div.trackingcopyright{
float:left;
width:98%
}

/* Header row on Tracking form */
div.tracktablehead div{
padding:20px 0px 6px 4px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}


/* Shaded rows on Tracking form */
div.ectlowlight{
  background:#ededed;
  padding:4px;
  margin:2px;
  font-size:0.9em;
}

div.ecthighlight{
  background:#fefefe;
    padding:4px;
  margin:2px;
    font-size:0.9em;
}

div.ectlowlight div{
width:98%
}

div.ecthighlight div{
width:98%
}

div.trackingcopyright{
  float:left;
  font-size:0.9em;
}

/* Gift Certificate form */
div.ectgiftcerts{
float:left;
width:98%;
}

div.ectgiftcerts div.ectdivleft{
width:38%;
white-space:normal;
}

div.ectgiftcerts div.ectdivright{
width:58%;
}

div.ectgiftcerts #amount{
width:80px;
}

div.ectgiftcerts textarea{
width:62%;
border: 1px solid #ccc;
}

/* Donations form */
div.ectdonations{
float:left;
width:98%;
}

div.ectdonations #amount{
width:80px;
}

div.ectdonations textarea{
width:62%;
border: 1px solid #ccc;
}


/* FOR RESPONSIVE DESIGNS */


/*The breakpoints below correspond to the cart page*/


/*Styles for screens below 940px*/

@media all and (max-width: 940px) {

/* HIDE DETAILS COLUMN */
div.cartdetailsid{
display:none;
}

div.cartlineid{
display:none;
}

/* MOVE ESTIMATE ABOVE TOTALS */  
div.cartshippingdetails{
width:100%;
}
  
div.carttotals{
 width:100%;
}

/* RESET COLUMNS */

div.cartdetailsname{
width:35%;
}
div.cartdetailsprice{
width:21%;
}
div.cartdetailsquant{
width:16%;
}
div.cartdetailstotal{
width:17%;
}
div.cartdetailscheck{
width:10%;
}

div.cartlinename{
width:35%;
}
div.cartlineprice{
width:21%;
}
div.cartlinequant{
width:16%;
}
div.cartlinetotal{
width:17%;
}
div.cartlinecheck{
width:10%;
}

  
/* REALIGN TOTALS */

div.cartsubtotaltext{
width:72%;
}

div.cartsubtotal{
width:25%;
}

div.shippingtotaltext{
width:72%;
}

div.shippingtotal{
width:25%;
}

div.cartcountrytaxtext{
width:72%;
}

div.cartcountrytax{
width:25%;
}
  
div.cartgiftcerttext{
width:72%;
}

div.cartgiftcert{
width:25%;
}

div.cartdiscountstext{
width:72%;
}

div.cartdiscounts{
width:25%;
}
  
div.cartgrandtotaltext{
width:72%;
}

div.cartgrandtotal{
width:25%;
}

div.cartcoupontext{
width:57%;
}

div.cartcoupon{
width:40%;
}
  
div.cdformtterms{
width:6% !important;
}

div.cdformterms{
width:90% !important;
}
  
div.cdshipftflag{
width:6% !important;
}

div.cdshipflag{
width:90% !important;
}
  
div.cdformtremember{
width:6% !important;
}

div.cdformremember{
width:90% !important;
}
  
div.cdformtmailing{
width:6% !important;
}

div.cdformmailing{
width:90% !important;
}

}

/*This is a breakpoint for responsive designs and puts the search filters into one column*/
@media screen and (max-width: 715px) {

/* Puts the search filters into one column */
div.searchfiltergroup{
padding:4px 0px;
width:95%;
float:left;
}


/* Tracking form */
div.ecttracking div.ectdivleft{
width:95%;
}

div.ecttracking div.ectdivright{
width:95%;
}
}



/*Styles for screens below 480px on the cart page*/

@media all and (max-width: 480px) {
  
div.cartcoupontext{
width:36%;
}

div.cartcoupon{
width:64%;
}

div.cobhl2{
width:98%;
}

div.cobll2{
width:98%;
}


div.cdformshipdiff{
width:90%;
}

div.cobhl4{
width:98%;
}

div.cobll4{
width:98%;
}
  
  div.cobhl3{
width:40%;
float:left;
padding-bottom:6px;
}
  
  div.cobll3{
width:60%;
float:left;
padding-bottom:6px;
}
  
div.cart3totgoodst {
border-bottom:1px solid #ccc;
  margin-bottom:12px;
  font-size:1.1em;
}

div.cart3totgoods {
border-bottom:1px solid #ccc;
  margin-bottom:12px;
    font-size:1.1em;
}

/*Styles for screens below 480px on the affiliate, order status, client login page*/
div.ectdivright input{
width:95%;
}

div.ectdiv2column input{
margin:6px 0px 12px 0px;
}

div.ectdivright{
width:95% !important;
}

div.ectdivleft{
width:95% !important;
}

div.ectgiftcerts textarea{
width:98%;
}

div.ectdonations textarea{
width:98%;
}

}

/*--------------------------------------------------------------
11.0 Andrews social media
--------------------------------------------------------------*/
@import url(http://weloveiconfonts.com/api/?family=entypo);
/* entypo */
[class^="entypo-"]:before,
[class*="entypo-"]:before {
  font-family: 'entypo', sans-serif;
}

*, *:after, *:before {
  box-sizing: border-box;
}

html, body {
  background: #eff0f1;

}

.container {
  width: 25em;
  margin: 0 auto 3em auto;
  text-align: center;
  overflow: hidden;
}

.row {
  margin: 0.5em 0;
  float: left;
  clear: both;
}
.row i {
  cursor: pointer;
  display: inline-block;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.row:first-child {
  background: #f8f8f8;
  padding: 0.5em 0;
  border-radius: 8px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}
.row:first-child i {
  border-right: 1px solid #e8e8e8;
  border-left: 1px solid #fff;
  padding: 0.5em 1em;
  margin: 0;
  text-shadow: 1px 1px 0 white;
}
.row:first-child i:hover {
  color: #34495e !important;
}
.row:first-child i:nth-child(1) {
  color: #3b5998;
  border-left: none;
}
.row:first-child i:nth-child(2) {
  color: #00a0d1;
}
.row:first-child i:nth-child(3) {
  color: #db4a39;
}
.row:first-child i:nth-child(4) {
  color: #c8232c;
}
.row:first-child i:nth-child(5) {
  color: #ea4c89;
  border-right: none;
}
.row:nth-child(4) {
  background: transparent;
}
.row:nth-child(4) i {
  color: #34495e;
  border-radius: 50%;
  padding: 1em;
  position: relative;
  background: white;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
}
.row:nth-child(4) i:hover {
  top: -3px;
}
.row:nth-child(4) i:not(:first-child) {
  margin-left: 1em;
}
.row:nth-child(5) {
  background: transparent;
}
.row:nth-child(5) i {
  color: #34495e;
  border: 2px solid #34495e;
  border-radius: 50%;
  padding: 1em;
  position: relative;
  background: transparent;
}
.row:nth-child(5) i:hover {
  background: #34495e;
  color: white;
  top: -2px;
}
.row:nth-child(5) i:not(:first-child) {
  margin-left: 1em;
}
.row:nth-child(2) {
  background: transparent;
}
.row:nth-child(2) i {
  color: white;
  padding: 1em;
  position: relative;
  background: transparent;
}
.row:nth-child(2) i:hover {
  top: -2px;
}
.row:nth-child(2) i:nth-child(1) {
  background: #3b5998;
  border-left: none;
}
.row:nth-child(2) i:nth-child(2) {
  background: #00a0d1;
}
.row:nth-child(2) i:nth-child(3) {
  background: #db4a39;
}
.row:nth-child(2) i:nth-child(4) {
  background: #c8232c;
}
.row:nth-child(2) i:nth-child(5) {
  background: #ea4c89;
  border-right: none;
}
.row:nth-child(6) {
  background: transparent;
}
.row:nth-child(6) i {
  color: white;
  padding: 1em;
  position: relative;
  background: transparent;
}
.row:nth-child(6) i:hover {
  border-radius: 50%;
}
.row:nth-child(6) i:not(:first-child) {
  margin-left: 1em;
}
.row:nth-child(6) i:nth-child(1) {
  color: #3b5998;
  border: 2px solid #3b5998;
}
.row:nth-child(6) i:nth-child(1):hover {
  color: white;
  background: #3b5998;
}
.row:nth-child(6) i:nth-child(2) {
  color: #00a0d1;
  border: 2px solid #00a0d1;
}
.row:nth-child(6) i:nth-child(2):hover {
  color: white;
  background: #00a0d1;
}
.row:nth-child(6) i:nth-child(3) {
  color: #db4a39;
  border: 2px solid #db4a39;
}
.row:nth-child(6) i:nth-child(3):hover {
  color: white;
  background: #db4a39;
}
.row:nth-child(6) i:nth-child(4) {
  color: #c8232c;
  border: 2px solid #c8232c;
}
.row:nth-child(6) i:nth-child(4):hover {
  color: white;
  background: #c8232c;
}
.row:nth-child(6) i:nth-child(5) {
  color: #ea4c89;
  border: 2px solid #ea4c89;
}
.row:nth-child(6) i:nth-child(5):hover {
  color: white;
  background: #ea4c89;
}
.row:nth-child(3) {
  background: transparent;
}
.row:nth-child(3) i {
  color: white;
  padding: 1em;
  position: relative;
  background: transparent;
}
.row:nth-child(3) i:nth-child(1) {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNiNTk5OCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJkNDM3MyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3b5998), color-stop(100%, #2d4373));
  background-image: -webkit-linear-gradient(top, #3b5998, #2d4373);
  background-image: linear-gradient(to bottom, #3b5998, #2d4373);
  border-radius: 8px 0 0 8px;
}
.row:nth-child(3) i:nth-child(2) {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYTBkMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNzk5ZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00a0d1), color-stop(100%, #00799e));
  background-image: -webkit-linear-gradient(top, #00a0d1, #00799e);
  background-image: linear-gradient(to bottom, #00a0d1, #00799e);
}
.row:nth-child(3) i:nth-child(3) {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiNGEzOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2JlMzMyMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #db4a39), color-stop(100%, #be3323));
  background-image: -webkit-linear-gradient(top, #db4a39, #be3323);
  background-image: linear-gradient(to bottom, #db4a39, #be3323);
}
.row:nth-child(3) i:nth-child(4) {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M4MjMyYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzlkMWIyMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c8232c), color-stop(100%, #9d1b22));
  background-image: -webkit-linear-gradient(top, #c8232c, #9d1b22);
  background-image: linear-gradient(to bottom, #c8232c, #9d1b22);
}
.row:nth-child(3) i:nth-child(5) {
  background-color: #3b5998;
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ea4c89), color-stop(100%, #e51e6b));
  background-image: -webkit-linear-gradient(top, #ea4c89, #e51e6b);
  background-image: linear-gradient(to bottom, #ea4c89, #e51e6b);
  border-radius: 0 8px 8px 0;
}
.row:nth-child(7) {
  background: #fefefe;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}
.row:nth-child(7) i {
  border-right: 1px solid #e8e8e8;
  padding: 1em;
  margin: 0;
  text-shadow: 1px 1px 0 white;
  color: #3a3a3a;
}
.row:nth-child(7) i:hover {
  box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.12);
}
.row:nth-child(7) i:nth-child(1) {
  border-left: none;
}
.row:nth-child(7) i:nth-child(5) {
  border-right: none;
}
.row:nth-child(7) i:nth-child(1):hover {
  color: #3b5998;
}
.row:nth-child(7) i:nth-child(2):hover {
  color: #00a0d1;
}
.row:nth-child(7) i:nth-child(3):hover {
  color: #db4a39;
}
.row:nth-child(7) i:nth-child(4):hover {
  color: #c8232c;
}
.row:nth-child(7) i:nth-child(5):hover {
  color: #ea4c89;
}
.row:nth-child(8) i {
  padding: 1em;
  margin: 0;
  color: white;
  border-bottom: 5px solid #8e8e8e;
}
.row:nth-child(8) i:hover {
  border-bottom: 5px solid #939393;
}
.row:nth-child(8) i:nth-child(2n) {
  background: #aaa;
}
.row:nth-child(8) i:nth-child(2n + 1) {
  background: #8e8e8e;
}
.row:nth-child(8) i:nth-child(1) {
  border-left: none;
}
.row:nth-child(8) i:nth-child(5) {
  border-right: none;
}
.row:nth-child(8) i:nth-child(1):hover {
  background: #3b5998;
  border-bottom: 5px solid #4c70ba;
}
.row:nth-child(8) i:nth-child(2):hover {
  background: #00a0d1;
  border-bottom: 5px solid #05c4ff;
}
.row:nth-child(8) i:nth-child(3):hover {
  background: #db4a39;
  border-bottom: 5px solid #e37164;
}
.row:nth-child(8) i:nth-child(4):hover {
  background: #c8232c;
  border-bottom: 5px solid #de4049;
}
.row:nth-child(8) i:nth-child(5):hover {
  background: #ea4c89;
  border-bottom: 5px solid #ef7aa7;
}
.row:nth-child(9) {
  background: transparent;
}
.row:nth-child(9) i {
  color: #34495e;
  border: 2px solid transparent;
  border-radius: 0%;
  padding: 1em;
  position: relative;
  background: transparent;
}
.row:nth-child(9) i:hover {
  top: -2px;
  border-radius: 50%;
}
.row:nth-child(9) i:not(:first-child) {
  margin-left: 1em;
}
.row:nth-child(9) i:nth-child(1) {
  color: #3b5998;
  border-bottom-color: #3b5998;
}
.row:nth-child(9) i:nth-child(2) {
  color: #00a0d1;
  border-bottom-color: #00a0d1;
}
.row:nth-child(9) i:nth-child(3) {
  color: #db4a39;
  border-bottom-color: #db4a39;
}
.row:nth-child(9) i:nth-child(4) {
  color: #c8232c;
  border-bottom-color: #c8232c;
}
.row:nth-child(9) i:nth-child(5) {
  color: #ea4c89;
  border-bottom-color: #ea4c89;
}
.row:nth-child(10) {
  background: transparent;
  margin-top: 2em !important;
}
.row:nth-child(10) i {
  color: #34495e;
  border: 2px solid;
  border-radius: 50%;
  padding: 0.5em;
  position: relative;
  background: transparent;
}
.row:nth-child(10) i:hover {
  top: -2px;
  border-radius: 50%;
  color: white !important;
}
.row:nth-child(10) i:not(:first-child) {
  margin-left: 1em;
}
.row:nth-child(10) i:nth-child(1) {
  color: #3b5998;
  border-color: #3b5998;
}
.row:nth-child(10) i:nth-child(2) {
  color: #00a0d1;
  border-color: #00a0d1;
}
.row:nth-child(10) i:nth-child(3) {
  color: #db4a39;
  border-color: #db4a39;
}
.row:nth-child(10) i:nth-child(4) {
  color: #c8232c;
  border-color: #c8232c;
}
.row:nth-child(10) i:nth-child(5) {
  color: #ea4c89;
  border-color: #ea4c89;
}
.row:nth-child(10) i:nth-child(1):hover {
  background: #3b5998;
}
.row:nth-child(10) i:nth-child(2):hover {
  background: #00a0d1;
}
.row:nth-child(10) i:nth-child(3):hover {
  background: #db4a39;
}
.row:nth-child(10) i:nth-child(4):hover {
  background: #c8232c;
}
.row:nth-child(10) i:nth-child(5):hover {
  background: #ea4c89;
}
.row:nth-child(11) i:nth-child(1) {
  color: #3b5998;
  border-color: #3b5998;
}
.row:nth-child(11) i:nth-child(2) {
  color: #00a0d1;
  border-color: #00a0d1;
}
.row:nth-child(11) i:nth-child(3) {
  color: #db4a39;
  border-color: #db4a39;
}
.row:nth-child(11) i:nth-child(4) {
  color: #c8232c;
  border-color: #c8232c;
}
.row:nth-child(11) i:nth-child(5) {
  color: #ea4c89;
  border-color: #ea4c89;
}








/*





   Magic Zoom Plus v5.1.15 

   Copyright 2016 Magic Toolbox

   Buy a license: https://www.magictoolbox.com/magiczoomplus/

   License agreement: https://www.magictoolbox.com/license/





*/



/**

 * Core styles

 */

@font-face {

  font-family: "magictoolbox-thin";

  font-weight: normal;

  font-style: normal;

  src: url("fonts/magictoolbox-thin.eot?#iefix") format("embedded-opentype"), url("data:font/opentype;base64,AAEAAAANAIAAAwBQRkZUTXJLSEgAAAdAAAAAHEdERUYAKQAPAAAHIAAAAB5PUy8yAlYL4QAAAVgAAABWY21hcEAYY70AAAHUAAABSmdhc3D//wADAAAHGAAAAAhnbHlmMMVOJwAAAzQAAAGIaGVhZAmWUYMAAADcAAAANmhoZWEP9QamAAABFAAAACRobXR4L0EAQAAAAbAAAAAkbG9jYQGGAgAAAAMgAAAAFG1heHAAUAAcAAABOAAAACBuYW1l6MPgdAAABLwAAAH1cG9zdLaTuyIAAAa0AAAAZAABAAAAAQAAEWdxz18PPPUACwgAAAAAANDtg/MAAAAA0O2D8wAA/gIInAaeAAAACAACAAAAAAAAAAEAAAae/gIAuAibAAD//wicAAEAAAAAAAAAAAAAAAAAAAAJAAEAAAAJABkABQAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQZeAZAABQAIBTMFmQAAAR4FMwWZAAAD1wBmAhIAAAAABQAAAAAAAAAAAAAAAAAAAAACAAAAAAAAUGZFZABAoAGgBgZm/mYAuAaeAf4AAAABAAAAAAAABAAAAAAAAAACqgAACJsAAAOlAAADpQAACJsAAAibAAAHfABAAAAAAwAAAAMAAAAcAAEAAAAAAEQAAwABAAAAHAAEACgAAAAGAAQAAQACAACgBv//AAAAAKAB//8AAGACAAEAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAqACoAKgBMAGAAdACIAJwAxAAFAAAAAAQABZoAAgAFAAgACwAPAAATEQkBIQE3AREJASEDESERZgFd/uECuP6kPQFd/mYBXP1IpAQABNf77AIK/ZkCC1z99gQU/lICCvrNBZr6ZgABAAD+AgicBp4ACwAACQEHCQEnCQE3CQEXBHEEKyP71fvVIwQr+9UjBCsEKyMCUPvVIwQr+9UjBCsEKyP71QQrIwAAAAEAAP4CA6YGngAFAAARARcJAQcDixv8iQN1GwJQBE4X+8n7yRcAAAABAAD+AgOmBp4ABQAACQEnCQE3A6b8dxsDd/yHGwJQ+7IXBDcENxcAAQAAADcInAPdAAUAACUBNwkBFwRO+7IXBDcENxc3A4oa/IkDeRoAAAEAAAA3CJwD3QAFAAAJAQcJAScETgROF/vJ+8kXA938dxsDd/yHGwACAEAAQAHAAcAADQAYAAAlBycGIyImNDYyFhUUDwEWMzI2NCYiBhUUAcAXcSk3P1lZflkh1yc5OFBQcFBXF3EhWX5ZWT82KQInUHBQUDg5AAAADACWAAEAAAAAAAEAEQAkAAEAAAAAAAIABABAAAEAAAAAAAMALQChAAEAAAAAAAQAEQDzAAEAAAAAAAUACwEdAAEAAAAAAAYAEQFNAAMAAQQJAAEAIgAAAAMAAQQJAAIACAA2AAMAAQQJAAMAWgBFAAMAAQQJAAQAIgDPAAMAAQQJAAUAFgEFAAMAAQQJAAYAIgEpAE0AYQBnAGkAYwBUAG8AbwBsAGIAbwB4AC0AVABoAGkAbgAATWFnaWNUb29sYm94LVRoaW4AAFQAaABpAG4AAFRoaW4AAEYAbwBuAHQARgBvAHIAZwBlACAAMgAuADAAIAA6ACAATQBhAGcAaQBjAFQAbwBvAGwAYgBvAHgALQBUAGgAaQBuACAAOgAgADIANwAtADEALQAyADAAMQA1AABGb250Rm9yZ2UgMi4wIDogTWFnaWNUb29sYm94LVRoaW4gOiAyNy0xLTIwMTUAAE0AYQBnAGkAYwBUAG8AbwBsAGIAbwB4AC0AVABoAGkAbgAATWFnaWNUb29sYm94LVRoaW4AAFYAZQByAHMAaQBvAG4AIAAxAC4AMAAAVmVyc2lvbiAxLjAAAE0AYQBnAGkAYwBUAG8AbwBsAGIAbwB4AC0AVABoAGkAbgAATWFnaWNUb29sYm94LVRoaW4AAAAAAAIAAAAAAAD/mgBmAAAAAAAAAAAAAAAAAAAAAAAAAAAACQAAAAEAAgECAQMBBAEFAQYBBwd1bmlBMDAxB3VuaUEwMDIHdW5pQTAwMwd1bmlBMDA0B3VuaUEwMDUHdW5pQTAwNgAAAAH//wACAAEAAAAMAAAAFgAAAAIAAQADAAgAAQAEAAAAAgAAAAAAAAABAAAAANBwQGEAAAAA0O2D8wAAAADQ7YPz");

}



.MagicZoom,

.mz-figure,

.mz-lens,

.mz-zoom-window,

.mz-loading,

.mz-hint,

.mz-expand .mz-expand-stage,

.mz-expand .mz-expand-stage .mz-image-stage,

.mz-expand .mz-image-stage > figure .mz-caption,

.mz-thumb img,

.mz-expand-thumbnails,

.mz-expand-controls,

.mz-button {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

}



.MagicZoom,

.mz-figure {

    display: inline-block;

    outline: 0 !important;

    font-size: 0 !important;

    line-height: 100% !important;

    direction: ltr !important;

    position: relative;

    z-index: 1;

    margin: 0 auto;

    vertical-align: middle;

    -webkit-user-select: none;

       -moz-user-select: none;

        -ms-user-select: none;

            user-select: none;

    -webkit-touch-callout: none;

    -webkit-tap-highlight-color: transparent;

    -webkit-backface-visibility: hidden;

            backface-visibility: hidden;

}

.MagicZoom {

    -webkit-transform: translate3d(0,0,0);

    -ms-touch-action: pan-y;

        touch-action: pan-y;

}

figure.mz-figure {

    overflow: hidden;

    margin: 0 !important;

    -webkit-transform-style: preserve-3d;

            transform-style: preserve-3d;

}

.MagicZoom img,

.mz-figure img {

    border: 0 !important;

    margin: 0 !important;

    outline: 0 !important;

    padding: 0 !important;

}

.MagicZoom > img,

.mz-figure > img {

    width: 100%;

    height: auto;

}

.ie8-magic .MagicZoom > img,

.ie8-magic .mz-figure > img {

    width: 100%;

    max-width: none !important;

}

.mz-figure.mz-no-zoom.mz-no-expand,

.mz-expand .mz-figure.mz-no-zoom {

    cursor: default !important;

}

.mz-figure.mz-active,

.mz-expand {

    -ms-touch-action: none;

        touch-action: none;

}



.mz-lens,

.mz-zoom-window {

    position: absolute !important;

    overflow: hidden !important;

    pointer-events: none !important;

}

.mz-lens img,

.mz-zoom-window img {

    position: absolute !important;

    max-width: none !important;

    max-height: none !important;

}

.mz-lens img {

    -webkit-transition: none !important;

            transition: none !important;

}



.mz-zoom-window {

    z-index: 2000000000;

    -webkit-transform: translate3d(0,0,0);

            transform: translate3d(0,0,0);

}

.mz-zoom-window.mz-magnifier {

    -webkit-mask-image: -webkit-radial-gradient(circle, white, black);

    -webkit-mask-clip: content;

    cursor: none;

}

.mz-figure.mz-active .mz-zoom-window.mz-magnifier {

    pointer-events: auto !important;

    cursor: inherit !important;

}

.mz-zoom-window.mz-magnifier.mz-expanded {

    z-index: 2147483647;

}

.mz-zoom-window img  {

    width: auto;

    height: auto;

    left: -1000%;

    right: -1000%;

    top: -1000%;

    bottom: -1000%;

    margin: auto !important;

    -webkit-transition: none;

            transition: none;

    -webkit-transform-origin: 50% 50% !important;

        -ms-transform-origin: 50% 50% !important;

            transform-origin: 50% 50% !important;

}

.mz-zoom-window.mz-preview img {

    top: 0 !important;

    bottom: 0 !important;

    left: 0 !important;

    right: 0 !important;

    margin: 0 !important;

    width: 100% !important;

    height: auto !important;

    -webkit-transform: none !important;

            transform: none !important;

}

.lt-ie9-magic .mz-zoom-window img  {

    margin: 0 !important;

}



.mz-expand-controls {

    z-index: 2147483647;

}



.mz-fade {

    -webkit-transition: opacity .25s;

            transition: opacity .25s;

}

.mz-hidden {

    opacity: 0;

}

.mz-visible {

    opacity: 1;

}



.mobile-magic .mz-expand .mz-expand-bg {

    -webkit-transform-style: flat !important;

            transform-style: flat !important;

}

.mobile-magic .mz-expand .mz-image-stage > figure .mz-caption {

    display: none !important;

}

.mobile-magic .mz-expand-controls.mz-fade {

    transition: none !important;

}

.mobile-magic .mz-expand > .mz-zoom-window {

    top: 0 !important;

    left: 0 !important;

}



.mz-expanded-view-open,

.mz-expanded-view-open body {

    overflow: hidden !important;

}

.mz-expanded-view-open body { height: auto !important; }





/**

 * Main figure

 */

.mz-figure.mz-active {

    background: #fff;

}

.mz-figure.mz-no-zoom,

.mz-figure.mz-click-zoom,

.mz-figure.mz-active {

    cursor: pointer;

    cursor: -webkit-zoom-in;

    cursor: -moz-zoom-in;

    cursor: zoom-in;

}

.mz-figure.mz-active.mz-no-expand {

    cursor: crosshair;

}

.mz-figure.mz-active.mz-click-zoom.mz-no-expand {

    cursor: crosshair;

    cursor: -webkit-zoom-out;

    cursor: -moz-zoom-out;

    cursor: zoom-out;

}

.mz-figure.mz-active.mz-magnifier-zoom.mz-hover-zoom.mz-no-expand {

    cursor: none;

}

.mz-figure.mz-magnifier-zoom.mz-active {

    overflow: visible !important;

}



.mz-figure.mz-active > img {

    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'saturate\' values=\'0\'/><feComponentTransfer><feFuncA type=\'linear\' slope=\'0.6\'/></feComponentTransfer></filter></svg>#grayscale");

    -webkit-filter: grayscale(80%) opacity(60%);

    filter: grayscale(80%) opacity(60%);

}

.no-cssfilters-magic .mz-figure.mz-active > img {

    opacity: 0.6;

}

.lt-ie10-magic .mz-figure.mz-active > img {

    opacity: 1;

    filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1,opacity=0.6);

}

.mz-figure.mz-active.mz-inner-zoom,

.lt-ie11-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom,

.lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom > img {

    opacity: 0;

}

.lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom,

.lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom > .mz-zoom-window {

    opacity: 1;

}

.lt-ie10-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom,

.lt-ie10-magic .mz-figure.mz-active.mz-inner-zoom > img {

    filter: alpha(opacity=0);

}

.ie9-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom {

    background: transparent;

}



/**

 * Zoom lens

 */

.mz-lens {

    border: 1px solid #aaa;

    border-color: rgba(170,170,170,0.7);

    box-shadow: 0 0 5px rgba(0,0,0,.3);

    cursor: none;

    z-index: 10;

    opacity: 0;

}

.mz-figure.mz-active .mz-lens {

    opacity: 1;

    -webkit-transition: opacity .3s cubic-bezier(0.25, 0.5, 0.5, 0.9) .1s;

    transition: opacity .3s cubic-bezier(0.25, 0.5, 0.5, 0.9) .1s;

}

.mz-figure.mz-active.mz-magnifier-zoom .mz-lens {

    border-radius: 50%;

    opacity: 0;

    cursor: none;

}



/**

 * Zoom window

 */

.mz-zoom-window {

    background: #fff;

    box-shadow: 0 0 3px rgba(0, 0, 0, .2);

}

.mz-zoom-window.mz-magnifier {

    border-radius: 100%;

    border: 0;

    background: rgba(255,255,255,.3);

}

.mz-zoom-window.mz-magnifier:before {

    content: "";

    display: block;

    position: absolute;

    top: 0;bottom: 0;

    left: 0; right: 0;

    border-radius: 100%;

    border: 1px solid rgba(170,170,170,0.7);

    box-shadow: inset 0 0 20px 1px rgba(0,0,0,.3);

    background: transparent;

    z-index: 1;

}

.mz-zoom-window.mz-magnifier.mz-square,

.mz-zoom-window.mz-magnifier.mz-square:before {

    border-radius: 0 !important;

}

.lt-ie9-magic .mz-zoom-window {

    border: 1px solid #e5e5e5;

}

.mz-zoom-window.mz-inner {

    border: none;

    box-shadow: none;

}



/* Caption in zoom window */

.mz-zoom-window .mz-caption {

    background: #777;

    color: #fff;

    font-size: 10pt;

    opacity: 0.8;

    position: absolute;

    top: 0;

    z-index: 150;

    padding: 3px;

    width: 100%;

    line-height: normal !important;

    text-align: center !important;

}

.lt-ie9-magic .mz-zoom-window .mz-caption {

    filter: alpha(opacity=80);

}

.mz-zoom-window.caption-bottom .mz-caption {

    top: auto;

    bottom: 0;

}

.mz-zoom-window.mz-expanded > .mz-caption {

    display: none;

}



/* Zoom window animations */

.mz-zoom-window.mz-deactivating,

.mz-zoom-window.mz-activating {

    -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9), -webkit-transform 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);

            transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9), transform 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);

}

.mz-zoom-window.mz-deactivating {

    -webkit-transition-duration: .25s, .25s, .25s;

            transition-duration: .25s, .25s, .25s;

}

.mz-zoom-window.mz-p-right,

.mz-zoom-window.mz-p-left,

.mz-zoom-window.mz-p-top,

.mz-zoom-window.mz-p-bottom {

    opacity: 0;

    z-index: -100;

}

.mz-zoom-window.mz-p-right {

    -webkit-transform: translate3d(-20%, 0, 0);

            transform: translate3d(-20%, 0, 0);

}

.mz-zoom-window.mz-p-left {

    -webkit-transform: translate3d(20%, 0, 0);

            transform: translate3d(20%, 0, 0);

}

.mz-zoom-window.mz-p-top {

    -webkit-transform: translate3d(0, 20%, 0);

            transform: translate3d(0, 20%, 0);

}

.mz-zoom-window.mz-p-bottom {

    -webkit-transform: translate3d(0, -20%, 0);

            transform: translate3d(0, -20%, 0);

}

/* Inner mode animation */

.mz-zoom-window > img {

    -webkit-transform: translate3d(0, 0, 0) scale(1);

            transform: translate3d(0, 0, 0) scale(1);

    -webkit-backface-visibility: hidden;

            backface-visibility: hidden;

}

.mz-zoom-window.mz-p-inner.mz-deactivating > img,

.mz-zoom-window.mz-p-inner.mz-activating > img {

    -webkit-transition: -webkit-transform .22s cubic-bezier(0.25, 0.5, 0.5, 0.9);

            transition: transform .22s cubic-bezier(0.25, 0.5, 0.5, 0.9);

}

/* Magnifier mode animation */

.mz-zoom-window.mz-p-magnifier {

    -webkit-transform: scale(.1);

            transform: scale(.1);

}

/* Preview mode animation */

.mz-zoom-window.mz-preview.mz-deactivating,

.mz-zoom-window.mz-preview.mz-activating,

.mz-zoom-window.mz-custom.mz-deactivating,

.mz-zoom-window.mz-custom.mz-activating {

    -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);

            transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);

}

.mz-zoom-window.mz-preview.mz-deactivating,

.mz-zoom-window.mz-custom.mz-deactivating {

    -webkit-transition-duration: .2s;

            transition-duration: .2s;

}

.mz-zoom-window.mz-p-preview,

.mz-zoom-window.mz-p-custom {

    opacity: 0;

}





/**

 * Hint & Loading

 */

.mz-hint,

.mz-loading {

    color: #eee;

    background: rgba(49,51,61,0.7);

    font: normal 12px/1.2em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, 'Helvetica Neue', Arial, Helvetica, sans-serif;

    text-decoration: none;

    text-align: center;

    direction: ltr;

    display: inline-block;

    margin: 0;

    position: absolute;

    z-index: 1000;

    pointer-events: none;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    -webkit-transition: opacity 0.25s ease;

            transition: opacity 0.25s ease;

}



.mz-hint {

    bottom: 8px;

    left: 0;

    right: 0;

    padding: 0 10%;

    background-color: transparent;

    -webkit-transition: opacity 0.25s ease, z-index 0.25s ease;

            transition: opacity 0.25s ease, z-index 0.25s ease;

}

.mz-hint-message {

    display: inline-block;

    background: rgba(49,51,61,0.7);

    border-radius: 2em;

    padding: .7em 1.1em;

}

.mz-hint-message:before {

    content: '\02295';

    font-family: serif;

    font-size: 1.5em;

    speak: none;

    text-align: center;

    vertical-align: -2px;

    margin-right: 6px;

    -webkit-transition: opacity 0.25s ease;

            transition: opacity 0.25s ease;

}

.mobile-magic .mz-hint-message:before {

    display: none;

}



.mz-hint-hidden {

    opacity: 0;

    z-index: -1;

    -webkit-transition-delay: .6s;

            transition-delay: .6s;

}

/* Hint in the expanded view on mobile */

.mz-expand .mz-hint {

    font-size: 18px;

    line-height: 1.1em;

    top: 50%;

    bottom: auto;

    margin: 0;

    -webkit-transform: translate(0,-50%);

        -ms-transform: translate(0,-50%);

            transform: translate(0,-50%);



}

.mz-expand .mz-hint-message {

    padding: 1.1em;

}

.mz-expand .mz-hint-message:before {

    display: none;

}

.mz-expand .mz-hint-hidden {

    -webkit-transition-delay: 1s;

            transition-delay: 1s;

    opacity: 0;

}



/* Loading indicator */

.mz-loading {

    font-size: 0;

    border-radius: 100%;

    opacity: 0;

    padding: 0;

    width: 36px;

    height: 36px;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

        -ms-transform: translate(-50%, -50%);

            transform: translate(-50%, -50%);

}

.mz-loading:after {

    content: '';

    position: absolute;

    top: 0; bottom: 0;

    left: 0; right: 0;

    width: 24px;

    height: 24px;

    margin: auto;

    text-indent: -9999em;

    border-radius: 50%;

    border: 2px solid rgba(255, 255, 255, 1);

    border-top-color: transparent;

    box-sizing: border-box;

}

.mz-loading.shown {

    opacity: 1;

    z-index: 1;

    -webkit-transition: opacity 0s;

    transition: opacity 0s;

}

.mz-loading.shown:after {

    -webkit-animation: spin-loading .9s infinite linear;

            animation: spin-loading .9s infinite linear;

}



@-webkit-keyframes spin-loading {

    0% {

        -webkit-transform: rotate(0deg);

                transform: rotate(0deg);

    }

    100% {

        -webkit-transform: rotate(360deg);

                transform: rotate(360deg);

    }

}

@keyframes spin-loading {

    0% {

        -webkit-transform: rotate(0deg);

                transform: rotate(0deg);

    }

    100% {

        -webkit-transform: rotate(360deg);

                transform: rotate(360deg);

    }

}



.lt-ie10-magic .mz-loading {

    font-size: 12px;

    padding: .7em 1.1em;

    width: auto;

    height: auto;

}

.lt-ie10-magic .mz-loading:after {

    content: 'Loading...';

    text-indent: 0;

    border: none;

    position: relative;

}



.lt-ie9-magic .mz-loading {

    filter: alpha(opacity=0);

    right: 0;

    left:  0;

    width: 126px;

    margin: auto;

}

.lt-ie9-magic .mz-hint-message,

.lt-ie9-magic .mz-loading.shown {

    background: transparent !important;

    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#7c31333D', EndColorStr='#7c31333D');

}

.lt-ie9-magic .mz-hint-hidden {

    filter: alpha(opacity=0);

}







/**

 * Expanded view

 */

.mz-expand,

.mz-expand .mz-expand-bg,

.mz-expand .mz-expand-bg > img,

.mz-expand .mz-expand-bg > svg,

.mz-expand .mz-expand-stage,

.mz-expand .mz-expand-stage .mz-image-stage {

    position: absolute;

    top: 0; bottom: 0;

    left: 0; right: 0;

}

.mz-expand .mz-expand-bg,

.mz-expand .mz-expand-bg > img,

.mz-expand .mz-expand-bg > svg {

    width: auto !important;

    height: auto !important;



}

.mz-expand .mz-expand-bg,

.mz-expand .mz-expand-bg > svg  {

    min-width: 100% !important;

    min-height: 100% !important;

}



.mz-expand {

    background-color: rgba(0, 0, 0, 1);

    text-align: center;

    vertical-align: middle;

    display: block;

    overflow: hidden;

    z-index: 2100000000;

    position: fixed;

    width: auto;

    height: auto;

    -webkit-perspective: 600px;

            perspective: 600px;

    -webkit-transform-style: preserve-3d;

            transform-style: preserve-3d;

    -webkit-backface-visibility: hidden;

            backface-visibility: hidden;

    -ms-overflow-style: none;

}



/* Expanded view background */

.mz-expand .mz-expand-bg {

    display: inline-block;

    vertical-align: middle;

    margin: auto;

    z-index: -100;

    max-width: none !important;

    max-height: none !important;

    -webkit-transform: translate3d(0,0,0) scale(10) rotate(0.01deg);

        -ms-transform: translate(0,0) scale(10,10) rotate(0.01deg);

            transform: translate3d(0,0,0) scale(10) rotate(0.01deg);

    -webkit-perspective: 600px;

            perspective: 600px;

    background-repeat: no-repeat;

    background-size: cover;

}

.mz-expand .mz-expand-bg > img  {

    margin: auto;

    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'blur\'><feGaussianBlur stdDeviation=\'80\' in=\'SourceGraphic\'></feGaussianBlur></filter></svg>#blur");

    -webkit-filter: blur(20px) brightness(60%);

            filter: blur(20px) brightness(60%);

    -webkit-transform: translate3d(0,0,0);

            transform: translate3d(0,0,0);

    -webkit-backface-visibility: hidden;

            backface-visibility: hidden;

}

.mz-expand .mz-expand-bg > svg  {

    margin: auto;

    opacity: .6;

}



[data-magic-ua=edge] .mz-expand .mz-expand-bg,

.lt-ie10-magic .mz-expand .mz-expand-bg {

    display: none !important;

}

.lt-ie9-magic .mz-expand {

    background: #1f1f1f;

}

[data-magic-ua=edge] .mz-expand {

    background-color: rgba(31, 31, 31, .96);

}



/** Plain backgrounds: dark-bg, white-bg **/

.mz-expand.plain-bg .mz-expand-bg,

.mz-expand.dark-bg .mz-expand-bg,

.mz-expand.white-bg .mz-expand-bg {

    display: none !important;

}

.mz-expand.dark-bg {

    background-color: #1f1f1f;

    background-color: rgba(31, 31, 31, .96);

}

.mz-expand.white-bg {

    background-color: #fff;

}



/* Expanded view stage */

.mz-expand .mz-expand-stage {

    z-index: 2100000000;

    padding: 0;

}

.mz-expand .mz-expand-stage .mz-image-stage {

    z-index: 50;

    left: 120px;

    right: 120px;

    padding: 20px 0 40px 0;

    margin: 0;

    text-align: center;

    vertical-align: middle;

    -webkit-perspective: 600px;

            perspective: 600px;

    -webkit-backface-visibility: hidden;

            backface-visibility: hidden;

}

.mz-expand .mz-expand-stage.with-thumbs .mz-image-stage {

    padding-bottom: 120px;

}

.mz-expand .mz-expand-stage.mz-zoom-in .mz-image-stage {

    padding: 0 !important;

    left: 0;

    right: 0;

}



.mz-expand .mz-image-stage > figure:before,

.mz-expand .mz-image-stage:before {

    content: '';

    display: inline-block;

    vertical-align: middle;

    height: 100%;

    font-size: 0;

    line-height: 100%;

    width: 0;

}

.mz-expand .mz-image-stage > figure {

    width: 100%;

    max-width: 100%;

    max-height: 100%;

    padding: 0;

    margin: 0;

    display: inline-block;

    vertical-align: middle;

    font-size: 0;

    line-height: 100%;

    position: relative;

}

.mz-expand .mz-figure {

    overflow: visible;

    max-width: 100% !important;

}

.mz-expand .mz-figure > img {

    max-width: 100%;

    width: auto;

    height: auto;

}

.mz-expand .mz-zoom-in .mz-image-stage > figure,

.mz-expand .mz-zoom-in .mz-image-stage > figure .mz-figure.mz-activating,

.mz-expand .mz-zoom-in .mz-image-stage > figure .mz-figure.mz-active {

    width: 100%;

    height: 100%;

}

.mz-expand .mz-figure {

    cursor: pointer;

    cursor: -webkit-zoom-in;

    cursor: -moz-zoom-in;

    cursor: zoom-in;

}

.mz-expand .mz-figure.mz-active {

    cursor: crosshair;

    cursor: -webkit-zoom-out;

    cursor: -moz-zoom-out;

    cursor: zoom-out;

}

/* When inner zoom is always shown */

.mz-expand .mz-expand-stage.mz-zoom-in.mz-always-zoom .mz-image-stage > figure > figure > img {

    z-index: 1;

    position: absolute !important;

    top: -5000px !important;

    bottom: -5000px !important;

    left: -5000px !important;

    right: -5000px !important;

    margin: auto !important;

}



.lt-ie10-magic .mz-zoom-window.mz-expanded img  { filter: alpha(opacity=100); }

.lt-ie10-magic .mz-expand .mz-figure.mz-magnifier-zoom {

    overflow: hidden;

    filter: alpha(opacity=100);

}





/* Caption in expanded view */

.mz-expand .mz-caption {

    color: #fff;

    text-shadow: 0px 0px 46px #000;

    padding: 10px 4px;

    font: normal 10pt/1em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, 'Helvetica Neue', Arial, Helvetica, sans-serif;

    text-align: center;

    width: 100%;

    position: absolute;

    left: 0;

    opacity: 0;

}

.mz-expand .mz-caption.mz-show {

    -webkit-transition: opacity 0.15s ease-out;

    transition: opacity 0.15s ease-out;

    opacity: 1;

}

.mz-expand .mz-caption a {

    color: inherit;

    cursor: pointer;

}

.mz-expand.white-bg .mz-caption {

    color: #555;

    text-shadow: none;

}



.lt-ie9-magic .mz-expand .mz-caption {

    top: 100%;

}



.mz-expand .mz-zoom-window {

    box-shadow: none;

    background: transparent;

}

.lt-ie9-magic .mz-expand .mz-zoom-window {

    border: 0;

}



/* Expanded view on mobile */

.mobile-magic .mz-expand-stage .mz-expand-thumbnails,

.mobile-magic .mz-expand-stage .mz-image-stage {

    left: 0px;

    right: 0px;

}

.mobile-magic .mz-expand .mz-expand-stage.with-thumbs {

    bottom: 0px;

}

.mobile-magic .mz-expand-stage .mz-image-stage {

    padding: 0;

}

.mobile-magic .mz-expand .mz-expand-stage.with-thumbs .mz-image-stage {

    padding: 5px 0 60px;

}

.mobile-magic .mz-expand .mz-expand-stage.mz-zoom-in .mz-image-stage {

    padding-top: 0;

}

.mobile-magic .mz-expand .mz-expand-thumbnails {

    padding: 0;

    height: 60px;

}





/**

 * Buttons & Arrows

 */

.mz-expand-controls,

button.mz-button {

    margin: 0 !important;

    padding: 0 !important;

    outline: 0 !important;

 }

button.mz-button {

    color: #b4b4b4 !important;

    font: 900 34px/1 'magictoolbox-thin' !important;

    cursor: pointer;

    z-index: 90 !important;

    background-color: transparent !important;

    border: 1px solid rgba(180, 180, 180, 0) !important;

    border-radius: 100% !important;

    box-shadow: none !important;

    position: absolute !important;

    text-transform: none !important;

    text-align: center;

    speak: none;

    -webkit-font-smoothing: antialiased;

    width: 60px !important;

    height: 60px !important;

    min-width: 0 !important;

    min-height: 0 !important;

    max-width: none !important;

    max-height: none !important;



}

button.mz-button:before {

    display: inline;

    position: static;

    color: inherit !important;

    font: inherit !important;

    -webkit-font-smoothing: inherit !important;

}

button.mz-button.mz-button-prev,

button.mz-button.mz-button-next {

    margin: auto 10px !important;

    top: 0 !important;

    bottom: 0 !important;

    overflow: hidden !important;

}

button.mz-button.mz-button-prev {

    left: 0 !important;

}

button.mz-button.mz-button-next {

    right: 0 !important;

}

button.mz-button.mz-button-close {

    font-size: 26px !important;

    margin: 10px !important;

    top: 0 !important;

    right: 0 !important;

    z-index: 95 !important;

}

:root:not(.mobile-magic) button.mz-button {

    color: rgba(180, 180, 180, .75) !important;

    -webkit-transform: scale(.85) !important;

            transform: scale(.85) !important;

    -webkit-transition: color .25s, border-color .25s, -webkit-transform .25s !important;

            transition: color .25s, border-color .25s, transform .25s !important;



}

:root:not(.mobile-magic) button.mz-button:hover {

    color: rgba(180, 180, 180, 1) !important;

    border-color: rgba(180, 180, 180, .6) !important;

    -webkit-transform: scale(1) !important;

            transform: scale(1) !important;

}

.mobile-magic button.mz-button {

    -webkit-transition: -webkit-transform .1s !important;

            transition: transform .1s !important;

}

.mobile-magic button.mz-button:active {

    border-color: rgba(180, 180, 180, .6) !important;

    -webkit-transform: scale(.95) !important;

            transform: scale(.95) !important;

}



button.mz-button.mz-button-close:before { content: "\a001"; }

button.mz-button.mz-button-prev:before { content: "\a002";  }

button.mz-button.mz-button-next:before { content: "\a003"; }



@media screen and (max-device-width: 767px) {

    button.mz-button-prev,

    button.mz-button-next {

        display: none !important;

    }



    .mobile-magic .mz-expand button.mz-button {

        width: 44px !important;

        height: 44px !important;

        font-size: 18px !important;

        color: rgba(255, 255, 255, 0.8) !important;

        background-color: rgba(49,51,61,0.3) !important;

        border-color: transparent !important;

    }

}



.lt-ie9-magic button.mz-button {

    border: 0;

    filter: alpha(opacity=75);

}

.lt-ie9-magic button.mz-button:hover {

    filter: alpha(opacity=100);

}





/**

 * Thumbnails

 */



 /* Thumbnails on the page */

a[data-zoom-id],

.mz-thumb, .mz-thumb:focus {

    display: inline-block;

    line-height: 0;

    outline: none;

}

a[data-zoom-id] img,

.mz-thumb img {

    border: 0;

    box-shadow: 0 0 1px 0px rgba(0,0,0,0.3);

    box-sizing: border-box;

}

.mz-thumb:hover:not(.mz-thumb-selected) img {

    -webkit-filter: brightness(75%);

            filter: brightness(75%);

}

.mz-thumb-selected img {

    -webkit-filter: brightness(60%);

            filter: brightness(60%);

}

.no-cssfilters-magic .mz-thumb {

    background: #000;

}

.no-cssfilters-magic .mz-thumb:hover:not(.mz-thumb-selected) img {

    opacity: .75;

    filter: alpha(opacity=75);

}

.no-cssfilters-magic .mz-thumb-selected img {

    opacity: .6;

    filter: alpha(opacity=60);

}

.ie9-magic .mz-thumb img {

    box-shadow: 0 0 4px 0px rgba(0,0,0,0.3);

}



 /* Thumbnails in expanded view */

.mz-expand-thumbnails {

    z-index: 50;

    position: absolute;

    bottom: 0;

    left: 65px;

    right: 65px;

    height: 80px;

    padding: 10px 0;

    box-sizing: border-box;

}

.mz-expand-thumbnails .magic-thumbs .magic-thumb {

    padding: 10px 2px;

}

.mz-expand-thumbnails .magic-thumb > img {

    cursor: pointer;

    height: 40px;

    box-shadow:0 0 5px 1px rgba(0,0,0,0.3);

}

.mz-expand-thumbnails .magic-thumb:not(.magic-thumb-selected) > img:hover {

    -webkit-filter: brightness(70%);

            filter: brightness(70%);

}

.mz-expand-thumbnails .magic-thumb-selected img {

    -webkit-filter: brightness(50%);

            filter: brightness(50%);

}

.mz-expand-thumbnails .magic-thumbs .magic-thumbs-button {

    box-shadow: none;

}

.mz-expand-thumbnails .magic-thumbs .magic-thumbs-button-disabled {

    opacity: 0;

}

.no-cssfilters-magic .mz-expand-thumbnails .magic-thumb:hover:not(.magic-thumb-selected) img {

    opacity: .7;

    filter: alpha(opacity=70);

}

.no-cssfilters-magic .mz-expand-thumbnails .magic-thumb-selected img {

    opacity: .5;

    filter: alpha(opacity=50);

}



/** Hide thumbnails in expanded view with .no-expand-thumbnails class **/

.mz-expand.no-expand-thumbnails .mz-expand-stage.with-thumbs .mz-image-stage {

    padding-bottom: 40px;

}

.mz-expand.no-expand-thumbnails .mz-expand-thumbnails {

    display: none;

}

.mobile-magic .mz-expand.no-expand-thumbnails .mz-expand-stage.with-thumbs .mz-image-stage {

    padding: 0;

}

.magic-thumbs,

.magic-thumbs .magic-thumbs-wrapper,

.magic-thumbs ul,

.magic-thumbs li,

.magic-thumbs li:before,

.magic-thumbs li:after,

.magic-thumbs li img,

.magic-thumbs .magic-thumbs-button {

    margin: 0;

    padding: 0;

    outline: 0;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

}



.magic-thumbs {

    direction: ltr;

    overflow: visible;

    z-index: 100;

    position: relative;

    left: 0;

    top: 0;

    padding: 0 30px;

    -webkit-user-select: none;

       -moz-user-select: none;

        -ms-user-select: none;

            user-select: none;

    -webkit-touch-callout: none;

    -webkit-tap-highlight-color: transparent;

    -ms-touch-action: none;

        touch-action: none;

}



.magic-thumbs {

    width: 100%;

    height: 100%;

    white-space: nowrap;

}



.magic-thumbs.no-buttons {

    padding: 0 !important;

}



.magic-thumbs-wrapper {

    display: block;

    width: 100%;

    height: 100%;

    position: relative;

    overflow: hidden;

    text-align: center;

}



.magic-thumbs ul {

    list-style: none;

    font-size: 0;

    display: inline-block;

    vertical-align: middle;

    height: 100%;

    position: relative;

    white-space: nowrap;

}

.magic-thumbs.no-buttons ul {

    left: 0 !important;

    padding: 0 !important;

    -webkit-transition: none !important;

            transition: none !important;

    -webkit-transform: none !important;

        -ms-transform: none !important;

            transform: none !important;

}





.magic-thumbs ul li {

    margin: 0 4px;

    height: 100%;

    width: auto;

    vertical-align: top;

    line-height: 0;

    display: inline-block;

}

.magic-thumbs ul li:after {

    content: '';

    display: inline-block;

    vertical-align: middle;

    height: 100%;

    width: 0;

}



.magic-thumbs ul li > img {

    width: auto;

    height: auto;

    max-width: none !important;

    max-height: 100% !important;

    vertical-align: middle;

}

.ie8-magic .magic-thumbs ul li > img {

    max-width: none !important;

    max-height: none !important;

}



/* vertical */

.magic-thumbs.magic-thumbs-vertical {

    height: 100%;

}

.magic-thumbs-vertical {

    padding: 30px 0;

}

.magic-thumbs-vertical ul {

    height: auto;

    width: 100%;

    white-space: normal;

}

.magic-thumbs-vertical ul li {

    width: 100%;

    height: auto;

}

.magic-thumbs-vertical ul li {

    margin: 4px 0;

}



.magic-thumbs-vertical ul li > img {

    max-width: 100% !important;

    max-height: none !important;

}

.ie8-magic .magic-thumbs-vertical ul li > img {

    width: 100%;

}



/**

 * Buttons

 */

.magic-thumbs button.magic-thumbs-button {

    color: #b4b4b4 !important;

    font: 900 24px/1 'magictoolbox-thin' !important;

    cursor: pointer;

    z-index: 90 !important;

    background-repeat: no-repeat;

    background-color: transparent !important;

    background-image: none;

    border: 0;

    border-radius: 0;

    box-shadow: none !important;

    overflow: hidden;

    position: absolute;

    text-transform: none !important;

    speak: none;

    text-align: center;

    -webkit-font-smoothing: antialiased;

    width: 30px;

    height: 100%;

    top: 0;

    bottom: 0;

    min-width: 0 !important;

    min-height: 0 !important;

    max-width: none !important;

    max-height: none !important;

}

.magic-thumbs button.magic-thumbs-button:before {

    display: inline;

    position: static;

    color: inherit !important;

    font: inherit !important;

    -webkit-font-smoothing: inherit !important;

}

.magic-thumbs .magic-thumbs-button-prev {

    left: 0;

}

.magic-thumbs .magic-thumbs-button-next {

    right: 0;

}

.magic-thumbs .magic-thumbs-button-prev:before { content: "\a002"; }

.magic-thumbs .magic-thumbs-button-next:before { content: "\a003"; }



:root:not(.mobile-magic) .magic-thumbs button.magic-thumbs-button {

    color: rgba(180, 180, 180, .75) !important;

    -webkit-transform: scale(.85) !important;

            transform: scale(.85) !important;

    -webkit-transition: color .25s, -webkit-transform .25s !important;

            transition: color .25s, transform .25s !important;



}

:root:not(.mobile-magic) .magic-thumbs button.magic-thumbs-button:hover {

    color: rgba(180, 180, 180, 1) !important;

    -webkit-transform: scale(1) !important;

            transform: scale(1) !important;

}





/* Vertical buttons */

.magic-thumbs-vertical .magic-thumbs-button {

    width: 100%;

    height: 30px;

    left: 0; right: 0;

    top: auto; bottom: auto;

}

.magic-thumbs-vertical .magic-thumbs-button-prev {

    top: 0;

}

.magic-thumbs-vertical .magic-thumbs-button-next {

    bottom: 0;

}

.magic-thumbs-vertical .magic-thumbs-button-prev:before { content: "\a005"; }

.magic-thumbs-vertical .magic-thumbs-button-next:before { content: "\a004"; }





.magic-thumbs.no-buttons .magic-thumbs-button {

    display: none !important;

}

.magic-thumbs-button-disabled {

    opacity: 0.2;

    filter: alpha(opacity = 20);

}
input.nextimg, input.previmg {
font-size: 12px;
background-color: #aaaaaa;
border: #AFAFAF solid 1px;
border-radius: 5px;
padding: 5px;
margin: 5px;
}








/* STYLE SHEET FOR THE ECT CART PAGE */
div.wishlistcontainer{
}
div.ectdivcontainer{
}
div.amazonpaybuttontext{
margin-bottom:5px;
}
div.amazonlogout1{
clear:both;
}
div.checkoutbutton1{
margin:6px;
}

/* Stock Notify */
div.notifyinstock{
background:#FFF;
margin:30vh auto;
width:350px;
max-width:98%;
padding:2px;
border-radius:8px;
box-shadow:5px 5px 2px #666;
overflow:auto;
}

/* Soft Cart */
div.scwrap{
margin:5vh auto 0 auto;
background:#FFF;
width:600px;
max-width:98%;
padding:6px;
border-radius:5px;
box-shadow:1px 1px 5px #333;
overflow:auto;
max-height:90vh;
}

div.scprodsadded{
padding:3px;
text-align:left;
border-top:1px solid #567CBB;
clear:both;
}

/* Quick Buy */
div.qbuywrapper{
margin:5vh auto 0 auto;
background:#FFF;
width:600px;
max-width:98%;
padding:6px;
border-radius:5px;
box-shadow:1px 1px 5px #333;
}

/* Email Friend */
div.emfmaindiv{
width:98%;
max-width:400px;
margin:auto;
margin-top:5vh;
overflow:auto;
height:90vh;
}

#yourcomments{
width:98%;
}

/* Quantity Pricing */
div.prodquantpricingwrap{
width:200px;
border:1px solid #999;
overflow:hidden;
}
div.detailquantpricingwrap{
width:300px;
border:1px solid #999;
overflow:hidden;
}
div.prodquantpricing,div.detailquantpricing{
width:100%;
text-align:center;
}
div.prodqpheading,div.detailqpheading{
padding:6px;
background:#999;
color:#fff;
}
div.prodqpheadquant,div.prodqpheadprice,div.prodqpquant,div.prodqpprice,
div.detailqpheadquant,div.detailqpheadprice,div.detailqpquant,div.detailqpprice{
padding:6px;
width:50%;
}

/* Calendar */
div.ectcalendar{
box-shadow:0 5px 15px 0 rgba(0,0,0,0.25);
font-family:arial;
font-size:11px;
border:1px solid #a0a0a0;
font-family:arial;
font-size:11px;
background-color:#fff;
}
div.ectcaldayno1{
color:#909090;
}
table.ectcalheader{
margin:1px;
padding:2px;
width:99.4%;
color:#fff;
font-weight:bold;
background-color:#222;
}
div.ectcaltodaydate{
background-color:#f0f0f0;
padding:5px;
text-align:center;
}
table.ectcalselector{
font-family:arial;
font-size:11px;
border-width:1px solid #a0a0a0;
background-color:#F1A42E;
border-collapse:collapse;
min-width:50px;
}
td.ectcalselector{
border:1px solid #222;
padding:3px;
}
div.ectcaldate{
}
div.ectcaldatedisabled{
background-color:#fdd;
pointer-events:none;
cursor:default;
opacity:0.6;
}
div.ectcaltoday{
font-weight:bold;
color:#f00;
border:1px solid #a0a0a0;
}
table.ectcalheader td{
padding:2px;
font-family:arial;
font-size:12px;
}
table.ectcaldates{
font-family:verdana;
font-size:10px;
}
td.ectcaldate{
text-align:right;
padding:6px;
}

/* CART CONTAINER */

div.cartcontentsdiv{
}

/* BACK ORDER */
div.cartbackorder{
overflow:auto;
font-weight:bold;
}

/* LOW STOCK WARNING */
div.cartoutstock{
overflow:auto;
font-weight:bold;
margin:6px 0px 6px 0px;
}
div.cartstockacceptlevel{
overflow:auto;
font-weight:bold;
margin:6px 0px 6px 0px;
}
div.cartoptionoutstock{
text-align:center;
}

/* TOP ROW */
div.cartdetails_cntnr{
float:left;
width:100%;
white-space:nowrap;
padding:2px;
margin:1px
}
div.cartdetails{
display:inline-block; 
white-space:normal;
border-bottom:1px solid #999;
padding-bottom:6px;
margin:12px 0px 6px 0px;
}
div.cartdetailsid{
width:25%;
}
div.cartdetailsname{
width:35%;
}
div.cartdetailsprice{
width:13%;
}
div.cartdetailsquant{
width:8%;
}
div.cartdetailstotal{
width:8%;
text-align:right;
}
div.cartdetailscheck{
width:10%;
}

/* PRODUCT ROW */
div.cartline{
float:left;
width:100%;
white-space:nowrap;
padding-bottom:6px;
margin-bottom:6px;
}
div.cartlineid{
width:25%;
display:inline-block; 
white-space:normal;
vertical-align:middle;
}
div.cartlinename{
width:35%;
display:inline-block; 
white-space:normal;
vertical-align:middle;
padding-right:3px;
}
div.cartlineprice{
width:13%;
display:inline-block; 
white-space:normal;
vertical-align:middle;
}
div.cartlinequant{
width:8%;
display:inline-block; 
white-space:normal;
vertical-align:middle;
}
div.cartlinetotal{
width:8%;
display:inline-block; 
white-space:normal;
text-align:right;
vertical-align:middle;
}
img.cartimage{
max-width:95%;
}
div.cartlinecheck{
font-size:0.8em;
width:10%;
display:inline-block; 
white-space:normal;
text-align:center;
vertical-align:middle; 
}
input.cartlineupdate,input.updateestimator{
background:#D85906;
color:#fff;
border-radius:4px;
border:0px;
font-size:12px;
padding:4px 6px;
cursor:pointer;
text-shadow:0px 1px 0px #854629;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #D85906), color-stop(1, #bc3315));
background:-moz-linear-gradient(top, #D85906 5%, #bc3315 100%);
background:-webkit-linear-gradient(top, #D85906 5%, #bc3315 100%);
background:-o-linear-gradient(top, #D85906 5%, #bc3315 100%);
background:-ms-linear-gradient(top, #D85906 5%, #bc3315 100%);
background:linear-gradient(to bottom, #D85906 5%, #bc3315 100%);
}
input.cartlineupdate::-moz-focus-inner { border: 0; padding: 0; margin:0; }

/* OPTIONS ROW */
div.cartandoptsline{
float:left;
width:100%;
border-bottom:1px solid #ccc;
margin-bottom:12px;
}
div.cartoptionsline div{
font-size:0.85em;
display:inline-block; 
white-space:normal;
}
div.cartoptionsline{
float:left;
width:100%;
white-space:nowrap;
padding-bottom:2px;
margin-bottom:1px;
}
div.cartoptiongroup{
width:25%;
text-align:right;
}
div.cartoptiongroup::after{
content:" - ";
padding-right:10px;
}
div.cartoption{
width:35%;
}
div.cartoptionprice{
width:14%;
}
div.cartoptionoutstock{
width:7%;
}
div.cartoptiontotal{
width:18%;
text-align:right;
}

/* PACKAGE FEATURE */

div.packagediv{
float:left;
width:100%;
}
div.packagerow{
float:left;
width:100%;
}

/* LOYALTY POINTS */
div.cartloyaltypoint_cntnr{
float:left;
width:100%;
}
div.cartloyaltypointmenu{
float:left;
width:53%;
}
div.cartloyaltypointmenu select{
width:170px;
margin-bottom:3px;
}
div.cartloyaltypoints{
float:left;
width:45%;
text-align:right;
}

/* SHIPPING */
div.cartshippingandtotals{
float:left;
width:100%;
margin-bottom:12px;
}

div.cartshippingdetails{
float:left;
width:60%;
padding:1px;
margin:1px;
}

div.estimatorerrors{
overflow:auto;
margin-bottom:12px;
}

div.estimatortitle{
overflow:auto;
font-size:1.2em;
padding-bottom:6px;
}

div.cartestimatortext{
display:inline-block; 
white-space:normal;
width:100%;
margin-bottom:12px;
}

div.estimatorchecktext{
display:inline-block; 
white-space:normal;
width:49%;
}

div.estimatorcheckcarrier{
display:inline-block; 
white-space:normal;
width:49%;
}

div.shipline{
height:25px;
overflow:auto;
}

div.shiplinetext{
float:left;
}

div.shipradio{
width:30px;
float:left;
}

div.cartstateselectortext{
display:inline-block; 
white-space:normal;
width:20%;
}

div.cartstateselector{
display:inline-block; 
white-space:normal;
width:77%;
}

div.cartcountryselectortext{
display:inline-block; 
white-space:normal;
width:20%;
}

div.cartcountryselector{
display:inline-block; 
white-space:normal;
width:77%;
}

div.cartzipselectortext{
display:inline-block; 
white-space:normal;
width:20%;
margin-top:8px;
}

div.cartzipselector{
display:inline-block; 
white-space:normal;
width:77%;
margin-top:8px;
}

div.cartestimatorend{
overflow:auto;
margin-top:12px;
}

div.updateestimator{
margin-top:8px;
margin-left:20%;
}

/* TOTALS */
div.carttotals{
float:left;
width:39%;
}
div.cartsubtotal_cntnr{
float:left;
width:100%;
white-space:nowrap;
}
div.cartsubtotaltext{
display:inline-block; 
white-space:normal;
width:53%;
margin:6px 0px 6px 0px;
}
div.cartsubtotal{
display:inline-block; 
white-space:normal;
width:45%;
text-align:right;
}
div.shippingtotaltext{
display:inline-block; 
white-space:normal;
width:53%;
margin-bottom:6px;
}
div.shippingtotal{
display:inline-block; 
white-space:normal;
width:45%;
text-align:right;
}
div.cartcountrytaxtext{
display:inline-block; 
white-space:normal;
width:53%;
margin-bottom:6px;
}
div.cartcountrytax{
display:inline-block; 
white-space:normal;
width:45%;
text-align:right;
}
div.cartdiscountstext{
display:inline-block; 
white-space:normal;
width:53%;
margin-bottom:6px;
}
div.cartdiscounts{
display:inline-block; 
white-space:normal;
width:45%;
text-align:right;
}
div.cartcoupontext{
display:inline-block; 
white-space:normal;
width:99%;
margin-bottom:6px;
}
div.cartcoupon{
display:inline-block; 
white-space:normal;
width:99%;
}
div.cartgiftcerttext{
display:inline-block; 
white-space:normal;
width:53%;
margin-bottom:6px;
}
div.cartgiftcert{
display:inline-block; 
white-space:normal;
width:45%;
text-align:right;
}
div.cartgrandtotaltext{
display:inline-block; 
white-space:normal;
width:53%;
margin-bottom:6px;
padding: 3px 0px;
font-size:1.1em;
border-bottom:1px solid #999;
}
div.cartgrandtotal{
display:inline-block; 
white-space:normal;
width:45%;
padding: 3px 0px;
text-align:right;
font-size:1.1em;
border-bottom:1px solid #999;
}
div.cartcontinueupdate{
width:100%;
float:right;
}
div.cartcontinue{
width:50%;
float:right;
text-align:right;
}
div.cartupdate{
width:50%;
float:right;
}
div.cartcheckoutbuttons{
float:left;
width:100%;
margin-top:18px;
text-align:right;
}
div.checkoutopts{
float:right;
text-align:right;
}
div.cominpurchase{
float:left;
width:100%;
text-align:center;
margin:6px 0px 6px 0px;
padding:6px;
border:1px solid #ccc;
background:#eee;
}
div.tofreeshipping{
float:left;
width:100%;
text-align:center;
margin:6px 0px 6px 0px;
padding:6px;
border:1px solid #ccc;
background:#eee;
}
div.coforcelogin{
float:left;
width:100%;
text-align:center;
margin:6px 0px 6px 0px;
padding:6px;
border:1px solid #ccc;
background:#eee;
}

/* DISCOUNT FORMATTING */
div.ectdscntt{
color:#AD2803;
}
div.ectdscnt{
color:#AD2803;
}

/* COUPON FORMATTING */
#cpncodespan{
font-size:0.8em;
}

#cpncodespan div{
padding: 4px 12px 4px 0px;
}

/* ERROR / WARNING FORMATTING */
div.ectwarning{
color:#AD2803;
}

div.estimatorerror{
color:#AD2803;
}

/* NEW ACCOUNT */

div.cartnewaccountheader{
overflow:auto;
border-bottom:1px solid #999;
padding-bottom:6px;
margin:12px 0px 16px 0px;
font-size:1.2em;
}
div.cartnewaccount{
float:left;
width:100%;
font-size:1.2em;
border-bottom:1px solid #999;
padding-bottom: 6px;
margin-bottom:12px;
}
div.cartloginsuccess{
float:left;
width:100%;
text-align:center;
padding:6px 0px;
}
div.cartloginsuccesswait{
float:left;
width:100%;
text-align:center;
padding:6px 0px;
}
div.cartacctloginname_cntnr{
float:left;
width:100%;
}
div.cartacctloginnametext{
float:left;
width:25%;
padding-top:8px;
}
div.cartacctloginname{
float:left;
width:75%;
padding-top:8px;
}
div.cartaccloginallowpromo_cntnr{
float:left;
width:100%;
}
div.cartaccloginallowpromo{
float:left;
width:25%;
text-align:right;
margin-top:12px
}
div.cartaccloginallowpromotext{
float:left;
width:73%;
padding-left:3px;
margin-top:10px;
}
div.cartacclogineverdivulge{
font-size:0.8em;
}
div.cartacctloginemail_cntnr{
float:left;
width:100%;
}
div.cartaccloginemailtext{
float:left;
width:25%;
padding-top:8px;
}
div.cartaccloginemail{
float:left;
width:75%;
padding-top:8px;
}
div.cartaccloginpassword_cntnr{
float:left;
width:100%;
}
div.cartaccloginpasswordtext{
float:left;
width:25%;
padding-top:8px;
}
div.cartaccloginpassword{
float:left;
width:75%;
padding-top:8px;
}
div.cartaccloginextra1text, div.cartaccloginextra2text{
float:left;
width:25%;
padding-top:8px;
clear:both;
}
div.cartaccloginextra1, div.cartaccloginextra2{
float:left;
width:75%;
padding-top:8px;
}
div.cartaccloginalsubmit{
float:left;
width:100%;
text-align:right;
}
div.cartaccloginrecaptcha_cntnr{
float:left;
width:100%;
padding-top:8px;
margin-bottom:6px
}
div.cartaccloginrecaptcha{
float:left;
width:73%;
}
div.cartaccloginrecaptchaspace{
float:left;
width:25%;
}

/* LOGIN */

div.logintoaccount{
width:50%;
float:left;
font-size:13px;
}
div.createaccount{
width:50%;
float:left;
font-size:13px;
}
div.cartloginheader{
float:left;
width:100%;
font-size:1.2em;
border-bottom:1px solid #999;
padding-bottom: 6px;
margin-bottom:12px;
}
div.cartloginemail_cntnr{
float:left;
width:100%;
}
div.cartloginemailtext{
float:left;
width:25%;
padding-top:8px;
}
div.cartloginemail{
float:left;
width:75%;
padding-top:8px;
}
div.cartloginpwd_cntnr{
float:left;
width:100%;
}
div.cartloginpwdtext{
float:left;
width:25%;
padding-top:8px;
}
div.cartloginpwd{
float:left;
width:75%;
padding-top:8px;
}
div.cartlogincookie_cntnr{
float:left;
width:100%;
}
div.cartlogincookie{
float:left;
width:25%;
text-align:right;
padding-top:8px;
}
div.cartlogincookietext{
float:left;
width:72%;
padding-left:6px;
padding-top:8px;
}
div.cartloginbuttons{
width:100%;
float:left;
margin-top:12px
}
div.cartloginlogin{
width:20%;
float:left;
}
div.cartloginnewacct{
width:35%;
float:left;
}
div.cartloginforgotpwd{
width:45%;
float:left;
text-align:right;
}

/* WISH LIST */
div.cartviewinglist{
float:left;
width:100%;
}
span.listname{
font-weight:normal;
}
div.savecartlist{
box-shadow:3px 3px 2px #999;
border-collapse:collapse;
}
div.savecartlist div{
border:1px solid grey;
background:#fcfcfc;
padding:5px;
cursor:pointer;
white-space:nowrap;
}
div.savecartdivider{
background:#dcdcdc !important;
padding:0px !important;
cursor:default !important;
}
div.savecartlist div:hover{
background:#ececec;
}

/* EMPTY CART */
div.emptycart{
text-align:center;
}
div.sorrycartempty{
margin-top:30px;
padding:8px;
}
div.cartemptyclickhere{
padding:8px;
}
div.emptycartviewmain{
padding:8px;
}
div.emptycartcontinue{
padding:18px;
margin-bottom:30px;
}
div.emptycartemptylist{
margin-top:50px;
}

/* MAILING LIST CONFIRMATION */
div.cartemailconftitle{
width:100%;
float:left;
text-align:center;
padding:8px 0px;
}
div.cartemailconfaction{
width:100%;
float:left;
text-align:center;
padding:8px 0px;
}
div.cartemailconfcontinue{
width:100%;
float:left;
text-align:center;
padding:8px 0px;
}

/* GIFT WRAP */
div.giftwrap{
float:left;
width:100%;
}
div.giftwrapdiv{
float:left;
width:100%;
white-space:nowrap;
padding:2px;
margin:1px
}
div.giftwrapdetailscntr{
display:inline-block; 
white-space:normal;
}
div.giftwrapid{
width:25%;
float:left;
border-bottom:1px solid #999;
padding-bottom:6px;
margin:12px 0px 6px 0px;
}
div.giftwrapname{
width:25%;
float:left;
border-bottom:1px solid #999;
padding-bottom:6px;
margin:12px 0px 6px 0px;
}
div.giftwrapquant{
width:25%;
float:left;
border-bottom:1px solid #999;
padding-bottom:6px;
margin:12px 0px 6px 0px;
}
div.giftwrapyes{
width:25%;
float:left;
border-bottom:1px solid #999;
padding-bottom:6px;
margin:12px 0px 6px 0px;
}
div.giftwrapupdate{
width:100%;
float:left;
}
div.giftwraplineid{
display:inline-block; 
white-space:normal;
width:25%;
vertical-align:top;
}
div.giftwraplinename{
display:inline-block; 
white-space:normal;
width:25%;
vertical-align:top;
}
div.giftwraplinequant{
display:inline-block; 
white-space:normal;
width:25%;
vertical-align:top;
}
div.giftwraplineyes{
display:inline-block; 
white-space:normal;
width:25%;
vertical-align:top;
}
div.giftwraptmessage{
width:17%;
float:left;
}
div.giftwrapmessage{
width:99%;
float:left;
}
div.giftwraplinemessage textarea{
width:100%;
}
div.giftwrapbuttons{
width:100%;
float:left;
text-align:right;
margin-top:12px;
}

/* BILLING & SHIPPING */
div.cart2details{
overflow:auto;
}
div.cart2header{
width:100%;
float:left;
border-bottom:1px solid #999;
padding-bottom:6px;
margin:12px 0px 6px 0px;
font-size:1.2em;
}
div.billformrow{
float:left;
width:100%;
}

div.shipformrow{
float:left;
width:100%;
}

div.checkoutadditionals{
float:left;
width:100%;
}
div.cobhl2{
padding-top:8px;
}
div.cobll2{
padding-top:8px;
}
div.cdformtextra1{
float:left;
width:30%;
}
div.cdformextra1{
float:left;
width:70%;
}
div.cdformtname{
float:left;
width:30%;
}
div.cdformname{
float:left;
width:70%;
}
div.cdformtemail{
float:left;
width:30%;
}
div.cdformemail{
float:left;
width:70%;
}
div.cdformtaddress{
float:left;
width:30%;
}
div.cdformaddress{
float:left;
width:70%;
}
div.cdformtaddress2{
float:left;
width:30%;
}
div.cdformaddress2{
float:left;
width:70%;
}
div.cdformtcity{
float:left;
width:30%;
}
div.cdformcity{
float:left;
width:70%;
}
div.cdformtstate{
float:left;
width:30%;
}
div.cdformstate{
float:left;
width:70%;
}
div.cdformtcountry{
float:left;
width:30%;
}
div.cdformcountry{
float:left;
width:70%;
}
div.cdformtzip{
float:left;
width:30%;
}
div.cdformzip{
float:left;
width:70%;
}
div.cdformtphone{
float:left;
width:30%;
}
div.cdformphone{
float:left;
width:70%;
}
div.cdformtextra2{
float:left;
width:30%;
}
div.cdformextra2{
float:left;
width:70%;
}
div.coshipflagscontainer{
float:left;
width:100%;
margin-bottom:12px
}
div.cdshipftflag{
float:left;
width:32% !important;
text-align:right;
padding-right:11px;
padding-top:12px;
}
div.cdshipflag{
float:left;
width:66% !important;
padding-top:12px;
font-size:0.9em;
}
div.cdformtwillpickup{
float:left;
width:32% !important;
text-align:right;
padding-right:11px;
padding-top:12px;
}
div.cdformwillpickup{
float:left;
width:66% !important;
padding-top:12px;
font-size:0.9em;
}
div.cdshiptterms{
float:left;
width:32% !important;
text-align:right;
padding-right:11px;
padding-top:12px;
}
div.cdshipterms{
float:left;
width:66% !important;
padding-top:12px;
font-size:0.9em;
}
div.cdformtextraco1{
float:left;
width:30%;
}
div.cdformextraco1{
float:left;
width:70%;
}
div.cdformtextraco2{
float:left;
width:30%;
}
div.cdformextraco2{
float:left;
width:70%;
}
div.cdformtterms{
float:left;
width:32%;
text-align:right;
padding-right:11px;
padding-top:12px;
}
div.cdformterms{
float:left;
width:66%;
padding-top:12px;
}
div.cdformshipdiff{
float:left;
width:100%;
padding:12px 0px 12px 0px;
}
input.cdformshipdiff{
margin-right:12px;
}
div.cdformtaddinfo{
float:left;
width:30%;
}
div.cdformaddinfo{
float:left;
width:70%;
}
textarea.addinfo{
width:90%;
}
div.cdformtremember{
float:left;
width:32%;
text-align:right;
padding-right:11px;
padding-top:12px;
}
div.cdformremember{
float:left;
width:66%;
padding-top:12px;
}
div.cdformtmailing{
float:left;
width:32%;
text-align:right;
padding-right:11px;
padding-top:12px;
}
div.cdformmailing{
float:left;
width:66%;
padding-top:12px;
}
div.cdformtcoupon{
float:left;
width:30%;
padding-top:12px;
}
div.cdformcoupon{
float:left;
width:70%;
padding-top:12px;
}
div.cdformtitle{
float:left;
width:100%
}
div.cdformtitlell{
float:left;
width:100%;
}
div.cdform2column{
float:left;
width:100%;
}
div.cdformtpayment{
float:left;
width:30%;
clear:left;
padding-top:12px;
}
div.cdformpayment{
float:left;
width:70%;
padding-top:12px;
}
div.payprovider{
float:left;
width:100%;
}
div.payprovline{
float:left;
width:100%;
margin-bottom:8px;
}
div.payprovline img{
vertical-align:top;
margin-left:12px;
}
div.checkoutbutton2{
float:left;
width:100%;
text-align:right;
}
div.cdformsubmit{
float:left;
width:100%;
}

/* SHIPPING TOTALS SCREEN */

div.cart3details{
overflow:auto;
}
div.cartheader{
width:100%;
float:left;
font-size:1.2em;
}
div.cart3header{
border-bottom:1px solid #999;
padding-bottom:6px;
margin:12px 0px 6px 0px;
font-size:1.2em;
}
div.cart2column{
width:100%;
float:left;
padding-bottom:6px;
margin:12px 0px 6px 0px;
}
div.cart3row{
width:100%;
float:left;
}
div.cobhl3{
width:30%;
float:left;
padding-bottom:6px;
}
div.cart3totgoodst {
border-bottom:1px solid #ccc;
margin-bottom:12px;
font-size:1.1em;
}
div.cart3totgoods {
border-bottom:1px solid #ccc;
margin-bottom:12px;
font-size:1.1em;
}
div.cobll3{
width:70%;
float:left;
padding-bottom:6px;
}
div.shiprateline{
overflow:auto;
}
div.shiptableline{
overflow:auto;
}
div.shiptablelogo{
height: 10em;
position: relative;
width:80px;
height:60px;
float:left;
}
div.shiptablelogo img{
margin: 0;
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%)
}
div.shiptablerates{
float:left;
width:70%;
min-height:45px;
padding:18px 0px 0px 16px;
}
div.cartheading{
overflow:auto;
padding-bottom:6px;
margin:12px 0px 16px 0px;
border-bottom:1px solid #999;
font-size:1.2em;
}
div.cart3gndtot {
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
margin-bottom:12px;
padding-top:6px;
font-size:1.2em;
}
div.cart3gndtott {
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
margin-bottom:12px;
padding-top:6px;
font-size:1.2em;
}

/* CREDIT CARD RESULTS SCREEN */

div.cart4details{
overflow:auto;
}
div.cart4header{
overflow:auto;
padding-bottom:6px;
margin:12px 0px 16px 0px;
border-bottom:1px solid #999;
font-size:1.2em;
}
div.cobhl4{
width:35%;
float:left;
margin-bottom:12px;
padding-top:8px;
}
div.cobll4{
width:65%;
float:left;
margin-bottom:12px;
padding-top:8px;
}
div.cart4row{
width:100%;
float:left;
}
div.cart4buttons{
width:100%;
float:left;
text-align:right;
}
div.checkoutbutton3{
width:100%;
float:left;
text-align:right;
}

/* SECOND LINE TEXT ENTRIES */

span.ectsmallnote{
font-size:0.8em;
}

/* END OF CART CLASSES */


/* STYLE SHEET FOR THE ECT SEARCH PAGE */

/* Main div container */
div.searchform{
overflow:auto;
}

/* Search header div */
div.searchheader{
overflow:auto;
border-bottom:1px solid #999;
padding-bottom:6px;
margin:12px 0px 16px 0px;
font-size:1.2em;
}

/* Search label divs */
div.searchfortext, div.searchpricetext, div.searchtypetext, div.searchcategorytext, div.searchfilterstext{
width:24%;
float:left;
padding:8px 4px;
white-space:nowrap;
}

/* Search form field divs */
div.searchfor, div.searchprice, div.searchtype, div.searchcategory, div.searchfilters{
width:72%;
float:left;
}

/* Search form field formatting */
div.searchfor input{
width:80%;
border: 1px solid #ccc;
padding:6px;
float:left;
}
div.searchprice input{
border: 1px solid #ccc;
padding:6px;
float:left;
}
div.searchtype select{
width:170px;
padding:4px;
float:left;
}
div.searchcategory select{
width:170px;
padding:4px;
float:left;
}

/* Search filters set to 2 columns by 48% width - use 98% for one column */
div.searchfiltergroup{
width:48%;
float:left;
}
div.searchfiltergroup select{
width:170px;
padding:4px;
}

/* Div containing submit button */
div.searchsubmit{
padding:8px 4px;
}
div.searchfor_cntnr,div.searchprice_cntnr,div.searchtype_cntnr,div.searchcategory_cntnr,div.searchfilters_cntnr,div.searchsubmit{
padding:8px 4px;
clear:both;
}

/* END OF SEARCH CLASSES */


/* STYLE SHEET FOR THE ECT AFFILIATE, ORDER STATUS, CLIENT LOGIN, TRACKING PAGES */

/* Main div container */
div.ectdiv{
overflow:auto;
margin-bottom:20px;
}

/* Header div */
div.ectdivhead{
font-weight:bold;
font-size:1.2em;
text-align:center;
border:1px solid grey;
padding:10px;
margin-bottom:10px;
overflow:auto;
}

/* Label divs */
div.ectdivleft{
width:28%;
float:left;
padding:8px 4px;
white-space:nowrap;
clear:both;
}

/* Form field divs */
div.ectdivright{
width:68%;
float:left;
padding:8px 4px;
}

/* Form field formatting */
div.ectdivright input{
width:60%;
border: 1px solid #ccc;
padding:6px;
}
div.ectdivright select{
width:63%;
border: 1px solid #ccc;
padding:6px;
}
div.ectdivright input[type=checkbox]{
width:10px;
}

/* Div spanning 2 columns */
div.ectdiv2column{
margin:8px 0px;
}
div.ectdiv2column ul{
list-style:none;
}

/* Warning message on Order Status page */
div.ectorderstatus div.ectwarning{
overflow:auto;
}

/* Text based div */
div.ectmessagescreen div{
margin:30px;
}
div.ectmessagescreen input{
margin-top:12px;
}

/* Account details on client login */
div.ectclientloginaccount div.ectdivleft{
white-space:normal;
}

/* Address details on client login */
div.ectclientloginaddress div.ectdivleft{
width:48%;
}
div.ectclientloginaddress div.ectdivright{
width:48%;
}

/* Gift registry on client login */
div.ectdivright input.createlist{
width:auto;
border:1px solid #ccc;
}
input.createlistinput{
vertical-align:middle;
margin:1px;
}
div.ectdivleft input{
width:200px;
border: 1px solid #999;
}
div.ectclientlogingiftreg .ectdiv2column{
padding:6px 8px;
}
div.ectgiftregname{
font-weight:bold;
font-size:1.1em;
}
input.giftregistrycopy{
width:90%;
}
div.ectgiftregistrybuttons input[type=button]{
float:left;
margin-right:10px;
margin-bottom:6px;
}
div.ectgiftregistrybuttons{
overflow:auto;
padding-bottom:30px;
}
div.ectclientlogingiftreg .ectdivleft input{
margin-top:3px;
padding:4px;
}
div.ectclientloginorders{
float:left;
}
div.ectclientloginorders div{
padding:6px;
margin:4px;
font-size:0.9em;
}

/* Tracking buttons */
input.trackinggo{
width:60px !important;
margin-bottom:12px;
}

/* Tracking form */
div.ecttracking div.ectdivcontainer{
}
div.trackingselectlogo{
float:left;
width:90px;
margin-top:8px;
}
div.ecttracking div.ectdivleft{
width:42%;
white-space:normal;
float:left;
clear:none !important;
padding-top:0px !important;
margin-top:8px;
}
div.ecttracking div.ectdivright{
width:43%;
float:left;
padding-top:0px !important;
margin-top:8px;
}
div.trackinglogo, div.trackingtext{
float:left;
padding:6px;
}
div.ecttrackingresults{
overflow:auto;
}
div.ecttrackingresults div{
width:33%;
}
div.trackingcopyright{
overflow:auto;
}

/* Header row on Tracking form */
div.tracktablehead div{
padding:20px 0px 6px 4px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}
div.trackingcopyright{
float:left;
font-size:0.9em;
}

/* Gift Certificate form */
div.ectgiftcerts{
overflow:auto;
}
div.ectgiftcerts div.ectdivleft{
width:38%;
white-space:normal;
}
div.ectgiftcerts div.ectdivright{
width:58%;
}
div.ectgiftcerts #amount{
width:80px;
}
div.ectgiftcerts textarea{
width:62%;
border: 1px solid #ccc;
}

/* Donations form */
div.ectdonations{
overflow:auto;
}
div.ectdonations #amount{
width:80px;
}
div.ectdonations textarea{
width:62%;
border:1px solid #ccc;
}

/* FOR RESPONSIVE DESIGNS */

/*The breakpoints below correspond to the cart page*/

/*Styles for screens below 940px*/

@media all and (max-width: 940px) {

/* HIDE DETAILS COLUMN */
div.cartdetailsid{
display:none;
}
div.cartlineid{
display:none;
}

/* MOVE ESTIMATE ABOVE TOTALS */  
div.cartshippingdetails{
width:100%;
}
div.carttotals{
width:100%;
}

/* RESET COLUMNS */
div.cartdetailsname{
width:35%;
}
div.cartdetailsprice{
width:21%;
}
div.cartdetailsquant{
width:16%;
}
div.cartdetailstotal{
width:17%;
}
div.cartdetailscheck{
width:10%;
}
div.cartlinename{
width:35%;
}
div.cartlineprice{
width:21%;
}
div.cartlinequant{
width:16%;
}
div.cartlinetotal{
width:17%;
}
div.cartlinecheck{
width:10%;
}

/* REALIGN TOTALS */
div.cartsubtotaltext{
width:72%;
}
div.cartsubtotal{
width:25%;
}
div.shippingtotaltext{
width:72%;
}
div.shippingtotal{
width:25%;
}
div.cartcountrytaxtext{
width:72%;
}
div.cartcountrytax{
width:25%;
}
div.cartgiftcerttext{
width:72%;
}
div.cartgiftcert{
width:25%;
}
div.cartdiscountstext{
width:72%;
}
div.cartdiscounts{
width:25%;
}
div.cartgrandtotaltext{
width:72%;
}
div.cartgrandtotal{
width:25%;
}
div.cartcoupontext{
width:57%;
}
div.cartcoupon{
width:40%;
}
div.cdformtterms{
width:6% !important;
}
div.cdformterms{
width:90% !important;
}
div.cdshipftflag{
width:6% !important;
}
div.cdshipflag{
width:90% !important;
}
div.cdshiptterms{
width:6% !important;
}
div.cdshipterms{
width:90% !important;
}
div.cdformtwillpickup{
width:6% !important;
}
div.cdformwillpickup{
width:90% !important;
}
div.cdformtremember{
width:6% !important;
}
div.cdformremember{
width:90% !important;
}
div.cdformtmailing{
width:6% !important;
}
div.cdformmailing{
width:90% !important;
}

}

/*This is a breakpoint for responsive designs and puts the search filters into one column*/
@media screen and (max-width: 715px) {

/* Puts the search filters into one column */
div.searchfiltergroup{
padding:4px 0px;
width:95%;
float:left;
}

/* Tracking form */
div.ecttracking div.ectdivleft{
width:95%;
}
div.ecttracking div.ectdivright{
width:95%;
}

/* Create account / New account */
div.acccreatewrapper, div.accloginwrapper{
margin-top:10px !important;
width:314px !important;
overflow:auto;
max-height:95vh;
}
div.cartacctloginnametext, div.cartaccloginemailtext, div.cartaccloginpasswordtext, div.cartaccloginextra1text, div.cartloginemailtext, div.cartloginpwdtext{
width:98%;
}
div.cartaccloginallowpromo, div.cartlogincookie{
width:25px;
}
div.cartaccloginrecaptchaspace{
display:none;
}
div.cartloginlogin, div.cartloginnewaccount{
width:45%;
float:left;
}
div.cartloginforgotpwd{
text-align:left;
width:96%;
margin-top:9px;
}
/* Giant image pop up */
div.giantthumbcontainer{display:none;}
div.giantimg{width:98%!important;}

}

/*Styles for screens below 480px on the cart page*/

@media all and (max-width: 480px) {

div.searchfortext, div.searchpricetext, div.searchtypetext, div.searchcategorytext, div.searchfilterstext{
width:95%;
}
div.searchfor, div.searchprice, div.searchtype, div.searchcategory, div.searchfilters{
width:95%;
}
div.cartcoupontext{
width:36%;
}
div.cartcoupon{
width:64%;
}
div.cdformshipdiff{
width:90%;
}
div.cobhl3{
width:40%;
float:left;
padding-bottom:6px;
}
div.cobll3{
width:60%;
float:left;
padding-bottom:6px;
}
div.cart3totgoodst {
border-bottom:1px solid #ccc;
margin-bottom:12px;
font-size:1.1em;
}
div.cart3totgoods {
border-bottom:1px solid #ccc;
margin-bottom:12px;
font-size:1.1em;
}

/*Styles for screens below 480px on the affiliate, order status, client login page*/
div.ectdivright input{
width:95%;
}
div.ectdiv2column input{
margin:6px 0px 12px 0px;
}
div.ectdivright{
width:95% !important;
}
div.ectdivleft{
width:95% !important;
}
div.ectgiftcerts textarea{
width:98%;
}
div.ectdonations textarea{
width:98%;
}
div.cobhl, div.cobll{
width:95%;
}

}