@charset "utf-8";
/* CSS Document */

body {
	background-image: url(images/bkgrnd2.jpg);
	background-repeat: repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

#wrapper {
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #EDEDED;
	border-top-width: 10px;
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-image: url(images/side_gradiant.jpg);
	background-repeat: repeat-y;
	background-position: left;
}

#navbar {
	background-color: #707c2d;
	height: 25px;
	width: 900px;
}

#header {
	background-image: url(images/header.jpg);
	clear: both;
	height: 340px;
	width: 900px;
}

#insideheader {
	height: 338px;
	width: 900px;
	background-image: url(images/inside_header.jpg);
	background-repeat: no-repeat;
}

#side {
	background-image: url(images/side.jpg);
	background-repeat: no-repeat;
	clear: both;
	float: left;
	height: 949px;
	width: 418px;
}

#sidetop {
	background-image: url(images/side_top.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 65px;
	width: 274px;
}

#content {
	background-color: #ededed;
	width: 482px;
	margin: 0px;
	padding: 0px;
	float: right;
}

#insidecontent {
	background-image: url(images/content_top.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 100%;
	width: 626px;
	float: right;
	background-color: #EDEDED;
}

#insidecontent h1 {
	color: #7B230F;
	padding-top: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 30px;
	text-align: right;
	padding-right: 25px;
	padding-bottom: 15px;
}

#footer {
	background-image: url(images/footer2.jpg);
	background-repeat: no-repeat;
	clear: both;
	width: 900px;
	height: 115px;
}

#button1 {
	background-image: url(images/banner_button1.jpg);
	background-repeat: no-repeat;
	height: 113px;
	width: 481px;
}

#button2 {
	background-image: url(images/banner_button2.jpg);
	background-repeat: no-repeat;
	clear: both;
	height: 113px;
	width: 481px;
}

#button3 {
	background-image: url(images/banner_button3.jpg);
	background-repeat: no-repeat;
	clear: both;
	height: 113px;
	width: 481px;
}

#button4 {
	background-image: url(images/banner_button4.jpg);
	background-repeat: no-repeat;
	clear: both;
	height: 113px;
	width: 481px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-size: 14px;
}

h1 {
	color: #7b230d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #7D220F;
	text-align: left;
	font-size: 28px;
	font-variant: normal;
	font-weight: normal;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 30px;
	margin: 0px;
}

h3 {
	color: #8A9B55;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-right: 10px;
	padding-left: 10px;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.greentext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #758233;
	margin: 0px;
	padding: 0px;
}

.smallred {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #7B230D;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.bannertitle {
	color: #7B230D;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 35px;
	font-size: 24px;
}

.bannertext {
	color: #666D45;
	width: 200px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 35px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.footertext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #4B5520;
	font-weight: normal;
	padding-top: 35px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 300px;
	margin: 0px;
}

/* Top Navigation*/


#navbar ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-decoration: none;
	}

#navbar li {
	display: inline;
	border-right-width: 1px;
	border-right-style: solid;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	width: 90px;
	padding-top: 0px;
	padding-bottom: 5px;
	padding-left: 16px;
	padding-right: 15px;
	margin: 0px;
	text-decoration: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	}

#navbar a {
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	letter-spacing: 1px;
	font-size: 15px;
	font-weight: normal;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: none;
	} 

#navbar a:hover, #navbar a:active {
	color: #FFFF66;
	background-image: none;
	list-style-image: none;
	text-decoration: none;
}

a:link, a:visited, a:active {
	font-weight: bold;
	color: #7D220F;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-image: none;
}
a:hover {
	color: #4E561F;
	text-decoration: none;
}

/* Side Navigation*/

#sidenav {
	float: left;
	width: 274px;
	height: 100%;
}

#bottomflower {
	background-image: url(images/side_flower.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 259px;
	width: 274px;
}

#sidenav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}

#sidenav li {
	border-right-width: thin;
	border-right-style: none;
	color: #660000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	width: 160px;
	border-bottom-color: #8A9B54;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
	height: 20px;
	}

#sidenav a {
	text-align: center;
	color: #7D220F;
	text-decoration: none;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	letter-spacing: 1px;
	font-size: 16px;
	font-weight: bold;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	} 

#sidenav a:hover, #sidenav a:active {
	color: #707C2D;
	width: 150px;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #A4B06E;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	background-image: url(images/navflower.gif);
	background-repeat: no-repeat;
	background-position: left;
	margin: 0px;
	height: 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}

#allcontent {
	background-image: url(images/side_flower.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 100%;
}
.imagedirection {
	border: 1px none #7A210F;
	padding: 4px;
	float: right;
	margin: 10px;
}

.listtext {
	color: #670611;
	font-size: 14px;
	font-weight: bolder;
}

/* shopping cart styles */


P.catname {
text-align: center; 
margin-top: 0px; 
margin-bottom: 4px; 
vertical-align:top;
}

img.catimage {
	border:2px solid #8a9b54;
	vertical-align:top;
}

TD.catimage { 
vertical-align:top; 
} 
.prodseparator {
	display: none;
}
SPAN.price {
COLOR: #5fb016;
}

img.prodimage {
	margin: 0px;
	padding: 0px;
	border: 1px solid #be3e61;
}
div.prodname {
	font-size: 13px;
}

HR {
	color : #C0BC91;
	height : 1px;
	display: none;
}

SPAN.detailoption {
font-size: 12px;
font-family : Verdana;
color : #be3e61;
}
div.detailoptions {
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.detailoptions td {
	vertical-align: top;
}
div.detailname {
	font-size: 14px;
	font-weight: bold;
	color: #be3e61;
}

.photodiv {
	padding: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 100%;
	width: 600px;
	float: right;
}

.photodiv img {
	border: 2px solid #666633;
	padding: 4px;
	margin-top: 6px;
	margin-right: 4px;
	margin-bottom: 8px;
	margin-left: 4px;
}
.addontable td {
	border: 1px solid #be3e61;
}
#videocontainer {
	background-image: url(images/videoback.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	height: 290px;
	width: 415px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 16px;
}
#player {
	margin: 0px;
	padding-top: 30px;
	padding-right: 55px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.fadein {
	position:relative;
	height: 275px;
	width: 400px;
}
.fadein img { position:absolute; left:0; top:0; }

#slideshow img { display: none }
#slideshow img.first { display: block }