

/* ***************************************************** */
/* STYLES */
* {font-family: Open Sans;}

body {
  background: #FFFFFF ;
  margin:0;
  padding: 0;
  /*text-align:center; */
  font-family: Open Sans;
  font-size: 12pt;
  color: #333333;
  
  }

p { color: #333333; }
a {color: #000000;transition: all 0.2s;text-decoration:none;}
a:hover {color:#004990;text-decoration:none;}

.fleft {float:left;}
.fright {float:right;}

img {border: none;}
hr {border-top: solid 1px #EFEFEF;}
hr.divider {border-top: solid 1px #d8d8d8;}

h1 {font-size: 24pt;color: #333333;}
h2 {font-size: 18pt;color: #333333;}
h3 { font-size: 16pt; color: #333333;}
h4 {font-size: 14pt;color: #333333;}
h5 {font-size: 12pt;color: #333333;}


.column-full {width:100%;}
.column-half {width:50%;float:left;}
.column-third {width:33%;float:left;}
.column-quarter {width:25%;float:left;}
.column-threequarter {width:75%;float:left;}
.column-inner {padding: 0 10px;}


/* ***************************************************** */
/* CONTAINER */
.container {width: 1350px;}

.nothing{
  border-top: 0px #EFEFEF solid;
  border-left: 2px #EFEFEF solid;
  border-right: 2px #EFEFEF solid;
  border-bottom: 1px #EFEFEF solid;
  }

/* ***************************************************** */
/* HEADER */

.global-header {background:#FFF;}
#header {height: 80px;background: #FFFFFF;}
#head-left {height:80px;}
#head-center {height:80px;text-align:center;}
#head-right {height:80px;margin:0px;}

#head-center .searchbox {margin:22px auto 0 auto;}
#head-center .searchbox .search-txt {width:250px;}
#head-right .head-links {margin:22px 0 0 0;}

.head-links a {color: #333333;padding:3px;}
.head-links span {padding: 0 0 0 5px;font-weight:bold;}
.head-links .head-cart {}
.head-links .head-cart:hover {}
.head-links .head-cart a {}
.head-links .head-cart a:hover {}
.btn-info.head-cart a {}

.head-links .head-login {background: #FFFFFF;}
.head-links .head-login a{color: #CBC8CA;}
.head-links .head-login:hover {background: #CBC8CA;}
.head-links .head-login a:hover{color: #FFFFFF;}

.logo {text-align: left; margin:0; padding:5px 0 0 0;width:100%;}
.logo img{text-align: center; margin:0 auto;}





/* ***************************************************** */
/* TOP NAV */
#srchTerm {padding: 0 0 0 5px;}
#topnavbar {background: #DEDEE0;}
#topnavrow {width: 100%;height: 50px;background: #DEDEE0;}
ul.topnav {background: #DEDEE0;}
ul.topnav li {background: #DEDEE0;}
ul.topnav li:hover {background: #CCCCCC;}
ul.topnav li a {color: #333333;text-transform:uppercase;}
ul.topnav li a:hover {color: #CC0000;}

/* 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: #333333; padding:10px 10px 0 0;font-weight:bold;}
.tnsub .col h2 a {color: #333333;font-weight:bold;font-size:90%;}
.tnsub .col h2 a:hover {color:#CC0000;}
.tnsub ul li:hover {color: #CC0000;}
.tnsub ul li a {padding: 1px 0 1px 0px;}
.tnsub ul li a:hover {color: #CC0000;}
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:#CCCCCC;}
.tnsub .lev2 {z-index: 99991;background: #FFFFFF;padding:0px 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:#004990;text-decoration:none;}


/* ------------ PAGE AREA ------------ */
.container.md-no-padding.no-pad {padding:0;}
#pagearea {width: 100%; background: none; min-height:100px; padding:0;}
#pagearea_full {width: 1350px; background: none ;}

#sidenav {}
.searchbox h5 {color: #333333;}
.closenav {color: #CC0000;}
.acco-content {display:none;}  
/*  ------------ SIDE NAV LINKS  ------------ */
.sidenavlinks {background: #FFFFFF;}
.sidenavlinks .head { background: #CCCCCC;color:#333333; border-bottom:1px solid #EFEFEF;}
.sidenavlinks .head:hover {background: #CCCCCC;}
.sidenavlinks .head a {color:#333333;}
.sidenavlinks .head a:hover {color:#000000;}
.sidenavlinks li {background:#FFFFFF;}
.sidenavlinks li:hover {background:#FFFFFF;}
.sidenavlinks li a {color:#333333;}
.sidenavlinks li a:hover {color:#333333;}
.sidenavlinks ul.sub {background:#FFFFFF;}

/*  ------------ GLOBAL  ------------ */
#globalfooter {width: 1350px;}
.global_footer {background: none; border-top: none; padding:20px;}

/*  ------------ CONTENT  ------------ */
#hero {}
#pagehero {background: #FFFFFF;}

#content { float: left; width:100%;  text-align: left; padding: 0; margin: 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 {}
#content_foot .content-inner { margin-top: 0px ; padding: 0px ; background: #FFF;}

/*  ------------ SLIDESHOW  ------------ */
#slideshow { height:350px; padding: 10px;}
#slideshow IMG {width: 1025px;height:350px;}


/*  ------------ CHECKOUT  ------------ */
.checkout-headers {margin: 20px 0;}
.button_hilite:hover {color: #004990;}

/*  ------------ 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:0;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:0;padding: 5px; background:#FFF;width:auto;}
.fm_box .fn {font-weight:normal;}
.fm_rowhead {clear:left;width:100%;padding:3px;text-align:left;}
.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%;}

/*  ------------ ALERT STYLES  ------------ */

div.alert {background:#FFE1F3;}
div.alert i{color:#CC0000;}
input.alert, textarea.alert, select.alert {background:#FFE1F3;margin-bottom:0px}
div.success { background: #CCCCCC; border: solid 1px #E3EAEE; margin: 15px 0; padding: 5px }
div.success i{ color:#00AD00; }
/*  ------------ TABLES  ------------ */
.tablebox {border:none;}

.tableheads td {color: #333333;background:#CCCCCC;}
.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,.rowbgdark td {border-bottom: dotted 1px #CCCCCC;padding: 10px 0;}


.homepagepanel {border: 1px solid #CCCCCC;}

/* ------------ PRODUCTS ------------*/
.breadcrumbs {}
.breadcrumbs a {}
.breadcrumbs a:hover {}

/*  ------------ PRODUCT LIST  ------------ */
#productlist {border-top: 1px dotted #EFEFEF;}
.info {border: solid 1px #CCCCCC;}
.info h4 {border-bottom: solid 1px #EFEFEF;color: #999999;}

#productlist .pname a{color: #000000 ;}
#productlist .pname a:hover{color: #004990 ;}
.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:100%;max-height:270px;}
.cat-desc {font-size:10pt;}
.cat-desc p{font-size:10pt;}
.cat-desc li, .cat-desc li a{font-size:10pt;}

.intro-well {height:42px; overflow:hidden;margin-bottom:5px;}
/*
#catlist {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;width:100%;}

#catlist .prodListItem {width:25%;height:320px;overflow:hidden;border:none;text-align: center;padding:0;margin:0;}
#catlist ul {width:100%;float:none;margin: 0 0 20px 0; text-align: center;border: none;}
#catlist li {width:23%;min-width:200px;display:inline-block;text-align:center;margin:5px;overflow:auto;}
#catlist li:hover {background: #CCCCCC;}
#catlist li .catitem {min-height:60px;text-align:center;border: 1px solid #CCCCCC; padding:5px 3px; overflow:hidden;}
#catlist li .catitem h4 {border:none; color:#000; background:none; font-size:13pt; padding: 5px;}
#catlist li .catitem h4 a {color: #000000;}
*/
#catlist .info .pgname a:hover{color: #004990;}
#catlist .pageing {background:#CCCCCC;overflow:auto;height:auto;}

#catlist .poa {text-align:center;display:block;font-weight:bold;}
#catlist .prodbuttons {display:none; visibility:hidden;clear:both;width:100%;text-align:right;}
#catlist .prodButton {width:auto;margin: 0 5px;}
#catlist .prodButton .button {width:auto;font-size: 95%;}

/*  ------------ PRODUCT GROUPS  ------------ */


/*  ------------ PRODUCT DETAILS  ------------ */


.sample {border:solid 1px #CCCCCC;background:#CCCCCC;}
.sample h4{color:#999999;}

.infoPanel-head {width:98%; padding:5px; background:#CCCCCC url(/content/1/skin/menu_plus.png) no-repeat right 8px top 8px;margin:5px 0 0 0;}
.infoPanel-head h4{font-weight:bold;padding:3px 0 0 3px;}
.infoPanel {display:none; border: solid 1px #CCCCCC; padding:10px;background:#FFF;}

/*  ------------ Details page product list  ------------  */
.pdlist {width:100%;}
.pdlist .prodListItem {position:relative;height:auto;}
.pdlist .prodImg {width:50px;height:50px;}
.pdlist .prodData {width:80%;}
.pdlist .prodInfo {width:80%;}
.pdlist .prodInfo p a {color:#000;font-size:11pt;}
.pdlist .prodInfo p a:hover {color:#004990;}
.pdlist .prodInfo .prodTitle {color:#999999;}
.pdlist .prodStock {display:none;}
.pdlist .prodBuy  {display:none;}
.pdlist .prodButton {float: none; width: auto;text-align: right;position: absolute;right: 0;top: 0;}
.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 {}
.spectable td {border-top: 1px solid #CCCCCC;}
.spectable td a {color: #000000;}
.spectable td a:hover {color: #004990;}

/*  ------------ My Account  ------------ */
.acc_addressdetails {color:#333333;}
.acc_addressdetails .head {border-bottom: dotted 1px #CCCCCC;}
.acc_addressdetails .form-row {margin:0 0 10px 0;}
.acc_addressdetails h3 {color:#333333;}

.acc_addressdetails input, .acc_addressdetails select, .acc_addressdetails textarea {}

/*  ------------ Tabs  ------------ */
.tabs {border-bottom: solid 1px #EFEFEF;height:40px;}
.tab {background: #FFFFFF;height:32px;overflow:hidden;border: none;margin-right:2px;}
a.tab  {font-size:12pt; font-weight:normal;color:#333333;padding:8px 25px 0 25px;}
a.tab:hover  {background: #F5F8FA;}
a.tab.active  {background: #FFFFFF;color:#333333;border:solid 1px #EFEFEF; border-bottom: solid 1px #FFFFFF; height:31px;}
.tabbed {background:#FFF;border-top: solid 1px #EFEFEF;border: none;}

.delform {border: solid 1px #CCCCCC;}

/*  ------------ BUTTONS  ------------ */
.button, a.button {color: #FFFFFF;background: #79CA4B;border-radius:3px;}
.button:hover, a.button:hover {color: #FFFFFF;background: #79CA4B;}
input.button {color: #FFFFFF;background: #79CA4B;}
input.button:hover {color: #FFFFFF;text-decoration: underline;background: #79CA4B;}
.addit.button {color: #FFFFFF;background: #79CA4B;}
.button.checkout {color: #FFFFFF;background: #79CA4B;text-decoration: none;}
.button.checkout:hover {color: #FFFFFF;background: #79CA4B;text-decoration: none;}
.button_hilite:hover {color: #79CA4B;}
.btn-status {display:inline-block; padding: 1px 3px; border-radius:3px;color:#FFFFFF; font-weight:bold;font-size:75%;}
/*  ------------ COLLECTIONS  ------------ */
#colnav li {background-image:url('../images/navbullet.gif');}
#colnav li a:hover {color:#004990;}

/*  ------------ MODULES  ------------ */
.module h2 {color:#333333;}
.module-title {color:#333333;}
.module-heading {color: #333333;}
.module-products p {border-bottom:solid 1px #CCCCCC;}
#pagearea .module-products .mod-prod {border: solid 1px #CCCCCC;}

/*  ------------ FOOTER  ------------ */

.footer {}

.fnb {color: #333333;}
.fnb a {color: #333333;}
.fnb p {color: #333333;}
.fnb a:hover {color: #000000;}
.fnb h3 {color:#333333; }
.fnb h3 a {color:#333333; }
.fnb ul {}
.fnb li {color: #333333;}
.fnb li a {color:#333333;}
.fnb li a:hover {color: #000000;}

.footnav {}
.footnav h3 {color: #333333;}

.footnav ul {}
.footnav li {color: #CCCCCC;}
.footnav li a {color: #CCCCCC;}
.footnav li a:hover {color: #000000;}

.pophelp h2 { background: #999999;color:#CCCCCC;}

/* jQuery Gallery style */
#lbox_gallery li a:hover img {border: 1px solid #000000;}
#lbox_gallery ul a:hover { color: #000000; }

/* ***************************************************** */
/* jQuery rounded corners plugin style */
.rounded {background: #EFEFEF; }

/* ***************************************************** */




/*  ------------ MAP ------------ */
#map .map-info {font-family: Source Sans Pro;font-size:12pt;}

/*  ------------ 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 2px 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;}


/*  ------------ CONTENT BLOCKS  ------------ */
.content-blocks h2 a {font-family:'Oswald';}

