/*------------------------------------------
I Walk the Vine Stylesheet  - version 3.0
http://iwalkthevine.com

author - Jason Schmidt
email - jason@portandonrails.com
website - http://portlandonrails.com
-------------------------------------------*/

/* Global Styles */
*, * html {
	margin: 0;
	padding: 0;
}
body {
	font: 100% "Century Gothic", "Trebuchet MS", Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #e8dfce;
	background-image: url(../images/background.gif);
	background-repeat: repeat;
	color: #412700;
}
a {
	text-decoration: none;
}
a:link {
	color: #f58025;
}
a:visited {
	color: #f58025;
}
a:hover {
	color: #afbd21;
	text-decoration: underline;
}
a:active {
	color: #f58025;
}
img {
  border: none;
}
ul {
  list-style: none;
}
#wrapper {
  width: 984px;
  margin: 0 auto;
}
#header {
  text-align: left;
}
#header img {

}
#login_info {
  margin-right: 24px;
  text-align: right;
  vertical-align: bottom;
}
#nav {
  text-align: left;
  width: 984px;
  height: 56px;
  font-size: 18px;
}

.pagination {
  text-align: center;
}

.newsticker {
	position:absolute; left:550px; top:20px;
	font-color: black;
	list-style-type: none;
	border: 1px #fff;
	background: white;
	padding: 10px;
	margin: 10;
	width: 530px;
	height: 70px;
	float: right;
  
}
#notice {
  color: #00ff00;
}
#error {
  color: #ff0000;
}
#content {
  text-align: left;
}
#footer {
  text-align: center;
  font-size: 10px;
  margin-bottom: 10px;
}
#footer a {
	text-decoration: underline;
}
#footer a:link {
	color: #412700;
}
#footer a:visited {
	color: #412700;
}
#footer a:hover {
	color: #afbd21;
	text-decoration: none;
}
#footer a:active {
	color: #412700;
}
.short #bg{
  width: 984px;
  height: 616px;
  background-image: url(../images/short_bg.png);
  background-repeat: no-repeat;
}
.long #bg {
  width: 984px;
  height: 861px;
  background-image: url(../images/long_bg.png);
  background-repeat: no-repeat;
}
.float {
  float: left;
  padding: 5px;
}
.clear {
  clear: both;
}

/* Home page content positioning */
#home_content {
  width: 326px;
  height: 546px;
  background-color: #fff;
  float:right;
  overflow: auto;

  /* Tweak the position, because the container is too wide for some reason */
  position: relative;
  right: 25px;
}

/* Home page image rotator */
#player {
  width: 650px;  /* Must specify the width to prevent it from intercepting clicks in the news panel */
}

/* Shop Styles */
#cart {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 10px;
  padding: 10px;
  background-color: #412700;
  background-image: url(../images/corner.png);
  background-position: bottom left;
  background-repeat: no-repeat;
  color: #fff;
}

#shop_header {
  margin: 0 24px;
}
#shop_grid {
  width: 886px;
  height: 374px;
  margin: 0 24px;
  padding: 10px 25px;
  background-color: #fff;
  background-image: url(../images/shop_grid_bg.gif);
  background-position: bottom;
  background-repeat: no-repeat;
  overflow: hidden;
}

#shop_grid h2 {
  clear: both;
  font-size: 18px;
  font-weight: normal;
  color: #525900;
  margin: 5px 0;
}

#shop_grid img {
  float: left;
  padding: 14px 37px;
}

#shop_detail {
  width: 886px;
  height: 526px;
  margin: 0 24px;
  padding: 10px 25px;
  background-color: #fff;
  background-image: url(../images/shop_detail.gif);
  background-position: bottom;
  background-repeat: no-repeat;
  overflow: auto;
}
#shop_detail h1 {
  font-size: 28px;
  font-weight: normal;
  color: #525900;
  margin-bottom: 10px;
}
#shop_images {
  padding-right: 10px;
  float: left;
  width: 62%;
}
#product_details {
  float: left;
  width: 36%;
}
#shop_detail p {
  margin-bottom: 10px;
}
.productphoto {
}
.productthumb {
  margin: 0;
  padding: 0;
  vertical-align: top;
}

/* News Styles */
#news_header {
  margin-left: 24px;
  float: left;
}
#news_content {
  width: 421px;
  height: 783px;
  background-color: #fff;
  background-image: url(../images/news_content_bg.gif);
  background-position: right;
  background-repeat: no-repeat;
  float:left;
  overflow: auto;
}
#news_intro {
  margin: 15px;
  border-bottom: 1px solid #412700;
}
#news_intro h1 {
  font-size: 28px;
  margin-bottom: 10px;
  font-weight: normal;
  color: #525900;
}
#news_intro p {
  margin-bottom: 30px;
}

#home_content p {
  margin-bottom: 10px;
}

.news_entry {
  margin: 15px;
  border-bottom: 1px solid #412700;
}
.news_entry h3 {
  font-size: 18px;
  font-weight: normal;
  color: #525900;
}
.news_entry .entry_date {
  margin-bottom: 10px;
}
.news_entry .entry_link {
  margin-bottom: 10px;
}

/* News Detail Styles */
#news_detail {
  margin: 15px;
}
#news_detail h1 {
  font-size: 28px;
  font-weight: normal;
  color: #525900;
  margin-bottom: 10px;
}
#news_detail p {
  margin-bottom: 10px;
}

/* About Styles */ 
#about_header {
  margin-left: 24px;
  float: left;
}
#about_content {
  width: 434px;
  height: 506px;
  padding: 20px;
  background-color: #fff;
  background-image: url(../images/about_content_bg.gif);
  background-position: right;
  background-repeat: no-repeat;
  float:left;
  overflow: auto;
}
#about_content h1 {
  font-size: 28px;
  margin-bottom: 10px;
  font-weight: normal;
  color: #525900;
}
#about_content p {
  margin-bottom: 10px;
}
.orange {
  color: #f58025;
}

/* Gallery Styles */
#gallery_header {
  margin: 0 24px;
}
#gallery_grid {
  width: 886px;
  height: 354px;
  margin: 0 24px;
  padding: 10px 25px;
  background-color: #fff;
  background-image: url(../images/shop_grid_bg.gif);
  background-position: bottom;
  background-repeat: no-repeat;
  overflow: auto;
}
#gallery_grid img {
  padding: 12px;
  vertical-align: middle;
}
#gallery_grid h1 {
  font-size: 28px;
  font-weight: normal;
  color: #525900;
  margin-bottom: 10px;
}
.photo_float {
  float: left;
  padding: 0 10px;
  width: 400px;
}
.photo_desc {
  width: 400px;
  height: 180px;
  overflow: auto;
}
.newphotofloat {
  float: left;
  width: 400px;
}

/* Forum Styles */
#forum_header {
  margin: 0 24px;
}
#forum_grid {
  width: 886px;
  height: 354px;
  margin: 0 24px;
  padding: 10px 25px;
  background-color: #fff;
  background-image: url(../images/shop_grid_bg.gif);
  background-position: bottom;
  background-repeat: no-repeat;
  overflow: auto;
}
#forum_grid p {
  margin-bottom: 5px;
  margin-left: 2px;
}

th { 
  background-color: #F58025; 
  color: #fff;
  padding-left: 5px;
  font-size: 18px;
  font-weight: normal;
}
tr.odd { 
  background-color: #f7f1ca; 
}
tr.even { 
  background-color: #fff; 
}
table#forums { 
  width: 100%; 
  background-color: #fff; 
  border: 1px solid #525900; 
}
table#forums td.name  { 
  width: 60% 
}
table#forums td.topic { 
  width: 20%; 
  text-align: center; 
}
table#topics { 
  width: 100%; 
  background-color: #fff; 
  border: 1px solid #000; 
}
table#topics td.name   { 
  width: 60% 
}
table#topics td.reply  { 
  width: 20%; 
  text-align: center; 
}
table#topics td.author { 
  width: 20%; 
  text-align: center; 
}
table#posts { 
  width: 100%; 
  background-color: #fff; 
  border: 1px solid #000; 
}
table#posts td.author { 
  width: 20%; 
  vertical-align: top; 
}
table#posts td.body { 
  width: 80% 
}
.forumname { 
  font-size: 16px; 
}
.forumdescription { 
  font-size: 14px;
}

/* Links Styles */
#links_header {
  margin-left: 24px;
  float: left;
}
#links_content {
  width: 434px;
  height: 506px;
  padding: 20px;
  background-color: #fff;
  background-image: url(../images/about_content_bg.gif);
  background-position: right;
  background-repeat: no-repeat;
  float:left;
  overflow: auto;
}
#links_content h1 {
  font-size: 28px;
  margin-bottom: 10px;
  font-weight: normal;
  color: #525900;
}
#links_content h3 {
  font-size: 18px;
  font-weight: normal;
}
#links_content p {
  margin-bottom: 10px;
}

/* Contact Styles */
#contact_header {
  margin-left: 24px;
  float: left;
}
#contact_content {
  width: 496px;
  height: 506px;
  padding: 20px;
  background-color: #fff;
  background-image: url(../images/about_content_bg.gif);
  background-position: right;
  background-repeat: no-repeat;
  float:left;
  overflow: auto;
}
#contact_content h1 {
  font-size: 28px;
  margin-bottom: 10px;
  font-weight: normal;
  color: #525900;
}
#contact_content p {
  margin-bottom: 10px;
}

/* Member Login Styles */
#login_header {
  margin-left: 24px;
  float: left;
}
#login_content {
  width: 496px;
  height: 506px;
  padding: 20px;
  background-color: #fff;
  background-image: url(../images/about_content_bg.gif);
  background-position: right;
  background-repeat: no-repeat;
  float:left;
  overflow: auto;
}
#login_content h1 {
  font-size: 28px;
  margin-bottom: 10px;
  font-weight: normal;
  color: #525900;
}
#links_content h3 {
  font-size: 18px;
  font-weight: normal;
}
#login_content p {
  margin-bottom: 10px;
}

/* Form Styles */
label {
  width: 10em;
  text-align: left;
  margin-right: .2em;
  display: block;
}
.form_row {
  white-space: nowrap;
  padding-bottom: .5em;
}
.submit {
  margin: 5px;
}
textarea {
  margin: 0;
  padding: 0;
}

/* Sucker Tree Menu */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#nav a {
	text-decoration: none;
}
#nav a:link {
	color: #fff;
}
#nav a:visited {
	color: #fff;
}
#nav a:hover {
	color: #f58025;
}
#nav a:active {
	color: #fff;
}

.suckertreemenu ul {
  width: 984px;
  height: 56px;
}

.suckertreemenu ul li.last {
  margin-right: 0;
}

/*Top level list items*/
.suckertreemenu ul li{
  position: relative;
  top: 24px;
  left: 40px;
  display: inline;
  margin-right: 66px;
  color: #f58025;
  float: left;
  background-color: #412700; /*overall menu background color*/
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
  display: block;
  text-decoration: none;
  background-color: #412700;
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
  left: 0;
  position: absolute;
  top: 1em; /* no need to change, as true value set by script */
  width: 180px;
  display: block;
  visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
  position: relative;
  top: 9px;
  left: 0;
  padding-left: 10px;
  width: 180px;
  background-color: #412700;
  display: list-item;
  float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
  left: 159px; /* no need to change, as true value set by script */
  top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
  display: block;
  width: 160px; /*width of sub menu levels*/
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */

/* Error field Styes */
.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 300px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
}