
/* ***************************************************** */
/* STYLES */

* {font-family: 'Open Sans';}

body {
  background: #FFFFFF url(/content/1/skin/bg_site.jpg) repeat-x left top ;
  margin:0;
  padding: 0;
  text-align:left;
  font-family: 'Open Sans';
  font-size: 11pt;
  color: #000000;
  }

p { color: #000000;  margin: 5px 0 10px 0;  padding: 0; line-height: 190%;}
a {color: #000000;transition: all 0.2s;text-decoration:none;}
a:hover {color:#CC0000;text-decoration:none;}

img {border: none;}
hr {border-top: solid 1px #CCCCCC;}

h1 {font-size: 20pt;color: #000000;}
h2 {font-size: 13pt;color: #000000;}
h3 { font-size: 13pt; color: #000000;}
h4 {font-size: 11pt;color: #000000;}
h5 {font-size: 10pt;color: #000000;}
ul li {list-style-image: url(/content/1/skin/bullet_small.gif);}


/* CONTAINER */
.container-outer {width: 1274px; box-sizing:border-box;}
.container-page {width: 1274px; box-sizing:border-box;}
.container-hero {width: 1274px; box-sizing:border-box;}
.container {width: 100%; box-sizing:border-box;}
.inner-pad {width:100%; box-sizing:border-box; overflow:visible;}
.row {clear:both; position:relative; width:100%; box-sizing:border-box; overflow:auto;}

.nothing{
  border-top: 0px #FFFFFF solid;
  border-left: 2px #FFFFFF solid;
  border-right: 2px #FFFFFF solid;
  border-bottom: 1px #FFFFFF solid;
  }

/* ***************************************************** */
/* HEADER */

.global-header {background:#333;}
.wide-head-top,.wide-head-top a  {color: #CCC;}
.wide-head-top i {color: #969696;}
#header {height: 110px;}
#head_left {height:110px;width:22%;margin:0;padding:0;}
#head_center {height:110px;width:50%;margin:0;padding:0; text-align:center;}
#head_right {height:110px;width:28%;margin:0;padding:0;}
.head_links a {color: #CCC;font-size:11pt; margin:0 0 0 15px;}
.head_links i {color: #969696;}
.cart_summary a {}
.wide-head-top .social-networking {font-size:11pt;}
.wide-head-top .social-networking a {margin:0 10px 0 0;}

.logo {text-align: left; margin:0 auto; padding:12px 0 0 0;width:100%;}
.logo img{text-align: left; margin:0 auto 0 20px;}

.itemadded {background: #79CA4B;}


/* ***************************************************** */
/* TOP NAV */

#topnavbar {background: #FFFFFF;}
#topnavrow {width: 1274px;height: 50px;}
ul.topnav {background: #FFFFFF;}
ul.topnav li {background: #FFFFFF;}
ul.topnav li:hover {background: #EFEFEF;}
ul.topnav li a {color: #000000;}
ul.topnav li a:hover, ul.topnav li a.hovered {color: #000000;}

/* Hover intent sub menu */
ul.topnav li.droptab a {background: url(/content/1/skin/tnav_arrow.gif) no-repeat right 5px;}
ul.topnav li.droptab a:hover {background: url(/content/1/skin/tnav_arrow_over.gif) no-repeat right 5px;}

/* Sub menu */

.tnsub {background: #FFFFFF;}
.tnsub .col h2 { color: #000000; padding:10px 10px 0 0;font-weight:bold;}
.tnsub .col h2 a {color: #000000;font-weight:bold;font-size:90%;}
.tnsub .col h2 a:hover {color:#000000;}
.tnsub ul li:hover {color: #000000;}
.tnsub ul li a {padding: 1px 0 1px 0px;}
.tnsub ul li a:hover {color: #000000;}
ul.topnav li.droptab .smenu a {background: url(/content/1/skin/dnav_arrow.gif) no-repeat 20px 7px;}
ul.topnav li.droptab .smenu a:hover {background: #C2272D url(/content/1/skin/dnav_arrow_over.gif) no-repeat 14px 9px;}

.tnsub div.lev2 div.lev3 {background:#EEEEEE;}
.tnsub .lev2 {z-index: 99991;background: #FFFFFF;padding:5px 10px 10px 0;overflow:auto;}
.tnsub div.lev2 ul {padding: 0 0 20px 0;}
.tnsub .lev2 ul li{list-style:none;}
.tnsub .lev2 ul li a {color:#777;}
.tnsub .lev2 ul li a:hover {color:#CC0000;text-decoration:underline;}

ul.dnsub li, ul.dnsub li a {float:none; background:none; height:auto; text-align:left; font-weight:400;}
ul.dnsub li:hover, ul.dnsub li a:hover {background:none;}

/* ------------ PAGE AREA ------------ */
#pagearea {width: 100%; background: none; min-height:100px;}
#pagearea_full {width: 100%; background: none ;}

/*  ------------ SIDE NAV  ------------ */
#sidenav {}

/*  ------------ SEARCH  ------------ */
.searchbox h5 {color: #000000;}
.closenav {color: #000000;}

#header .searchbox {background:#CCC;padding:2px;max-width:300px;margin:35px auto 0 auto; border-radius:5px;}
#header .searchbox .txt_search{background:#FFF; border: none; border-radius:5px; width:85%; color:#000; font-size:12pt; padding:5px 0px 5px 10px; box-sizing:border-box;}
#header .searchbox .btn_search{background:none; border: none; color:#FFF; border-radius:0; width:15%; font-size:16pt; margin:4px 0 0 0;}
#header .searchbox .btn_search:hover{background:none;}


/*  ------------ SIDE NAV LINKS  ------------ */
.sidenavlinks {background: #EEEEEE;}
.sidenavlinks .head { background: #EEEEEE;color:#000000; border-bottom:1px solid #CCCCCC;}
.sidenavlinks .head:hover {background: #FFFFFF;}
.sidenavlinks .head a {color:#000000;}
.sidenavlinks .head a:hover {color:#CC0000;}
.sidenavlinks li {background:#EEEEEE;}
.sidenavlinks li:hover {background:#FFFFFF;}
.sidenavlinks li a {color:#000000;}
.sidenavlinks li a:hover {color:#CC0000;}
.sidenavlinks ul.sub {background:#EEEEEE;}

/*  ------------ GLOBAL  ------------ */
#globalfooter {width: 1274px;}
.global_footer {background: none; border-top: none; padding:20px;}

/*  ------------ CONTENT  ------------ */
#hero {}
#pagehero {background: #FFFFFF;}

#content { float: left; width:100%;  text-align: left; padding: 0 0 5px 0; margin: 0 5px 0 0; }
#popup_content { width: 420px; background: #FFFFFF; text-align:left; padding: 20px;}
#content_centre {float: left; width: 50%; margin:0; padding: 0;}
#content_left {float: left; width: 25%; margin: 0; padding: 0;}
#content_right {float: right; width: 25%; margin: 0; padding: 0;}
#content_twocoll {float: left; width: 75%; margin: 0; padding: 0:}
#content_twocolr {float: left; width: 75%; margin: 0; padding: 0;}
#content_threecol {float: left; width: 100%; margin:0; padding: 0;}
#content_foot {width: 100%; margin:0; padding: 0;}
.content-inner { }
.content-inner img { max-width:100%;}
#content_foot .content-inner { margin-top: 0px ; padding: 10px ; background: #FFF;}

/*  ------------ SLIDESHOW  ------------ */
#slideshow { height:350px; padding: 10px;}
#slideshow IMG {width: 1025px;height:350px;}

/*  ------------ GENERAL STYLES  ------------ */
div.alert {background: #EEEEEE;border: solid 1px #CCCCCC;}
input.alert, textarea.alert {background:#FFE1F3;}

/*  ------------  BOX PANELS  ------------ */
.homepanel {border: solid 1px #CCCCCC;}

/*  ------------ CHECKOUT  ------------ */
.button_hilite:hover {color: #CC0000;}
.delivery-notes-text {font-weight:bold;color: #CC0000;}
/*  ------------ FORM BOX  ------------ */
.fm_box {text-align:left;}
.fm_label {clear:left;float:left;width:110px;padding:3px 0 0 0;}
.fm_input {float:left;width:200px;}
.fm_input input.txt{width:195px;}

.fm_row {clear:left;margin:3px;}
.fm_row [type="text"],.fm_row [type="password"],.fm_row textarea {border:1px solid #CCC;border-radius:5px;padding: 8px; background:#FFF;width:100%;}
.fm_row [type="text"].alert,.fm_row [type="password"].alert,.fm_row textarea.alert {background:#FFE1F3;}
.fm_row select {border:1px solid #CCC;border-radius:5px;padding: 5px; background:#FFF;width:auto;}
.fm_box .fn {font-weight:normal;}
.fm_rowhead {clear:left;width:100%;padding:3px;text-align:left;font-weight:bold;}
.fm_box label {clear:left;float:none;width:100%;padding:5px 0;text-align:left;display:inline-block;}
.fm_box.log {margin:20px;}
.fm_box.log label {clear:left;float:none;width:120px;padding:3px 10px 0 0;text-align:left;}

.sectors td {font-size:85%;}

/*  ------------ TABLES  ------------ */
.tablebox {border:none;}
.tablebox td {background-color: #FFFFFF;}
.tableheads td {color: #000000;background:#EEEEEE;}
.tableform {border: 1px solid #CCCCCC;}
.tableboxtotals {border: 1px solid #CCCCCC;}
td.captcha img {border: solid 1px #CCCCCC;}
input.qty {font-size: 10pt;}
.rowbglight td,.rowbglighter td {border-bottom: dotted 1px #CCCCCC;padding: 10px 0;}
#formCart table .rowbgnone td {border: none;background: transparent;}

.homepagepanel {border: 1px solid #CCCCCC;}

/* ------------ PRODUCTS ------------*/
.breadcrumbs {margin:0 0 15px 0;font-size:90%;}
.breadcrumbs a {color:#999999;}
.breadcrumbs a:hover {color:#CC0000;}

/*  ------------ PRODUCT LIST  ------------ */
#productlist {border-top: 1px dotted #CCCCCC;}
.info {border: solid 1px #CCCCCC;}
.info h4 {border-bottom: solid 1px #CCCCCC;color: #999999;}

#productlist .pname a{color: #000000 ;}
#productlist .pname a:hover{color: #CC0000 ;}
.plist td {border-bottom: dotted 1px #CCCCCC;}

/*  ------------ CAT LIST  ------------ */
.cat-header {float:none;overflow:auto;}
.cat-photo {float:none;margin:0 0 20px 0;text-align:center;overflow:hidden;}
.cat-photo img{margin:0 auto;text-align:center;max-width:980px;max-height:270px;}
.cat-desc {font-size:10pt;}
.cat-desc p{font-size:10pt;}
.cat-desc li , .cat-desc li a{font-size:10pt;}

#catlist {overflow:auto;margin:0;}
#catlist .cat-photo-sub {float:none; width:100%;height:175px;margin: 0 0 10px 0;text-align:center;overflow:hidden;}
#catlist .cat-photo-sub img{width:100%;max-height:175px;margin: 0 auto;}

#catlist .prodListItems {float:left;overflow:auto;}
#catlist .prodListItem {width:170px;}

#catlist ul {width:100%;float:none;margin: 0 0 20px 0; text-align: center;border: none;}
#catlist li {width:20%;min-width:200px;display:inline-block;text-align:center;margin:5px;overflow:auto;}
#catlist li:hover {background: #EEEEEE;}
#catlist li .catitem {min-height:250px;text-align:center;border: 1px solid #CCCCCC; padding:10px; overflow:hidden;}
#catlist li .catitem h4 {border:none; color:#000; background:none; font-size:10pt;}
#catlist li .catitem h4 a {color: #000000;}
#catlist .info .pgname a:hover{color: #CC0000;}
#catlist .pageing {background:#CCCCCC;display:none;}
#catlist .prodInfo p a {color:#000000;}
#catlist .prodInfo p a:hover {color:#CC0000;}
#catlist .prodInfo .prodTitle {color:#000000;text-align:center;font-weight:normal;font-size:100%;line-height:120%;}
#catlist .prodBuy { width: 80%; margin:0 auto; }
#catlist .prodQty { width: 30px; font-size: 12pt; color: #000000; }
#catlist .prodPrice {text-align:center;}
#catlist .poa {text-align:center;display:block;font-weight:bold;}
#catlist .prodButton .button {width:100%;font-size: 95%;}

/*  ------------ PRODUCT GROUPS  ------------ */


/*  ------------ PRODUCT DETAILS  ------------ */
.productimg {float: left; width: 40%;margin: 0;text-align:center;}
.productimg .mainphoto img {width: 90%;max-width: 270px;height: auto;max-height: 800px;}
.productimg .altImages {width: 100%;margin-top:15px;}
.productimg .altimage img {width: 25%;max-width: 65px;max-height:65px;}
.productimg .altGallery {display:none;}

.productdetail .prodName {font-size: 16pt;font-weight: normal; margin: 20px 0 0 0;}
.productdetail .prodSku {font-size: 9pt; color: #999; font-weight:normal;}
.productdetail .prodSku span {font-size: 9pt; color: #999; font-weight:normal;}

.productdetail .prodInfo {float: right;width:60%;}
.productdetail .prodSuplogo {width:100%;overflow:auto;margin:0 0 5px 0;}
.productdetail .prodSuplogo img {float: right;max-height:30px;}
.productdetail .prodDetails p {font-size:10pt}
.productdetail .pvat {font-size: 10pt;color: #999;padding:0;margin:0;}
.productdetail .prodDetails p.prod-quantity {margin: 5px 0 10px 0;}

.sample {border:solid 1px #CCCCCC;background:#EEEEEE;}
.sample h4{color:#999999;}

.infoPanel-head {width:100%; padding:5px; background:#EEEEEE url(/content/1/skin/menu_plus.png) no-repeat right 8px top 8px;margin:5px 0 0 0; box-sizing:border-box;}
.infoPanel-head h4{font-weight:bold;padding:3px 0 0 3px;}
.infoPanel {display:none; border: solid 1px #EEEEEE; padding:10px;background:#FFF;}
.phone-order-warning { border: 1px solid #79ca4b; padding: 10px; border-radius: 5px;background: #eaf7e2;}
.phone-order-warning h4{ font-size: 110% !important; font-weight:bold;}
.phone-order-warning p{ font-size: 88% !important;}

/*  ------------ Details page product list  ------------  */
.pdlist {width:100%;}
.pdlist .prodListItem {position:relative;height:60px;}
.pdlist .prodImg {width:30px;height:30px;overflow:hidden;}
.pdlist .prodData {width:80%;}
.pdlist .prodInfo {width:60%;}
.pdlist .prodInfo p a {color:#000;font-size:11pt;}
.pdlist .prodInfo p a:hover {color:#CC0000;}
.pdlist .prodInfo .prodTitle {color:#999999;}
.pdlist .prodPriceNorm {padding: 3px 0 0 0;}
.pdlist .prodStock {display:none;}
.pdlist .prodBuy  {display:;float:right;}
.pdlist .prodBuy .addit.button {margin:0;}
.pdlist .prodButton {float: none; width: auto;text-align: right;position: absolute;right: 0;top: 0px;}
.pdlist .prodButton .button {font-size: 10pt;padding: 4px;}
.pdlist h3 {clear: left;width: 100%;border-bottom: solid 1px #E4E4E4;margin: 0;padding: 3px 0;font-size: 150%;color: #CCCCCC;}

/*  ------------ SPECIFICATIONS  TABLE  ------------ */
.spectable {border-top: solid 1px #CCCCCC;border-bottom: solid 1px #BABABA;}
.spectable td {border-top: 1px solid #CCCCCC;border-bottom: 1px solid #BABABA;}
.spectable td a {color: #000000;}
.spectable td a:hover {color: #CC0000;}


/*  ------------ RELATED ITEMS  ------------ */

/* ----- VIEWED ITEMS ----- */

.viewed-items {clear:both; margin:0 auto; height:190px;overflow:auto;width:auto;text-align:center;}
.viewed-items h3 {font-size:13pt;padding:20px 0 10px 0;margin:0;}
.viewed_item {display:inline-block;background:#FFFFFF;padding:10px;margin:5px;width:130px;height: 160px; text-align:center;overflow:hidden;}
.viewed_item .related_img {width:120px;height:120px;overflow:hidden;}
.viewed_item img.related_photo {width:118px;max-height:118px;border: 1px solid #CCCCCC}
.viewed_item .viewed_info {font-size:10pt;margin:3px 0 0 0;}
.viewed_item .viewed_info a{text-decoration:none;}

/*  ------------ CART ITEMS  ------------ */
.cart_discount {background: #CCCCCC;}

/*  ------------ PAYMENT ITEMS  ------------ */
.payment-panel {text-align:center;}

/*  ------------ My Account  ------------ */
.acc_addressdetails {color:#333333;}
.acc_addressdetails .head {border-bottom: dotted 1px #CCCCCC;}
.acc_addressdetails h3 {color: #333333;}

/*  ------------ Tabs  ------------ */
.tabs {height:30px;}
.tab {background: #CCCCCC;height:30px;overflow:hidden;border-right: solid 2px #999999;margin-right:2px;}
a.tab  {font-size:12px; font-weight:normal;color:#333333;padding:8px 15px 0 15px;}
a.tab.active  {background: #EEEEEE;color:#333333;border-right: solid 2px #999999;}
.tabbed {background:#EEEEEE;border-right: solid 2px #CCCCCC;border-bottom: solid 2px #CCCCCC;}

.prodInfo .tabs {border-bottom: solid 1px #CCCCCC;}
.prodInfo .tab {background: #EDEDED;height:21px;overflow:hidden;border: solid 1px #CCCCCC;margin-right:2px;}
.prodInfo a.tab  {font-size:12px; font-weight:normal;color:#333333;padding:8px 15px 0 15px;}
.prodInfo a.tab.active  {background: #FFFFFF;color:#333333;border:solid 1px #CCCCCC; border-bottom: solid 1px #FFFFFF; height:22px;}
.prodInfo .tabbed {background:#FFF;border-top: solid 1px #CCCCCC;border: none;}

.delform {border: solid 1px #CCCCCC;}

/*  ------------ BUTTONS  ------------ */
a.button {color: #FFFFFF;background: #1ECA90;text-transform:uppercase;font-weight:bold;font-size:80%;}
a.button:hover {color: #FFFFFF;background: #1ECA90;}
input.button {color: #FFFFFF;background: #1ECA90;text-transform:uppercase;font-weight:bold;font-size:80%;}
input.button:hover {color: #FFFFFF;text-decoration: underline;background: #1ECA90;}
.addit.button {color: #FFFFFF;}
.button.checkout {color: #FFFFFF;}
.button_hilite:hover {color: #1ECA90;}

/*  ------------ COLLECTIONS  ------------ */
#colnav li {background-image:url('../images/navbullet.gif');}
#colnav li a:hover {color:#CC0000;}

/*  ------------ MODULES  ------------ */
.ModuleContent {}
.Module h2 {color:#000000;}
.ModuleTitle {color:#000000;padding-left:0;font-size:18px;}
.ModuleHeading {color: #000000;}
.ModuleProducts p { border-bottom:solid 1px #CCCCCC;}
.ModuleDocs {}
#pagearea .ModuleProducts {position:relative;min-height:300px;padding: 0;}
#pagearea .ModuleProducts .ModuleCaption {display:inline-block;width:100%;text-align:center;}
#pagearea .ModuleProducts p {border:none;}
#pagearea .ModuleProducts .mod-prod {border: none;position:absolute;padding:0;margin:0;}
#pagearea .ModuleProducts .mod-prod-inner {border: solid 1px #CCCCCC;padding:10px;min-height:270px}
#pagearea .ModuleProducts .mod-button {padding:0;margin:0;}

#pagearea .Module.column.quarter .ModuleProducts .mod-prod-inner {border: solid 1px #CCCCCC;padding:10px;min-height:300px}

/*  ------------ ARTICLES  ------------ */
.articles {width:100%; overflow:auto;}

.article-listitem {width: 31%; float: left; min-height: 500px; border-bottom: 1px solid #CCCCCC; margin-right: 1%;}
.article-content {padding:10px;}
.article-listimg {width:100%; overflow:hidden;}
.article-listimg img {width:100%; margin:0 0 10px 0;}
.article-listtitle h3 {}
.article-listcaption {}
.article-button {}

.faq .article-listitem {width: 95%; float: none; min-height: auto; border-bottom: 1px solid #CCCCCC; margin-right: 1%;}
.faq .article-content {padding:10px;}
.faq .article-listimg {display:none;}
.faq .article-listtitle h3 {font-size:12pt;}
.faq .article-listcaption {}
.faq .article-button {display:none;}

.article-item {width:100%;}
.article-featured {overflow:auto;}
.article-featured img{max-height:200px;}
.article-title h3 {font-size:180%;padding:20px 0 0 0;}
.article-story {padding:10px 0;}
.article_testimony {
  font-family: "Archivo Narrow", Helvetica, Arial, sans-serif;
  font-style: italic;
  font-size: 150%;
  text-align: center;
  color: gray;
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #f0f0f0;
  margin-top: 10px;
  margin-bottom: 15px;
  }

.art-cat-heading {font-family: 'Archivo Narrow';
    font-weight: normal;
    text-transform: uppercase;
padding:0 0 10px 0;
font-size: 130%;}
ul.art-cats {padding:0;margin:0;}
ul.art-cats li {list-style-image:none;list-style:none;}

.art-tags {}
.art-tag {padding:0 5px 5px 0;}

/*  ------------ FOOTER  ------------ */

#footer {}

.fnb {color: #FFFFFF;}
.fnb a {color: #FFFFFF;}
.fnb p {color: #FFFFFF;}
.fnb a:hover {color: #CC0000;}
.fnb h3 {color:#FFFFFF; }
.fnb h3 a {color:#FFFFFF; }
.fnb h3 a:hover {text-decoration:underline;}
.fnb ul {}
.fnb li {color: #FFFFFF;}
.fnb li a {color:#FFFFFF;}
.fnb li a:hover {color: #CC0000;}

.footnav {}
.footnav h3 {color: #000000;}

.footnav ul {}
.footnav li {color: #BABABA;}
.footnav li a {color: #BABABA;}
.footnav li a:hover {color: #CC0000;}

.pophelp h2 { background: #999999;color:#EEEEEE;}

/* jQuery Gallery style */
#lbox_gallery li a:hover img {border: 1px solid #CC0000;}
#lbox_gallery ul a:hover { color: #CC0000; }

/* ***************************************************** */
/* jQuery rounded corners plugin style */
.rounded {background: #FFFFFF; }

/* ***************************************************** */




/*  ------------ INFO PANELS ------------ */
.mod-doc {margin:5px 0;overflow:auto;padding:5px 0;border-top: 1px solid #CCCCCC;}
.mod-doc img{float:right;width:48px;margin:0 0 0 5px;}

.info-panel {clear:both; width:98%; overflow:auto; margin: 0 0 3px 0;background: #EFEFEF; padding: 5px;}
.info-panel img {float:left;width:65px;max-height:65px;margin: 0 15px 0 0;}
.info-panel h4 {font-size:14pt;font-family: 'Archivo Narrow';    font-weight: normal;    text-transform: uppercase;}
.info-panel p {float:left; width: 60%;}
.info-panel .button {float:right;}

.page-panel {width:auto; background: #eee; border: 1px solid #ccc; padding: 10px; margin:10px;}

/*  ------------ CONTENT BLOCKS  ------------ */
.content-blocks h2 a {font-family:'Oswald';}

