/* --// basic elements --// */



body { 
 font: 12px/1.2em verdana,arial,helvetica,sans-serif; 
 color: #ffffff; 
 background-color: #ffffff; 
 margin: 0 auto;
 padding: 0;
 text-align: center;
 background: #ffffff url(images/layout/bg.jpg) repeat-x; 
height:100%;
}

#content a:link, #content2 a:link {color: black;}
#content a:visited, #content2 a:visited{color: black;}

/* --// layout // */
#container {
 position: relative;
 width: 930px;
 margin: 0 auto;
 padding: 0;  
 text-align: left;

}
#header {
 position: relative;
 width: 930px;
 height: 140px;
 padding: 20px 0 0 0;
 background: transparent url(images/layout/bg-header.jpg) no-repeat 0px 12px;
 }
 

/*-----NAVIGATION---
---------------------------------------*/

#navlist
{
margin: 0;
padding: 115px 0 0px 20px;
font: bold 1.3em Arial, Tahoma, Verdana; color: #ffffff;
}

#navlist ul, #navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}
#navlist a:link, #navlist a:visited
{
float: left;
line-height: 14px;
font-weight: bold;
margin: 0 10px 4px 20px;
text-decoration: none;
color: #fff;
}

#navlist a:link#active, #navlist a:visited#current, #navlist a:hover
{
padding-top: 0px;
background: transparent;
color: #edf1f3;
padding-bottom: 15px;
background: url(images/layout/navarrow.gif);
background-position: 14px 14px;
background-repeat: no-repeat;

}

.navON  {
padding-top: 0px;
background: transparent;
color: #edf1f3;
padding-bottom: 0px;
background: url(images/layout/navarrow.gif);
background-position: 14px 14px;
background-repeat: no-repeat;
}
.navOFF  {
padding-top: 0px;
background: transparent;
color: #edf1f3;
padding-bottom: 0px;
background: url(images/layout/xxxnavarrow.gif);
background-position: 14px 14px;
background-repeat: no-repeat;
}

#current { 
color: #bcae99; 
padding-bottom: 15px;
background: url(images/layout/navarrow.gif);
background-repeat: no-repeat;
background-position: center 14px;}


/* --------MEMBER LOGIN---
----------------------------------------- */
#login p {text-align: center; padding-top: 4px; }

#login INPUT { background-color: gray;  color: black; font-family: arial, verdana, ms sans serif;   border: 1px solid #666666; 
font-weight: bold; font-size: 8pt; width: 80px; padding: 0; margin: 0; } 
#login .button, .search .button {text-align: center; padding: 0; width: 25px; font-size: 10px;}
span.t2 { width: 275px;  text-align: center;}
#login.textfield input {font-size: 12px;}
#login {position: absolute; top: 0px; width: 257px; height: 70px; right: 40px; background: transparent url(images/layout/bg-member.jpg) no-repeat;
}

.search {
 position: absolute;
 top: 134px;
 width: 257px;
 height: 70px;
 right: 5px;
 
}
.searchbox {
	width: 120px;
	color: #3d3d3d;
	margin: 0px;
	background: #d3d3d3;
	font-size: 12px;
        border: 1px solid #666666; 
	}


#middle {
 position: relative;
 text-align: left;
 width: 930px;
 height: 245px;
 padding: 0px;
 margin: 10px 0 0 0;

}
#teaser {
 position: relative;
 width:510px;
 height: 225px; 
 margin: 5px 0 0 0;
 background-color: #ffffff;
 border: solid 8px #ffffff;
 float: left;
}
#promo {
 position: relative;
 width:385px;
 float: right;
 height: 255px; 
 margin: 5px;
}

span.buy {
  position: absolute;
  top: 127px;
  left: 277px;
  width: 100px;
height: 30px;
  background-color: transparent; 
  color: black; padding: 7px; 
  font: bold 1.2em "arial", Tahoma, Verdana; 
  /*border-right: solid 3px #d3d3d3; */
  }
span.text {
position: absolute;
top: 5px;
width: 250px;
height: 100px;
float: right;
color: black;
}
span.more {
  position: absolute;
  top: 130px;
  left: 328px;
  width: 40px;
  height: 30px;
  background-color: #ffffff; 
  color: black; padding: 8px; 
  font: bold 1.2em "arial", Tahoma, Verdana; 
  right: 0; }

  .promo1 {
   position: relative;
   width:375px;
   height: 155px; 
   background-color: #ffffff;
    clear: left;
  }
  .promo1 img {margin: 5px 10px;}
    
  .promo2 {
   position: relative;
   width:375px;
   height: 75px; 
   margin-top: 10px;
   background-color: transparent;
   clear: left;
  }
#lower {
   position: relative;
   width: 940px;
   height: 280px;
   padding-top: 30px;
   color: #d3d3d3;
   }
#lower2 {
   position: relative;
   width: 930px;
   padding-top: 30px;
   color: #3d3d3d;
   }
 #lower h1, #lower h1 {
   width: 280px;
   margin: 10px;
   background-color: #3d3d3d;
   height: 55px;
   text-align: center;
   font-size: 1.0em
   } 
 #lower h2, #lower2 h2 {font-size: 1.4em; padding: 0 15px; margin: 0px 0 0 0;   } 
 #lower p, #lower2 p {padding: 0 15px 0 15px;}

.box1 {
 background-color: #3d3d3d;
 width: 300px;
 height: 260px;
 margin: 0 15px 0 0;
 float: left;
}
.podlist  {padding: 0px 0 0px 0; margin: 5px 0 5px 0px; width: 290px;}

.podtitle  {
  position: relative;
  font: bold 1.2em Arial;
  padding: 0; margin: 0px;

  
}
.box2 {
  background-color: #3d3d3d;
  width: 300px;
  height: 260px;
  margin: 0 12px 0 0;
  float: left;
}
.box3 {
 background-color: #3d3d3d;
 width: 300px;
 height: 260px;
 float: right;
}

span.more-link {
  position: absolute;
  bottom: 20px;
  padding: 6px;
  background-color: #ffffff; 
  color: d3d3d3; 
  font: bold 1.2em "arial", Tahoma, Verdana; 
}
div.box1 .more-link {left: 190px; width: 110px; }
div.box2 .more-link {left: 515px; width: 100px; }
div.box3 .more-link {left: 780px; width: 150px; }

span.more-link a {text-decoration: none; color: 3d3d3d;}
span.more-link a:hover  {text-decoration: underline;}

/*-------FOOTER-----
--------------------------------------------*/

#footer {
 position: relative;
 padding: 25px 0 0 0;
 margin: 20px 0 0 0;
 height: 60px;
 width: 100%;
 text-align: center;
 background-color: #3d3d3d;
 font-style: "arial";
 clear: both;
}

#footer a {color: white; text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#footer span.icons {position: absolute; width: 400px; left: 10px; top: 20px; text-align: left;}
#footer span.signup {position: absolute; width: 400px; right: 10px; top: 20px; text-align: right;  font-size: 10px;   }
.texta {background-color: #CCCCCC; border: 1px solid #666666; font-size: 10px;}

/*------------------SECONDARY PAGES ------*/
#wrapper2 { 
 font: 12px/1.2em helvetica,arial,helvetica,sans-serif; 
 color: gray; 
 background-color: gray; 
 margin: 0 auto;
 padding: 0;
 text-align: center;
 background: #ffffff url(images/layout/bg2.jpg) repeat-x; 
height: 100%; min-height: 100%;
  	 
}
/*----SIDEBAR-----*/

.sidebar {
 background-color: #3d3d3d;
 width: 270px;
min-height: 400px;
 margin: 30px 0px 0 0;
 float: left;
}
.sidebar h1 {width:230px; padding: 0px;}

#sideBar {
	width: 270px;
	background-color: #3d3d3d;
	margin: 20px 0px 0px;
	float: left;
	}
	
#sideBarTop {
	background: url(../images/bg.sideBar-top.gif) no-repeat scroll left top;
	width: 270px;
	height: 7px;
	display: block;
	}
	
#sideBarBtm {
	background: url(../images/bg.sideBar-btm.gif) no-repeat scroll left bottom;
	height: 7px;
	display: block;
	width: 270px;
	padding-top: 10px;
	}
	
#sideBar ul {
	width: 208px;
	padding-left: 31px;
	}
	
#sideBar li {
	list-style: none;
	border-top: 1px solid #5c4a32;
	}
	
#sideBar li a {
	font-family: Arial, Helvetica, sans-serif;
	color: #d3d3d3;
	text-decoration: none;
	font-size: 12px;
	display: block;
	width: 208px;
	padding: 6px 13px;
	font-weight: normal;
	}
	
#sideBar li a:hover, #sideBar li a.current {
	background: #262626;
	color: #d3d3d3;
	text-decoration:none;
        width: 208px;
	}

#sideBar h2 {
	font: 14px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #ffffff;
	margin: 20px 0px 8px 20px;
	padding: 1px 0px 0px 5px;
	border-width: 0px;
	}
	
#sideBar p {
	color: #e5e2dd;
	padding: 0px 25px 0px 25px;
	margin: 0px;
	font-size: 12px;
	line-height: 19px;
	}

#sideBar a {
	color: #d3d3d3;
	text-decoration: none;
        
	}
	
#sideBar a:hover {
	text-decoration: underline;
	}

#sideBar p.folder {color: #d3d3d3;
	padding: 0px 25px 0px 25px;
	margin: 0 0 10px 0;
	font-size: 12px;
	line-height: 1.2em;
	}


#sideBar h2.folder {
	background: url(../images/icon.h2subnavCat.gif) no-repeat scroll left top;
	padding: 1px 0px 0px 23px;
	}
	
#sideBar h2.question {
	background: url(../images/icon.h2subnavQs.gif) no-repeat scroll left top;
	padding: 1px 0px 0px 23px;
	}

#sideBar h2.heart {
	background: url(../images/icon.h2heart.gif) no-repeat scroll left top;
	padding: 1px 0px 0px 23px;
	}

#sideBar h2.broadcast {
	background: url(../images/icon.h2broadcast.gif) no-repeat scroll left top;
	padding: 1px 0px 0px 23px;
	}

#sideBar h2.exclamation {
	background: url(../images/icon.h2exclamation.gif) no-repeat scroll left top;
	padding: 1px 0px 0px 23px;
	}
	
#sideBar p.addressInfo {
	margin: 0px 0px 0px 19px; 
	}



/*---CONTENT---*/
#content{
 width: 630px;
 float: right;
 padding: 10px;
 margin: 20px 0 0 0;
}

#content h2 {
	font: normal 24px/26px Georgia, "Times New Roman", Times, serif;
	color: #3d3d3d;
	padding-left: 10px;
	border-bottom: 1px solid #5c4a32;
	padding-bottom: 5px;
	margin-bottom: 10px;
	}

#content h3 {
	font-family: Arial, 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 18px;
	color: #3d3d3d;
	padding: 3px 0px 7px 10px;
	line-height: 24px;
	font-weight: normal;
	}
	
#content h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-weight: normal;
	color: #3d3d3d;
	padding: 3px 0px 7px 10px;
	line-height: 18px;
	}

#content h5 {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	padding: 3px 0px 7px 10px;
	line-height: 18px;
	}

/*-----COMMENT FORMS-----*/
#comment_entry_form {padding: 15px 10px 15px 10px; width:550px; border:1px solid #3d3d3d;     }   
 #comment_entry_form .comment_label {width:105px; font-weight:bold; text-align:right; float: left; padding: 3px 5px 0px 0px; margin: 5px 0px 5px 0px; }    
#comment_entry_form textarea {border:1px solid #74220C; background: #fff; padding:2px 0px 0px 5px; margin: 5px 0px 5px 0px; height:130px; width: 338px; }       
 #comment_entry_form .textbox {        width: 341px;        margin: 5px 0px 5px 0px;        }    
#comment_entry_form p {        margin: 5px 0px 10px 110px;        }    
#comment_entry_form .comment_submit {        margin: 10px 0px 0px 0px;        } 

/*
---------------- RESOURCES
-------------------------------------------------------- */
#prod_place {width: 600px; padding-bottom: 30px; clear: both;  }
.prod_image {float: left; padding: 0 10px 0 10px;}
.prod_summary {position: relative; margin-left: 125px; border-bottom: solid 1px #bcae99; padding-bottom: 30px;}
.prod_summary h4 {padding: 0; margin: 0;}
.prod_summary p.author {font-style: italic; font-size: .90em; padding: 0; margin: 0;}
span.addcart {position: relative; margin: 0; font-size: 1em;  }


#shopping_cart a {text-decoration: underline; color: black;}