/*

Colors for Evergreen

lightgreen is #b9d8d2
dark green is #008b7b
light lavender is #9c9cca
dark purple is #605ea7
purple background #6661ab


*/
body {
	background:url(images/egfaded_bg2.jpg);
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
}
#content {
margin-top:25px;
margin-left:200px;
margin-right:150px;
}
#product {
margin-top:25px;
margin-left:10px;
margin-right:20px;
}
#resultslist {
position:relative;
left:165px;
margin-top:25px;
margin-left:10px;
margin-right:20px;
}

h1 {
color:#0f8f7a;
font-size:18px;
font-weight:bold;
}
h2{
color:#605ea7;
font-size:16px;
font-weight:bold;
}
h3{
color:#000;
font-size:16px;
font-weight:bold;
}
p ol li{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
/* background images and sizing for the main part of the site, this allows for the background of the body to be different*/
.EGmain{
	background-image:url(images/EG-mainbg.jpg);
	background-repeat:no-repeat;
    width:1027px;
    height:769px;
}
.EGside{
	background-image:url(images/EG-sidebg.jpg);
	background-repeat:no-repeat;
    width:1027px;
    height:769px;
}
.EGweb{
	background-image:url(images/EG-webcertbg.jpg);
	background-repeat:no-repeat;
    width:1027px;
    height:800px;
}
.EGlong{
	background-image:url(images/EG-longbg.jpg);
	background-repeat:no-repeat;
    width:1027px;
    height:1600px;
}
.SDside{
	background-image:url(images/SD-sidebg.jpg);
	background-repeat:none;
    width:1027px;
    min-height:773px;
}
.SDmain{
	background-image:url(images/SD-mainbg2.jpg);
	background-repeat:none;
    width:1027px;
    min-height:773px;
}
.SDlong{
	background-image:url(images/SD-mainbg3.jpg);
	background-repeat:none;
	width:1027px;
	min-height:773px;
}
.SDwebcert{
	background-image:url(images/SD-webcertbg.jpg);
	background-repeat:none;
	width:1027px;
	min-height:773px;
}

/* Navigation menu styles*/


/* top navigation of SD site*/
#topnav {
	position:relative;
	top:80px;
	right:40px;
}
.topnav, .topnav a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#605ea7;
	font-weight:900;
	font-stretch:expanded;
	text-decoration:none;
}
/* -s indicates selected so once a menu item has been selected it will remain the same as the rollover color*/
.topnav-s, .topnav-s a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#b9d8d2;
	font-weight:900;
	font-stretch:expanded;
	text-decoration:none;
}
.topnav a:hover, .topnav a.highlighted:hover, .topnav a:focus {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#b9d8d2;
	font-weight:900;
}
/* top navigation of EG site*/
#topnaveg{
	position:relative;
	top:0px;
	right:40px;
}
.topnaveg, .topnaveg a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#605ea7;
	font-weight:900;
	font-stretch:expanded;
	text-decoration:none;
}
/* -s indicates selected so once a menu item has been selected it will remain the same as the rollover color*/
.topnaveg-s, .topnaveg-s a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#b9d8d2;
	font-weight:900;
	font-stretch:expanded;
	text-decoration:none;
}
.topnaveg a:hover, .topnaveg a.highlighted:hover, .topnaveg a:focus {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#b9d8d2;
	font-weight:900;
}
/* Mid level menus for both sites - note both are dynamic on the SD site they come from product categories, on the EG site they come from the 'menulevels' tables in admin */

.menulevel1{
 /*   background-color:#9c9cca; */
    text-align:center;
	position:relative;
	left:18px;
}
.menulevel2{
    text-align:left;
	padding-left:3px;
}
.menulevel1 a, .sdnav, .sdnav a{
    font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-weight:600;
	font-size:11px;
	text-decoration:none;
    padding:7px;
	list-style:none;
    margin-right:3px;
    margin-left:3px;
	line-height:25px;
}
/* -s indicates selected so once a menu item has been selected it will remain the same as the rollover color*/
/* the sd middle menu has the same properties as the mid menu on the EG site*/
.menulevel1-s a,.sdnav-s, .sdnav-s a{
	color: #008b7b;
    text-align:right;
	padding-right:45px;
	font-stretch:expanded;
	font-weight:600;
	font-size:11px;
	text-decoration:none;
    padding:7px;
	list-style:none;
    margin-right:3px;
    margin-left:3px;
	line-height:25px;
}
.menulevel1 a:hover, .menulevel1 a.highlighted:hover, .menulevel1 a:focus ,.sdnav a:hover, .sdnav a.highlighted:hover, .sdnav a:focus{
 color: #008b7b;
}
.menulevel1 a.highlighted,.sdnav a.highlighted {
 color: #008b7b;
}
/* SD navigation midlevel category menu */
#sdnav {
	text-align:right;
	padding-top:10px;
	margin-right:23px;
	position:relative;
	top:-5px;
	left:-4px
}
.sdnav{
    text-align:right;
	padding-right:45px;
	font-stretch:expanded;
}
/* SD navigation sub-category menu */
#subnav {
	text-align:right;
	margin-right:25px;
	padding-top:0px;
}
.subnav,.subnav a{
	color:#008b7b;
	font-weight:bold;
	font-size:11px;
	text-decoration: none;
    text-align:right;
	padding-right:15px;
	font-stretch:expanded;
}
/* -s indicates selected so once a menu item has been selected it will remain the same as the rollover color*/
.subnav-s,.subnav-s a{
	color:#6760ad;
	font-weight:bold;
	font-size:11px;
	text-decoration: none;
    text-align:right;
	padding-right:15px;
	font-stretch:expanded;
}
.subnav a:hover{
 color: #6760ad;
 text-align:left;
}
/* menu levels 2 and 3 for the EG site have their css properties in listmenu_h.css */



/* iframe positioning for EG site */
iframe
{
	clear:both;
	position:relative;
	top:0px;
	text-align:center;
    border:0px solid #000000;
	z-index:1;
}
/*  positioning for items on other pages */
#eglogo{
	height:110px;
	width:228px;
	position:relative;
	top:5px;
	left:35px;
	text-align:left;
	z-index:1;
}
#search{
	height:22px;
	width:127px;
	position:relative;
	text-align:right;
	top:40px;
	right:40px;
}
#navcart {
	position:relative;
	top:40px;
	right:40px;
	text-align:right;
}
#bottom {position:relative;}
#contact {
	position:relative;
	top:10px;
	left:200px;
}
.email, .email a {
	text-decoration:none;
	color:#008b7b;
}
.tiny, .tiny a{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	color:#0000FF;
}

/* *********SHOPPING CART STUFF**************/

/* results list of products from shopping cart */
.results, .results a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#008b7b;
	text-align:center;
	text-decoration:none;
	font-size:10px;
	border-color:#008b7b;
	font-weight:700;
}

/* Product details display */
.product_title {
	font-size:16px;
}
.product_description{
	font:Arial, Helvetica, sans-serif;
	font-stretch:ultra-condensed;
	font-size:12px;
	font-weight:600;
	text-align:justify;
	line-height:20px;
}
.pricedetail {
	font-size:14px;
	font-weight:bold;
	margin-left:5px;
	margin-right:5px;
}

/* Cart Order View and Order Printing */
.print_header{
    font-size:14px;
	font-weight:bold;
    text-align:left;
}
.print_title{
    font-size:12px;
	font-weight:bold;
    text-align:left;
}
.print_data{
    font-size:12px;
	font-weight:normal;
    text-align:left;
}

/* Table Format for Orders etc */
.tablehead{
    font-size:14px;
	font-weight:bold;
    text-align:left;
}
.tabledata{
    font-size:12px;
	font-weight:normal;
    text-align:left;
}

/* Form Formatting */
.formheader{
    font-size:14px;
	font-weight:bold;
    text-align:left;
}
.formfieldname{
    font-size:14px;
	font-weight:bold;
    text-align:left;
}
.formfielddata{
    font-size:12px;
	font-weight:normal;
    text-align:left;
}


/* Member Login Menu */
.mem_menu a{
    font-size:12px;
    color:#008b7b;
	font-weight:normal;
    text-align:left;
    text-decoration:none;
}
.mem_menu a:hover{
    font-size:12px;
    color:#ff0000;
	font-weight:normal;
    text-align:left;
    text-decoration:underline;
}

/****************************************/


/* all the below I think belong in the includes/includes.css
might want to rename that to cart.css
.carttitle
{
    color:#2b2f88;
    font-size:14px;
}
.cartreview
{
    color:#ff0000;
    font-size:14px;
}
.ordertitle
{
    font-size: 12px;
    font-weight:bold;
    background-color:#2b2f88;
    color:#ffffff;
}
.orderitem
{
    font-size: 12px;
    font-wieght:normal;
    color:#000000;
}
.ordertotalname
{
    font-size: 12px;
    font-wieght:bold;
    color:#0000ff;
}
.ordertotal
{
    font-size: 12px;
    font-wieght:normal;
    color:#000000;
}
.fillin
{
    font-size: 12px;
    font-wieght:normal;
    color:#ff0000;
    text-align:center;
}
*/