/*
 _______  _______  _______  _______    __  
|       ||       ||       ||       |  |  | 
|  _____||_     _||   _   ||    _  |  |  | 
| |_____   |   |  |  | |  ||   |_| |  |  | 
|_____  |  |   |  |  |_|  ||    ___|  |__| 
 _____| |  |   |  |       ||   |       __  
|_______|  |___|  |_______||___|      |__| 

You don't want to edit this CSS as-is; it was generated by a build tool!

Contact Gecko Designs if there are changes you would like to make to this file.

If you are Gecko Designs, download the source to the page at
https://bitbucket.org/geckodesigns/cac-store
and use the build tool to generate a new CSS file.

 _______  __   __  _______  __    _  ___   _  _______    __  
|       ||  | |  ||   _   ||  |  | ||   | | ||       |  |  | 
|_     _||  |_|  ||  |_|  ||   |_| ||   |_| ||  _____|  |  | 
  |   |  |       ||       ||       ||      _|| |_____   |  | 
  |   |  |       ||       ||  _    ||     |_ |_____  |  |__| 
  |   |  |   _   ||   _   || | |   ||    _  | _____| |   __  
  |___|  |__| |__||__| |__||_|  |__||___| |_||_______|  |__| 
*/
/* Legacy Styles (3DCart) */
/***********************************/
/*          DESIGN ELEMENTS        */
/***********************************/
/*body:: Controls Page Background Color and any other fonts not defined below*/
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css);
body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #666666;
  background: #E2DDD6;
  font-weight: normal;
  padding: 0px;
  margin: 0; }

/*Alignment fix for the use of the XHTML Transitional DOCTYPE.*/
tr {
  text-align: left; }

/* Apply padding to td elements that are direct children of the tr element. */
tr.spaceUnder > td {
  padding-bottom: 1em; }

/*data:: Controls body default fonts and colors*/
td {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #666666; }

/*data:: Controls body default fonts and colors*/
.data {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #333333;
  background: #FFF; }

/*frame:: Controls the  Color of the Store's Frame*/
.frame {
  background: #f2f7fb; }

/*top:: Controls the  Color of the top Bar*/
.top {
  background: #FFF url(../images/BG_Logo.gif) repeat-x; }

/*footer:: Displays at the very bottom of your online store,  copyright and desgined by notices*/
.footer {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #333333; }

/*footerLinks:: Controls the way the Footer Links display in the Global Footer.*/
.footer a, .footer a:visited, .footer a:hover, .footer a:visited:hover {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #333333;
  font-weight: normal;
  text-decoration: underline; }

/*line:: Controls the  Color of the line bellow the top bar*/
.line {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #FFF;
  background: #14646C; }

/*alternative:: Controls the form backgrounds and other areas that requred an alternative color*/
.alternative {
  background-color: #f3f2f2;
  padding: 2px 4px 2px 4px;
  border: 1px solid #eae9e9; }

/*borders:: Controls the color of  the borders on forms*/
.borders {
  background: #FFFFFF; }

/*borders2:: Controls the color of  the borders on forms*/
.borders2 {
  border: #999999;
  background-color: #999999; }

/*borders_coupon:: Controls the color of  the borders on the coupon and shipping box*/
.borders_coupon {
  border: solid;
  border-color: #999999;
  border-width: 1px; }

/*invoice_table:: Controls the background color on your invoices*/
.invoice_table {
  background-color: #f9f8f8; }

/***********************************/
/*         HORIZONTAL MENU   */
/***********************************/
/* horizontal menu */
div#horizontalmenu {
  clear: both;
  width: 100%;
  height: 30px;
  padding: 1px 0 0;
  margin-top: 1px; }

div#horizontalmenu ul.joomla-nav {
  background: #14646c;
  height: 30px;
  padding: 0 0 0; }

div#horizontalmenu ul.joomla-nav li, div#horizontalmenu ul.joomla-nav li.parent {
  float: left;
  display: inline;
  height: 30px;
  padding: 0 16px;
  width: auto; }

div#horizontalmenu ul.joomla-nav li ul li {
  max-width: none;
  width: auto;
  white-space: nowrap; }

div#horizontalmenu ul.joomla-nav li a {
  font: normal 14px/28px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  color: #fff; }

div#horizontalmenu ul.joomla-nav li:hover {
  background: #044950; }

div#horizontalmenu ul.joomla-nav li#current, div#horizontalmenu ul.joomla-nav li.selected {
  background: #418990; }

div#horizontalmenu ul.joomla-nav li.selected ul li#current {
  background: #79A5A9; }

div#horizontalmenu ul.joomla-nav li ul li:hover {
  background: #369ba5; }

div#horizontalmenu ul.joomla-nav li ul li ul li:hover {
  background: #abd2d6; }

div#horizontalmenu ul.joomla-nav li#current.parent ul li a {
  color: #fff;
  white-space: nowrap; }

div#horizontalmenu ul.joomla-nav li ul {
  background: #ddd;
  width: 100%;
  height: 30px;
  position: absolute;
  left: -999em; }

div#horizontalmenu ul.joomla-nav li ul li ul {
  left: -999em; }

div#horizontalmenu ul.joomla-nav li#current ul, div#horizontalmenu ul.joomla-nav li.selected ul {
  display: block;
  background: #418990;
  border-bottom: 3px solid #4b2e00;
  position: absolute;
  z-index: 100;
  top: 168px;
  left: 0;
  width: 980px;
  padding: 0; }

div#horizontalmenu ul.joomla-nav li:hover ul {
  display: block;
  background: #418990;
  border-bottom: 3px solid #4b2e00;
  position: absolute;
  z-index: 20;
  top: 168px;
  left: 0;
  width: 980px;
  padding: 0; }

div#horizontalmenu ul.joomla-nav li.selected ul li.selected ul {
  top: 30px; }

div#horizontalmenu ul.joomla-nav li#current ul li ul {
  display: none; }

div#horizontalmenu ul.joomla-nav li ul li {
  float: left; }

div#horizontalmenu ul.joomla-nav li:hover ul li ul {
  display: none; }

div#horizontalmenu ul.joomla-nav li:hover ul li:hover ul, div#horizontalmenu ul.joomla-nav li#current ul li:hover ul {
  display: block;
  background: #79a5a9;
  border-bottom: 3px solid #4b2e00;
  position: absolute;
  z-index: 100;
  top: 30px;
  left: 0;
  width: 980px;
  padding: 0; }

body div#horizontalmenu ul.joomla-nav li ul li#current.selected ul {
  display: block;
  background: #79a5a9;
  border-bottom: 3px solid #4b2e00;
  position: absolute;
  z-index: 100;
  top: 30px;
  left: 0;
  width: 980px;
  padding: 0; }

body div#horizontalmenu ul.joomla-nav li.selected ul li.selected ul {
  display: block;
  background: #79a5a9;
  border-bottom: 3px solid #4b2e00;
  position: absolute;
  z-index: 100;
  top: 30px;
  left: 0;
  width: 980px;
  padding: 0; }

body div#horizontalmenu ul.joomla-nav li ul li#current.selected.item882 ul {
  display: block;
  background: #79a5a9;
  border-bottom: 3px solid #4b2e00;
  position: absolute;
  z-index: 100;
  top: 30px;
  left: -999em;
  width: 980px;
  padding: 0; }

body div#horizontalmenu ul.joomla-nav li ul li.item883 ul, body div#horizontalmenu ul.joomla-nav li ul li.item905 ul, body div#horizontalmenu ul.joomla-nav li.item870 ul li#current.selected ul, body div#horizontalmenu ul.joomla-nav li ul li.item882 ul, body div#horizontalmenu ul.joomla-nav li.item870 ul li:hover ul {
  left: -999em; }

body#home div#horizontalmenu ul.joomla-nav li:hover ul {
  left: -999em; }

body div#horizontalmenu ul.joomla-nav li.selected ul li.parent ul {
  left: -999em; }

body div#horizontalmenu ul.joomla-nav li.selected ul li.parent:hover ul {
  left: 0; }

/***********************************/
/*         HEADERS & TITLES        */
/***********************************/
/*menu-headers:: Controls the way the menu headers look*/
.menu-headers {
  font-size: 14px;
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  color: #FFF;
  font-weight: Normal;
  background-color: #14646C;
  text-decoration: none;
  padding: 5px 4px 5px 4px; }

/*page_headers:: Controls the page's titles*/
.page_headers {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #000;
  background-color: #FFF; }

/*checkout-headers:: Controls the titles on the checkout pages (Billing Information, Shipping Information etc)*/
.checkout-headers {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #8097b0;
  font-weight: bold; }

/*titles:: Controls the Body Tiles such as (Specials, Feature Items, Items, Related Items)*/
.titles {
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #402C07;
  text-decoration: underline;
  padding: 10px 4px 10px 4px; }

/*titles2:: Controls the titles on the view cart page*/
.titles2 {
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  font-size: 11px;
  font-weight: bold;
  background-color: #eeeeee;
  color: #999999;
  padding: 4px; }

/*options-titles:: Controls the way the titles on the product options display*/
.options-titles {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #999999; }

/*invoice_title:: Controls the way the title of the invoices look */
.invoice_title {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background-color: #cbcaca;
  color: #4f4e4e; }

/***********************************/
/*          GENERAL FONTS          */
/***********************************/
/*font1:: Primary Screen Font */
.font1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: Normal;
  color: #000; }

/*font2:: Secondary Screen Font */
.font2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: Normal;
  color: #666666; }

.font3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: Normal;
  color: #000; }

.font4 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: Normal;
  color: #000; }

/*icon:: Controls the way the menu icons display*/
.icon {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  color: #FFF; }

/*top-sellers-star:: Controls the background image and style for the top ranking item star.*/
.top-sellers-star {
  width: 30px;
  height: 20px;
  background: url(../images/bg-top-item-star.png) no-repeat;
  position: absolute;
  top: -15px;
  left: 100px;
  padding: 15px 19px 23px 19px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #FFF; }

/*ranking:: Controls the way the menu icons display if they are being used.*/
.ranking {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #FFF;
  height: 25px;
  padding: 3px 5px 5px 5px;
  text-align: center;
  background: url(../images/bg-ranking.png) no-repeat; }

/*store-name:: Store Name*/
.store-name {
  font-family: "Arial Black", Arial, Helvetica, sans-serif;
  font-size: 35px;
  color: #123b69;
  text-decoration: none;
  line-height: 35px; }

/*store-slogan:: Store Slogan*/
.store-slogan {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #123b69;
  line-height: -200%; }

/*menu-text:: Controls the way the menu (mailing list) text look*/
.menu-text {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #2d2c2d; }

/*item:: Controls the Item, Name, Description, Price, Savings, Cost,Font and Color*/
.item {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: Normal;
  color: #585C5F;
  text-decoration: none; }

/*price-info:: controls the way the prices display on the product page*/
.price-info {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: Normal;
  color: #535353; }

/*price:: Controls the way the product's prices display*/
.price {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #123b69;
  font-weight: bold; }

/*price2:: Controls the way the product's price display in the top sellers and new releases sections.*/
.price2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #123b69;
  font-weight: bold; }

/*cart-text:: Controls the way the text inside the shopping cart looks*/
.cart-text {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: Normal;
  color: #000;
  line-height: 18px; }

/*steps:: Controls the way the steps on the checkout pages display*/
.steps {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #cccccc;
  background-color: #FFF; }

/*steps_on:: Controls the way the steps on the checkout [ages display*/
.steps_on {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #000;
  background-color: #FFF; }

/*error:: Controls the error messages*/
.error {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #e10e04;
  text-decoration: none; }

/***********************************/
/*      FORM FIELDS & BUTTONS      */
/***********************************/
/*btn:: Controls the buttons*/
.btn {
  border-top: 1px solid #dcdbdc;
  border-bottom: 1px solid #dcdbdc;
  border-left: 1px solid #dcdbdc;
  border-right: 1px solid #dcdbdc;
  background: url(../images/button.gif) repeat-x;
  font-family: arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 11px;
  color: #FFF;
  cursor: pointer;
  margin: 1px;
  padding: 2px 6px 2px 6px; }

/*btn_over:: Controls the buttons*/
.btn_over {
  border-top: 1px solid #dcdbdc;
  border-bottom: 1px solid #dcdbdc;
  border-left: 1px solid #dcdbdc;
  border-right: 1px solid #dcdbdc;
  background: url(../images/button1.gif) repeat-x;
  font-family: arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 11px;
  color: #FFF;
  cursor: pointer;
  margin: 1px;
  padding: 2px 6px 2px 6px; }

/*btn2:: Controls the buttons*/
.btn2 {
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
  border-left: 1px solid #FFF;
  border-right: 1px solid #FFF;
  background-color: #FFF;
  font-family: arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 12px;
  color: #000;
  cursor: pointer; }

/*txtBoxStyle:: Controls the text boxes*/
.txtBoxStyle {
  border-top: 1px solid #b3b4b5;
  border-bottom: 1px solid #b3b4b5;
  border-left: 1px solid #b3b4b5;
  border-right: 1px solid #b3b4b5;
  background-color: #f5f4f2;
  font-family: arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 11px;
  color: #38393a; }

/*txtareaStyle:: Controls the text areas*/
.txtareaStyle {
  border-top: 1px solid #C7D5E0;
  border-bottom: 1px solid #C7D5E0;
  border-left: 1px solid #C7D5E0;
  border-right: 1px solid #C7D5E0;
  background-color: #FBFBFB;
  font-family: arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 11px;
  color: #343333;
  height: 80px;
  width: 250px; }

/***********************************/
/*              LINKS              */
/***********************************/
/*A:: Controls the way the  Links look before a user clicks  or mouse overs on them*/
A {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #14646c;
  font-style: normal;
  text-decoration: none; }

/*A:hover:: Controls the way the  Links look when a user passes  their mouse over a them*/
A:hover {
  color: #14646c;
  text-decoration: underline; }

/*A:visited:: Controls the way the  Links look after a user has visited that section*/
A:visited {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #14646c;
  font-style: normal;
  text-decoration: none; }

/*A:visited:hover:: Controls the way the  Links look when a user hovers over a section they have visited*/
A:visited:hover {
  color: #14646c;
  text-decoration: underline; }

/*A.menu:: Controls the way the Links display in the top navigation before a user clicks or mouses over on them.*/
A.menu {
  font-family: Arial, Helvetica, sans-serif;
  color: #FFF;
  font-size: 11px;
  font-style: normal;
  font-weight: bold;
  text-decoration: none; }

/*A.menu:hover:: When a user passes their mouses over them.*/
A.menu:hover {
  color: #8097B0;
  text-decoration: none; }

/*A.menu:visited:: After a user has visited that section.*/
A.menu:visited {
  font-family: Arial, Helvetica, sans-serif;
  color: #FFF;
  font-size: 11px;
  font-style: normal;
  font-weight: bold;
  text-decoration: none; }

/*A.menu:visited:hover:: A user hovers over a section they have visited.*/
A.menu:visited:hover {
  color: #8097B0;
  text-decoration: none; }

/*A.cat:: Controls the way the  Links on the left bar look before a user clicks  or mouse overs on them*/
A.cat {
  font-family: Arial, Helvetica, sans-serif;
  color: #070707;
  font-size: 11px;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  line-height: 20px; }

/*A.cat:hover:: Controls the way the  Links on the left bar look  when a user passes  their mouse over a them*/
A.cat:hover {
  color: #8097B0;
  text-decoration: none; }

/*A.cat:visited:: Controls the way the  Links on the left bar look after a user has visited that section*/
A.cat:visited {
  font-family: Arial, Helvetica, sans-serif;
  color: #070707;
  font-size: 11px;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  line-height: 20px; }

/*A.cat:visited:hover:: Controls the way the  Links on the left bar look when a user hovers over a section they have visited*/
A.cat:visited:hover {
  color: #8097B0;
  text-decoration: none; }

/*A.subcat:: Controls the way the Sub-Category Links display in the left or right navigation bars before a user clicks or mouses over them.*/
A.subcat {
  font-family: Arial, Helvetica, sans-serif;
  color: #070707;
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none; }

/*A.subcat:hover:: When a user passes  their mouse over them.*/
A.subcat:hover {
  color: #8097B0;
  text-decoration: none; }

/*A.subcat:visited:: After a user has visited that section.*/
A.subcat:visited {
  font-family: Arial, Helvetica, sans-serif;
  color: #070707;
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none; }

/*A.subcat:visited:hover:: When a user hovers over a section they have visited.*/
A.subcat:visited:hover {
  color: #8097B0;
  text-decoration: none; }

/*A.menu-bottom:: Controls the way the Links in the footer display before a user clicks or mouses over on them.*/
A.menu-bottom {
  font-family: Arial, Helvetica, sans-serif;
  color: #FFF;
  font-size: 11px;
  font-style: normal;
  font-weight: bold;
  text-decoration: none; }

/*A.menu-bottom:hover:: When a user passes their mouses over them.*/
A.menu-bottom:hover {
  color: #8097B0;
  text-decoration: none; }

/*A.menu-bottom:hover:: After a user has visited that section.*/
A.menu-bottom:visited {
  font-family: Arial, Helvetica, sans-serif;
  color: #FFF;
  font-size: 11px;
  font-style: normal;
  font-weight: bold;
  text-decoration: none; }

/*A.menu-bottom:visited:hover:: When a user hovers over a section they have visited.*/
A.menu-bottom:visited:hover {
  color: #8097B0;
  text-decoration: none; }

ul#menu-bottom {
  width: 300px;
  float: left; }

li#menu-bottom {
  width: 150px;
  line-height: 20px;
  list-style: none;
  float: left; }

/*A.link:: Controls the way Secondary Links display before a user clicks or mouses over on them.*/
A.link {
  font-family: Arial, Helvetica, sans-serif;
  color: #333;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none; }

/*A.link:hover:: When a user passes their mouses over them.*/
A.link:hover {
  color: #999999;
  text-decoration: none; }

/*A.link:hover:: After a user has visited that section.*/
A.link:visited {
  font-family: Arial, Helvetica, sans-serif;
  color: #333;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none; }

/*A.link:visited:hover:: When a user hovers over a section they have visited.*/
A.link:visited:hover {
  color: #999999;
  text-decoration: none; }

/*A.details:: Controls the way the Top Sellers Links display before a user clicks or mouses over them.*/
A.details {
  color: #000;
  font-size: 11px;
  font-style: normal;
  text-decoration: underline;
  font-weight: bold; }

/*A.details:hover:: When a user passes their mouse over them.*/
A.details:hover {
  color: #8097B0;
  text-decoration: none; }

/*A.details:visited:: After a user has visited that section.*/
A.details:visited {
  color: #000;
  font-size: 11px;
  font-style: normal;
  text-decoration: underline;
  font-weight: bold; }

/*A.details:visited:hover:: When a user hovers over a section they have visited.*/
A.details:visited:hover {
  color: #8097B0;
  text-decoration: none; }

img {
  border: none; }

.white {
  color: #FFF; }

.shoppingcart {
  font-family: verdana, Arial, Helvetica, sans-serif;
  color: #000;
  font-size: 10px;
  font-weight: bold;
  font-style: normal; }

td.item ul li {
  padding-left: 6px; }

/* Modern styles (Gecko Designs) */
.gecko-context {
  /**
 * Sass Super Reset
 * Based on Eric Meyer's CSS Reset
 */ }
  .gecko-context, .gecko-context body, .gecko-context div, .gecko-context span, .gecko-context applet, .gecko-context object, .gecko-context iframe,
  .gecko-context button, .gecko-context input, .gecko-context select, .gecko-context textarea,
  .gecko-context h1, .gecko-context h2, .gecko-context h3, .gecko-context h4, .gecko-context h5, .gecko-context h6, .gecko-context p, .gecko-context blockquote, .gecko-context pre,
  .gecko-context a, .gecko-context abbr, .gecko-context acronym, .gecko-context address, .gecko-context big, .gecko-context cite, .gecko-context code,
  .gecko-context del, .gecko-context dfn, .gecko-context em, .gecko-context img, .gecko-context ins, .gecko-context kbd, .gecko-context q, .gecko-context s, .gecko-context samp,
  .gecko-context small, .gecko-context strike, .gecko-context strong, .gecko-context sub, .gecko-context sup, .gecko-context tt, .gecko-context var,
  .gecko-context b, .gecko-context u, .gecko-context i, .gecko-context center,
  .gecko-context dl, .gecko-context dt, .gecko-context dd, .gecko-context ol, .gecko-context ul, .gecko-context li,
  .gecko-context fieldset, .gecko-context form, .gecko-context label, .gecko-context legend,
  .gecko-context table, .gecko-context caption, .gecko-context tbody, .gecko-context tfoot, .gecko-context thead, .gecko-context tr, .gecko-context th, .gecko-context td,
  .gecko-context article, .gecko-context aside, .gecko-context canvas, .gecko-context details, .gecko-context embed,
  .gecko-context figure, .gecko-context figcaption, .gecko-context footer, .gecko-context header, .gecko-context hgroup,
  .gecko-context menu, .gecko-context nav, .gecko-context output, .gecko-context ruby, .gecko-context section, .gecko-context summary, .gecko-context main, .gecko-context dialog,
  .gecko-context time, .gecko-context mark, .gecko-context audio, .gecko-context video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    background: none;
    vertical-align: baseline;
    color: inherit; }
  .gecko-context body {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%; }
  .gecko-context {
    box-sizing: border-box; }
  .gecko-context *, .gecko-context *::before, .gecko-context *::after {
    box-sizing: inherit; }
  .gecko-context article, .gecko-context aside, .gecko-context details, .gecko-context figcaption, .gecko-context figure,
  .gecko-context footer, .gecko-context header, .gecko-context hgroup, .gecko-context menu, .gecko-context nav, .gecko-context section,
  .gecko-context main, .gecko-context dialog {
    display: block; }
  .gecko-context body {
    line-height: 1; }
  .gecko-context ol, .gecko-context ul {
    list-style: none; }
  .gecko-context blockquote, .gecko-context q {
    quotes: none; }
  .gecko-context blockquote::before, .gecko-context blockquote::after,
  .gecko-context q::before, .gecko-context q::after {
    content: "";
    content: none; }
  .gecko-context table {
    border-collapse: collapse;
    border-spacing: 0; }
  .gecko-context a {
    background-color: transparent;
    color: inherit; }
  .gecko-context a, .gecko-context a:hover, .gecko-context a:active, .gecko-context a:visited {
    text-decoration: none; }
  .gecko-context h1, .gecko-context h2, .gecko-context h3, .gecko-context h4, .gecko-context h5, .gecko-context h6 {
    text-decoration: none; }
  .gecko-context {
    font-family: sans-serif;
    font-size: 16px;
    font-weight: 300; }
  .gecko-context.backed {
    background: white; }
  .gecko-context > header > .upper > .actions .email::before, .gecko-context > header > .upper > .actions .donate::before, .gecko-context > header > .upper .social .facebook::before, .gecko-context > header > .upper .social .twitter::before, .gecko-context > header > .upper .social .instagram::before {
    content: "";
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    vertical-align: middle;
    width: 1.1em;
    height: 1.1em;
    margin: 0 0.3em;
    font-family: FontAwesome; }
  .gecko-context > header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: nowrap column;
        -ms-flex-flow: nowrap column;
            flex-flow: nowrap column;
    margin: 0 auto;
    max-width: 980px;
    padding-top: 10px; }
    .gecko-context > header > .upper {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start;
      width: 100%; }
      .gecko-context > header > .upper .logo {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-shrink: 0;
            -ms-flex-negative: 0;
                flex-shrink: 0;
        -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        -webkit-align-items: stretch;
            -ms-flex-align: stretch;
                align-items: stretch; }
        .gecko-context > header > .upper .logo::before, .gecko-context > header > .upper .logo::after {
          content: "";
          display: block;
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center center; }
        .gecko-context > header > .upper .logo::before {
          width: 126px;
          height: 92px;
          background-image: url(https://cac.org/wp-content/themes/cac/images/logo-left.jpg); }
        .gecko-context > header > .upper .logo::after {
          width: 200px;
          height: 92px;
          background-image: url(https://cac.org/wp-content/themes/cac/images/logo-right.jpg); }
      .gecko-context > header > .upper > .store {
        -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        -webkit-align-self: center;
            -ms-flex-item-align: center;
                align-self: center;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: nowrap column;
            -ms-flex-flow: nowrap column;
                flex-flow: nowrap column;
        font-size: 14px;
        padding-left: 10px; }
        .gecko-context > header > .upper > .store .text .line {
          display: block; }
        .gecko-context > header > .upper > .store .actions {
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex; }
          .gecko-context > header > .upper > .store .actions a {
            display: inline-block;
            color: #37939b; }
            .gecko-context > header > .upper > .store .actions a + a {
              padding-left: 8px;
              margin-left: 8px;
              border-left: 1px solid rgba(0, 0, 0, 0.3); }
      .gecko-context > header > .upper > .actions {
        -webkit-flex-shrink: 0;
            -ms-flex-negative: 0;
                flex-shrink: 0;
        color: #37939b;
        padding: 10px 0; }
        .gecko-context > header > .upper > .actions .email::before {
          content: "\f044";
          color: #aaa; }
        .gecko-context > header > .upper > .actions .donate::before {
          content: "\f004"; }
      .gecko-context > header > .upper .social {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-shrink: 0;
            -ms-flex-negative: 0;
                flex-shrink: 0;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 5px 0 0 16px; }
        .gecko-context > header > .upper .social .facebook {
          font-size: 22px; }
          .gecko-context > header > .upper .social .facebook::before {
            content: "\f082";
            color: #3b5998;
            margin-right: 0; }
        .gecko-context > header > .upper .social .twitter {
          font-size: 22px; }
          .gecko-context > header > .upper .social .twitter::before {
            content: "\f081";
            color: #4099FF;
            margin-right: 0; }
        .gecko-context > header > .upper .social .instagram {
          font-size: 22px; }
          .gecko-context > header > .upper .social .instagram::before {
            content: "\f16d";
            color: #125688; }
    .gecko-context > header > nav {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      text-align: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding-top: 6px; }
      .gecko-context > header > nav > a {
        font-size: 15px;
        padding: 12px 10px;
        color: black;
        transition: color 0.15s ease-in-out; }
        .gecko-context > header > nav > a:hover, .gecko-context > header > nav > a.current {
          color: #73bfbf; }
  .gecko-context > footer > .upper {
    padding: 16px 40px;
    background: white;
    width: 980px;
    margin: 0 auto; }
    .gecko-context > footer > .upper .boxes {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .gecko-context > footer > .upper .boxes .box {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-basis: 30%;
            -ms-flex-preferred-size: 30%;
                flex-basis: 30%; }
        .gecko-context > footer > .upper .boxes .box .text {
          -webkit-flex-grow: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1;
          line-height: 1.5; }
          .gecko-context > footer > .upper .boxes .box .text .highlight {
            color: #73bfbf;
            display: block; }
        .gecko-context > footer > .upper .boxes .box.mail::before {
          font-family: FontAwesome;
          display: -webkit-inline-flex;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-align-items: flex-start;
              -ms-flex-align: start;
                  align-items: flex-start;
          text-align: center;
          vertical-align: top;
          width: 1.1em;
          height: 1.1em;
          font-size: 55px;
          margin-right: 0.3em;
          color: #73bfbf; }
        .gecko-context > footer > .upper .boxes .box.mail::before {
          content: "\f0e0"; }
        .gecko-context > footer > .upper .boxes .box.location::before {
          font-family: FontAwesome;
          display: -webkit-inline-flex;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-align-items: flex-start;
              -ms-flex-align: start;
                  align-items: flex-start;
          text-align: center;
          vertical-align: top;
          width: 1.1em;
          height: 1.1em;
          font-size: 55px;
          margin-right: 0.3em;
          color: #73bfbf; }
        .gecko-context > footer > .upper .boxes .box.location::before {
          content: "\f041"; }
        .gecko-context > footer > .upper .boxes .box.contact::before {
          font-family: FontAwesome;
          display: -webkit-inline-flex;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-align-items: flex-start;
              -ms-flex-align: start;
                  align-items: flex-start;
          text-align: center;
          vertical-align: top;
          width: 1.1em;
          height: 1.1em;
          font-size: 55px;
          margin-right: 0.3em;
          color: #73bfbf; }
        .gecko-context > footer > .upper .boxes .box.contact::before {
          content: "\f059"; }
  .gecko-context > footer > .lower {
    text-align: center;
    padding: 40px 0; }