.green { color:#bbe645; }
.grey { background:#404140; }

* { font-family:'Droid Sans', Sans-Serif; }
a img { border:none;  }
a { color:#6c9f42; color:#297895; }
h1 { color:#81868d; color:#297895; font-family:Lato, Perpetua, Serif; font-weight:300;  font-size:28px; }

body {  margin:0; padding:0; }

a, a > img, #goat {

  -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;

}

header { position:relative; width:100%;  min-height:85px;  }
header nav { position:absolute; z-index:102; top:-10px; right:20px; min-height:85px; width:auto;  padding:0; }
header nav ul, header nav li { padding:0; margin:0; }
header nav > ul > li { position:relative;   display:inline-block; *display:inline; zoom:1; width:105px; min-height:85px; border-left:2px solid #ccc; vertical-align:bottom; }
header nav > ul > li > a {  position:absolute; left:0px;   display:block; bottom:0px; min-width:72px; height:30px; line-height: 30px; vertical-align:bottom;  padding:0 15px 0 15px; text-decoration: none; text-transform: uppercase; color:#535751; border-top-right-radius:15px; border-bottom-right-radius:15px;  }
header nav > ul > li > a.active { background:#7db1e3\9; background:rgba(125,177,227,0.80);  color:#FFF;  }
header nav > ul > li > a:hover { background:#7db1e3\9; background:rgba(125,177,227,0.30); }

nav li ul { position:absolute; z-index:99; top:80px; background:rgba(250,250,250,0.80);  list-style-type:none; padding:20px; display:none;  }
nav li ul li { min-height:28px; padding-bottom:5px;  width:150px; }
nav li ul a { text-decoration:none;  }
nav li ul a:hover { text-decoration:underline;  }

#shopping-bag { position:fixed; z-index:99; top:43px; left:106px; width:400px; height:28px;   }
#shopping-bag img { position:relative; top:6px;  }
#shopping-bag a, #shopping-bag { color:#297895; font-size:14px; line-height:28px; text-decoration:none; vertical-align: middle; font-weight:300; font-family:Buda; }
#shopping-bag a:hover { text-decoration: underline; }


section#cart-summary { width:210px; float:right; padding-left:10px; }
section#cart-summary * { font-size:13px; }
section#cart-summary h1 { font-size:21px; }


section#content { position:relative; margin-left:78%; margin-right:0%; margin-top:0px; margin-bottom:220px;  padding:3%; z-index:100; width:19%; min-height:400px;  background:#FFF\9;  background:rgba(247,249,244,.7);   border-bottom-left-radius:3em; }
section#content  {

    /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7f9f4), to(#f7f9f4));

  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, rgba(247,249,244,1), rgba(247,249,244,.3));

  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, rgba(247,249,244,1), rgba(247,249,244,.3));

  /* IE 10 */
  background: -ms-linear-gradient(top, rgba(247,249,244,1), rgba(247,249,244,.3));

  /* Opera 11.10+ */
  background: -o-linear-gradient(top, rgba(247,249,244,1), rgba(247,249,244,.3));


}

section#content * { text-shadow: 1px 1px rgba(247,249,244,.8); -webkit-font-smoothing: antialiased; }


#logo { position:fixed; z-index:99; top:30px; left:30px; width:414px; height:139px;  }
#goat { position:fixed; z-index:999; top:65px; left:382px; width:35px; height:36px; background:url(/images/goat.svg) no-repeat; background-size: 35px 35px; opacity:0.8; }
#whitewash { position:fixed; z-index:5; top:0; left:0; width:100%; height:713px; background:url(/images/whitewash.png) repeat-x;  }
#curly { position:fixed; z-index:96; top:0px; right:0px; width:669px; height:261px; background:url(/images/curlys8.png) no-repeat;  }

footer { position:fixed; z-index:101; left:0px; bottom:0px; width:100%; height:40px; background:#4a4b4c\9; background:rgba(74,74,76,0.83);} 
footer h1 { font-family:Buda, Sans-Serif; font-weight:300; font-size:17px; color:#bbe645; margin:0; padding:0; width:400px; border-bottom:1px solid #bbe645; } 
footer a, footer { font-size:0.9em; color:#eff4e8; text-decoration: none;  }
footer a:hover { text-decoration:underline; color:#FFF; }
footer ul#subnav { width:900px; *margin-top:20px; }
footer ul#subnav li { display:inline-block; *display:inline; zoom:1; padding:0 30px 10px 0; } 
footer img#seal { position:absolute; right:30px; top:20px; width:82px; height:81px;  }

footer #social { position:absolute; z-index:99; top:3px; right:30px; }
footer #social img { width:30px; height:30px; display:inline-block; padding:2px; }

footer #sub { position:absolute; top:10px; left:30px; z-index:999; }
footer #sub a { display:inline-block; padding:2px; text-transform: uppercase;  }

footer #welcome {  position:absolute; top:10px; padding:30px; }

section#products {  }


#products .product-tile { position:relative; border:1px solid #cacaca; width:250px; height:430px; overflow:hidden; background:#FFF; float:left; margin:5px;   }
#products .thumb-cover { display:block; width:250px; height:175px;  overflow:hidden; text-align:center;  }
#products .thumb-img { width:250px; position:relative;  top:0; left:0;  }
#products .wrap { padding:10px; width:230px; }

#products h3 { color:#297895; font-size:15px; margin-bottom:5px; padding-bottom:0;  }
#products em { font-size:14px; }

#products .add-to-cart { position:absolute; bottom:10px; left:9px; width:120px; }
#products .corner { position:absolute; right:0px; bottom:0px; background:url(/images/corner.png) no-repeat;  font-size:12px; color:#FFF; width:82px; height:82px;  }
#products .corner span { position:absolute; bottom:10px; right:3px; font-size:15px;  color:#1b4c79;  }


section#colors { width:300px; float:right;  }
section#colors h1 { font-size:20px; color:gray; }
section#colors a.swatch { display:inline-block; margin:4px;  height:30px; width:30px; border-radius: 50%; text-decoration: none;  }

fieldset { border:none; padding:0; margin:0; margin-bottom:15px; }



.round { width:120px; height:120px; border-radius: 50%; }
a img.round { border:6px solid #404140;  opacity:0.8; }
a:hover img.round {  opacity:1; border:6px solid #95cf6e; }


#gallery img { opacity:0.7; height:130px; width:130px; border-radius:50%; margin:15px;  }
#gallery img:hover  { opacity:1; }
#gallery img, .round {

  -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}



#responsive-nav { display:none;  }
#responsive-nav { position:absolute; z-index:1000; top:0; left:0; background:rgba(0,0,0,0.7); width:100%; height:100%; }
#responsive-nav * { color:#FFF; }

#responsive-nav > ul { list-style:none;  }
#responsive-nav ul ul { list-style:disc; }
#responsive-nav li { padding:9px; }
#responsive-nav a { text-decoration: none; font-size:22px;  text-transform: uppercase;  }
#responsive-nav a:hover { text-decoration: underline; }

#menu-icon { display:none; padding:15px; width:30px; height:30px; }




.dimensionless { margin:0; padding:0; display:inline-block;  }

div.apollo-pagination { margin:15px 0; }
div.apollo-pagination a { display:inline-block; text-decoration: none;  padding:4px 9px; font-size:1.0em; border-radius:3em; font-family:Lato, Sans-Serif; font-weight:300;  }
div.apollo-pagination a.paginator-current-page { color:#FFF; background:#5d7388; font-size:1.0em; }
div.apollo-pagination a:hover { background:#CCC; color:#FFF; text-decoration: none !important; }

form#apollo-filter div td { padding-top:10px !important;  }
form#apollo-filter select, form#apollo-filter input { font-size:1.1em; }

#edit-cart {  }
#edit-cart table, #edit-cart form { display:inline-block; margin:0; padding:0; }
#edit-cart td td { padding:4px; border-top:1px solid #CCC;  }

#total-line, .total-line { border-top:3px solid #777; text-align:right; width:100%; margin-top:10px; padding:3px 0; }



span.block { display:inline-block; *display:inline;    }

.summary-line { position:relative; padding:5px 0; width:100%;  }
.summary-item-quantity { vertical-align:top; width:15px; }
.summary-item-title { vertical-align:top;  width:120px; }
.summary-item-sum { vertical-align:top; width:60px;  text-align:right; text-align:right !important;   }

.subtotal { border-top:1px dotted #AAA; text-align:right; width:100%;  padding:5px 0; }

.cart-item-title {  width:610px; text-align:left; }
.cart-item-update { width:65px; }
.cart-item-remove { width:65px;   }
.cart-item-amount { width:90px; text-align:right;  }
.cart-item-quantity { width:55px; }
th.cart-item-quantity { text-align: left; }

.quantity { width:3em; text-align:right;  }
.cart-update-button { }
.cart-remove-button { }

.paypal-checkout-image { width:165px; }
.paypal-customer-details { padding-left:20px; padding-bottom:15px; }

.apollo-form td { vertical-align: top; padding:5px;  }


#photoback { position:fixed; bottom:-70px; right:-180px; z-index:1;  }



.news-group { margin-bottom:20px; background:rgba(255,255,255,0.7); *background:#FFF; padding:15px; border:1px solid #aaa; }
.news-group .date { margin:0; padding:0; color:#555; font-weight:normal;  }
.news-group .headline { margin:0; padding:0; }
.news-group .photo { width:300px; float:right; margin:5px 0 15px 15px; }


section#category { display:table; margin-top:50px;  }
div.prodcat { display:table-row;   }
a.thumbcat { display:table-cell; vertical-align: top; padding-bottom:30px; }
a.thumbcat img { border-radius:50%; height:170px; width:170px; }
div.descat { display:table-cell; vertical-align: top; padding-left:72px; font-family:Lato, Perpetua, Serif; }
div.descat h1 { padding:0; margin:0; padding-bottom:5px; }



a.big-button { display:inline-block; color:#FFF; background:#297895; padding:12px 16px; border-radius:32px;  text-decoration:none; font-size:14px; }
a.big-button:hover { background:#59A8B5;  }


@media only screen and (max-width: 1028px) {
    
  #responsive-nav { display:none;  }
  #seal { display:none; }
  header > nav > ul { display:none; }
  header > nav { top:0; }
  #menu-icon { display:block; }


} /* End Small Screens Media Query */


@media only screen and (max-width: 568px) {

  #patch { height:80px !important; }
  #logo { position:absolute; z-index:99; top:10px; left:70px; width:207px; height:70px;  }
  #goat { position:absolute z-index:999; top:25px; left:247px; width:17px; height:18px; background:url(/images/goat.svg) no-repeat; background-size: 17px 18px; opacity:0.8; }

  #shopping-bag { position:absolute; z-index:99; top:15px; left:15px; width:400px; height:28px;   }
  .shopping-bag-text-links { display:none; }
  #menu-icon { padding:5px;  }
  section#content { width:300px !important; margin-left:0 !important; margin-top:0px !important; padding:20px !important; }
  footer { display:none; }


  section#category { display:block; margin-top:50px;  }
  div.prodcat { display:block; background:#FFF; margin-bottom:20px; padding:20px;  }
  a.thumbcat { display:block; text-align: center; width:100%; }
  a.thumbcat img { display:inline;  }
  div.descat { display:block; padding:0 0 10px 0;}


} /* End Small Screens Media Query */


.leftImage { float:left; padding:7px 10px 7px 0; }
.rightImage { float:right; padding:7px 0 10px 7px; }

section#personalities h1, section#personalities p { margin:0; padding:0; }
section#personalities p { padding-bottom:30px;  }


.table { display:table; }
.row { display:table-row; }
.cell { display:table-cell; vertical-align:top; }
.pad { padding:20px; }