/* default resets */
* {
	margin: 0;
	padding: 0;
	font: normal 100% arial, helvetica, sans-serif;
}

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

/* layout */
#header, #menu, #main, #footer{
   margin:0px auto;
   clear:both;
   width:1024px;
   padding:0;
}

#header{
   position:relative;
   height:125px;
}

#menu{
   height:30px;
}

#main{
   position:relative;
   padding:25px 0 55px;
}

#footer{
   height:140px;
}

/*  widget layers   */
#floater{
	display:none;
	position:absolute;
	top:40px;
	right:40px;
	background:#004040;
	border:white outset 3px;
	padding:  0 30px 30px;;
}

#cart{
	position:absolute;
	top:0px; right:0px;
	width:125px; height:125px;
	background:white;
	  /* for IE */
	  filter:alpha(opacity=80);
	  /* CSS3 standard */
	  opacity:0.8;
	  color:#004040;
	  font-size:10pt;
	  text-decoration:none;
	  text-align:center;
}

#floater a:link, #floater a:visited{
	color:white;
}

.minilayer{
	float: left;
	width:150px;
	margin:30px;
}

.midlayer{
	float: left;
	width:250px;
	margin:20px;
	overflow:visible;
}

.thumbnail{
	position:relative;
	display:block;
	float:left;
	width: 130px;
	height: 220px;
	font-size: 80%;
	padding:5px;
	margin: 5px;
	overflow:hidden;
}

/* classes */
.warning{
	color:red;
}

.odd, .orderftr{
	background-color:#025c39;
}

.closer{
	padding:0 2px;
	margin:0;
	border:grey outset 2px;
	text-align:right;
	color:white;
}

.closer:link, .closer:link{
	background-color:silver;
	color:black;
	text-decoration:none;
}

.closer:hover{
	background-color:white;
	color:black;
	border:grey inset 2px;
}

.info{
	background-color:#c0c0c0; 
	color: black; 
	cursor: pointer;
	font-weight:normal;
}
	
/*   quickform   */
form {
    margin: 0;
    padding: 0;
}

form fieldset {
    clear: both;
    float: left;
    border-top: 4px solid #025c39;
    border-right:none;
    border-left:none;
    border-bottom:none;
    margin: 5px;
}

form fieldset.hidden {
    border: 0;
}

form fieldset legend {
    white-space: nowrap;
    background-color: #025c39;
    color: white;
    font-weight: bold;
    width: 200px;
    padding: 5px;
    display: block;
}

form fieldset ol {
    margin: 0;
    padding: 0;
}

form fieldset li {
    display: block;
    list-style: none;
    margin: 0;
    clear: both;
}

form label {
    margin: 0 0 0 5px;
}

form label.element {
    display: block;
    float: left;
    width: 210px;
    padding: 0;
    margin: 5px 0 0 0;
    font-weight: bold;
    text-align: right;
}

form input, form textarea, form select {
    width: auto;
}

form textarea {
    overflow: auto;
}

form br {
    clear: left;
}

form div.element {
    display: inline;
    float: left;
    margin: 5px 0 0 10px;
    padding: 0;
}

form li.reqnote {
    font-size: 80%; 
    margin: 5px 0 0 10px;
}

form span.error, form span.required {
    color: red;
}
form div.error {
    border: 1px solid red;
    padding: 5px;
}

/*    fonts and colors  */

body{
	background:#004040;
}

body, td, p{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12pt;
	color:#c0c0c0;
}

h1, h2{
	color: #d8ffef;
}

h1{
	font-size:14pt;
}

div{
	overflow:auto;
}

#menu{
   background:#025c39;
   font-size:10pt;
}

#main a:link, #main a:visited{
	color: #00ff00;
}

#main a:link:hover, #main a:visited:hover{
	color: #80ff80;
}

#main ul{
	list-style-type:circle;
	padding: 0 10px;
	margin-left:20px;
}

#garden_gate{
	background:url(graphics/gold_oval.gif) no-repeat 50% 50%;
	height: 175px;
	width: 560px;
	margin: auto;
}

#garden_gate p{
	margin: 40px auto; 
	font-size: 22px; 
	font-weight: bold; 
	text-align:center;
	color:red;
}


.detailleft{
	float:left;
	margin:20px;
}

#addcart li{
	/*---display:inline;---*/
}

#addcart label.element {
    display: inline;
    float: left;
    width: 100px;
    padding: 0 10px;
    margin: 5px 0 0 0;
    font-weight: bold;
    text-align: right;
}

#addcart li.reqnote{
	clear:left;
	display:block;
}



/* === thumbnails === */

#rightbar .thumbnail{
	height:auto;
}

#main a.thumbnail:link, #main a.thumbnail:visited{
	text-decoration:none;
	color: white;
}

#main a.thumbnail:link:hover, #main a.thumbnail:visited:hover{
	color: #80ff80;
}

#main a.thumbnail img{
	border: solid 1px #80ff80;
	padding: 2px;
}

.imagetag{
	font-size: 80%;
}

#rightbar .thumbnail:hover, #rightbar .imagetag:hover{
	background-color:white;
}

/*---details---*/
.detail .text{
	padding:5px;
}


/*----icons----*/
div.special{
	background:url(/graphics/icons1.gif) no-repeat -3px -38px;
	position:absolute;
	top:28px;
	left: 2px;
	width:45px;
	height:27px;
}

div.new{
	background:url(/graphics/icons1.gif) no-repeat -3px -3px;
	position:absolute;
	top:2px;
	left:2px;
	width:45px;
	height:27px;
	
}

/* ---- page navigation ---- */
.pagenav{
	clear:both;
	padding: 1em;
}

.pages{
	float:left:
}

.nav{
	float: right;
	text-align: right;
}

.pagenav a:link, .pagenav a:visited{
	text-decoration:none;
	color: white;
}

.pagenav a:link:hover, .pagenav a:visited:hover{
	color: #80ff80;
}

#steps{
	clear:both;
}

#steps li {
	display: inline;
	float: left;
	padding: 5px 20px;
	margin: 10px;
}

.completed{
	background-color:#025c39;
}

.current{
	background-color:#c0c0c0;
	color:#025c39;
}


/* horizontal_menu */

#menu
	{
	overflow:visible;
	}

#menuh
	{
	font-size: small;
	font-family: arial, helvetica, sans-serif;
	width:100%;
	float:left;
	overflow:visible;
	margin: 0.3em;
	}
		
#menuh a
	{
	text-align: center;
	display:block;
	/* border: 1px solid transparent; */
	white-space:nowrap;
	margin:0;
	padding: 0.3em 1em;
	}
	
#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */
	{
	color: white;
	background-color: #025c39;
	text-decoration:none;
	}
	
#menuh a:hover						/* menu on mouse-over  */
	{
	color: #025c39;
	background-color: white;
	text-decoration:none;
	}	
	
#menuh ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	/* width:9em;	width of all menu boxes */
	/* NOTE: For adjustable menu boxes you can comment out the above width rule.
	However, you will have to add padding in the "#menh a" rule so that the menu boxes
	will have space on either side of the text -- try it */
	}

#menuh li
	{
	position:relative;
	min-height: 1px;		/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */
	}

#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	}

#menuh ul ul ul
	{
	top:0;
	left:100%;
	}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

/* End CSS Drop Down Menu */