/* 
Main CSS definitions for Cool Neck Ties
13/03/2014 - ACM setup
17/03/2014 - ACM Added 'Made in SA' and 'Made in Aus' logos
26/03/2014 - JPW Changed nav-img to pixels
27/03/2014 - ACM Changed nav-img back to %, added new class '.rmv-margin' to allow consistent spacing in nav
22/04/2014 - ACM Changed gallery width and height to pixels
28/04/2014 - ACM Changed slide height to 26em to allow for new testimonials
*/

/* Positions 'Add Cart' button */
#add-cart {
  bottom: .7em;
  left: 10.63%;
  position: absolute;
}

/* Australian Made logo */
#aus { 
  margin: 7%;
  width: 7%;
}

/* Positions button images in nav */
#buttons { padding: .3% 0; }

/* Italic text right aligned in footer */
#footer-text {
  float: right;
  font: italic 100% calibri,arial,helvetica,sans-serif;
}

/* Links in footer */
#footer-link:link,#footer-link:visited,#footer-link:hover,#footer-link:active {
  color: #00f;
}

/* Image gallery container */
#gallery {
  height: 841px;
  position: relative;
  width: 700px;
}

/* Positions images inside gallery container */
#gallery img {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

/* Logo below nav */
#logo {
  padding: 7% 7% 0;
  width: 7%;
}

/* Image in main content on various pages */
#main-img { width: 100%; }

/* Paypal Image */
#paypal { 
  position: absolute;
  right: 1.56%;
  top: 3.12em;
  width: 35%;
}

#pdf { padding-top: .5em; }

/* Main image on shop page */
#product-img { 
  float: left;
  padding: 0 .66% 0 0;
  width: 21.88em; 
}

/* Box around paypal and price options */
#product-options {
  background: #79d7dd;
  border: 1px solid #111;
  display: inherit;
  height: 13.8em;
  padding: .7%;
  position: relative;
  width: 20em;
}

#product-options .orange {
  bottom: 1.7em;
  position: relative;
}

/* Main box for product */
#product-main {
  background: #f1f1f1;
  border: 1px solid #c6c6c6;
  display: inline-block;
  padding: .72%;
}

/* South Australian Made logo */
#sa {
  margin: 7%;
  width: 7%;
}

/* Aligns main content with top of nav */
#top { margin-top: 5.6%; }

/* Positions 'View Cart' button */
#view-cart {
  bottom: .7em;
  left: 54.67%;
  position: absolute;
}

/* White bordered box */
#white-box {
  background: #f1f1f1;
  border: 1px solid #c6c6c6;
  padding: 1.5%
}

#wrapper { 
  margin-left: 25%; 
  padding: 0; 
  position: relative; 
}

/* Author at bottom of testimonial slides */
.author {
  bottom: 3%;
  font: bold 130% calibri,arial,helvetica,sans-serif;
  position: absolute;
  right: 3%;
}

/* Changes text to bluey colour */
.bluey {
  color: #79d7dd;
}

/* Facebook and Google+ buttons in nav */
.button {
  width: 1.51em;
}

/* Positions text below images */
.content-text {
  clear: both;
  text-align: left;
}

/* Changes text to orange colour */
.orange {
  color: #9f4921; 
  text-align: center; /* Centres text for block elements */
}

/* Margin removal to allow consistent spacing */
.rmv-margin { margin: 0; }

/* Slides displayed 2 across */
.slide {
  background: #f1f1f1;
  border: 1px solid #c6c6c6;
  display: inline-block;
  height: 26em;
  margin: 0 .28% 1%;
  padding: 3.85% 1.43% 1.43%;
  position: relative;
  text-align: center;
  vertical-align: top;
  width: 46%;
}

/* Images below product description */
.swatch {
  width: 4.75em;
}

a:link,a:visited { 
  color: #403b33;
  text-decoration: none; 
}

a:hover,a:active { 
  color: #79d7dd;
}

body {
  background: url(images/background.jpg);
  color: #403b33;
  font: 100% calibri,arial,helvetica,sans-serif;
  margin: 0;
  overflow: scroll;
}

/* Adds shadow to top of page */
body:before {
  box-shadow: 0 0 .7em rgba(0,0,0,.8);
  content: "";
  height: 1.3em;
  margin: 0;
  position: fixed;
  top: -1.3em;
  width: 100%;
  z-index: 100;
}

footer {
  clear: both;
  font-size: 70%;
  margin: 1% 0 3%;
  page-break-after: always;
}

form { margin: 1.5% 0; }

header { 
  padding-left: 7%; 
  page-break-before: always;
}

/* Used in header */
h1 {
  font: bold 100% calibri,arial,helvetica,sans-serif;
  margin: 0;
}

/* Used for most headings */
h2 {
  font: bold 140% calibri,arial,helvetica,sans-serif;
  margin: 0;
}

/* Used for product price */
h3 { 
  font: bold 240% calibri,arial,helvetica,sans-serif;
  margin: 0;
}

hr { width: 100%; }

/* Main content goes here */
main {
  left: 18.9%;
  position: absolute;
  top: 0;
  width: 43.75em;
}

nav {
  color: #69BFC4; 
  line-height: 90%; 
  list-style: none; 
  margin: 4.55% 0 0 7%; 
}
  nav li { margin-bottom: .3%; }
  nav img { 
    vertical-align: middle; 
	width: 11.29%; 
  }

ul {
  list-style: none;
  margin: 0;
  padding: 0; 
}