BODY {
  height: 100%;
  background: #FFFFFF;
  font-family: Arial, Verdana, sans-serif;
  margin: 0px 0px 0px 0px;
  padding-left: 5px;
  padding-right: 5px;
}

.errorBox {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  background: #ffb3b5;
  font-weight: 700;
}

.stockWarning {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  color: #c03;
}

.productsNotifications {
  background: #f2fff7;
}

.orderEdit {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  color: #70d250;
  text-decoration: underline;
}

A {
  color: #047704;
  font-weight: bold;
  text-decoration: none;
}

A:hover {
  color: #FF8A00;
  text-decoration: underline;
}

FORM {
  display: inline;
}

TR.header {
  font-size: 11px;
}

TR.headerNavigation {
  background-color: #82A35C;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
  background-color: #65A120;
  padding: 5px 0px 5px 5px;
  color: #FFFFFF;
}

A.headerNavigation {
  color: #FFFFFF;
  font-weight: bold;
}

div.topNavigation table {
  color: #FFFFFF;
  font-family: Arial, Verdana, sans-serif;
  font-size: 10px;
  background-color: #65A120;
  height: 18px;
  width: 952px;
}

div.topNavigation a {
  color: #FFFFFF;
  font-family: Arial, Verdana, sans-serif;
  font-size: 10px;
}

TR.headerError {
  background: red;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  background: red;
  color: #fff;
  font-weight: 700;
  text-align: center;
  padding: 12px 0;
}

TR.headerInfo {
  background: #0f0;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  background: #0f0;
  color: #fff;
  font-weight: 700;
  text-align: center;
  padding: 12px 0;
}

TABLE.footer {
  width: 100%;
}

TR.footer {
  background: #e2e2e2;
  text-align: left;
}

TD.footer {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  background: #e2e2e2;
  color: #585858;
  padding: 8px 12px;
  width: 25%;
}

TD.footer a {
  color: #585858;
  font-weight: normal;
}

TD.footer b {
  font-size: 12px;
  font-weight: bold;
  border-bottom: 1px #585858 dotted;
  padding-bottom: 2px;
  line-height: 24px;
}

.infoBox {
  background-color: transparent;
  margin-top: -1px;
}

.infoBoxContents {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Arial, Verdana, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #C8D7B5;
  background-image: url("images/infobox/boxtab.gif");
  border-bottom: 1px solid;
  border-color: #471;
  height: 22px;
  padding: 6px 7px 0px 10px;
}

.boxheadinglink {
  font-weight: 700;
  color: #FFFFFF;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #F8F8F9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #E6E6E6;
}

TABLE.productListing {
  border-color: #b6b7cb;
}

.productListing-heading {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  background: #65A120;
  color: #FFF;
  font-weight: 700;
  padding: 2px;
}

.components {
  font-family: Arial, Arial, Verdana, sans-serif;
  font-size: 11px;
  background: #65A120;
  padding: 2px;
}

TD.productListing-data {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
}

A.pageResults {
  color: #047704;
}

A.pageResults:hover {
  color: #FFF;
  background: #FF8A00;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #000;
}

.pageHeading h1 {
  font-family: Arial, Verdana, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #000;
}

TD.frontbox, DIV.frontbox {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  color: #272C25;
}

TD.navibox, DIV.navibox {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  padding: 8px;
  color: #272C25;
}

TD.navibox2, DIV.navibox2 {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  padding: 8px;
  color: #272C25;
}

UL.frontboxleft {
  list-style-image: url("images/miniarrow.gif");
}

UL.frontboxright {
  list-style-image: url("images/checkbox.gif");
}

UL.newproduct {
  list-style-image: url("images/miniarrowcolor.gif");
  margin: 0;
  padding: 0px 4px 0px 17px;
  font-size: 11px;
}

UL.newsbox {
  list-style-image: url("images/miniarrowcolor.gif");
  margin: 0;
  padding: 0px 10px 3px 18px;
  font-size: 11px;
}

UL.newsbox A {
  color: #303030;
  font-weight: normal;
  text-decoration: none;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  color: #000;
}

TD.main, P.main, DIV.main {
  font-family: Arial, Verdana, Tahoma, sans-serif;
  font-size: 14px;
  color: #303030;
  line-height: 1.4;
}

TD.substrip, DIV.substrip {
  font-family: Arial, Verdana, Tahoma, sans-serif;
  font-size: 12px;
  color: #303030;
  height: 25px;
  background-image: url("images/headers/substrip.gif");
  padding-left: 12px;
}

TD.substrip A {
  color: #303030;
  text-decoration: underline;
}

TD.desc, P.desc, DIV.desc {
  font-family: Arial, Verdana, Tahoma, sans-serif;
  font-size: 12px;
  color: #303030;
  line-height: 1.4;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #abd;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: red;
}

INPUT {
  background-color: #F0F3EB;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #E80000;
  font-weight: 700;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #c76170;
  font-weight: 700;
}

.moduleRowOver {
  background-color: #D7E9F7;
  cursor: pointer;
}

.moduleRowSelected {
  background-color: #E9F4FC;
}

.checkoutBarFrom, .checkoutBarTo {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #8c8c8c;
}

.messageStackError, .messageStackWarning {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background-color: #ffb3b5;
}

.messageStackSuccess {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background-color: #9f0;
}

.inputRequirement {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: red;
}

.site_table {
  background-color: #FFF;
}

TABLE.content {
  padding-top: 9px;
  padding-bottom: 10px;
}

.copy {
  font-family: Arial, verdana, sans-serif;
  font-size: 11px;
  color: #696969;
  padding: 5px;
}

.smallTextBlue_INVOICE {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #069;
}

.smallAddressBlue_INVOICE {
  font-family: Arial;
  font-size: 9px;
  color: #069;
}

.pageHeading_INVOICE {
  font-family: Verdana, Arial, sans-serif;
  font-size: 18px;
  color: #727272;
  font-weight: 700;
}

.subcat {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  padding-left: 10px;
}

.boxText, TD.infoBox, SPAN.infoBox, TD.fieldValue, CHECKBOX, RADIO, SELECT {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
}

.boxspan {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  padding-left: 10px;
}

.catspan {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

#contactbox .boxText, .infoBoxContents, .infoBox {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
}

A.headerNavigation:hover, A.topNavigation:hover {
  color: #FF8A00;
}

TD.smallText, SPAN.smallText, P.smallText, .smallText_INVOICE {
  font: 10px normal Arial, sans-serif, verdana;
}

TD.fieldKey, TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
}

SPAN.productSpecialPrice, SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: red;
}

.checkoutBarCurrent, .dataTableContent_INVOICE, .product_infobox_data, .product_infobox_data_INVOICE {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000;
}

.messageBox, .main_INVOICE {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

.breakbox {
  height: 10px;
  background-color: #FFFFFF;
}

.leftbox {
  background-color: #EAF0E3;
  padding-top: 8px;
}

.productbox {
  background-color: #65A120;
  padding-top: 8px;
}

.rightbox {
  background-color: #EAF0E3;
  padding-top: 8px;
}

.bottombox {
  height: 30px;
  width: 190px;
  background-image: url("images/infobox/boxtabbottom.gif");
}

TD.left {
  background-color: #FFFFFF;
  padding-right: 10px;
  padding-top: 10px;
}

TD.right {
  background-color: #FFFFFF;
  padding-left: 10px;
  padding-top: 8px;
}

DIV.column {
  background-color: #FFFFFF;
  width: 190px;
  margin: 10px 0px;
  float: right;
}

DIV.content {
  background-color: #FFFFFF;
  width: 750px;
  margin: 10px 0px;
  float: left;
}

/* Begin Fancier Invoice */
.dataTableHeadingContent_INVOICE, .product_infobox_heading, .product_infobox_heading_INVOICE {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #fff;
  font-weight: 700;
}

.dataTableHeadingRow_INVOICE, .product_infobox_heading_row, .product_infobox_heading_row_INVOICE {
  background-color: #C9C9C9;
}

.dataTableRow_INVOICE, .product_infobox_data_row, .product_infobox_data_row_INVOICE {
  background-color: #F0F1F1;
}

.order_history_top, .order_history_top_INVOICE {
  color: #069;
  font-weight: 700;
  font-family: Verdana;
  font-size: 13px;
}

.order_infobox_heading, .order_infobox_heading_INVOICE {
  color: #000;
  font-weight: 700;
  font-family: Verdana;
  font-size: 12px;
}

.order_infobox_data, .order_infobox_data_INVOICE {
  color: #000;
  font-family: Verdana;
  font-size: 12px;
}

/* End Fancier Invoice */
#content {
  height: 100%;
  width: 100%;
  text-align: left;
}

.movieborder {
  border: 1px solid #E8E8E8;
  width: 950px;
  height: 250px;
  margin: 0;
  overflow: hidden;
  margin-top: 8px;
}

.homeboxleft {
  float: left;
  width: 370px;
  margin-right: 9px;
  height: 526px;
}

.homeboxright {
  float: right;
  width: 370px;
  height: 253px;
}

.homeboxbottomright {
  float: right;
  width: 370px;
  height: 253px;
  margin-top: 10px;
}

.homeboxwrapper {
  border: 1px solid #B8B8B8;
  height: 253px;
  margin: 0;
}

.homeboxwrapperleft {
  border: 1px solid #B8B8B8;
  height: 546px;
  margin: 0;
}

.homeboxwrapperbottomright {
  border: 1px solid #B8B8B8;
  height: 253px;
  margin: 0;
}

.homeboxheader {
  border-bottom: 1px solid #B8B8B8;
  margin-top: 0px;
  padding-left: 16px;
  padding-bottom: 12px;
  height: 28px;
}

.homeboxheader h2 {
  font-size: 12px;
  font-weight: bold;
  color: #000;
}

.homeboxcontentleft {
  overflow: hidden;
  margin-left: -15px;
  padding: 7px 0px 0px 0px;
  font-size: 11px;
  width: 370px;
}

.homeboxcontentleft ul li {
  list-style-image: url("images/miniarrowcolor.gif");
  padding-bottom: 8px;
  line-height: 1.4em;
}

.homeboxcontent {
  height: 160px;
  overflow: hidden;
  margin-left: -15px;
  padding: 7px 0px 0px 0px;
  font-size: 11px;
  width: 370px;
}

.homeboxcontent ul li {
  list-style-image: url("images/miniarrowcolor.gif");
  padding-bottom: 8px;
  line-height: 1.4em;
}

.homeboxcontentbottomright {
  height: 190px;
  overflow: hidden;
  margin-left: -15px;
  padding: 7px 0px 0px 0px;
  font-size: 11px;
  width: 370px;
}

.homeboxcontentbottomright ul li {
  list-style-image: url("images/miniarrowcolor.gif");
  padding-bottom: 8px;
  line-height: 1.4em;
}

.footerbox {
  float: left;
  font-size: 11px;
  width: 750px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.footerbox h3 {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 0px;
}

.footerbox ul li {
  list-style-image: url("images/miniarrowcolor.gif");
  padding-bottom: 2px;
  line-height: 1.4em;
  margin-left: -23px;
}

.footerboxheader {
  border-bottom: 1px solid #B8B8B8;
  margin-top: 8px;
  padding-left: 16px;
  font-weight: bold;
  color: #000;
  height: 28px;
}

.footerboxwrapper {
  border: 1px solid #B8B8B8;
  background: #EDF9DA;
  padding: 0px;
}

.chart {
  font-size: 11px;
  width: 750px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}

.chart td {
  font-size: 11px;
  width: 750px;
  border-left: 1px solid #CCCCCC;
}

/* shipping cost estimator */
.estimatedshippingBox {
  background: #1F7611;
}

.estimatedshippingBoxContents {
  background: #f8f8f9;
  font-family: Arial, sans-serif, verdana;
  font-size: 11px;
  text-align: left;
}

.ShowShipping {
  background: #1F7611;
  color: #FFFFFF;
  font-family: Arial, sans-serif, Verdana;
  font-size: 11px;
  font-weight: bold;
  text-align: left;
}

/* SimpleSuggest */
.suggest_link {
  background-color: #FFFFFF;
  padding: 2px 6px 2px 6px;
}

.suggest_link_over {
  background-color: #bbc3d3;
  color: #FFFFFF;
  padding: 2px 6px 2px 6px;
  border: red;
  cursor: pointer;
}

.suggest_link:visited {
  color: #FFFFFF;
}

#search_suggest {
  position: absolute;
  background-color: #FFFFFF;
  text-align: left;
  font-size: 10px;
  font-weight: bold;
  z-index: 100;
  border: 1px solid #000;
  margin-right: 20px;
  right: 0;
  overflow-x: hidden;
  width: 181px;
}

#search_suggest2 {
  position: absolute;
  float: left;
  background-color: #FFFFFF;
  text-align: left;
  font-size: 10px;
  font-weight: bold;
  z-index: 100;
  border: 0px solid #000;
  margin-left: 10px;
}

/* SimpleSuggest */
.sgstcont {
  width: 130px;
  position: absolute;
  display: none;
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
  border-bottom: 1px solid #999999;
}

.sgstlst {
  font-size: 10px;
  font-family: verdana;
  background-color: #F5F5F5;
  padding: 2px;
  cursor: pointer;
}

.sgstlst:hover {
  background-color: #cccccc;
}

#id_steps_outer {
  position: relative;
}

#id_steps_outer .wf {
  position: absolute;
  color: #FFFFFF;
  font-size: 11px;
  top: 9px;
}

#id_steps_outer .wf .wf-txt {
  display: inline-block;
  background-color: #65A120;
  background: url(images/workflow.png) no-repeat left bottom;
  padding-left: 10px;
  padding-right: 6px;
  height: 15px;
  overflow-y: hidden;
}

#id_steps_outer .wf .wf-arr {
  display: inline-block;
  background: url(images/workflow.png) no-repeat right bottom;
  color: #FFFFFF;
  width: 10px;
  height: 15px;
}

#id_steps .step_out {
  /*display:inline-block;*/
  float: left;
  height: 48px;
  line-height: 48px;
  margin-right: -10px;
  overflow: visible;
  cursor: pointer;
}

#id_steps .step_l {
  float: left;
  background: url(images/workflow.png) no-repeat;
  background-position: 0px -2px;
  width: 25px;
}

#id_steps .step_m {
  float: left;
  background: url(images/workflow.png) no-repeat;
  background-position: -25px -2px;
  text-align: center;
}

#id_steps .step_r {
  float: left;
  background: url(images/workflow.png) no-repeat;
  background-position: -775px -2px;
  width: 25px;
}

#id_steps .selected .step_l, #id_steps .over .step_l {
  background-position: 0px -52px;
}

#id_steps .selected .step_m, #id_steps .over .step_m {
  background-position: -25px -52px;
  color: #FFFFFF;
}

#id_steps .selected .step_r, #id_steps .over .step_r {
  background-position: -775px -52px;
}

#id_steps_content .step_conainer {
  margin-bottom: 10px;
}

#id_steps_content .step_header {
  height: 29px;
  line-height: 29px;
  background: url(images/workflow.png) repeat-x;
  background-position: 0px -102px;
  cursor: pointer;
  padding-left: 8px;
}

#id_steps_content .selected .step_header, #id_steps_content .over .step_header {
  background-position: 0px -132px;
  color: #FFFFFF;
}

#id_steps_content .step_arrow {
  float: left;
  width: 16px;
  height: 27px;
  background: url(external/jscookmenu/themeie/arrow.gif) no-repeat 6px 5px;
}

#id_steps_content .selected .step_arrow {
  background: url(external/jscookmenu/themeie/arrow-down.gif) no-repeat 0px 12px;
}

#id_steps_content .step_pcount {
  float: right;
  background-color: rgba(0, 200, 0, 0.1);
  border: 1px solid rgba(0, 200, 0, 0.2);
  margin-top: 4px;
  margin-right: 8px;
  line-height: 10px;
  padding: 5px;
}

#id_steps_content .step_content {
  display: none;
  background-color: rgba(219, 231, 209, 1);
  padding: 5px;
}

#id_steps_content .selected .step_content {
  display: block;
}

#id_steps_content .step_descr {
  padding: 2px;
}

#id_steps_content a.step_details {
  font-size: 11px;
  font-weight: normal;
  background: url(external/jscookmenu/themeie/arrow.gif) no-repeat 0px -2px;
  padding-left: 9px;
}

#id_steps_content hr {
  height: 1px;
  color: #00AA00;
  background-color: #00AA00;
  border: none;
}

#id_steps_content .step_menu {
  padding-left: 5px;
  background-color: rgba(225, 237, 215, 1);
  margin-bottom: 5px;
}

#id_steps_content .step_menu .step_menu_l {
  float: left;
}

#id_steps_content .step_menu .step_menu_r {
  float: right;
}

#id_steps_content .step_menu a {
  font-size: 11px;
  font-weight: normal;
  line-height: 20px;
}

#id_steps_content span.step_title {
  font-weight: bold;
}

#id_steps_content span.step_price {
  float: right;
  margin-top: 3px;
}

/* START COMPARISON TABLE STYLES */
#comparetable {
  width: 100%;
  table-layout: fixed;
  text-align: center;
  border-collapse: collapse;
}

#comparetable tr {
  background: transparent !important;
}

#comparetable td {
  padding: 5px;
  text-align: center;
  font: 11px Arial, sans-serif;
}

#comparetable th {
  padding: 5px;
  text-align: center;
  font-family: Arial, sans-serif;
}

#comparetable td.rowTitle {
  text-align: left;
  font-size: 11px;
  font-weight: bold;
  background-color: #666;
  color: #FFF;
}

.blank {
  background: none !important;
  border: none !important;
}

.softgreen th {
  background-color: #FFF;
  vertical-align: top;
  font-size: 12px;
  color: #253a22;
  text-align: center;
  font-weight: bold;
  border: 1px solid #85aa81;
}

.softgreen td {
  background-color: #f0f1f1;
  border: 1px solid #bed5bb;
}

.softgreen td.rowTitle {
  font-weight: bold;
}

/* END COMPARISON TABLE STYLES */
/* NEW TOP HEADER MEGA MENU FEB 26, 2014 -WL */
.megamenutop {
  font: bold 12px Verdana;
  width: 100%;
  margin-top: 8px;
  background: #000000;
}

/*Top level menu link items style*/
.megamenutop ul li a {
  display: block;
  color: #FFFFFF;
  text-decoration: none;
  padding: 11px 10px;
}

.nav,
.nav a,
.nav ul,
.nav li,
.nav div,
.nav form,
.nav input {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
}

.nav a {
  text-decoration: none;
}

.nav li {
  list-style: none;
}

.nav {
  position: relative;
  cursor: default;
}

.nav > li {
  display: block;
  float: left;
  background: #cdffa9;
}

.nav > li:hover > a {
  background: #cdffa9;
  color: #000;
}

.nav > li:first-child > a {
  border-left: none;
}

.nav > li > div {
  position: absolute;
  display: block;
  width: 952px;
  left: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  z-index: 499;
  background: #cdffa9;
  -webkit-transition: all 0.01s ease 0.1s;
  -moz-transition: all 0.01s ease 0.1s;
  -o-transition: all 0.01s ease 0.1s;
  -ms-transition: all 0.01s ease 0.1s;
  transition: all 0.01s ease 0.1s;
}

.nav > li:hover > div {
  opacity: 1;
  visibility: visible;
  overflow: visible;
}

.nav .nav-column {
  float: left;
  width: 20%;
  padding: 0 2.5% 2.5% 2.5%;
  background: #cdffa9;
}

.nav .nav-column h3 {
  margin: 15px 0 5px 0;
  line-height: 14px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #ff722b;
  border-bottom: 1px orange dotted;
}

.nav .nav-column li a {
  display: block;
  line-height: 11px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: none;
  color: #3a3a3a;
  padding: 5px 0px;
}

.nav .nav-column li a:hover {
  color: #ff6c00;
}

/*sub menu*/
ul#submenu li {
  position: relative;
}

ul#submenu li ul.subsubmenu {
  display: none;
  position: absolute;
  padding-left: 6px;
  left: 50px;
  width: 250px;
  background: #abe381;
  border: 1px green solid;
  z-index: 500;
  -webkit-transition: all 0.01s ease 0.1s;
  -moz-transition: all 0.01s ease 0.1s;
  -o-transition: all 0.01s ease 0.1s;
  -ms-transition: all 0.01s ease 0.1s;
  transition: all 0.01s ease 0.1s;
}

ul#submenu li:hover ul.subsubmenu {
  display: block;
}

/* END FEB 26, 2014 MEGA MENU CSS */
/* search */
.s-item-box {
  border: 1px solid #cdcdcd;
  padding: 1px;
  margin-top: 10px;
  font-size: 11px;
  font-weight: normal;
}

.s-item-box .u-sp {
  padding: 5px 0px 5px 5px;
}

.s-item-box .u-l {
  width: 56%;
  float: left;
  border-right: 1px solid #CCCCCC;
}

.s-item-box .u-l span {
  color: #888888;
}

.s-item-box .u-ll {
  float: left;
  width: 31%;
}

.s-item-box .u-lr {
  float: right;
  width: 69%;
}

.s-item-box .u-ll div {
  border: 1px solid #DDDDDD;
  width: 116px;
  height: 116px;
  overflow: hidden;
}

.s-item-box .u-lr table {
  width: 100%;
}

.s-item-box .u-lr table td {
  font-size: 11px;
  font-family: Arial, Verdana, Tahoma, sans-serif;
  color: #303030;
  line-height: 1.4;
}

.s-item-box .u-lr table td.td-r {
  font-weight: bold;
  width: 40%;
}

.s-item-box .u-r {
  width: 43.7%;
  float: left;
  border-left: 1px solid #CCCCCC;
  margin-left: -1px;
}

.s-item-box .u-r table td {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.s-item-box .d-sp {
  background-color: #e4e4e4;
  padding: 5px;
}

.s-item-box .d-dlr {
  width: 50%;
  float: left;
  color: #808080;
}

/* search end */
/* reviews stars */
.stars {
  text-decoration: none;
}

.stars span {
  display: inline-block;
  width: 55px;
  height: 11px;
  background: url(images/icons/reviews_stars.png) 0px -14px repeat-x;
  margin-right: 1px;
}

#id_thumbs_scroll_out {
  width: 66px;
  height: 180px;
  overflow: hidden;
  position: relative;
}

#id_thumbs_scroll {
  width: 66px;
  position: absolute;
  left: 0px;
  top: 0px;
}

#id_arr_up {
  pointer-events: none;
  line-height: 1;
  overflow: hidden;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 66px;
  text-align: center;
  opacity: 0.5;
  display: none;
}

#id_arr_down {
  pointer-events: none;
  line-height: 1;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 66px;
  text-align: center;
  opacity: 0.5;
  display: none;
}

#id_arr_left {
  pointer-events: none;
  overflow: hidden;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 15px;
  line-height: 50px;
  text-align: center;
  opacity: 0.5;
  display: none;
  z-index: 999;
}

#id_arr_right {
  pointer-events: none;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 15px;
  line-height: 50px;
  text-align: center;
  opacity: 0.5;
  display: none;
  z-index: 999;
}

.tos-pagination-out {
  position: fixed;
  overflow: hidden;
  width: 660px;
  height: 52px;
}

.tos-pagination a {
  border: 1px solid #DDDDDD;
}

.tos-pagination a.tos-selected {
  border: 1px solid #047704;
}

.tosrus img {
  padding: 5px;
  border: 1px solid #ffffff;
}

.tosrus:hover img {
  border-color: #047704;
}

#id_tosrus_main img {
  max-width: 150px;
  max-height: 180px;
}

.tosrus img {
  max-width: 50px;
  max-height: 60px;
}

#id_tosrus_main {
  position: relative;
  display: block;
  width: 150px;
  height: 180px;
  margin-top: 1px;
}

#id_tosrus_main div {
  position: absolute;
  width: 32px;
  height: 32px;
  top: 0px;
  right: 0px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AsCChIBBS2NKwAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAGTklEQVRYw+2WWWxU1xnH/+fcZe6dJZ6xGWxMJ5hmbAeIoZAMRSI0WBaLiItKxUNfqhopUsDCeUByV7WpVJJIPLSpH2grtbUqtQ+VkEYh2E4iAnJc6i4oLDbGxThjhsl4ncWz3LnLuef0ARIRtZVs40Z96O/1fvfc3z3n+77zAf/rZLNZupJnS4UsJSiXyz2jadoLhJBGAEQIMW6a5mAoFBoDACEEIYSIVRcolUrHZVnu5JyjXC6jXDHThBDh1bX1fp8PhBDBGHvT7/f3ruoOjN++Hdi4cWOf5TjBu5NTAxXLHq5fV1cM+H0ABBaLZczPL/gDPv3ZDZH1X5NleWFiYuKrLS0t5ccWGB0Z8Tc2Nf05k8mVP7z1j9Nte3aZmkf9ty9bNsNfPryhbI42fCfg99WMjo7ujMVi5ooEPjlHwzDeLxSLT4zdTX53z65nUTZMuFxAlih8ugqJEjgOhwAgSxSUEtwYv4vI2ppXdV0rer3eF5cj8GkWE0JENpv9hhAi/Nfro699qWUzZhZyqFg2OHdxJzmPH/7qEn7wy0u4nZyHzVwYpg3DdLDt6SjuTKXeABDJZDJHli2QTCYpAKiq+koqPTO0qbm5aDkMsiyDEAJZpvjT9ft448138fpPB/De8F0wl8FmDKZto1SxsLnpKTuby7+jqmoXAKRSKbpkgXA4jKmpqTrXdf2ZXP5KdSgIRZLgUWRU+XUE/V5U+T2AhwAegqBfRcDrgVdXQCmBaTtQVQVFwxzmnK8ZGxsL1tfXL2kHZADQdZ0nEokvu64LSVbmPKoKl3MsZEt47Td9CPg8GE/MgagSBAT++N5N3JyYQcmw8O2OF1AfroLDBfx+f8F1XXg82i5K6TtLFnhIHWMMNcEq4ZEkcEqQSGXQ++uLQNALyBI0TQFAcHF4HBeHbgHFCtqffxrR9WvgcgFNVeA4dkmS6BeWmgOfCjiOIzjnkBUZkkwhCQpFpoBjArYEQAbnD4uG2YDDANuEqlDIEgUhApIkwbFcxbIsZ9kCpVJpXNM1UCIrlMDhENi1dQM+6P8RvJqKty7fwE963gaEwPdfOYwjrVtRMR08t+VJCACSREAAMMY85XJ5YlkC165do4yx6xWjAk33RQB8RAAosoI9O54CANyaTAO2DXCBaKQGz2158l8WE5zVG4aBTCbz95GREbmlpYUtqQoMwxCxWKxgWVaCu257sVR+2KQEOH9wxzDGgNkFYHYeLnM/+2EhiOMwFAqFg7Zt39q3b59TKBTcZbfiy5cvbw2Hw78P1az5Rd3a8B1CCGGMCy4EKAXKFRsUBD6v54GeEJDog3LP5xfrP/441Z1Op18+cODA8LI74cDAAGltbb1ZLBbfLeRzJ+Yz2aDDuJBlSigRME0HRAgICJiWA8Y4CKHEdQUKxbKeSt3vrqqqQm1tbQQAuru7yYpvw6Ghod8Fg8Ht4bV1vyWSNBLweaGqCogABABKCVyXw7BsOLbZOJNOdxJChBACvb29pKGhId7V1fXqY80Dg4ODP9Y8nq9XhUJZf+CJfllR77icFymlRJFln22ZXyzkc4fy+Xzt9PQ0isUienp6EA6H0dzcjGg0+reTJ0++9FgDSTwej4RCoe9JkvS8LMvwer0QQqBSqcB1XTDGPkilUj9bXFz0xuPxP8zMzMDr9aKmpkZEo1GyadOmyc7OziMrErhw4QJpb28Xj+RIveM4DQCEqqpTBw8enH40vqOjo3V6evrn6XQauq4jGAyKpqYmsm3btty9e/faTp8+zVY0E/b39xNN02ggEBCxWIwDwJUrV6ht26RcLvP29nZx+PBhcv78edHR0fHNubm57mQyKXRdJ9XV1WhsbMSOHTtKlmXtO3HiRHlFQ+lSOHr0KDl37pw4duzYqYWFhY5EIsE1TaPV1dVoampCLBZDJpN58dSpU/fPnj1LOjs7xaoKPMrx48dfn52dbZ+YmICmaQiFQmhubsb27dthGMa3urq6rn0SK/03BK5evfr+/v37tyiKsmFubg6O46BUKsG2bUQikSOHDh16u6+vr/CZRrSanDlzhvT09JwMhUJj69atg+M4yGQymJ2dxeTk5PzOnTtnVz0H/hNtbW2XcrncGk3TUFtbuxiPx7+CB/3s8yGVSkm7d+++unfv3sHP44f/z7L5J/Le5nNHXhyWAAAAAElFTkSuQmCC");
  display: none;
}

.tosrus-hidden {
  display: none;
}

.tosrus-preview {
  width: 730px;
  min-height: 480px;
}

.tosrus-preview div {
  margin-top: 20px;
  font-size: 12px;
  height: 140px;
  overflow-y: auto;
}

.tosrus-preview span {
  display: block;
  height: 330px;
}

.tosrus-preview img {
  height: 330px;
  max-height: 330px;
  max-width: 700px;
  display: block;
  margin: 0 auto;
}

.tos-html .tos-html {
  border: 1px solid #000000;
  border-radius: 10px;
  width: 750px;
  min-height: 500px;
  padding: 0px;
  box-shadow: 2px 2px 10px #555555;
}

/*product recommends*/
.flex-container {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  justify-content: space-between;
}

.flex-item {
  width: 120px;
  margin: 0px;
  margin-top: 10px;
  text-align: center;
}

.flex-container-text {
  padding: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: -10px;
  margin-bottom: -10px;
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  justify-content: space-between;
}

.flex-item-text {
  padding-left: 7px;
  padding-right: 7px;
  width: 430px;
  margin: 0px;
  margin-top: 10px;
  margin-right: 5px;
  text-align: center;
}

.recommend-img {
  max-width: 130px;
  max-height: 95px;
  height: auto;
}

/* calendar */
TABLE.calendarBox {
  width: 216px;
  height: 230px;
  border: 1;
  padding: 0;
  cursor: default;
  background-color: #c6c6c6;
}

IFRAME.calendarBox {
  width: 216px;
  height: 210px;
}

.calendarBoxHeader {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  background: #4F9F0E;
  color: #FFFFFF;
  text-decoration: none;
  height: 16px;
  line-height: 25px;
}

.yearHeader {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  background-color: #FFFFFF;
  text-decoration: none;
}

.yearHeader SELECT {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8px;
  background: #FFFFFF;
  color: #000000;
}

.yearHeaderButton {
  font-size: 8px;
  font-weight: bold;
  border: 1px outset #b4ad9a;
  background: #D7D7D7;
  margin: 0px;
  color: #000000;
  width: 15px;
  height: 16px;
}

.calendarMonth {
  background-color: #FFFFFF;
  border: 1px;
  cursor: default;
  width: 100%;
}

.calendarHeader {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #999999;
  background: #FFFFFF;
  text-decoration: none;
  height: 16px;
  width: 216px;
}

.calendarToday {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  background-color: #FFCF00;
  padding-left: 3px;
  text-decoration: none;
  border: 1px outset #FFFFFF;
  height: 22px;
  width: 18px;
}

.calendarWeekend {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  background-color: #CCCCCC;
  padding-left: 3px;
  line-height: 14px;
  text-decoration: none;
  border: 1px outset #FFFFFF;
  height: 22px;
  width: 18px;
}

.calendar {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  background-color: #FFFFFF;
  padding-left: 3px;
  line-height: 14px;
  text-decoration: none;
  border: 1px outset #FFFFFF;
  height: 22px;
  width: 18px;
}

.event {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #E4942C;
  background-color: #4F9F0E;
  text-decoration: none;
  border: 0px inset #FFFFFF;
}

.event_header {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5;
  text-decoration: none;
  color: #FFFFFF;
  background-color: #4F9F0E;
}

.event_header_dates {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #FFFFFF;
  background-color: #4F9F0E;
  text-decoration: none;
  border: 0px;
}

/* used for list number */
.event_header_zahl {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  color: #FFFFFF;
  background-color: #000000;
  text-decoration: none;
}

.event_description {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.5;
  color: #000000;
  background-color: #FFFFFF;
  border: 0px solid #000000;
  text-decoration: none;
}

.empty {
  background-color: #EEEEEE;
  line-height: 14px;
  height: 22px;
  width: 18px;
}

.calendar A:hover, .calendar A:link, .calendar A:visited, .calendar A:visited:hover, .yearHeader A:hover {
  color: red;
  text-decoration: underline;
}

.calendarWeekend A:hover, .calendarWeekend A:link, .calendarWeekend A:visited, .calendarWeekend A:visited:hover {
  color: red;
  text-decoration: underline;
}

.calendarToday A:hover, .calendarToday A:link, .calendarToday A:visited, .calendarToday A:visited:hover {
  color: red;
  text-decoration: underline;
}

/* Place text in the middle of the image */
.hero-text {
  text-align: center;
  color: #000;
}

.hero-text h1 {
  font-size: 45px;
  margin: 0;
}

.hero-text .search-container {
  width: 100%;
}

.hero-text input[type=text] {
  padding: 6px;
  margin-top: 8px;
  font-size: 23px;
  width: 50%;
  border: none;
}

.hero-text .search-container button {
  float: none;
  padding: 6px 10px;
  margin-top: 8px;
  margin-right: 16px;
  margin-left: -3px;
  background: #ddd;
  font-size: 23px;
  border: none;
  cursor: pointer;
}

.hero-text .search-container .ctabutton {
  background-color: #65A120;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 4px;
}

.hero-text > h1 {
  font-size: 16px;
}

.hero-text .search-container button:hover {
  background: #ccc;
}

.hero-text p {
  font-size: 14px;
}

::placeholder {
  color: #ccc;
}

@media screen and (min-height: 700px) {
  .hero-text .search-container .ctabutton {
    font-size: 18px;
  }

  .hero-text p {
    font-size: 18px;
  }

  .hero-text > h1 {
    font-size: 28px;
  }
}
@media screen and (min-height: 700px) and (min-width: 500px) {
  .hero-text .search-container .ctabutton {
    font-size: 24px;
  }

  .hero-text p {
    font-size: 24px;
  }

  .hero-text > h1 {
    font-size: 32px;
  }
}
.hero-text .search-container {
  float: none;
}

.hero-text a, .hero-text input[type=text], .hero-text {
  float: none;
  display: inline;
  text-align: center;
}

.hero-text .search-container button {
  float: none;
  display: inline;
  background: #ddd;
  border: none;
  cursor: pointer;
}

.hero-text input[type=text] {
  border: 1px solid #ccc;
  text-align: left;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bold;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/*
Item Name : Responsive Mega Menu Complete Set
Item URI : http://codecanyon.net/item/mega-menu-complete-set/152825
Author URI : http://codecanyon.net/user/Pixelworkshop
Version : 4.02
*/
/*

TABLE OF CONTENTS

01 MEGA MENU BAR
02 MEGA MENU CONTAINERS
03 DROP DOWN COLUMNS GRID
04 FLY-OUT MENU
05 MEGA MENU WEB ELEMENTS
   1. General Typography
   2. Lists
   3. Custom Paragraphs
   4. Video + Misc.
   5. Images
   6. Paragraph Icons
   7. Social Icons
   8. Form Elements
   9. Tables
06 DEFAULT THEMES, DARK & LIGHT (REQUIRED)
   1. Dark Menu Bar
   2. Light Menu Bar
   3. Dark Drop Down
   4. Light Drop Down
   5. Neutral Colored Elements
      - Form Elements
      - Tables
07 ADDITIONAL THEMES (OPTIONNAL)
   1. Blue
   2. Brown
   3. Cherry
   4. Coffee
   5. Green
   6. Grey
   7. Ocean
   8. Orange
   9. Pink
   10. Purple
   11. Red
   12. Tan
   13. Yellow
08 VERTICAL MEGA MENU
09 MOBILE DEVICES
   1. Common Media Queries
   2. Horizontal Mega Menu Media Queries
   3. Vertical Mega Menu Media Queries

*/
/*
	Layout container
	The menu will automatically expand into your container.
	"page_wrapper" and "page_wrapper_vertical" are just used to show how the menu fits,
	those containers are not necessary, just put the menu into a container and it will
	fit exactly to its dimensions.
*/
.page_wrapper,
.page_wrapper_vertical {
  width: 100%;
  margin: 36px auto;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 21px;
}

.menu_description {
  color: #262626;
  text-shadow: 1px 1px 1px #ffffff;
  padding-bottom: 36px;
}

.menu_description h1 {
  margin-top: 24px;
  font-size: 24px;
  line-height: 38px;
}

.menu_description h2 {
  font-size: 18px;
  line-height: 24px;
}

.menu_description ul.description {
  font-size: 12px;
  line-height: 21px;
  list-style: square;
  margin: 0 0 0 15px;
  padding: 0;
}

.menu_description a {
  color: #888888;
  text-decoration: none;
}

.page_wrapper_vertical {
  width: 960px;
  margin: 36px auto;
}

.page_wrapper_vertical .menu_description {
  float: left;
  width: 760px;
  margin-left: 40px;
}

.page_wrapper_vertical .menu_description h1 {
  margin-top: -6px;
}

.page_wrapper_fixed {
  margin: 70px auto;
}

@media only screen and (min-width: 768px) and (max-width: 984px) {
  .page_wrapper, .page_wrapper_vertical {
    width: 768px;
  }

  .page_wrapper_vertical .menu_description {
    width: 500px;
  }
}
@media only screen and (max-width: 767px) {
  .page_wrapper, .page_wrapper_vertical {
    width: 420px;
  }

  .page_wrapper_vertical .menu_description {
    width: 100%;
    margin-left: 0;
  }

  .page_wrapper_vertical .menu_description h1 {
    margin-top: 24px;
  }
}
@media only screen and (max-width: 479px) {
  .page_wrapper, .page_wrapper_vertical {
    width: 300px;
  }
}
/*  _______________________________________________

    01 MEGA MENU BAR
    _______________________________________________  */
.megamenu_container {
  width: 100%;
  height: 34px;
  *height: 32px;
  margin-top: 7px;
  /*	margin:0 auto; */
  position: relative;
  z-index: 9998;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px 3px 0px 0px;
  -moz-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
}

.megamenu_fixed {
  width: inherit;
  position: fixed;
  top: 0;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  /* IE7 Fix */
  /* *width: expression(this.parentNode.currentStyle["width"]); */
}

.megamenu {
  list-style: none;
  padding: 0;
  position: relative;
  /* For IE7 */
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1;
}

.megamenu > li {
  float: left;
  margin: 0;
  border-right: 1px solid #727272;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.megamenu > li > a {
  font-size: 12px;
  font-family: Verdana, Arial;
  outline: 0;
  text-decoration: none;
  display: block;
  padding: 11px 15px 10px 15px;
}

.megamenu > li .megamenu_drop {
  padding-right: 30px;
}

.megamenu li.megamenu_button {
  display: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}

/* Right aligned menu item */
.megamenu li.megamenu_right {
  float: right;
  margin-right: -1px;
}

.megamenu li.megamenu_right a {
  margin-right: 5px;
}

/*  _______________________________________________

    02 MEGA MENU CONTAINERS
    _______________________________________________  */
.megamenu li .dropdown_container,
.megamenu li .dropdown_fullwidth,
.megamenu li .dropdown_multilevel {
  position: absolute;
  margin: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  left: -9999em;
  top: -9999em;
  display: block;
  zoom: 1;
  z-index: 9997;
  float: left;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}

.megamenu li .dropdown_first {
  margin-left: -1px;
}

.megamenu li .droplast_right {
  margin-right: -1px;
}

/* Showing Drop Down on Mouse Hover */
.megamenu li:hover .dropdown_container {
  top: 33px;
  left: auto;
}

.megamenu li:hover .dropdown_fullwidth {
  top: 33px;
  left: -1px;
}

.megamenu li .dropdown_right {
  right: 0;
}

.megamenu li:hover .dropdown_right {
  top: 33px;
  left: auto;
  right: 0;
}

/*
	Bigger containers need smaller padding values and
	on the opposite, smaller containers will have
	higher paddings. 
	This makes the content within each kind of drop down 
	equally distant from the left edge. 
*/
.megamenu .dropdown_1column {
  width: 8.3334%;
  padding-left: 2%;
  padding-right: 2%;
}

.megamenu .dropdown_2columns {
  width: 16.6667%;
  padding-left: 1.8333%;
  padding-right: 1.8333%;
}

.megamenu .dropdown_3columns {
  width: 25%;
  padding-left: 1.5%;
  padding-right: 1.5%;
}

.megamenu .dropdown_4columns {
  width: 33.3334%;
  padding-left: 1%;
  padding-right: 1.333%;
}

.megamenu .dropdown_5columns {
  width: 41.6667%;
  padding-left: 1.166%;
  padding-right: 1.166%;
}

.megamenu .dropdown_6columns {
  width: 50%;
  padding-left: 1%;
  padding-right: 1%;
}

.megamenu .dropdown_7columns {
  width: 58.3334%;
  padding-left: 0.833%;
  padding-right: 0.833%;
}

.megamenu .dropdown_8columns {
  width: 66.6667%;
  padding-left: 0.666%;
  padding-right: 0.666%;
}

.megamenu .dropdown_9columns {
  width: 75%;
  padding-left: 0.5%;
  padding-right: 0.5%;
}

.megamenu .dropdown_10columns {
  width: 83.3334%;
  padding-left: 0.333%;
  padding-right: 0.333%;
}

.megamenu .dropdown_11columns {
  width: 91.6667%;
  padding-left: 0.1666%;
  padding-right: 0.1666%;
}

.megamenu .dropdown_12columns,
.megamenu .dropdown_fullwidth {
  width: 100%;
}

/*  _______________________________________________

    03 DROP DOWN COLUMNS GRID
    _______________________________________________  */
.megamenu .col_1,
.megamenu .col_2,
.megamenu .col_3,
.megamenu .col_4,
.megamenu .col_5,
.megamenu .col_6,
.megamenu .col_7,
.megamenu .col_8,
.megamenu .col_9,
.megamenu .col_10,
.megamenu .col_11,
.megamenu .col_12 {
  float: left;
  display: inline;
  position: relative;
  margin-top: 6px;
  margin-bottom: 6px;
  margin-left: 1.5%;
  margin-right: 1.5%;
  /* 
  Rounding error with IE7.
  Lower margin values will absorb the difference.
  */
  *margin-left: 1.9%;
  *margin-right: 1.9%;
}

.megamenu .col_1 {
  width: 4.33%;
}

.megamenu .col_2 {
  width: 12.66%;
}

.megamenu .col_3 {
  width: 22%;
}

.megamenu .col_4 {
  width: 29.33%;
}

.megamenu .col_5 {
  width: 37.66%;
}

.megamenu .col_6 {
  width: 46%;
}

.megamenu .col_7 {
  width: 54.33%;
}

.megamenu .col_8 {
  width: 62.66%;
}

.megamenu .col_9 {
  width: 71%;
}

.megamenu .col_10 {
  width: 79.33%;
}

.megamenu .col_11 {
  width: 87.66%;
}

.megamenu .col_12 {
  width: 96%;
}

.megamenu .rowcontent {
  clear: left;
  /*
  IE7 clear issue.
  Display inline required.
  */
  *display: inline;
}

/*  _______________________________________________

    04 FLY-OUT MENU
    _______________________________________________  */
.megamenu .dropdown_flyout,
.megamenu .dropdown_flyout .dropdown_flyout_level {
  padding: 0;
  margin: 0;
  list-style: none;
  z-index: 15;
}

.megamenu .dropdown_flyout li {
  float: left;
  width: 98%;
  padding: 3px;
  font-weight: bold;
}

.megamenu .dropdown_flyout ul li {
  width: 250px;
  padding: 3px 2px 3px 30px;
}

.megamenu .dropdown_flyout_level a {
  display: block;
  margin-left: -22px;
  width: 240px;
}

.megamenu .dropdown_flyout .dropdown_flyout_level {
  position: absolute;
  margin: 5px 0 0 2px;
  padding: 2px;
  left: -9999em;
  top: -9999em;
  display: block;
  zoom: 1;
  float: left;
}

.megamenu .dropdown_flyout li:hover > .dropdown_flyout_level {
  left: 95%;
  top: -21px;
}

.megamenu .dropdown_flyout li:hover > .dropdown_flyout_level_left {
  left: -108%;
  right: 100%;
}

/*  _______________________________________________

    05 MEGA MENU WEB ELEMENTS
    _______________________________________________  */
/* 1. General Typography */
.megamenu > li > div a {
  text-decoration: none;
  outline: none;
}

.megamenu > li > div a:hover {
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  -ms-transition: color 0.3s;
  transition: color 0.3s;
}

.megamenu p {
  font-size: 10px;
  line-height: 21px;
}

.megamenu h1,
.megamenu h2,
.megamenu h3,
.megamenu h4,
.megamenu h5,
.megamenu h6 {
  font-weight: bold;
  margin: 6px 0 5px 0;
}

.megamenu h1 {
  font-size: 24px;
  line-height: 28px;
}

.megamenu h2 {
  font-size: 20px;
  line-height: 22px;
}

.megamenu h3 {
  font-size: 14px;
  line-height: 0px;
  padding-top: 0px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #e57100;
}

.megamenu h4 {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 14px;
}

.megamenu h5 {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 14px;
}

.megamenu h6 {
  font-size: 10px;
  line-height: 16px;
  margin-bottom: 14px;
  text-transform: uppercase;
}

/* 2. Lists */
.megamenu li ul,
.megamenu li ol {
  padding: 0;
  margin: 0 0 18px 20px;
}

.megamenu li ul {
  list-style: disc;
}

.megamenu li ol {
  list-style: decimal;
  *margin-left: 22px;
}

.megamenu li ul li,
.megamenu li ol li {
  font-size: 12px;
  line-height: 18px;
  position: relative;
  padding: 0;
  margin: 0;
  float: none;
  text-align: left;
}

.megamenu li .list_unstyled {
  list-style: none;
  margin-left: 0;
}

/* 3. Custom Paragraphs */
.megamenu .blue,
.megamenu .grey,
.megamenu .orange,
.megamenu .dark,
.megamenu .purple {
  padding: 0 0 0 15px;
  margin-bottom: 18px;
  border-left: solid 5px;
}

.megamenu .blue {
  border-left-color: #929292;
}

.megamenu .grey {
  border-left-color: #ECE7BA;
}

.megamenu .orange {
  border-left-color: #BD4F33;
}

.megamenu .dark {
  border-left-color: #3F3F3F;
}

.megamenu .purple {
  border-left-color: #382E34;
}

.megamenu .black_box {
  text-shadow: none;
  padding: 10px;
  margin-top: -10px;
  *margin-top: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/* 4. Video + Misc. */
.megamenu .video_container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 24px;
}

.megamenu .video_container iframe,
.megamenu .video_container object,
.megamenu .video_container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.megamenu .dropcap {
  display: block;
  float: left;
  font-size: 42px;
  line-height: 36px;
  margin: 4px 8px 0 0;
}

.megamenu hr {
  width: 100%;
  height: 0;
  *height: 2px;
  border: none;
  margin-bottom: 24px;
}

/* 5. Images */
.megamenu img {
  max-width: 100%;
  height: auto;
  border: none;
  margin-bottom: 18px;
}

.megamenu img.img_left {
  float: left;
  margin-right: 18px;
}

.megamenu img.img_right {
  float: right;
  margin-left: 18px;
}

.megamenu img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.8;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

.megamenu img:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

/* 6. Paragraph Icons */
.megamenu .paragraph_icon {
  padding-left: 36px;
  padding-right: 20px;
  margin-bottom: 18px;
}

.megamenu .mini_icon {
  background-repeat: no-repeat;
  margin-top: 4px;
  margin-left: -34px;
  float: left;
  width: 20px;
  height: 20px;
}

.megamenu_dark .megamenu .mini_icon {
  background-image: url("images/megamenu/icons/mini-icons-white.png");
}

.megamenu_light .megamenu .mini_icon {
  background-image: url("images/megamenu/icons/mini-icons-black.png");
}

.megamenu .ic_archive {
  background-position: 0 0;
}

.megamenu .ic_attachment {
  background-position: 0 -56px;
}

.megamenu .ic_bookmark {
  background-position: 0 -112px;
}

.megamenu .ic_brush {
  background-position: 0 -168px;
}

.megamenu .ic_calc {
  background-position: 0 -224px;
}

.megamenu .ic_calendar {
  background-position: 0 -280px;
}

.megamenu .ic_cancel {
  background-position: 0 -336px;
}

.megamenu .ic_chat {
  background-position: 0 -392px;
}

.megamenu .ic_chats {
  background-position: 0 -448px;
}

.megamenu .ic_cloud {
  background-position: 0 -504px;
}

.megamenu .ic_delete {
  background-position: 0 -560px;
}

.megamenu .ic_documents {
  background-position: 0 -616px;
}

.megamenu .ic_down {
  background-position: 0 -672px;
}

.megamenu .ic_down_circle {
  background-position: 0 -728px;
}

.megamenu .ic_download {
  background-position: 0 -784px;
}

.megamenu .ic_edit {
  background-position: 0 -840px;
}

.megamenu .ic_empty_document {
  background-position: 0 -896px;
}

.megamenu .ic_favorite {
  background-position: 0 -952px;
}

.megamenu .ic_folder {
  background-position: 0 -1008px;
}

.megamenu .ic_fullscreen {
  background-position: 0 -1064px;
}

.megamenu .ic_graph {
  background-position: 0 -1120px;
}

.megamenu .ic_grid {
  background-position: 0 -1176px;
}

.megamenu .ic_left {
  background-position: 0 -1232px;
}

.megamenu .ic_left_circle {
  background-position: 0 -1288px;
}

.megamenu .ic_list {
  background-position: 0 -1344px;
}

.megamenu .ic_lock {
  background-position: 0 -1400px;
}

.megamenu .ic_mail {
  background-position: 0 -1456px;
}

.megamenu .ic_minus {
  background-position: 0 -1512px;
}

.megamenu .ic_ok {
  background-position: 0 -1568px;
}

.megamenu .ic_picture {
  background-position: 0 -1624px;
}

.megamenu .ic_pin {
  background-position: 0 -1680px;
}

.megamenu .ic_plus {
  background-position: 0 -1736px;
}

.megamenu .ic_power {
  background-position: 0 -1792px;
}

.megamenu .ic_print {
  background-position: 0 -1848px;
}

.megamenu .ic_refresh {
  background-position: 0 -1904px;
}

.megamenu .ic_right {
  background-position: -56px 0;
}

.megamenu .ic_right_circle {
  background-position: -56px -56px;
}

.megamenu .ic_settings {
  background-position: -56px -112px;
}

.megamenu .ic_sound {
  background-position: -56px -168px;
}

.megamenu .ic_sync {
  background-position: -56px -224px;
}

.megamenu .ic_tag {
  background-position: -56px -280px;
}

.megamenu .ic_target {
  background-position: -56px -336px;
}

.megamenu .ic_text_document {
  background-position: -56px -392px;
}

.megamenu .ic_time {
  background-position: -56px -448px;
}

.megamenu .ic_unlock {
  background-position: -56px -504px;
}

.megamenu .ic_up {
  background-position: -56px -560px;
}

.megamenu .ic_up_circle {
  background-position: -56px -616px;
}

.megamenu .ic_user {
  background-position: -56px -672px;
}

.megamenu .ic_users {
  background-position: -56px -728px;
}

.megamenu .ic_zoom {
  background-position: -56px -784px;
}

/* 7. Social Icons */
.megamenu .social_icon {
  width: 42px;
  height: 42px;
  margin-bottom: 12px;
  *padding-bottom: 18px;
  float: left;
  background: url("images/megamenu/icons/social-icons.png") no-repeat top left;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  opacity: 0.6;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: 0.3s all ease-in;
  -o-transition: 0.3s all ease-in;
  -moz-transition: 0.3s all ease-in;
  transition: 0.3s all ease-in;
}

.megamenu .social_icon:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}

.megamenu .social_icon_delicious {
  background-position: 0 0;
}

.megamenu .social_icon_digg {
  background-position: 0 -62px;
}

.megamenu .social_icon_dribble {
  background-position: 0 -124px;
}

.megamenu .social_icon_ember {
  background-position: 0 -186px;
}

.megamenu .social_icon_facebook {
  background-position: 0 -248px;
}

.megamenu .social_icon_flickr {
  background-position: 0 -310px;
}

.megamenu .social_icon_forrst {
  background-position: 0 -372px;
}

.megamenu .social_icon_google {
  background-position: 0 -434px;
}

.megamenu .social_icon_last_fm {
  background-position: 0 -496px;
}

.megamenu .social_icon_linkedin {
  background-position: 0 -558px;
}

.megamenu .social_icon_my_space {
  background-position: 0 -620px;
}

.megamenu .social_icon_quora {
  background-position: 0 -682px;
}

.megamenu .social_icon_rss {
  background-position: 0 -744px;
}

.megamenu .social_icon_sharethis {
  background-position: 0 -806px;
}

.megamenu .social_icon_skype {
  background-position: 0 -868px;
}

.megamenu .social_icon_stumbleupon {
  background-position: 0 -930px;
}

.megamenu .social_icon_tumblr {
  background-position: 0 -992px;
}

.megamenu .social_icon_twitter {
  background-position: 0 -1054px;
}

.megamenu .social_icon_vimeo {
  background-position: 0 -1116px;
}

.megamenu .social_icon_you_tube {
  background-position: 0 -1178px;
}

/* 8. Form Elements */
.megamenu #megamenu_form {
  margin: 0 0 20px 0;
  display: block;
}

.megamenu #megamenu_form fieldset {
  border: 0;
  margin: 0;
  padding: 0;
  position: relative;
}

.megamenu #megamenu_form label {
  width: 94%;
  float: left;
  margin: 0 0 12px 0;
  padding-top: 3px;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}

.megamenu #megamenu_form input.form-input,
.megamenu #megamenu_form textarea {
  width: 90%;
  padding: 6px;
  border: 1px solid #dddddd;
  box-shadow: none;
  margin: 0 0 12px 0;
  transition: border-color 0.2s;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.megamenu #megamenu_form input.form-captcha {
  width: 40px;
}

.megamenu #megamenu_form textarea {
  height: 120px;
}

.megamenu #megamenu_form input.form-input:hover,
.megamenu #megamenu_form textarea:hover {
  border: 1px solid #bbbbbb;
}

.megamenu #megamenu_form input.form-input:focus,
.megamenu #megamenu_form textarea:focus {
  border: 1px solid #aaaaaa;
  box-shadow: none;
  outline: none;
}

.megamenu #megamenu_form .form-buttons {
  list-style: none;
  width: 94%;
  margin: 6px 0 0 0;
}

.megamenu #megamenu_form .form-buttons li {
  float: left;
  margin: 0 12px 0 0;
}

.megamenu #megamenu_form .form-buttons li input {
  float: left;
  margin: 0 12px 0 0;
  padding: 9px 0;
  width: 90px;
  font-size: 12px;
  cursor: pointer;
  color: #eeeeee;
  border: none;
  background: #000000;
}

/* Colored elements */
.megamenu #megamenu_form label.error,
.megamenu #megamenu_form #error,
.megamenu #megamenu_form #success {
  color: #fff;
  clear: both;
  width: 90%;
  padding: 6px;
  font-size: 12px;
  line-height: 18px;
}

.megamenu #megamenu_form label.error,
.megamenu #megamenu_form #error {
  background: #E45635;
}

.megamenu #megamenu_form input.error,
.megamenu #megamenu_form input.error:hover,
.megamenu #megamenu_form input.error:focus,
.megamenu #megamenu_form textarea.error,
.megamenu #megamenu_form textarea.error:hover,
.megamenu #megamenu_form textarea.error:focus {
  border-color: #f4baad;
}

.megamenu #megamenu_form #success {
  background: #90AB76;
}

.megamenu #megamenu_form #success,
.megamenu #megamenu_form #error {
  display: none;
  position: absolute;
  top: 0;
  margin-left: 0;
  width: 90%;
}

.megamenu #megamenu_form .required {
  color: #e9266d;
}

/* 9. Tables */
.megamenu .table_light,
.megamenu .table_dark {
  width: 100%;
  padding: 0;
  margin: 6px 0 18px 0;
  font-size: 12px;
  border-spacing: 0px;
  border-collapse: collapse;
}

.megamenu .table_light th,
.megamenu .table_dark th {
  text-align: left;
  padding: 12px 9px 12px 9px;
  font-weight: bold;
  font-size: 12px;
}

.megamenu .table_light td,
.megamenu .table_dark td {
  padding: 12px 9px 12px 9px;
}

/*  _______________________________________________

    06 DEFAULT THEMES, DARK & LIGHT (REQUIRED)
    _______________________________________________  */
/* 1. Dark Menu Bar */
.megamenu_dark_bar {
  background: #212121;
  background: -webkit-linear-gradient(top, #333333 0%, #181818);
  background: -moz-linear-gradient(top, #333333 0%, #181818);
  background: -o-linear-gradient(top, #333333 0%, #181818);
  background: -ms-linear-gradient(top, #333333 0%, #181818);
  background: linear-gradient(top, #333333 0%, #181818);
  border: 1px solid #171717;
  -webkit-box-shadow: inset 0px 0px 2px rgba(40, 40, 40, 0.7);
  -moz-box-shadow: inset 0px 0px 2px rgba(40, 40, 40, 0.7);
  box-shadow: inset 0px 0px 2px rgba(40, 40, 40, 0.7);
}

.megamenu_dark_bar .megamenu {
  color: #FFFFFF;
}

.megamenu_dark_bar .megamenu > li:hover,
.megamenu_dark_bar .megamenu > li.active {
  background: #FBFFF4;
  -webkit-box-shadow: inset 0px 3px 6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0px 3px 6px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 3px 6px rgba(0, 0, 0, 0.2);
}

.megamenu_dark_bar .megamenu li.noactive {
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.megamenu_dark_bar .megamenu > li > a {
  color: #FFFFFF;
  text-shadow: 1px 1px 1px #000000;
}

.megamenu_dark_bar .megamenu > li:hover > a {
  color: #000;
  text-shadow: 1px 1px 1px #FFF;
}

.megamenu_dark_bar .megamenu > li .megamenu_drop {
  background: url("images/megamenu/dropdown.png") no-repeat right 14px;
}

.megamenu_dark_bar .megamenu_vertical > li .megamenu_drop {
  background: url("images/megamenu/right.png") no-repeat right 16px;
}

.megamenu_dark_bar .megamenu li.megamenu_button,
.megamenu_dark_bar .megamenu li.megamenu_button:hover {
  background: url("images/megamenu/dropdown.png") no-repeat right 19px;
}

.megamenu_dark_bar .megamenu li.megamenu_button_active,
.megamenu_dark_bar .megamenu li.megamenu_button_active:hover {
  background: url("images/megamenu/-up.png") no-repeat right 18px;
}

/* 2. Light Menu Bar */
.megamenu_light_bar {
  background: #eeeeee;
  background: -webkit-linear-gradient(top, #f8f8f8 0%, #eeeeee);
  background: -moz-linear-gradient(top, #f8f8f8 0%, #eeeeee);
  background: -o-linear-gradient(top, #f8f8f8 0%, #eeeeee);
  background: -ms-linear-gradient(top, #f8f8f8 0%, #eeeeee);
  background: linear-gradient(top, #f8f8f8 0%, #eeeeee);
  border: 1px solid #CCCCCC;
  -webkit-box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 0.7);
  -moz-box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 0.7);
  box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 0.7);
}

.megamenu_light_bar .megamenu {
  color: #212121;
}

.megamenu_light_bar .megamenu > li:hover,
.megamenu_light_bar .megamenu > li.active {
  background: #DDDDDD;
}

.megamenu_light_bar .megamenu li.noactive {
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.megamenu_light_bar .megamenu > li > a {
  color: #212121;
  text-shadow: 1px 1px 1px #FFFFFF;
}

.megamenu_light_bar .megamenu > li:hover > a {
  color: #212121;
  text-shadow: 1px 1px 1px #FFFFFF;
}

.megamenu_light_bar .megamenu > li .megamenu_drop {
  background: url("images/megamenu/dropdown-b.png") no-repeat right 18px;
}

.megamenu_light_bar .megamenu_vertical > li .megamenu_drop {
  background: url("images/megamenu/right-b.png") no-repeat right 16px;
}

.megamenu_light_bar .megamenu li.megamenu_button,
.megamenu_light_bar .megamenu li.megamenu_button:hover {
  background: url("images/megamenu/dropdown-b.png") no-repeat right 19px;
}

.megamenu_light_bar .megamenu li.megamenu_button_active,
.megamenu_light_bar .megamenu li.megamenu_button_active:hover {
  background: url("images/megamenu/dropdown-b-up.png") no-repeat right 18px;
}

/* 3. Dark Drop Down */
.megamenu_dark .megamenu li .dropdown_container,
.megamenu_dark .megamenu li .dropdown_fullwidth,
.megamenu_dark .megamenu li .dropdown_flyout li ul {
  border: 1px solid #000000;
  border-top-width: 0;
  background: #111111;
  color: #f6f6f6;
}

.megamenu_container_vertical .megamenu li .dropdown_container,
.megamenu_container_vertical .megamenu li .dropdown_fullwidth,
.megamenu_container_vertical .megamenu li .dropdown_flyout li ul {
  border-top-width: 1px;
}

.megamenu_dark .megamenu li .dropdown_flyout li ul {
  border: 1px solid #000000;
}

.megamenu_dark .megamenu li .dropdown_flyout .dropdown_parent {
  background: url("images/megamenu/right.png") no-repeat right 9px;
}

.megamenu_dark .megamenu li .dropdown_flyout .dropdown_parent:hover,
.megamenu_dark .megamenu li .dropdown_flyout .dropdown_parent.active {
  background-color: #000000;
}

.megamenu_dark .megamenu li .dropdown_flyout .dropdown_parent.noactive {
  background-color: transparent;
}

.megamenu_dark .megamenu p,
.megamenu_dark .megamenu h1,
.megamenu_dark .megamenu h2,
.megamenu_dark .megamenu h3,
.megamenu_dark .megamenu h4,
.megamenu_dark .megamenu h5,
.megamenu_dark .megamenu h6 {
  color: #f6f6f6;
  text-shadow: 1px 1px 1px #000000;
}

.megamenu_dark .megamenu > li > div a,
.megamenu_dark .megamenu li ul li,
.megamenu_dark .megamenu li ol li {
  color: #aaaaaa;
}

.megamenu_dark .megamenu > li > div a:hover {
  color: #dddddd;
}

.megamenu_dark .megamenu li ul li:hover,
.megamenu_dark .megamenu li ol li:hover,
.megamenu_dark .megamenu .blue,
.megamenu_dark .megamenu .grey,
.megamenu_dark .megamenu .orange,
.megamenu_dark .megamenu .dark,
.megamenu_dark .megamenu .purple {
  color: #eeeeee;
}

.megamenu_dark .megamenu .black_box {
  background: #000000;
  color: #ffffff;
}

.megamenu_dark .megamenu .grey_bg {
  background: #eeeeee;
  color: #000000;
  text-shadow: 1px 1px 1px #ffffff;
}

.megamenu_dark .megamenu > li.megamenu_searchform:hover {
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.megamenu_dark .megamenu hr {
  border: none;
  border-bottom: 1px solid #202020;
  border-top: 1px solid #000000;
}

/* 4. Light Drop Down */
.megamenu_light .megamenu li .dropdown_container,
.megamenu_light .megamenu li .dropdown_fullwidth,
.megamenu_light .megamenu li .dropdown_flyout li ul {
  border: 1px solid #CCCCCC;
  border-top-width: 0;
  background: #FBFFF4;
  color: #212121;
}

.megamenu_container_vertical .megamenu li .dropdown_container,
.megamenu_container_vertical .megamenu li .dropdown_fullwidth,
.megamenu_container_vertical .megamenu li .dropdown_flyout li ul {
  border-top-width: 1px;
}

.megamenu_light .megamenu li .dropdown_flyout li ul {
  border: 1px solid #CCCCCC;
}

.megamenu_light .megamenu li .dropdown_flyout .dropdown_parent {
  background: url("images/megamenu/right-b.png") no-repeat right 5px;
}

.megamenu_light .megamenu li .dropdown_flyout .dropdown_parent:hover,
.megamenu_light .megamenu li .dropdown_flyout .dropdown_parent.active {
  background-color: #d4ff96;
}

.megamenu_light .megamenu li .dropdown_flyout .dropdown_parent.noactive {
  background-color: transparent;
}

.megamenu_light .megamenu p,
.megamenu_light .megamenu h1,
.megamenu_light .megamenu h2,
.megamenu_light .megamenu h3,
.megamenu_light .megamenu h4,
.megamenu_light .megamenu h5,
.megamenu_light .megamenu h6 {
  color: #e57100;
}

.megamenu_light .megamenu > li > div a,
.megamenu_light .megamenu li ul li,
.megamenu_light .megamenu li ol li {
  color: #5c5c5c;
}

.megamenu_light .megamenu > li > div a:hover {
  color: #000;
  text-decoration: underline;
}

.megamenu_light .megamenu li ul li:hover,
.megamenu_light .megamenu li ol li:hover,
.megamenu_light .megamenu .blue,
.megamenu_light .megamenu .grey,
.megamenu_light .megamenu .orange,
.megamenu_light .megamenu .dark,
.megamenu_light .megamenu .purple {
  color: #444444;
}

.megamenu_light .megamenu .black_box {
  background: #212121;
  color: #ffffff;
  text-shadow: 1px 1px 1px #000000;
}

.megamenu_light .megamenu .grey_bg {
  background: #eeeeee;
}

.megamenu_light .megamenu > li.megamenu_searchform:hover {
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.megamenu_light .megamenu hr {
  border: none;
  border-bottom: 1px solid #ffffff;
  border-top: 1px solid #e4e4e4;
}

/* 5. Neutral Colored Elements */
/* Form Elements */
.megamenu > li.megamenu_searchform {
  padding: 7px 12px 0 0;
}

.megamenu > li.megamenu_searchform .megamenu_searchfield {
  background: #fff;
  border: solid 1px #bcbbbb;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  margin-top: 2px;
  outline: medium none;
  padding: 4px 4px 4px 6px;
  width: 202px;
}

/* Tables */
.megamenu .table_light {
  border: 1px solid #cbcbcb;
  border-bottom: none;
}

.megamenu .table_light th {
  color: #3A3A3A;
  border-bottom: 1px solid #cbcbcb;
  background: #F5F5F5;
}

.megamenu .table_light td {
  border-bottom: 1px solid #cbcbcb;
  background: #fff;
  color: #888;
}

.megamenu .table_dark {
  border: 1px solid #000;
  border-bottom: none;
}

.megamenu .table_dark th {
  color: #FFF;
  border-bottom: 1px solid #000;
  background: #0D0D0D;
}

.megamenu .table_dark td {
  border-bottom: 1px solid #000;
  background: #0F0F0F;
  color: #DDD;
}

/*  _______________________________________________

    07 ADDITIONAL THEMES (OPTIONNAL)
    _______________________________________________  */
.megamenu_bluetheme .megamenu,
.megamenu_browntheme .megamenu,
.megamenu_cherrytheme .megamenu,
.megamenu_coffeetheme .megamenu,
.megamenu_greentheme .megamenu,
.megamenu_greytheme .megamenu,
.megamenu_oceantheme .megamenu,
.megamenu_orangetheme .megamenu,
.megamenu_pinktheme .megamenu,
.megamenu_purpletheme .megamenu,
.megamenu_redtheme .megamenu,
.megamenu_tantheme .megamenu,
.megamenu_yellowtheme .megamenu {
  color: #FFFFFF;
}

.megamenu_bluetheme .megamenu > li:hover,
.megamenu_bluetheme .megamenu > li.active,
.megamenu_browntheme .megamenu > li:hover,
.megamenu_browntheme .megamenu > li.active,
.megamenu_cherrytheme .megamenu > li:hover,
.megamenu_cherrytheme .megamenu > li.active,
.megamenu_coffeetheme .megamenu > li:hover,
.megamenu_coffeetheme .megamenu > li.active,
.megamenu_greentheme .megamenu > li:hover,
.megamenu_greentheme .megamenu > li.active,
.megamenu_greytheme .megamenu > li:hover,
.megamenu_greytheme .megamenu > li.active,
.megamenu_oceantheme .megamenu > li:hover,
.megamenu_oceantheme .megamenu > li.active,
.megamenu_orangetheme .megamenu > li:hover,
.megamenu_orangetheme .megamenu > li.active,
.megamenu_pinktheme .megamenu > li:hover,
.megamenu_pinktheme .megamenu > li.active,
.megamenu_purpletheme .megamenu > li:hover,
.megamenu_purpletheme .megamenu > li.active,
.megamenu_redtheme .megamenu > li:hover,
.megamenu_redtheme .megamenu > li.active,
.megamenu_tantheme .megamenu > li:hover,
.megamenu_tantheme .megamenu > li.active,
.megamenu_yellowtheme .megamenu > li:hover,
.megamenu_yellowtheme .megamenu > li.active {
  background: #121212;
  -webkit-box-shadow: inset 0px 3px 6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0px 3px 6px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 3px 6px rgba(0, 0, 0, 0.2);
}

.megamenu_bluetheme .megamenu > li > a,
.megamenu_browntheme .megamenu > li > a,
.megamenu_cherrytheme .megamenu > li > a,
.megamenu_coffeetheme .megamenu > li > a,
.megamenu_greentheme .megamenu > li > a,
.megamenu_greytheme .megamenu > li > a,
.megamenu_oceantheme .megamenu > li > a,
.megamenu_orangetheme .megamenu > li > a,
.megamenu_pinktheme .megamenu > li > a,
.megamenu_purpletheme .megamenu > li > a,
.megamenu_redtheme .megamenu > li > a,
.megamenu_tantheme .megamenu > li > a,
.megamenu_yellowtheme .megamenu > li > a {
  color: #FFFFFF;
  text-shadow: 1px 1px 1px #000000;
}

.megamenu_bluetheme .megamenu > li:hover > a,
.megamenu_browntheme .megamenu > li:hover > a,
.megamenu_cherrytheme .megamenu > li:hover > a,
.megamenu_coffeetheme .megamenu > li:hover > a,
.megamenu_greentheme .megamenu > li:hover > a,
.megamenu_greytheme .megamenu > li:hover > a,
.megamenu_oceantheme .megamenu > li:hover > a,
.megamenu_orangetheme .megamenu > li:hover > a,
.megamenu_pinktheme .megamenu > li:hover > a,
.megamenu_purpletheme .megamenu > li:hover > a,
.megamenu_redtheme .megamenu > li:hover > a,
.megamenu_tantheme .megamenu > li:hover > a,
.megamenu_yellowtheme .megamenu > li:hover > a {
  color: #FFFFFF;
  text-shadow: 1px 1px 1px #000000;
}

.megamenu_bluetheme .megamenu > li .megamenu_drop,
.megamenu_browntheme .megamenu > li .megamenu_drop,
.megamenu_cherrytheme .megamenu > li .megamenu_drop,
.megamenu_coffeetheme .megamenu > li .megamenu_drop,
.megamenu_greentheme .megamenu > li .megamenu_drop,
.megamenu_greytheme .megamenu > li .megamenu_drop,
.megamenu_oceantheme .megamenu > li .megamenu_drop,
.megamenu_orangetheme .megamenu > li .megamenu_drop,
.megamenu_pinktheme .megamenu > li .megamenu_drop,
.megamenu_purpletheme .megamenu > li .megamenu_drop,
.megamenu_redtheme .megamenu > li .megamenu_drop,
.megamenu_tantheme .megamenu > li .megamenu_drop,
.megamenu_yellowtheme .megamenu > li .megamenu_drop {
  background: url("images/megamenu/dropdown.png") no-repeat right 18px;
}

.megamenu_bluetheme .megamenu_vertical > li .megamenu_drop,
.megamenu_browntheme .megamenu_vertical > li .megamenu_drop,
.megamenu_cherrytheme .megamenu_vertical > li .megamenu_drop,
.megamenu_coffeetheme .megamenu_vertical > li .megamenu_drop,
.megamenu_greentheme .megamenu_vertical > li .megamenu_drop,
.megamenu_greytheme .megamenu_vertical > li .megamenu_drop,
.megamenu_oceantheme .megamenu_vertical > li .megamenu_drop,
.megamenu_orangetheme .megamenu_vertical > li .megamenu_drop,
.megamenu_pinktheme .megamenu_vertical > li .megamenu_drop,
.megamenu_purpletheme .megamenu_vertical > li .megamenu_drop,
.megamenu_redtheme .megamenu_vertical > li .megamenu_drop,
.megamenu_tantheme .megamenu_vertical > li .megamenu_drop,
.megamenu_yellowtheme .megamenu_vertical > li .megamenu_drop {
  background: url("images/megamenu/right.png") no-repeat right 16px;
}

/* 1. Blue */
.megamenu_bluetheme {
  background: #536987;
  background: -webkit-linear-gradient(top, #526886 0%, #4A5E79);
  background: -moz-linear-gradient(top, #526886 0%, #4A5E79);
  background: -o-linear-gradient(top, #526886 0%, #4A5E79);
  background: -ms-linear-gradient(top, #526886 0%, #4A5E79);
  background: linear-gradient(top, #526886 0%, #4A5E79);
  border: 1px solid #222222;
  -webkit-box-shadow: inset 0px 0px 2px rgba(40, 40, 40, 0.4);
  -moz-box-shadow: inset 0px 0px 2px rgba(40, 40, 40, 0.4);
  box-shadow: inset 0px 0px 2px rgba(40, 40, 40, 0.4);
}

.megamenu_bluetheme .megamenu > li > div a,
.megamenu_bluetheme .megamenu li ul li,
.megamenu_bluetheme .megamenu li ol li {
  color: #6a82a3;
}

.megamenu_bluetheme .megamenu > li > div a:hover,
.megamenu_bluetheme .megamenu li ul li:hover,
.megamenu_bluetheme .megamenu li ol li:hover {
  color: #536987;
}

/* 2. Brown */
.megamenu_browntheme {
  background: #866e56;
  background: -webkit-linear-gradient(top, #866E56 0%, #78624D);
  background: -moz-linear-gradient(top, #866E56 0%, #78624D);
  background: -o-linear-gradient(top, #866E56 0%, #78624D);
  background: -ms-linear-gradient(top, #866E56 0%, #78624D);
  background: linear-gradient(top, #866E56 0%, #78624D);
  border: 1px solid #222222;
  -webkit-box-shadow: inset 0px 0px 2px rgba(40, 40, 40, 0.4);
  -moz-box-shadow: inset 0px 0px 2px rgba(40, 40, 40, 0.4);
  box-shadow: inset 0px 0px 2px rgba(40, 40, 40, 0.4);
}

.megamenu_browntheme .megamenu > li > div a,
.megamenu_browntheme .megamenu li ul li,
.megamenu_browntheme .megamenu li ol li {
  color: #a1886e;
}

.megamenu_browntheme .megamenu > li > div a:hover,
.megamenu_browntheme .megamenu li ul li:hover,
.megamenu_browntheme .megamenu li ol li:hover {
  color: #866e56;
}

/* 3. Cherry */
.megamenu_cherrytheme {
  background: #ab2d5c;
  background: -webkit-linear-gradient(top, #AB2D5C 0%, #992852);
  background: -moz-linear-gradient(top, #AB2D5C 0%, #992852);
  background: -o-linear-gradient(top, #AB2D5C 0%, #992852);
  background: -ms-linear-gradient(top, #AB2D5C 0%, #992852);
  background: linear-gradient(top, #AB2D5C 0%, #992852);
  border: 1px solid #222222;
  -webkit-box-shadow: inset 0px 0px 2px rgba(40, 40, 40, 0.4);
  -moz-box-shadow: inset 0px 0px 2px rgba(40, 40, 40, 0.4);
  box-shadow: inset 0px 0px 2px rgba(40, 40, 40, 0.4);
}

.megamenu_cherrytheme .megamenu > li > div a,
.megamenu_cherrytheme .megamenu li ul li,
.megamenu_cherrytheme .megamenu li ol li {
  color: #cc3f73;
}

.megamenu_cherrytheme .megamenu > li > div a:hover,
.megamenu_cherrytheme .megamenu li ul li:hover,
.megamenu_cherrytheme .megamenu li ol li:hover {
  color: #ab2d5c;
}

/* 4. Coffee */
.megamenu_coffeetheme {
  background: #7b675c;
  background: -webkit-linear-gradient(top, #7B675C 0%, #6E5C52);
  background: -moz-linear-gradient(top, #7B675C 0%, #6E5C52);
  background: -o-linear-gradient(top, #7B675C 0%, #6E5C52);
  background: -ms-linear-gradient(top, #7B675C 0%, #6E5C52);
  background: linear-gradient(top, #7B675C 0%, #6E5C52);
  border: 1px solid #222222;
  -webkit-box-shadow: inset 0px 0px 2px rgba(40, 40, 40, 0.4);
  -moz-box-shadow: inset 0px 0px 2px rgba(40, 40, 40, 0.4);
  box-shadow: inset 0px 0px 2px rgba(40, 40, 40, 0.4);
}

.megamenu_coffeetheme .megamenu > li > div a,
.megamenu_coffeetheme .megamenu li ul li,
.megamenu_coffeetheme .megamenu li ol li {
  color: #978073;
}

.megamenu_coffeetheme .megamenu > li > div a:hover,
.megamenu_coffeetheme .megamenu li ul li:hover,
.megamenu_coffeetheme .megamenu li ol li:hover {
  color: #7b675c;
}

/* 5. Green */
.megamenu_greentheme {
  background: #788951;
  background: -webkit-linear-gradient(top, #788951 0%, #6B7B48);
  background: -moz-linear-gradient(top, #788951 0%, #6B7B48);
  background: -o-linear-gradient(top, #788951 0%, #6B7B48);
  background: -ms-linear-gradient(top, #788951 0%, #6B7B48);
  background: linear-gradient(top, #788951 0%, #6B7B48);
  border: 1px solid #222222;
  -webkit-box-shadow: inset 0px 0px 2px rgba(40, 40, 40, 0.4);
  -moz-box-shadow: inset 0px 0px 2px rgba(40, 40, 40, 0.4);
  box-shadow: inset 0px 0px 2px rgba(40, 40, 40, 0.4);
}

.megamenu_greentheme .megamenu > li > div a,
.megamenu_greentheme .megamenu li ul li,
.megamenu_greentheme .megamenu li ol li {
  color: #93a568;
}

.megamenu_greentheme .megamenu > li > div a:hover,
.megamenu_greentheme .megamenu li ul li:hover,
.megamenu_greentheme .megamenu li ol li:hover {
  color: #788951;
}

/* 6. Grey */
.megamenu_greytheme {
  background: #6a6a6a;
  background: -webkit-linear-gradient(top, #6A6A6A 0%, #5F5F5F);
  background: -moz-linear-gradient(top, #6A6A6A 0%, #5F5F5F);
  background: -o-linear-gradient(top, #6A6A6A 0%, #5F5F5F);
  background: -ms-linear-gradient(top, #6A6A6A 0%, #5F5F5F);
  background: linear-gradient(top, #6A6A6A 0%, #5F5F5F);
  border: 1px solid #222222;
  -webkit-box-shadow: inset 0px 0px 2px rgba(40, 40, 40, 0.4);
  -moz-box-shadow: inset 0px 0px 2px rgba(40, 40, 40, 0.4);
  box-shadow: inset 0px 0px 2px rgba(40, 40, 40, 0.4);
}

.megamenu_greytheme .megamenu > li > div a,
.megamenu_greytheme .megamenu li ul li,
.megamenu_greytheme .megamenu li ol li {
  color: #8c8c8c;
}

.megamenu_greytheme .megamenu > li > div a:hover,
.megamenu_greytheme .megamenu li ul li:hover,
.megamenu_greytheme .megamenu li ol li:hover {
  color: #6a6a6a;
}

/* 7. Ocean */
.megamenu_oceantheme {
  background: #528a8f;
  background: -webkit-linear-gradient(top, #528A8F 0%, #497B80);
  background: -moz-linear-gradient(top, #528A8F 0%, #497B80);
  background: -o-linear-gradient(top, #528A8F 0%, #497B80);
  background: -ms-linear-gradient(top, #528A8F 0%, #497B80);
  background: linear-gradient(top, #528A8F 0%, #497B80);
  border: 1px solid #222222;
  -webkit-box-shadow: inset 0px 0px 2px rgba(40, 40, 40, 0.4);
  -moz-box-shadow: inset 0px 0px 2px rgba(40, 40, 40, 0.4);
  box-shadow: inset 0px 0px 2px rgba(40, 40, 40, 0.4);
}

.megamenu_oceantheme .megamenu > li > div a,
.megamenu_oceantheme .megamenu li ul li,
.megamenu_oceantheme .megamenu li ol li {
  color: #6aa5aa;
}

.megamenu_oceantheme .megamenu > li > div a:hover,
.megamenu_oceantheme .megamenu li ul li:hover,
.megamenu_oceantheme .megamenu li ol li:hover {
  color: #528a8f;
}

/* 8. Orange */
.megamenu_orangetheme {
  background: #e34f00;
  background: -webkit-linear-gradient(top, #E34F00 0%, #CB4600);
  background: -moz-linear-gradient(top, #E34F00 0%, #CB4600);
  background: -o-linear-gradient(top, #E34F00 0%, #CB4600);
  background: -ms-linear-gradient(top, #E34F00 0%, #CB4600);
  background: linear-gradient(top, #E34F00 0%, #CB4600);
  border: 1px solid #222222;
  -webkit-box-shadow: inset 0px 0px 2px rgba(40, 40, 40, 0.4);
  -moz-box-shadow: inset 0px 0px 2px rgba(40, 40, 40, 0.4);
  box-shadow: inset 0px 0px 2px rgba(40, 40, 40, 0.4);
}

.megamenu_orangetheme .megamenu > li > div a,
.megamenu_orangetheme .megamenu li ul li,
.megamenu_orangetheme .megamenu li ol li {
  color: #ff6717;
}

.megamenu_orangetheme .megamenu > li > div a:hover,
.megamenu_orangetheme .megamenu li ul li:hover,
.megamenu_orangetheme .megamenu li ol li:hover {
  color: #e34f00;
}

/* 9. Pink */
.megamenu_pinktheme {
  background: #d50065;
  background: -webkit-linear-gradient(top, #D50065 0%, #BF005A);
  background: -moz-linear-gradient(top, #D50065 0%, #BF005A);
  background: -o-linear-gradient(top, #D50065 0%, #BF005A);
  background: -ms-linear-gradient(top, #D50065 0%, #BF005A);
  background: linear-gradient(top, #D50065 0%, #BF005A);
  border: 1px solid #222222;
  -webkit-box-shadow: inset 0px 0px 2px rgba(40, 40, 40, 0.4);
  -moz-box-shadow: inset 0px 0px 2px rgba(40, 40, 40, 0.4);
  box-shadow: inset 0px 0px 2px rgba(40, 40, 40, 0.4);
}

.megamenu_pinktheme .megamenu > li > div a,
.megamenu_pinktheme .megamenu li ul li,
.megamenu_pinktheme .megamenu li ol li {
  color: #ff097d;
}

.megamenu_pinktheme .megamenu > li > div a:hover,
.megamenu_pinktheme .megamenu li ul li:hover,
.megamenu_pinktheme .megamenu li ol li:hover {
  color: #d50065;
}

/* 10. Purple */
.megamenu_purpletheme {
  background: #68449a;
  background: -webkit-linear-gradient(top, #68449A 0%, #5D3D8A);
  background: -moz-linear-gradient(top, #68449A 0%, #5D3D8A);
  background: -o-linear-gradient(top, #68449A 0%, #5D3D8A);
  background: -ms-linear-gradient(top, #68449A 0%, #5D3D8A);
  background: linear-gradient(top, #68449A 0%, #5D3D8A);
  border: 1px solid #222222;
  -webkit-box-shadow: inset 0px 0px 2px rgba(40, 40, 40, 0.4);
  -moz-box-shadow: inset 0px 0px 2px rgba(40, 40, 40, 0.4);
  box-shadow: inset 0px 0px 2px rgba(40, 40, 40, 0.4);
}

.megamenu_purpletheme .megamenu > li > div a,
.megamenu_purpletheme .megamenu li ul li,
.megamenu_purpletheme .megamenu li ol li {
  color: #815ab7;
}

.megamenu_purpletheme .megamenu > li > div a:hover,
.megamenu_purpletheme .megamenu li ul li:hover,
.megamenu_purpletheme .megamenu li ol li:hover {
  color: #68449a;
}

/* 11. Red */
.megamenu_redtheme {
  background: #b82323;
  background: -webkit-linear-gradient(top, #B82323 0%, #A51F1F);
  background: -moz-linear-gradient(top, #B82323 0%, #A51F1F);
  background: -o-linear-gradient(top, #B82323 0%, #A51F1F);
  background: -ms-linear-gradient(top, #B82323 0%, #A51F1F);
  background: linear-gradient(top, #B82323 0%, #A51F1F);
  border: 1px solid #222222;
  -webkit-box-shadow: inset 0px 0px 2px rgba(40, 40, 40, 0.4);
  -moz-box-shadow: inset 0px 0px 2px rgba(40, 40, 40, 0.4);
  box-shadow: inset 0px 0px 2px rgba(40, 40, 40, 0.4);
}

.megamenu_redtheme .megamenu > li > div a,
.megamenu_redtheme .megamenu li ul li,
.megamenu_redtheme .megamenu li ol li {
  color: #d83636;
}

.megamenu_redtheme .megamenu > li > div a:hover,
.megamenu_redtheme .megamenu li ul li:hover,
.megamenu_redtheme .megamenu li ol li:hover {
  color: #b82323;
}

/* 12. Tan */
.megamenu_tantheme {
  background: #837361;
  background: -webkit-linear-gradient(top, #837361 0%, #756757);
  background: -moz-linear-gradient(top, #837361 0%, #756757);
  background: -o-linear-gradient(top, #837361 0%, #756757);
  background: -ms-linear-gradient(top, #837361 0%, #756757);
  background: linear-gradient(top, #837361 0%, #756757);
  border: 1px solid #222222;
  -webkit-box-shadow: inset 0px 0px 2px rgba(40, 40, 40, 0.4);
  -moz-box-shadow: inset 0px 0px 2px rgba(40, 40, 40, 0.4);
  box-shadow: inset 0px 0px 2px rgba(40, 40, 40, 0.4);
}

.megamenu_tantheme .megamenu > li > div a,
.megamenu_tantheme .megamenu li ul li,
.megamenu_tantheme .megamenu li ol li {
  color: #9c8c7b;
}

.megamenu_tantheme .megamenu > li > div a:hover,
.megamenu_tantheme .megamenu li ul li:hover,
.megamenu_tantheme .megamenu li ol li:hover {
  color: #837361;
}

/* 13. Yellow */
.megamenu_yellowtheme {
  background: #caa616;
  background: -webkit-linear-gradient(top, #CAA616 0%, #B59513);
  background: -moz-linear-gradient(top, #CAA616 0%, #B59513);
  background: -o-linear-gradient(top, #CAA616 0%, #B59513);
  background: -ms-linear-gradient(top, #CAA616 0%, #B59513);
  background: linear-gradient(top, #CAA616 0%, #B59513);
  border: 1px solid #222222;
  -webkit-box-shadow: inset 0px 0px 2px rgba(40, 40, 40, 0.4);
  -moz-box-shadow: inset 0px 0px 2px rgba(40, 40, 40, 0.4);
  box-shadow: inset 0px 0px 2px rgba(40, 40, 40, 0.4);
}

.megamenu_yellowtheme .megamenu > li > div a,
.megamenu_yellowtheme .megamenu li ul li,
.megamenu_yellowtheme .megamenu li ol li {
  color: #e8c22c;
}

.megamenu_yellowtheme .megamenu > li > div a:hover,
.megamenu_yellowtheme .megamenu li ul li:hover,
.megamenu_yellowtheme .megamenu li ol li:hover {
  color: #caa616;
}

/*  _______________________________________________

    08 VERTICAL MEGA MENU 
    _______________________________________________  */
.megamenu_container_vertical {
  float: left;
  width: 140px;
  position: relative;
}

.megamenu_container_vertical .megamenu {
  margin: 0;
  float: left;
}

.megamenu_container_vertical .megamenu > li {
  margin: 0;
  width: 140px;
  float: left;
  clear: left;
}

.megamenu_container_vertical .megamenu li .megamenu_drop {
  padding-right: 30px;
}

.megamenu_container_vertical .megamenu li.right {
  float: left;
  margin-right: auto;
}

.megamenu_container_vertical .megamenu li.right a {
  margin-right: auto;
}

.megamenu_container_vertical .megamenu li .dropvertical_container {
  width: 820px;
  /* 960px minus menu width */
  margin: 0;
  position: relative;
  float: left;
}

.megamenu_container_vertical .megamenu li .dropdown_container,
.megamenu_container_vertical .megamenu li .dropdown_fullwidth {
  margin: -45px auto 0 141px;
  top: auto;
  -webkit-border-radius: 0 4px 4px 4px;
  -moz-border-radius: 0 4px 4px 4px;
  border-radius: 0 4px 4px 4px;
}

.megamenu_container_vertical .megamenu li .dropdown_first {
  margin: -46px auto 0 141px;
}

.megamenu_container_vertical .megamenu li .dropdown_right {
  right: auto;
}

.megamenu_container_vertical .megamenu li:hover .dropdown_right {
  left: auto;
  right: auto;
}

/*  _______________________________________________

    09 MOBILE DEVICES
    _______________________________________________  */
/* 1. Common Media Queries */
@media only screen and (max-width: 984px) {
  .megamenu img {
    max-width: 96%;
    height: auto;
  }

  .megamenu textarea {
    width: 96%;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .megamenu_container .megamenu > li > div > .responsive_sixths,
.megamenu_container_vertical .megamenu > li > .dropvertical_container > div > .responsive_sixths {
    width: 8.66%;
  }

  .megamenu_container .megamenu > li > div > .responsive_fourths,
.megamenu_container_vertical .megamenu > li > .dropvertical_container > div > .responsive_fourths {
    width: 17%;
  }

  .megamenu_container .megamenu > li > div > .responsive_thirds,
.megamenu_container_vertical .megamenu > li > .dropvertical_container > div > .responsive_thirds {
    width: 25.33334%;
  }

  .megamenu_container .megamenu > li > div > .responsive_halfs,
.megamenu_container_vertical .megamenu > li > .dropvertical_container > div > .responsive_halfs {
    width: 42%;
  }
}
/* 2. Horizontal Mega Menu Media Queries */
@media only screen and (min-width: 768px) and (max-width: 984px) {
  .megamenu_container .megamenu > li {
    margin: 0 8px 0 0;
  }

  .megamenu_container .megamenu > li.right {
    margin-right: -1px;
  }

  .megamenu_container .megamenu > li > a {
    padding: 16px 10px 17px 10px;
  }

  .megamenu_container .megamenu > li .megamenu_drop {
    padding-right: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .megamenu_container {
    height: auto;
  }

  .megamenu_container .megamenu > li,
.megamenu_container .megamenu > li:hover,
.megamenu_container .megamenu > li.right,
.megamenu_container .megamenu > li.right:hover {
    float: none;
    width: auto;
    padding-right: 0;
    margin-right: 0;
  }

  .megamenu_container .megamenu > li > a {
    padding: 16px 10px 16px 10px;
  }

  .megamenu_container .megamenu li.right a {
    margin-right: 0;
  }

  .megamenu_container .megamenu li:hover .dropdown_container,
.megamenu_container .megamenu li:hover .dropdown_fullwidth,
.megamenu_container .megamenu li:hover .dropdown_right {
    top: auto;
    left: -1px;
  }

  .megamenu_container .megamenu .dropdown_1column,
.megamenu_container .megamenu .dropdown_2columns,
.megamenu_container .megamenu .dropdown_3columns,
.megamenu_container .megamenu .dropdown_4columns,
.megamenu_container .megamenu .dropdown_5columns,
.megamenu_container .megamenu .dropdown_6columns,
.megamenu_container .megamenu .dropdown_7columns,
.megamenu_container .megamenu .dropdown_8columns,
.megamenu_container .megamenu .dropdown_9columns,
.megamenu_container .megamenu .dropdown_10columns,
.megamenu_container .megamenu .dropdown_11columns,
.megamenu_container .megamenu .dropdown_12columns {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .megamenu_container .megamenu .col_1,
.megamenu_container .megamenu .col_2,
.megamenu_container .megamenu .col_3,
.megamenu_container .megamenu .col_4,
.megamenu_container .megamenu .col_5,
.megamenu_container .megamenu .col_6,
.megamenu_container .megamenu .col_7,
.megamenu_container .megamenu .col_8,
.megamenu_container .megamenu .col_9,
.megamenu_container .megamenu .col_10,
.megamenu_container .megamenu .col_11,
.megamenu_container .megamenu .col_12 {
    width: 94%;
    margin-left: 4%;
    margin-right: 4%;
  }

  .megamenu_container .megamenu > li.megamenu_searchform .megamenu_searchfield {
    margin-left: 10px;
    margin-bottom: 10px;
  }

  .megamenu .dropdown_flyout,
.megamenu .dropdown_flyout .dropdown_flyout_level {
    position: relative;
    left: auto;
    top: auto;
    padding: 0;
    margin: 0 4% 0 4%;
  }

  .megamenu .dropdown_flyout li,
.megamenu .dropdown_flyout ul li {
    width: 100%;
    padding: 3px 0 3px 0;
  }

  .megamenu .dropdown_flyout li:hover > .dropdown_flyout_level {
    left: auto;
    top: auto;
  }

  .megamenu .dropdown_flyout li:hover > .dropdown_flyout_level_left {
    left: auto;
    right: auto;
  }

  .megamenu_dark .megamenu li .dropdown_flyout li ul,
.megamenu_light .megamenu li .dropdown_flyout li ul {
    border: none;
    background: none;
  }

  .megamenu_dark .megamenu li .dropdown_flyout .dropdown_parent {
    background: url("images/megamenu/dropdown.png") no-repeat right 9px;
  }

  .megamenu_light .megamenu li .dropdown_flyout .dropdown_parent {
    background: url("images/megamenu/dropdown-b.png") no-repeat right 9px;
  }

  .megamenu_dark .megamenu li .dropdown_flyout .dropdown_parent:hover,
.megamenu_dark .megamenu li .dropdown_flyout .dropdown_parent.active,
.megamenu_light .megamenu li .dropdown_flyout .dropdown_parent:hover,
.megamenu_light .megamenu li .dropdown_flyout .dropdown_parent.active {
    background-color: transparent;
  }
}
@media only screen and (max-width: 479px) {
  .megamenu_container .megamenu > li > div > .responsive_sixths,
.megamenu_container .megamenu > li > div > .responsive_fourths,
.megamenu_container .megamenu > li > div > .responsive_thirds,
.megamenu_container .megamenu > li > div > .responsive_halfs {
    width: 42%;
  }
}
/* 3. Vertical Mega Menu Media Queries */
@media only screen and (max-width: 984px) {
  .megamenu_container_vertical .megamenu li .dropvertical_container {
    width: 400px;
  }

  .megamenu_container_vertical .megamenu .dropdown_1column,
.megamenu_container_vertical .megamenu .dropdown_2columns,
.megamenu_container_vertical .megamenu .dropdown_3columns,
.megamenu_container_vertical .megamenu .dropdown_4columns,
.megamenu_container_vertical .megamenu .dropdown_5columns,
.megamenu_container_vertical .megamenu .dropdown_6columns,
.megamenu_container_vertical .megamenu .dropdown_7columns,
.megamenu_container_vertical .megamenu .dropdown_8columns,
.megamenu_container_vertical .megamenu .dropdown_9columns,
.megamenu_container_vertical .megamenu .dropdown_10columns,
.megamenu_container_vertical .megamenu .dropdown_11columns,
.megamenu_container_vertical .megamenu .dropdown_12columns {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .megamenu_container_vertical .megamenu .col_1,
.megamenu_container_vertical .megamenu .col_2,
.megamenu_container_vertical .megamenu .col_3,
.megamenu_container_vertical .megamenu .col_4,
.megamenu_container_vertical .megamenu .col_5,
.megamenu_container_vertical .megamenu .col_6,
.megamenu_container_vertical .megamenu .col_7,
.megamenu_container_vertical .megamenu .col_8,
.megamenu_container_vertical .megamenu .col_9,
.megamenu_container_vertical .megamenu .col_10,
.megamenu_container_vertical .megamenu .col_11,
.megamenu_container_vertical .megamenu .col_12 {
    width: 92%;
    margin-left: 4%;
    margin-right: 4%;
  }

  .megamenu_container_vertical .megamenu > li > .dropvertical_container > div > .responsive_sixths,
.megamenu_container_vertical .megamenu > li > .dropvertical_container > div > .responsive_fourths,
.megamenu_container_vertical .megamenu > li > .dropvertical_container > div > .responsive_thirds,
.megamenu_container_vertical .megamenu > li > .dropvertical_container > div > .responsive_halfs {
    width: 42%;
  }

  .megamenu_container_vertical .megamenu .dropdown_flyout,
.megamenu_container_vertical .megamenu .dropdown_flyout .dropdown_flyout_level {
    position: relative;
    left: auto !important;
    top: auto !important;
    padding: 0;
    margin: 0 4% 0 4%;
  }

  .megamenu_container_vertical .megamenu .dropdown_flyout li,
.megamenu_container_vertical .megamenu .dropdown_flyout ul li {
    width: 100% !important;
    padding: 3px 0 3px 0;
  }

  .megamenu_container_vertical .megamenu .dropdown_flyout li:hover > .dropdown_flyout_level {
    left: auto !important;
    top: auto !important;
  }

  .megamenu_container_vertical .megamenu .dropdown_flyout li:hover > .dropdown_flyout_level_left {
    left: auto !important;
    right: auto !important;
  }

  .megamenu_dark .megamenu_vertical li .dropdown_flyout li ul,
.megamenu_light .megamenu_vertical li .dropdown_flyout li ul {
    border: none;
    background: none;
  }

  .megamenu_dark .megamenu_vertical li .dropdown_flyout .dropdown_parent {
    background: url("images/megamenu/dropdown.png") no-repeat right 9px;
  }

  .megamenu_light .megamenu_vertical li .dropdown_flyout .dropdown_parent {
    background: url("images/megamenu/dropdown-b.png") no-repeat right 9px;
  }

  .megamenu_dark .megamenu_vertical li .dropdown_flyout .dropdown_parent:hover,
.megamenu_dark .megamenu_vertical li .dropdown_flyout .dropdown_parent.active,
.megamenu_light .megamenu_vertical li .dropdown_flyout .dropdown_parent:hover,
.megamenu_light .megamenu_vertical li .dropdown_flyout .dropdown_parent.active {
    background-color: transparent;
  }
}
@media only screen and (max-width: 767px) {
  .megamenu_container_vertical,
.megamenu_container_vertical .megamenu {
    width: 100%;
  }

  .megamenu_container_vertical .megamenu > li,
.megamenu_container_vertical .megamenu > li:hover,
.megamenu_container_vertical .megamenu > li.right,
.megamenu_container_vertical .megamenu > li.right:hover {
    float: none;
    width: auto;
    padding-right: 0;
    margin-right: 0;
  }

  .megamenu_container_vertical .megamenu li .megamenu_drop {
    padding-right: 30px;
  }

  .megamenu_light_bar .megamenu_vertical li .megamenu_drop {
    background: url("images/megamenu/dropdown-b.png") no-repeat right center;
  }

  .megamenu_dark_bar .megamenu_vertical li .megamenu_drop {
    background: url("images/megamenu/dropdown.png") no-repeat right center;
  }

  .megamenu_container_vertical .megamenu li .dropdown_container,
.megamenu_container_vertical .megamenu li .dropdown_fullwidth {
    margin: 0 auto 0 0;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
  }

  .megamenu_container_vertical .megamenu li .dropdown_first {
    margin: 0 auto 0 -1px;
  }

  .megamenu_container_vertical .megamenu li .dropvertical_container {
    width: 100%;
  }

  .megamenu_container_vertical .megamenu li:hover .dropdown_container,
.megamenu_container_vertical .megamenu li:hover .dropdown_fullwidth,
.megamenu_container_vertical .megamenu li:hover .dropdown_right {
    top: auto;
    left: -1px;
  }
}
html {
  font-size: 16px;
  min-height: 100vh;
}

.c-modal__content-translateX-left {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  transition: all 1s linear;
}

.c-modal__content-translateX-right {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

.c-modal__conntent--invisible {
  display: none;
}

.c-modal__content-visible {
  display: block;
}

.c-modal__navlist {
  transition: all 0.2s linear;
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  bottom: 0;
  box-sizing: border-box;
}

.c-modal__content {
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
  height: 100%;
}

a {
  color: #047704;
  font-weight: bold;
  text-decoration: none;
}

a:hover {
  color: #FF8A00;
  text-decoration: underline;
}

body {
  min-height: 100vh;
  background: #FFFFFF;
  font-family: Arial, Verdana, sans-serif;
  margin: 0px 0px 0px 0px;
  display: block;
}

.l-dark__box {
  z-index: 9990;
  position: fixed;
  height: 100vh;
  width: 100vw;
  left: 0;
  top: 0;
  display: none;
  background-color: rgb(0, 0, 0);
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.7);
  /* Black w/ opacity */
  text-align: center;
}

.c-modal__nav {
  max-width: 80%;
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  max-height: 100vh;
  height: 100%;
  background: #FFF;
}

.c-modal__search {
  box-sizing: border-box;
  padding: 15px;
  text-align: center;
  background: #212121;
  background: -webkit-linear-gradient(top, #333333 0%, #181818);
  background: -moz-linear-gradient(top, #333333 0%, #181818);
  background: -o-linear-gradient(top, #333333 0%, #181818);
  background: -ms-linear-gradient(top, #333333 0%, #181818);
}

.c-modal__search__box {
  display: inline-block;
  border: solid 1px #A0A0A0;
  background-color: white;
}

.c-modal__search__text {
  display: inline-block;
  border: 0;
  background: none;
  color: #757575;
  font-size: 1rem;
}

.c-modal__navlist {
  list-style: none;
  margin-top: 0;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  padding-top: 20px;
  padding-left: 10px;
  padding-bottom: 20px;
  margin-bottom: 40px;
  overflow-y: auto;
}

.c-modal__navitem {
  text-align: left;
  padding-top: 10px;
  padding-left: 0px;
  margin-bottom: 20px;
}

.l-body {
  padding-left: 5px;
  padding-right: 5px;
  box-sizing: border-box;
  font-family: Arial, Verdana, sans-serif;
  width: 100%;
  /* max-width: 952px; */
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  margin: auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
  min-height: 100vh;
  flex-wrap: nowrap;
  background-color: #FFF;
  padding-top: 18px;
  overflow-x: hidden;
}

.l-content-holder {
  box-sizing: border-box;
  font-family: Arial, Verdana, sans-serif;
  width: 100%;
  max-width: 952px;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  margin: auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex-wrap: nowrap;
  background-color: #FFF;
}

.l-content {
  display: flex;
  font-size: 1rem;
  flex-grow: 1;
  flex-direction: column;
  justify-content: flex-start;
}

.banner_add {
  max-width: 952px;
  margin: auto;
}

.c-store__brand__img {
  width: 100%;
  max-width: 287px;
  height: auto;
}

.c-store__box {
  height: 55px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.c-store__nav {
  margin-top: 15px;
  align-self: center;
}

.c-store__nav__item {
  font-size: 0.9rem;
  padding-left: 12px;
  display: inline-block;
}

.c-store__img {
  vertical-align: middle;
  width: 16px;
  height: 16px;
}

.c-topnav {
  align-items: center;
  min-height: 18px;
  width: 100%;
  color: white;
  background-color: #65A120;
  font-size: 0.8rem;
  display: flex;
  justify-content: space-between;
  max-width: 952px;
  margin: auto;
}

.c-topnav__box {
  min-height: 12px;
  vertical-align: middle;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 5px;
  padding-right: 5px;
}

.c-topnav__link {
  color: #FFFFFF;
  vertical-align: middle;
}

.c-topnav__arrow {
  vertical-align: middle;
}

.l-body__footer {
  font-size: 0.9rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.l-body__footer__column {
  font-size: 0.9rem;
  display: inline-block;
  padding: 5px;
  color: #696969;
}

/*Homebox Base*/
.l-homebox {
  font-family: Arial, Verdana, Tahoma, sans-serif;
  font-size: 1rem;
  color: #303030;
  line-height: 1.4;
  max-width: 100vw;
  width: 100%;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.c-homebox {
  border: 1px solid #B8B8B8;
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 8px;
  display: block;
  max-width: 368px;
}

.c-homebox__header {
  border-bottom: 1px solid #B8B8B8;
  margin-top: 0px;
  padding-left: 16px;
  font-size: 1rem;
  min-height: 28px;
  box-sizing: border-box;
  text-align: left;
}

.c-homebox__link {
  font-size: 1rem;
  font-weight: bold;
  color: #000;
  display: block;
}

.c-homebox__link > h2 {
  font-size: 1rem;
}

.c-homebox__img {
  max-width: 368px;
  max-height: 176px;
}

.c-homebox__img > img {
  width: 100%;
  height: auto;
  max-width: 368px;
  max-height: 176px;
}

.c-homebox__content {
  font-size: 0.9rem;
  margin-right: 12px;
  margin-left: 12px;
  overflow-y: hidden;
}

.c-hamburger {
  margin-left: 20px;
  padding-left: 6px;
  padding-right: 6px;
  padding-bottom: 6px;
  height: 35px;
  margin-right: 20px;
  border: 1px solid #666;
}

.c-hamburger__bar {
  width: 35px;
  height: 5px;
  background-color: black;
  margin-top: 6px;
  margin-bottom: 6px;
}

.l-sidebox {
  background-color: #FFFFFF;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.c-sidebox {
  margin-bottom: 0.9rem;
  width: 190px;
  display: inline-block;
}

.c-sidebox__heading {
  width: 190px;
  display: block;
  border-bottom: 1px dotted #000;
  padding-bottom: 3px;
  margin-bottom: 3px;
  font-size: 1rem;
  font-weight: bold;
}

.c-sidebox__content {
  width: 190px;
}

.c-sidebox__list {
  list-style-image: url(images/miniarrowcolor.gif);
  margin: 0;
  padding: 0px 10px 3px 18px;
  font-size: 0.9rem;
}

.c-sidebox__listitem {
  font-weight: normal;
  text-decoration: none;
}

.c-sidebox__listitem:hover {
  color: #303030;
  text-decoration: none;
}

.l-interests {
  width: 100%;
  max-width: 952px;
  margin: auto;
}

.c-interests__title {
  justify-content: space-between;
  display: flex;
}

.c-interests__title > h2 {
  color: #000;
  font-size: 1rem;
  display: inline-block;
}

.c-interests__title > p {
  display: inline-block;
}

.c-interests__title > p > a {
  font-size: 0.9rem;
  color: #a1a6ad;
  font-weight: normal;
  font-size: 1rem;
  display: inline-block;
}

.c-interests__box {
  flex-wrap: wrap;
  flex-direction: column;
}

.c-interests__cardbox {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.c-interests__card {
  flex-basis: 100%;
  width: 120px;
  margin: 0px;
  margin-top: 10px;
  text-align: center;
}

.c-interests__card__imgholder {
  height: 90px;
  text-align: center;
  list-style: none;
}

.c-interests__card__img {
  width: 100px;
  max-width: 130px;
  max-height: 95px;
  height: auto;
}

.c-interests__card__content {
  overflow-wrap: break-word;
  font-weight: normal;
  font-size: 12px;
}

.l-inverseresize {
  max-width: 100vw;
  margin-top: 10px;
  justify-content: center;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

.l-hero {
  box-sizing: border-box;
  width: 100%;
  /*Overflow-x to deal with to small header*/
  overflow-x: auto;
}

.c-hero__image {
  /* max-width: 100% !important;
  height:auto !important; */
}

.l-flexgroup {
  display: flex;
  flex: column;
  flex-wrap: wrap;
  justify-content: center;
}

.l-footer {
  width: 100%;
  background-color: #e2e2e2;
  color: #585858;
  display: flex;
}

.l-footer__column {
  display: inline-block;
  width: 25%;
  font-size: 0.9rem;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 12px;
  padding-left: 12px;
}

.l-footer__column__header {
  font-size: 1rem;
  font-weight: bold;
  border-bottom: 1px #585858 dotted;
  padding-bottom: 2px;
  line-height: 24px;
}

.l-footer__column__link {
  color: #585858;
  font-weight: normal;
}

.l-footer__column__link:hover {
  color: #585858;
}

.l-footer__column__link:hover {
  text-decoration: underline;
}

.l-footer__mobile {
  box-sizing: border-box;
  padding: 5px;
  margin-top: 10px;
  width: 100%;
  background-color: #e2e2e2;
  color: #585858;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.l-footer__mobile__column {
  box-sizing: border-box;
  padding-left: 2px;
  padding-right: 2px;
  display: inline-block;
  font-size: 0.8rem;
}

.l-footer__mobile__list {
  padding: 0;
  margin: 0;
  display: inline;
  list-style: none;
}

.l-footer__mobile__listitem {
  padding: 2px;
  float: left;
  list-style: inline;
}

.l-maincontent {
  max-width: 100%;
  width: 750px;
}

/*Utility*/
.l-text-align-left {
  text-align: left;
}

.l-hidden {
  display: none;
}

.l-show {
  display: block;
}

.isvisible {
  display: block;
}

.notvisible {
  display: none;
}

/*EOF Utility*/
@media only screen and (min-width: 365px) {
  .c-interests__card {
    flex-basis: 50%;
  }
}
@media only screen and (min-width: 450px) {
  .c-interests__card {
    flex-basis: 33%;
  }
}
@media only screen and (min-width: 760px), print {
  .l-homebox {
    max-width: 750px;
  }
}
@media only screen and (min-width: 740px), print {
  .c-interests__card {
    flex-basis: auto;
  }
}
/*Edit to stars*/
@media only screen and (max-width: 971px) {
  a.stars > span > span {
    background-position-y: -3px !important;
  }
}
@media only screen and (max-width: 535px) {
  .l-body {
    padding-top: 36px;
  }
}
/*Normal Computer Screen*/
@media only screen and (min-width: 971px), print {
  .l-body {
    padding-left: 0px;
    padding-right: 0px;
  }

  html {
    font-size: 12px;
  }

  body {
    overflow: auto !important;
    padding: 0 !important;
  }

  .c-homebox__img {
    width: 368px;
    height: 176px;
  }

  .c-interests__cardbox {
    justify-content: space-between;
  }

  .l-inverseresize {
    justify-content: space-between;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    margin-bottom: 10px;
  }

  .l-sidebox {
    justify-content: start;
    justify-content: flex-start;
    flex-direction: column;
  }

  .l-flexgroup {
    flex-direction: column;
  }

  .l-hidden {
    display: block;
  }

  .l-show {
    display: none;
  }

  .l-homebox {
    justify-content: space-between;
  }

  .l-footer__mobile {
    display: none;
  }

  .l-dark__box {
    display: none !important;
  }

  .c-modal__nav {
    display: none !important;
  }
}
/*EOF Normal Screen Size*/
/*Changes to Oscomerce Css*/
.boxText {
  font-size: 0.9rem;
}

*:focus {
  outline: none;
}

table.footer {
  margin: auto;
  max-width: 972px;
}

@media print {
  html {
    font-size: 12px;
    width: 952px;
  }

  .l-body {
    width: 952px;
  }

  .l-inverseresize {
    width: 952px;
    max-width: initial;
  }

  .l-maincontent {
    display: inline-block;
    width: 750px;
    max-width: 100% !important;
  }

  .l-content {
    display: block;
  }

  .l-homebox {
    display: block;
    width: 750px;
  }

  .c-homebox {
    display: inline-block;
  }

  .l-sidebox {
    width: 190px;
    display: inline-block;
  }
}
/*Extra Appended*/
.megamenu_container {
  max-width: 952px;
  margin: auto;
}

.c-menu {
  background: -webkit-linear-gradient(top, #333333 0%, #181818);
}

.c-store__box {
  max-width: 952px;
  margin: auto;
}

.green {
  background-color: #65A120;
}

.viewport--height--container {
  width: 100%;
  height: 100vh;
}

.c-searchitem {
  display: flex;
  justify-content: flex-start;
}

.s-item-box .u-l {
  width: 100%;
  border-right: none;
  display: flex;
  justify-content: space-around;
}

.s-item-box {
  font-size: 1rem;
}

.u-r {
  display: none;
}

.c-searchitem__header {
  background-color: #65a120;
  color: #FFFFFF;
  font-size: 12px;
  display: none;
}

.s-item-box .u-lr table td {
  font-size: 0.9rem;
  font-family: Arial, Verdana, Tahoma, sans-serif;
  color: #303030;
  line-height: 1.4;
}

.u-lr > table > tbody > tr {
  display: none;
}

.s-item-box .u-ll {
  float: left;
  width: auto;
}

.u-lr table {
  border-spacing: 0px;
}

.d-sp {
  display: none;
}

.u-lr > table > tbody > tr.u-first {
  display: table-row;
}

.c-modal__filter {
  max-height: 100vh;
  z-index: 9992;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #FFFFFF;
  transform: translateY(100%);
}

.infoBoxHeading {
  transform: translateY(-28px);
}

.c-modal__filter__pickers {
  height: 100%;
}

.l-notranslate {
  transform: translateY(0);
}

.infoBoxHeading {
  font-size: 1rem;
}

.c-filter__counter {
  display: none;
}

.l-notranslate {
  max-width: 80%;
}

.l-notranslate > .c-sidebox {
  width: auto;
  height: 100%;
  overflow-y: auto;
}

@media only screen and (max-width: 971px) {
  .c-modal__filter > .c-sidebox .infoBoxHeading {
    background-image: none;
    background-color: black;
    border-top-right-radius: 18px;
  }

  div#id_subcats * {
    font-size: 0.9rem !important;
  }
}
@media only screen and (min-width: 971px), print {
  td.desc * {
    margin-top: 0;
  }

  .c-searchitem__header {
    display: table;
  }

  .s-item-box .u-ll {
    float: left;
    width: 31%;
  }

  .s-item-box .u-l {
    width: 56%;
    float: left;
    border-right: 1px solid #CCCCCC;
  }

  .u-r {
    display: block;
  }

  .d-sp {
    display: block;
  }

  .u-lr > table > tbody > tr {
    display: table-row;
  }

  .c-modal__filter {
    position: static;
    transform: translateY(0);
  }

  .infoBoxHeading {
    transform: translateY(0px);
  }

  .c-filter__counter {
    display: block;
  }

  .l-notranslate > .c-sidebox {
    width: 190px;
  }

  .u-lr table {
    border-spacing: 2px;
  }
}
@media print {
  td.desc {
    max-width: initial;
    width: 750px;
  }
}
/*Css used to overwrite some os comerce pages*/
.l-maincontent > table > tbody > tr > td > img {
  display: none !important;
}

.l-maincontent > table > tr > td > img {
  display: none !important;
}

.pageHeading {
  display: none;
}

td.desc > a > img {
  display: none;
}

td.desc {
  width: 100%;
  font-size: 1rem;
}

.descinfo {
  width: 100%;
  overflow-x: auto;
}

td.desc img {
  object-fit: contain;
  max-width: 100%;
}

@media screen and (max-width: 971px), print and (max-width: 971px) {
  /* Override inline styles to make usable on a responsive site
  td.desc > * > * > * > *> * > *:not(b):not(strong):not(i):not(em):not(img),  td.desc > * > * > * > *>*:not(b):not(strong):not(i):not(em):not(img) ,  td.desc > * > * > * > *:not(b):not(strong):not(i):not(em):not(img),  td.desc > * > * > *:not(b):not(strong):not(i):not(em):not(img),  td.desc > * >*:not(b):not(strong):not(i):not(em):not(img),  td.desc > *:not(b):not(strong):not(i):not(em):not(img) {
      width:auto !important;
      height:auto !important;
      max-width: 100% !important;
      display:flex;
      flex-wrap: wrap;
      font-size: 0.9rem !important;
  } 
  td.desc > * > * > * > *> * > img,  td.desc > * > * > * > *> img ,  td.desc > * > * > * > img ,  td.desc > * > * > img,  td.desc > * > img,  td.desc > img{
      display: none;
  } */
  td.desc {
    max-width: 100vw;
  }

  td.desc > table {
    overflow-x: auto;
    display: block;
  }
}
@media only screen and (min-width: 971px), print and (min-width: 971px) {
  .pageHeading {
    display: table-cell;
  }

  td.desc > a > img {
    display: inline-block;
  }

  .l-maincontent > table > tbody > tr > td > img {
    display: inline-block !important;
  }

  .l-maincontent > table > tr > td > img {
    display: inline-block !important;
  }

  td.desc img {
    max-width: unset;
  }
}
.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn:focus, .btn:hover {
  text-decoration: none;
}

.btn-primary {
  color: #fff;
  background-color: #65A120;
  border-color: #65A120;
}

.btn-primary:hover {
  color: #fff;
  background-color: #5d951d;
  border-color: #508019;
}

.slideshow {
  position: relative;
  margin-bottom: 10px;
}

.slideshow-slider {
  position: relative;
  width: 100%;
  height: 100%;
}

.slideshow-slide {
  display: none;
  height: 100%;
}

/* Next & previous buttons */
.slideshow-prev, .slideshow-next {
  display: none;
  box-sizing: border-box;
  cursor: pointer;
  width: auto;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* Position the "next button" to the right */
.slideshow-next {
  right: 16px;
  border-radius: 3px 0 0 3px;
}

/* Position the "next button" to the right */
.slideshow-prev {
  left: 16px;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.slideshow-prev:hover, .slideshow-next:hover {
  background-color: rgba(0, 0, 0, 0.8);
  text-decoration: none;
  color: white;
}

.slideshow-dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.slideshow-dot_holder {
  position: absolute;
  bottom: 0;
  padding: 10px;
  border-top-right-radius: 15px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
}

.slideshow-slide-active, .slideshow-dot:hover {
  background-color: #717171;
}

.fading-slider > .slideshow-slide {
  /* -webkit-animation-name: fade;
  -webkit-animation-duration: .2s;
  animation-name: fade;
  animation-duration: .2s; */
}

/* Fading animation */
@-webkit-keyframes fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
@media only screen and (min-width: 971px), print {
  .slideshow-prev, .slideshow-next {
    display: block;
  }
}
.hero-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 100%;
  width: 100%;
  font-size: 1rem;
}

.hero-content {
  z-index: 20;
  width: 90%;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 12;
  max-width: 952px;
}

.hero-excerpt {
  font-size: 1em;
}

.hero-title {
  font-size: 1.5em;
}

.hero-btn {
  font-size: 1.2em;
}

@media only screen and (min-width: 760px) {
  .hero-image {
    font-size: 14px;
  }
}
@media only screen and (min-width: 971px), print {
  .hero-image {
    font-size: 22px;
  }
}