/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* Begin Media Queries */

/* Media Queries: Tablet Landscape */
@media screen and (width: 900px) {
    #primary { width:80%; }
    #secondary { width:20%; margin:0; border:none; }  
}
/* Media Queries: Tabled Portrait */
@media screen and (max-width: 768px) {
    #primary { width:100%; }
    #secondary { width:100%; margin:0; border:none; }
}

/* End Media Queries */
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* Begin Specs for Whole Page */

* {
    box-sizing: border-box; border-style: none; margin: auto; font-size: 12px; font-weight: 750; font-family: Quicksand; vertical-align: top; text-align: center;
}

/* End Specs for Whole Page */
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* Begin Specs for Main Table spans Whole Page */

.table-main {
  width: 900px; max-height: auto; border-collapse: collapse; text-align: center; box-sizing: border-box; border-style: none;
}

.td-main-leftcol {
  width: 130px; max-height: 575; text-align: center;
}

.td-main-middlecol {
  width: 20px; max-height: 675; padding-top: 120px;
}

.td-main-rightcol {
  max-width: 750px; max-height: auto; text-align: left; vertical-align: top;
}

.table-main-rightcol {
  max-width: 750px; max-height: auto; text-align: left; vertical-align: top; border-collapse: collapse; 
}

/* End Specs for Main Table spans Whole Page */
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* Begin Specs Main Table - Left Column - Navigation Menu */

/* ---------------------------------- */
/* Begin Specs Navigation Menu Image Containers */

.table-nav {
  width: 120px; height: 575px; vertical-align: middle; text-align: center;
}

.td-navlogo {
  width: 120px; height: 110px;  vertical-align: middle;  text-align: center;
}.

.td-navbuttons {
  width: 120px; height: 40px; vertical-align: middle; text-align: center;
}

.td-navdots {
  width: 120px; height: 5px; text-align: center; vertical-align: middle;
}

.facebook-div {
  width: 40px; height: 40px; text-align: center; vertical-align: middle; padding-left: inherit
}

.logo-div {
  width: 100px; height: 110px; text-align: center; vertical-align: middle; padding-left: inherit
}

.table-benefits {
  width: 350px; height: auto; text-align: center; vertical-align: middle;
}


/* ---------------------------------- */
/* Begin Specs Navigation Menu Images through ID */

#logo {
  width: 100px; height: 108px;
}

#home {
  width: 120px; height: 40px;
}

#order {
  width: 120px; height: 40px;
}

#test {
  width: 120px; height: 40px;  
}

#prep {
  width: 120px; height: 40px;
}

#wild {
  width: 120px; height: 40px;
}

#health {
  width: 120px; height: 40px;
}

#culture {
  width: 120px; height: 40px;
}

#ws {
  width: 120px; height: 40px;
}

#contact {
  width: 119px; height: 40px;
}

#fb {
  width: 36px; height: 36px;
}

#addtocart1 {
  width: 140px, height: 41px
  }
  
#intlorders1 {
  width: 141px, height: 41px
  }
 
/* End Specs Main Table - Column 1 - Navigation Menu */
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* Begin Specs Col 2 Dots */


#dots-small {
  width: 80px; height: 10px;
}

#dots-vert {
  width: 20px; height: 677px; margin-right: 2px; margin-left: 2px;
}

#dots-hor {
  width: 677px; height: 20px; margin-top: 2px; margin-bottom: 2px;
}

/* End Specs Col 2 Dots */
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */



/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* Begin Specs Col 3 Header */

.bold-center-div {
  text-align: center; font-weight: 650
}

.td-title {
  width: 750px; max-height: 50px; font-weight: 650; text-align: center; vertical-align: top; padding-top: 5px; margin-bottom: 10px;
}

.h1 {
	text-align: center; font-weight: 750; font-size: 16px;
	}

.title-div {
  width: 750px; max-height: 30px; font-size: 14px; text-align: center; font-weight: bolder; color: ffffff;
}

.titledesc-div {
  width: 750px; max-height: 20px; font-size: 12px; text-align: center;
}

/* End Specs Col 3 Header */
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */



/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* Begin Specs for Order Table Columns and Fields */

/* ---------------------------------- */ 
/* Begin Specs for Main Order Table */

.table-order {
  width: 350px; height: auto; color: #000000; font-family: Quicksand; text-align: center; background-color: white;;
}

/* ---------------------------------- */
/* Begin Specs for Four Order Form Quadrants */

.td-ordertablecol {
  width: 350px; height: auto; color: #000000; font-family: Quicksand; text-align: center; background-color: white;;
}

.td-orderquadrant {
  width: 350px; height: 225px; padding-top: 3px; background-color: white; color: #000000; padding-bottom: 3px; padding-right: 3px; padding-left: 3px; border-radius: 25px; border: 2.5px double #000000;
}

/* ---------------------------------- */
/* Begin Specs for Sales Data Column in Order Form Quadrants */

.td-salesdatacol {
  width: 220px; height: 225px; padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; color: #000000; background-color: white;
}

.salesdataheader-div {
	width:220px; height: 225px;
}

.td-imagecol {
  width: 130px; height: 225px; padding-left: 5px; padding-right: 5px; padding-top: 20px; padding-bottom: 0px; color: #000000; background-color: white; text-align: center;
}

/* H3 is Order Item Header and Brief Description */

h3 {
  font-weight: 900;
  color: #000000;
  font-size: 12px;
  text-align: left;
  vertical-align: top;
  height: 60px;
  font-family: Quicksand;
  background-color: white;
  border-collapse: collapse;
  width: 200px;
}

.price-each-div {
 width: 180px; height: 20px; color: #000000; font-weight: 900; font-size: 12px; text-align: left; vertical-align: bottom; margin-top: 15px; background-color: white;
}

.price-pack-div {
 width: 180px; height: 70px; color: #000000; font-weight: 575; font-size: 12px; text-align: left; vertical-align: bottom; margin-bottom: 10px; margin-top: 10px; background-color: white;
  }

/* ---------------------------------- */
/* Begin Specs for Item Image Column in Order Form Quadrants */

/* H5 is Title above Item Image */
h5 {
  font-weight: 900;
  color: #000000;
  font-size: 12px;
  text-align: center;
  vertical-align: bottom;
  font-family: Quicksand;
  height: 50px;
  background-color: white;
  border-collapse: collapse;
  width: 100px;
  margin-bottom: 5px;
  margin-top: 5px;
}

.td-image {
  width: 130px; height: 185px; background-color: white; border: none; box-sizing: border-box; border-style: none; border-collapse: collapse;
}

.td-qtybox {
  width: 130px; height: 40px; background-color: white; padding-bottom: 0px; padding-top: 5px; padding-left: 5px;
}

.qty-box {
  color: white; font-weight: 1000; font-size: 12px; width: 35px; height: 30px; border-radius: 15px; border: 3px double #638F38; background-color: #000000; 
}

/* ---------------------------------- */
/* Begin Specs for Item Images */

#image1kgtraditional {
  width: 120px; height: 156px; box-sizing: border-box; border-style: none; background-color: white; margin-left: 5px; margin-top: 5px;
}
#image1kgtraditionalhtm {
  width: 200px; height: 259px; box-sizing: border-box; border-style: none; background-color: white;
}
#image500gsuave {
  width: 120px; height: 171px; box-sizing: border-box; border-style: none; background-color: white; margin-left: 5px; margin-top: 5px;
}
#image500gsuavehtm {
  width: 200px; height: 285px; box-sizing: border-box; border-style: none; background-color: white;
}
#image6poundtraditional {
  width: 120px; height: 185px; box-sizing: border-box; border-style: none; background-color: white; margin-left: 5px; margin-top: 5px;
}
#image6poundtraditionalhtm {
  width: 220px; height: 339px; box-sizing: border-box; border-style: none; background-color: white;
}
#image6poundsuave {
  width: 120px; height: 155px; box-sizing: border-box; border-style: none; background-color: white; margin-left: 5px; margin-top: 5px;
}
#image6poundsuavehtm {
  width: 220px; height: 284px; box-sizing: border-box; border-style: none; background-color: white;
}
#imageyerbamateteabag {
  width: 120px; height: 87px; box-sizing: border-box; border-style: none; background-color: white; margin-left: 5px; margin-top: 5px;
}
#imageyerbamateteabaghtm {
  width: 200px; height: 273px; box-sizing: border-box; border-style: none; background-color: white;
}
#image6poundbold {
  width: 120px; height: 126px; box-sizing: border-box; border-style: none; background-color: white; margin-left: 5px; margin-top: 15px;
}
#image6poundboldhtm {
  width: 220px; height: 231px; box-sizing: border-box; border-style: none; background-color: white;
}


/* ---------------------------------- */
/* Begin Specs for Add To Cart and International Order Images */

.td-addtocart {
  width: 200px; height: 50px; vertical-align: bottom; text-align: center; margin-top: 10px; margin-bottom: 0px; border: none; box-sizing: border-box;
}

.td-intlorders {
  width: 200px; height: 50px; vertical-align: bottom; text-align: center; margin-top: 10px; margin-bottom: 0px; border: none; box-sizing: border-box;
}

/* End Specs for Order Table Columns and Fields */
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* Begin Specs for Intro */

.td-intro {
 	width: inherit;
} 

.div-intro {
 	width: 625px; height: auto; vertical-align: middle; text-align: left; color: white; font-size: 12px; font-family: Quicksand;
} 

/* End Specs for Intro */
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* Begin Specs for Legal Section */

.table-legal {
  width: 625px; height: 20px; text-align: left; vertical-align: middle; box-sizing: border-box; border-style: none; border-collapse: collapse;
}

#moneybackguarantee {
  width: 160px; height: 20px;
}
  
#printorderform {
  width: 132px; height: 20px;
}

#privacy {
  width: 132px; height: 20px; margin-right: 4px;
}

#viewcart {
  width: 140px; height: 20px; margin-right: 4px;
}

.privacy-div {
  width: 700px; max-height: auto; font-size: 12px; font-weight: 650; text-align: left; vertical-align: top; padding-top: 5px;
}

.td-returns {
  width: 700px; max-height: auto; font-size: 12px; font-weight: 650; text-align: left; vertical-align: top; padding-top: 5px;
}

.returns-div {
  width: 700px; max-height: auto; font-size: 12px; font-weight: 650; text-align: center; vertical-align: top; padding-top: 5px;
}

/* End Specs for Legal Section */
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* Begin Specs only for Address and Mailing List Footer */

/* ------------------------------------------ */
/* Begin Specs Address Column of Page Footer */

.td-admin-address {
  width: inherit; height: auto;
}

.table-addressmailing {
  width: 650px; height: auto; text-align: left; vertical-align: middle; box-sizing: border-box: none; border-spacing: 25px;
  }

.admin-creditcards-div {
  width: 100%; height: auto; box-sizing: border-box; border-style: none; text-align: center;
}

.admin-address-div {
  width: 100%; height: auto; padding-top: 2px; font-size: 12px; text-align: center; font-weight: 650;
}

#cart-visa {
  width: 36px; height: 23px;
}
  
#cart-master {
  width: 36px; height: 23px;
}

#cart-discover {
  width: 36px; height: 23px;
}

#cart-amex {
  width: 36px; height: 23px;
}  

/* End Specs Address Column of Page Footer */
/* ------------------------------------------ */

/* ------------------------------------------ */
/* Begin Specs Mailing List Column of Page Footer */

.td.mailinglist-div {
  width: 325px; height: auto; text-align: left; font-color: white; font-size: 12px; font-family: Quicksand;
}

.mailinglist-form {
  width: 95%; height: auto; color: white; vertical-align: top;
}

.mailinglist-joinlist-div {
  width: 100%; color: white; vertical-align: top; font-size: 12px; font-family: Quicksand; text-align: center; font-weight: 650;
}

.box-namefield-div {
  width: 80%; height: auto; color: #FFFFFF; border-radius: 25px; border: 1.5px double white; margin: 3px; padding-left: 15px; padding-bottom: 3px; padding-top: 3px; text-align: left; background-color:#000000;
}

.box-emailfield-div {
  width: 80%; height: auto; color: #FFFFFF; border-radius: 25px; border: 1.5px double white; margin: 3px; padding-left: 15px; padding-bottom: 3px; padding-top: 3px; text-align: left; background-color:#000000;
}

.action-addme-div {
  width: 40%; height: auto; color: #FFFFFF; border-radius: 25px; border: 1.5px double white; margin: 3px; padding-bottom: 3px; padding-top: 3px; text-align: center; background-color:#000000;
}

/* ------------------------------------------ */
/* End Specs Mailing List Column of Page Footer */


/* ------------------------------------------ */
/* Begin Specs Mailing List Placeholder Removal */

input:focus::-webkit-input-placeholder 
{
    color: white;
}
input:focus::-moz-placeholder{
    color: white;
}

input, textarea { 
            background-color: black; 
        } 
		
		input[type=text] {
  color: white;
} 

input, checkbox { 
            background-color: black; 
        } 
		
		::placeholder {
  color: black;
  opacity: 2; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12 -18 */
  color: white;
}

/* End Specs Mailing List Placeholder Removal */
/* ------------------------------------------ */


/* End Specs only for Address and Mailing List Footer */
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* Begin Specs Col 3 Health Pages */

.charts-div {
  width: 230px; height: auto; text-align: center; border-width: 0;
}

.td-healthtext {
  width: 490px; height: auto; text-align: left;
  }

.td-charts {
  width: 250px; height: auto; text-align: left;
  }
  
#antiox {
  width: 197px; height: 199px;
}

#caffeine {
  width: 176px; height: 199px;
}

#flavanoid {
  width: 168px; height: 199px;
}

#credits {
  width: 210px; height: 210px;
}

/* End Specs Health Pages*/
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* Begin Specs Col 3 Tour Pages */


.next-whiteongreen-div {
  width: 40px; max-height: 25px; text-align: center; border-width: 0;
}

.td-tour {
  width: 750px; max-height: auto; font-size: 12px; font-weight: 650; text-align: center; vertical-align: top; padding-top: 5px;
}


/* End Specs Tour Pages*/
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* Begin Specs Col 3 Prep */


.prepways-div {
  width: 750px; max-height: auto; text-align: center; border-width: 0;
}

.prep-images-text {
  width: 500px; max-height: auto; text-align: left; border-width: 0;
}

/* End Specs for Prep */
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* Begin Specs Col 3 Culture */


.culture-div {
  width: 550px; max-height: auto; text-align: left; border-width: 0;
}

.td-cultureimages {
  width: 125px; max-height: 125px; text-align: center; border-width: 0;
}

.culture-gourd {
  width: 85px; max-height: auto; text-align: center; border-width: 0;
}

.td-culturetext {
  width: 750px; max-height: auto; text-align: left; border-width: 0;
}

.culture-bombillas {
  width: 180px; max-height: auto; text-align: left; border-width: 0;
}

.culture-div2 {
  width: 480px; max-height: auto; text-align: left; border-width: 0;
}

.culture-div3 {
  width: 570px; max-height: auto; text-align: left; border-width: 0;
}

.culture-div4 {
  width: 545px; max-height: auto; text-align: left; border-width: 0;
}


/* End Specs for Culture */
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* Begin Specs for htm*/


.td-htm {
  border: none; text-align: center; border-width: 0;
}

.htm-div {
  border: none; text-align: center; border-width: 0;
}


/* End Specs for htm */
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */



/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* Begin Specs for Index */

.index-div {
 	width: 100%; height: auto; padding-top: 2px; font-size: 12px; vertical-align: middle; text-align: left; color: #000000;
}

.td-indextext {
  width: 750px; height: auto; font-weight: 650; text-align: left;
} 


/* End Specs for Index */
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */



/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* Begin Specs for Contact Form Sections */

.wholesale-div {
  width: 100%; height: auto; padding-top: 2px; font-size: 12px; text-align: left;
}

.table-contactform {
  width: 500px; height: auto; border-style: none;
}

.td-contactform {
  width: 750px; height: auto; font-weight: 650; text-align: center;
}

.td-contact2 {
  width: 100px; height: auto; text-align: left;
}

.td-contact {
  width: 100px; height: auto; text-align: left;
}

.td-sendme {
  width: 100px; height: auto; text-align: left;
}

.action-sendme-div {
  width: 80px; height: auto; color: #FFFFFF; border-radius: 25px; border: 1.5px double white; margin: 3px; padding-bottom: 3px; padding-top: 3px; text-align: center; background-color:#000000; font-weight: 650;
}

.box-email-div {
  width: 80%; height: auto; color: #FFFFFF; border-radius: 25px; border: 1.5px double white; margin: 3px; padding-left: 15px; padding-bottom: 3px; padding-top: 3px; text-align: left; background-color:#000000;
}

.box-comments-div {
  width: 80%; height: auto; color: #FFFFFF; border-radius: 25px; border: 1.5px double white; margin: 3px; padding-left: 15px; padding-bottom: 3px; padding-top: 3px; text-align: left; background-color:#000000;
}

/* End Specs for Contact Form Sections*/
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */



/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* Begin Specs Col 3 International Pages */

.international-div {
  border: none; text-align: left;
}

.td-descintl {
  width: 650px; height: auto; text-align: left; vertical-align: bottom;
}

/* End Specs for International Pages*/
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */



/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* Begin Specs Col 3 ws-cc-order Pages */

.td-instructions {
  width: 750px; height: auto; text-align: left;
}

.td-desc {
  width: 425px; height: auto; text-align: center; vertical-align: bottom;
}

.td-wsqty {
  width: 140px; height: auto; text-align: center; vertical-align: bottom;
}

.td-wsprice {
  width: 150px; height: auto; text-align: center; vertical-align: bottom;
}

.td-desc-item {
  width: 425px; height: auto; text-align: left; vertical-align: bottom;
}

/* End Specs for ws-cc-order Pages*/
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */