/* CSS Document

Created by: Elle Meredith (http://designbyelle.com.au/)

Colours Library
Blue: 87b8e3 or 79b1e3
light Blue: a2dde5
Lightest Blue: ebf1f2
Pink: ff6769
Orange: fa0
Teal: 459894
Dark Grey: 808080
Purple: 9164A1

------------------------------*/

html {height: 1%; }

/* Resets 1em to 10px */
body {font: 62.5% Tahoma, Helvetica, Arial, sans-serif; color: #fff; background: #808080;}


/* Miscellaneous conveniences: */

.clear {clear:both; padding-top: 10px;}
span.highlight {display: inline-block; color: #fff; background-color: #ff6769; padding: 3px 4px;}

/* Form elements */
label {display: block; margin: 5px 0 2px;}
.field {width: 70%; background: #a2dde5;}

/* Headings and font sizes
-------------------------------------------*/
h2 {font-size: 2.2em; line-height: 1.25em; margin: 0 0 0.6em; font-weight: normal; color: #79b1e3; border-bottom: 1px dotted #79b1e3; font-style: italic;}
h3 {font-size: 1.7em; line-height: 1.25em; font-weight: normal; color: #459894;}
p, dd, dt, li, td, th, caption {font-size: 1.3em; line-height:1.65em;}

/* General Links
-------------------------------------------*/
a {text-decoration: none; color: #fff;}
a:hover {color: #a2dde5;}
a img {border:0;}


/* Page Layout Identifiers and Positioning 
-------------------------------------------*/
#wrap {width: 816px; margin: 0 auto; text-align: left;}

/* Header area */
#header {position: relative; height: 395px; background: url(../img/header.jpg) top left no-repeat;}
#header h1, #header blockquote {text-indent: -5000px; }
#header h2 {color: #808080; font-size: 1.1em; position: absolute; z-index: 10; width: 180px; top: 295px; right: 10px; border-bottom: 0;}

#header #access {position: absolute; top: 40px; right: 10px; width: auto; }
#header #access li {float: left;}
#header #access li a {display: block; padding: 0 12px; background: url(../img/arrow.png) left 7px no-repeat;}

#nav {list-style: none; position: absolute; top: 334px; left: 58px;}
#nav li {line-height: 20px; text-shadow: 2px 2px 1px gray;}
#nav #home {background: #fa0;}
#nav #reviews {background: #ff6769;}
#nav #contact {background: #808080;}

/* positioning */
#content {background: #ebf1f2; color: #808080; float: left; width: 816px;}
#content a {color: #459894;}
#content a:hover {color: #87b8e3;}

#inner {padding: 4em 50px; border-width: 0 8px 8px 8px; border-color: #fff; border-style: solid;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}
		
#main {float: right; width: 460px;}

#sidebar {float: left; width: 190px; padding-top: 0.3em;}
#sidebar #pay p {margin-bottom: 0.8em;}
#sidebar input {width: 100%; text-align: left;}
#sidebar .cart {background: transparent url(../img/cart.png) 20px center no-repeat; padding-left: 40px; border: 1px solid #459894; color: #459894;}
#sidebar .cart:hover {background: #459894 url(../img/cart_hover.png) 20px center no-repeat; color: #fff;}
#sidebar #pay {border-bottom: 1px dotted #459894; margin-bottom: 2.4em;}
#sidebar #pay p {font-size: 1.1em;}
#sidebar p {line-height: 1.35em;}

#formfeedback {color: #459894;}

#footer {text-align: center; background: #808080; padding: 1.8em 0; clear: both;}


/* Order Products styling 
-------------------------------------------*/
#products {margin-top: 1.8em;}
#products dl {width: 140px; background: #fff; float: left; margin-right: 20px; padding: 1em 0;}
#products dl.last {margin-right: 0;}
#products dt, #products dd {padding: 0 10px;}
#products .product {color: #ff6769; font-size: 1.5em; line-height: 1.2em;}

#products .sku, #products .price, #products .buybutton {}
#products input {width: 100%; margin-top: 0.4em;}
#products .cart {background: transparent; border: 1px solid #459894; color: #459894; }
#products .cart:hover {background: #459894; border: 1px solid #459894; color: #fff; }

/* Customer Reviews styling 
-------------------------------------------*/
.review {background: url(../img/gradient.jpg) left top no-repeat; margin-bottom: 2.4em; padding: 1.2em 2.4em 2.4em;}
.review p span {color: #9164A1; font-size: 1.5em;}
.review cite {font-weight: bold;}
.review .quote {padding: 0 1.2em; }