/* 
Main CSS definitions for index template 
09/01/2014 - ACM setup
13/01/2014 - ACM pre-load menu images, added top shadow
16/01/2014 - ACM changed margin so that image in main wrapper touches the top, menu wrapper is now fixed on scrolling
20/01/2014 - ACM centre positioned main wrapper, menu wrapper no longer fixed
23/01/2014 - ACM placed elements in alphabetical order, changed names of elements according to Google style guidelines
10/02/2014 - ACM added product boxes, changed h1 to heading class
24/02/2014 - JPW Supersized nav-Ssize for double line menu option 
13/02/2014 - ACM Changed product slides to match width of footer on product_catalogue.php
http://css-tricks.com/eliminate-jumps-in-horizontal-centering-by-forcing-a-scroll-bar/

*/

#add-cart { /* Positions 'Add Cart' button */
  bottom:10px;
  left:34px;
  position:absolute;
}

#cold-icon {  /* Icon used as anchor target for cold link */
  float:left;
  height:63px;
  vertical-align:text-top;
  width:60px;
}

#eye-conditions-head { font-size:14pt; }

#content {  /* Main content goes here */
  left:270px;
  position:absolute;
  top:80px; /* was 0 */
  width:700px;
}

#content-index {  /* Aligns content with top of page on Home page */
  left:270px;
  position:absolute;
  top:0; /* was -80 */
  width:700px;
}

#eye-conditions {  /* Eye conditions listed on product pages */
  font:bold 13pt calibri,arial,helvetica,sans-serif;
}

#h1-eyeconditions {
  margin-top:23px;
  font-size:18pt;
  margin-bottom:0;
}

#hot-icon {  /* Icon used as anchor target for heat link */
  float:left;
  height:75px;
  vertical-align:text-top;
  width:71px;
}

#logo { /* Logo below nav */
  left:7px;
  position:relative;
  top:65px;
}

#nav {
  font-size:8pt;
  margin:65px 0 0 100px;
}

#nav-buttons {  /* Buttons below nav menu */
  position:relative;
  top:4px;
}

#paypal { /* Paypal Image */
  right:5px;
  position:absolute;
  top:45px;
  width:40%; 
}

#pdf { vertical-align:text-top; }

#preload { display:none; }  /* Pre-loads images */

#product-img {  /* Image on product pages */
  float:left;
  height:350px;
  padding:0 5px 0 0;
  width:350px;
}

#product-price { /* Price on product pages */
  font:bold 25pt calibri,arial,helvetica,sans-serif;
}

#product-select {  /* Box around paypal and price on product pages */
  background:#b1bc78;
  border:1px solid #111;
  display:inline-block;
  height:220px;
  overflow:hidden;
  padding:5px;
  position:relative;
  width:320px;
}

#product-wrapper {  /* Main wrapper for product pages */
  background:#f1f1f1;
  border:1px solid #c6c6c6;
  padding:5px;
  position:relative;
}

#sa { /* Logo below nav */
  left:-190px;
  position:relative;
  top:160px;
}

#sa-outof { /* Logo below nav */
  left:-181px;
  position:relative;
  top:175px;
}

#top { /* Logo below nav */
  left:100px;
  position:relative;
  top:3px;
  
  font-weight:bold;
  font-size:12pt;
}

#view-cart { /* Positions 'View Cart' button */
  bottom:10px;
  left:175px;
  position:absolute;
}

#wrapper { /* Wrapper to position entire page */
  margin-left:25%;
  padding:0;
  position:relative;
}

.bold-text {
  font-size:12pt;
  font-weight:bold;
}

.brackets {  /* Text in brackets on eye_conditions */
  font-style:italic;
}

.button {  /* Size of buttons in nav */
  height:25px;
  vertical-align:middle;
  width:25px;
}

.click {  /* 'Click Here' messages on product_catalogue */
  font-size:6pt;
  left:23px;
  position:absolute;
}

.cold,.cold:hover,.cold:active { color:#0700eb; }

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

.heading {
  font:bold 14pt calibri,arial,helvetica,sans-serif;
}

.heat,.heat:hover,.heat:active { color:#f50007; }

.fadein {  /* Image slider container */
  height:800px;
  position:relative;
  width:700px;
}

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

.option {  /* Options for payment */
  font:bold 14pt calibri,arial,helvetica,sans-serif;
}

.img-slide {  /* Size of product images in product-slide class */
  height:290px;
  width:290px;
}

.nav-pos { margin-bottom:4px; }  /* Spacing between nav links */

.nav-size { /* Size of nav images */
  height:16px;
  vertical-align:middle;
  width:135px;
}

.nav-Ssize { /* 24/02/2014 - JPW Supersized nav-Ssize for double line menu option */
  height:36px;
  vertical-align:middle;
  width:135px;
}

.product-slide {  /* Product slides */
  background:#f1f1f1;
  border:1px solid #c6c6c6;
  display:inline-block;
  height:415px;
  margin:0 2px 4px;
  padding:27px 10px 10px;
  position:relative;
  text-align:center;
  vertical-align:top;
  width:322px;
}

.slide-price {  /* Price of product shown in bottom right of slide */
  bottom:10px;
  font:bold 14pt calibri,arial,helvetica,sans-serif;
  position:absolute;
  right:10px;
}

.swatch {
  height:83px;
  width:76px;
}

.temp-therapy {
  background:#f1f1f1;
  border:1px solid #c6c6c6;
  margin:10px 0;
  padding:10px;
}

/* Tight lines in a paragraph - Facebook icon */
.tight {
line-height:2.0em;
}

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

a:hover,a:active { 
  color:#94ba63; 
}

body {
  background:#ecedf2 url(images/background.jpg) repeat;
  color:#353432;
  font:11pt calibri,arial,helvetica,sans-serif;
  margin:0;
  overflow-y: scroll;
  padding:0;
}

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

footer {
  clear:both;
  font-size:8pt;
  margin-bottom:20px;
  page-break-after:always;
}

form { margin: 1.5% 0; }

h1 {
  display:block;
  font: bold 12pt calibri,arial,helvetica,sans-serif;
  margin:0 0 0 100px;
}

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