/* CSS Document

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

Colours library:
Darg Green: 43941C
Green 73C33D
Light Green cf9 or D9FCB1
Light Yellow eef7df
Dark Grey 444
Grey 666 8c8c8c b2b2b2
Red FF4545
*/

/* Neutralise styling:  */
html,body,h1,h2,h3,h4,h5,h6,p,blockquote,img,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 1em;
	vertical-align: baseline;}

/* Eliminate border around link images */
a img, :link img, :visited img {border: 0;}

input, select, textarea { font-size: 100%;}

/* Apply left margin: Only to the few elements that need it: */
li, dd, blockquote {margin-left: 25px;}

html {height: 1%; }

/* Resets 1em to 10px */
body {font: 62.5% Helvetica, Arial, sans-serif; color: #000; background: #eef7df; text-align: center; margin: auto; border-top: 5px solid #444;}

/* Miscellaneous conveniences: */
form label { cursor: pointer; }
acronym, abbr {border-bottom:1px dotted; cursor:help;}
fieldset { border: none;}
code {font-family: 'Courier New', Courier, Fixed;}
table {border-collapse: collapse; border-spacing: 0;}
th {text-align: left; #73C33D; padding: 2px;}
pre { background-color: #eee; padding: 10px; font-size: 11px; }
dt {font-weight: bold;}
td {padding: 5px 2px;}
.clear {clear:both;}
.left { float: left; margin: 0 10px 10px 0; }
.right { float: right; margin: 0 0 10px 10px; }

p#viewcartlink {border: 1px solid #D9FCB1; text-align: right;}
p#viewcartlink a {background-color: #D9FCB1; color: #444; display: block; margin:2px; padding: 2px 5px 2px 0;}
p#viewcartlink a:hover {color: #fff; background: #444;}

/* Form elements */
legend {color: #444; font-style: italic;}
label {display: block; margin: 5px 0 2px;}
field {margin-top: 0;}

/* Headings and font sizes
-------------------------------------------*/
h1, h2, h3 {font-family: Myriad, Tahoma, Verdana, sans-serif; font-style: italic;}
h1 {font-size: 250%; color: #43941C; margin-bottom: 7px; text-transform: capitalize;}
h2 {font-size: 190%; line-height: 1.4em; color: #43941C; margin-bottom: 7px;}
h3 {font-size: 150%; color: #444; margin-bottom: 5px;}
p, dd, dt, li, legend {font-size: 135%; line-height:1.5em;}
td, th, caption {font-size: 135%;}
p {margin-bottom: 1em;}

/* General Links
-------------------------------------------*/
a {text-decoration: none; color: #43941C;}
a:hover {color: #FF4545;}


/* Page Layout Identifiers and Positioning 
-------------------------------------------*/
#wrapper {width: 775px; margin: auto; text-align: left; position: relative; }
#innerwrap {float: left; width: 775px; background: #eef7df url(/images/wrapperbkg.gif) left top repeat-y;}
#sidecol {float: left; width: 225px; background: #444; color: #fff; }
#main {margin-left: 50px; width: 475px; position: relative; float: left; background: #fff;}
#sidecol h1 {text-indent: -5000px; margin-top: 30px; height: 95px; width: 225px; background: url(/images/ehlogo.jpg) center top no-repeat;}
#sidecol h2 {font-size: 100%; color: #fff; margin-left: 20px; width: 80%; margin-top: -20px; font-weight: lighter;}
#sidecol #tollfree {width: 225px; height: 48px; text-indent: -5000px; background: url(/images/ehphone.jpg) center top no-repeat;}

#content {padding-top: 85px; }
#content #intro p {width: 225px;}
#content #intro .floatright {float: right; width: 225px; margin-right: 0;}
#content #intro .floatright p {color: #FF4545; width: 80%;}


#additionals {border-top: 2px solid #D9FCB1; margin-top: 30px; background: url(/images/greenfade.jpg) left top repeat-x;}
#additionals h2 {margin-top: 10px;}
#additionals .floatleft {float: left; width: 224px;}
#additionals .floatright {margin-left: 250px; width: 224px;}

#footer {margin: 50px 25px 0 275px; border-top: 1px solid #D9FCB1; padding-bottom: 10px;}

/* Navigation menu */
#nav {list-style: none; margin: 20px 0 0 70px;}
#nav li { margin: 0 5px 0 0; text-align: left; border-bottom: 1px solid #666; }
#nav a {font-size: 140%; line-height: 150%; text-decoration:none; color: #D9FCB1; }
#nav a:hover {color: white;}

#adminlinks {padding: 0;}
#adminlinks li {list-style: none; display:block; float: left; clear: right; margin-left: 0;}

#products {list-style: none; }
#products .product { font-size: 100%;}

/* login/logout */
#adminlogin { background: #444; position: absolute; width: 112px; top: 0; right: 0; color: #fff;}
#adminlogin p {padding: 5px;}
#adminlogin a {color: #fff;}
#adminlogin a:hover {color: #D9FCB1 }

#sidecol #login {width: 205px; margin-left: 20px; color: #fff; margin-top: 20px;}
#sidecol #login h3 {color: #fff;}
#sidecol #login a {color: #fff;}

#content #customerorders li {font-size: 100%;}


/* shopping cart */
/* not using these settings for cart styles */
#shopping_cart {position: absolute; width: 125px; top: 0; bottom: 0; left: 360px;
border-width: 0 3px 3px; border-color: #666; border-style: solid; background: #ddd; padding: 5px; }

#shopping_cart h2 {color: #FF4545; padding-top: 75px;}
#shopping_cart ul, #shopping_cart li { list-style: none; margin: 5px 0 0; padding: 0; } 
#shopping_cart li a {color: #000;}

/* checkout */
#checkout fieldset { width: 300px;
  border-top: 1px solid #efefef; 
  border-left: 1px solid #efefef; 
  border-bottom: 1px solid #ccc; 
  border-right: 1px solid #ccc; 
  padding: 1em 1em 1em 1.5em; 
  margin-bottom: 10px; } 
#checkout fieldset:hover { border: 1px solid #3A789D; } /*blue*/
#checkout legend { font-weight: bold; } 
#checkout fieldset input { margin: 1px; } 
#checkout fieldset input:focus { background-color: #cccccc; }




/* error notices */
.fieldWithErrors {padding: 2px; background: #FF4545; display: table;}
#errorExplanation { border: 2px solid #FF4545; padding: 7px; margin-bottom: 20px; background-color: #f0f0f0;}
#errorExplanation h2 {padding: 5px; margin: -7px; background: #c00; color: #fff;}
#errorExplanation p {color: #333; margin: 0; padding: 5px;}
#errorExplanation ul li {list-style: square;}
#notice {padding: 5px; margin: 0; background: #D9FCB1; font-size: 135%; line-height: 1.6; margin-bottom: 10px;}


#tags_update { font-size: 100%; color: #fff; border:1px solid black;  background: #43941C; }
#tags_update li:hover { text-decoration: underline; }

#recommended {width: 100%; margin-top: 30px; border-top: 2px solid #D9FCB1; background: url(/images/greenfade.jpg) left top repeat-x;}