/* CSS Document */
html {
	height : 100%;
	margin-bottom:1px;
    
} 
/*TAG MODS*/
body  {

  margin:0px;
  color:#333333;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:12px;
  background-image:url(/images/2007_template/bg.gif);
  background-position:top;
  background-repeat:repeat-x;
  background-color:#25303F;
}
p, td
{
	color:#333333;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

h1  {
  margin:10px 3px 10px 1px;
  padding-right:3px;
  color:#000000;
  font-size:20px;
  font-weight:normal;
}

h2  {
  margin:5px 5px 5px 1px;
  color:#333333;
  font-size:14px;
  display:block;
}

h3  {
  margin:0px;
  color:#333;
  font-size:112%;
  display:block;
}

.white
{
	color:#FFFFFF;
}

.light_brown
{
	border-collapse:collapse;
	background-color:#A39B7C;
}

.brown
{
	border-width:1px;
	border-color:#746C52;
	border-collapse:collapse;
	background-color:#877E5F;
	color:#FFFFFF;
}

.brown a, .brown a:hover, .brown a:visited
{
	color:#FFFFFF;
}

/* No image should have a border when linked */
a img{
	border: 0;
	text-decoration:none;
}

/* Normal, standard links. */
a,a:visited  {
  color:#333333;
  font-weight:bold;
  text-decoration:none;
}

a:hover  {
  color:#333333;
  font-weight:bold;
  text-decoration:underline;
}

a.small-gray:link,.small-gray
{
	color:#333333;
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
}

a.small-gray:hover
{
	color:#666666;
	font-size:10px;
	font-weight:normal;
	text-decoration:underline;
}

a.menu:link  {
  color:#ffffff;
  text-decoration:none;
  font-size:14px;
  font-weight:bold;
}

a.menu:visited  {
  color:#ffffff;
  text-decoration:none;
	font-size:14px;
  font-weight:bold;
}

a.menu:hover  {
  color:#00CC00;
  text-decoration:underline;
  font-size:14px;
  font-weight:bold;
}

a.menu:active  {
  color:#ffffff;
  text-decoration:none;
  font-size:14px;
  font-weight:bold;
}

.catalog_entry IMG{
	border:none;
	text-decoration:none;
}

/*GUTS*/
.container  {
  margin:0 auto;
	width:1000px;
	position:relative;
	align:center;
}


.breadcrumb{
  margin:5px 3px 2px 1px;
  padding-right:3px;
  color:#333333;
  font-size:12px;
  font-weight:normal;
}




/*FORMS*/
INPUT
{
  height:18px;
  font-size:11px;
  padding-left:3px;
  color:#000000;
  border:1px solid #877E5F;
  font-weight:normal;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

SELECT
{
  height:20px;
  font-size:11px;
  padding:2px;
  color:#000000;
  border:1px solid #CCCCCC;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

TEXTAREA
{
  font-size:11px;
  padding:4px;
  color:#000000;
  border:1px solid #CCCCCC;
  font-weight:normal;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

INPUT.filebox
{
  padding:4px;

  color:#000000;

  height:30px;
  width:300px;
}
INPUT.submit
{
  font-size:14px;
  color:#ffffff;
  height:29px;
  background-color:#2E2E2E;
  border-color:#000000;
  background-image:url(/images/button_bg.gif);
  
}
INPUT.cancel
{
  font-size:14px;
  color:#ffffff;
  height:29px;
  background-color:#FF6666;
  border-color:#FF3333;
}
.noborder
{
  border:0px;
  background-color:none;
}

TABLE.form
{
	border-width:1px;
	border-color:#CCCCCC;
	border-style:solid;
	background-color:#F7f7f7;
	margin-bottom:10px;
}
/* Reports */
TABLE.report 
{
	background: #ffffff;
	border-color:#00CC00;
	border-style:outset;
	border-width: 3px; 
	width:90%;
	margin-top:5px;
	text-align:center;
	
}
.report
{
	color: #000000;
	font-weight:bold;
	font-size:14px;
	text-align:center;
}
TABLE.error 
{
	background: #ffffff;
	border-color:#FF0000;
	border-style:outset;
	border-width: 3px; 
	width:90%;
	margin-top:5px;
	text-align:center;
	
}
.error 
{ 
	color:#990000;
	font-weight:bold;
	font-size:14px;
	text-align:center;
}
.label
{
	font-size:9px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#999999;
}
.odd
{
	background-color:#b8b29c;
}



TABLE.product_details{
  font-size:11px;
  color:#000;
  background: #aba487;
  border-collapse:collapse;
  margin-bottom:10px;
  width:100%;

}

TABLE.product_details TH{
  background-color:#9F9881;
  border:#5d5a4f 1px solid;
  font-weight:bold;
}

TABLE.product_details TD{
  border:#5d5a4f 1px solid;
  padding: 5px;
}


TABLE.product_details A
{
  text-decoration:none;
  color:#333333;
}

TABLE.product_details A:hover
{
  text-decoration:underline;
  color:#333333;
}

/*MY CART TABLE*/
TABLE.my_cart {
  font-size:11px;
  
  background: #B8B29C;
  border:#5d5a4f 1px solid;
  border-collapse:collapse;
  margin-bottom:10px;
	padding:10px;
  width:100%;
}

TABLE.my_cart TD
{
	
  border:#5d5a4f 1px solid;
  padding: 3px;
}

.my_cart_hover
{
	
	background-color:#aba487;
}


TABLE.my_cart TH
{
	color:#fff;
  background-color:#5d5a4f;
  border:#9c967b 1px solid;
  font-weight:bold;
	padding:5px;
}






/*BLANK*/
TABLE.blank
{
  border:none;
}

TABLE.blank TD
{
  border:none;
}

TABLE.blank TR
{
  border:none;
}

/*Checkout_tables*/
TABLE.checkout
{
  border:none;
  background-color:#f2f2f2;
}

TABLE.checkout TH
{
  background-color:#CCCCCC;
  text-align:left;
  font-size:14px;
}

/* Checkout Status Bar */
.status_bar
{
  background-color:#ffffff;
  border:#CCCCCC 1px dotted;
}

/*My Account TABLES*/
TABLE.my_account {

  font-size:11px;
  color:#000000;
  background: #ffffff;
  border:#eee 1px solid;
  border-collapse:collapse;
  margin-bottom:10px;
  width:100%;

}

TABLE.my_account TD
{
  border:#eee 1px solid;
  padding: 3px;
}

TABLE.my_account .title
{
  font-weight:bold;
}

TABLE.my_account TH
{
  background-color:#CCCCCC;
  border:#eee 1px solid;
  font-weight:bold;
}

TABLE.my_account A
{
  text-decoration:none;
  color:#d80000;
}

TABLE.my_account A:hover
{
  text-decoration:underline;
  color:#d80000;
}

/* default size for text/dd boxes */
INPUT.dd_width, RADIO.dd_width, CHECKBOX.dd_width {
  height:18px;
  width: 245px;
}

INPUT.dd_width, TEXTAREA.dd_width, RADIO.dd_width, CHECKBOX.dd_width {
  border:#cccccc 1px solid;
  color: #000000;
  padding-left:2px;
  padding-right:2px;
  margin: 2px;
}

SELECT.dd_width {
  height:20px;
  width: 250px;
  border:#cccccc 1px solid;
  color: #000000;
  margin: 2px;
}

/*Added 2 cart BOX*/
.addcart_notice
{
  border-color:#000000;
  background-color:#FFFFFF;
  margin-top:10px;
  margin-bottom:10px;
  border-width:0px;
  border-style:solid;

}
.addcart_notice_title
{
  font-size:16px;
  color:#333333;
}
.add2cart_overlay  {
  position:absolute;
  background:url(/images/blacktrans75.png) repeat;
  display:none;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#666666;
  z-index:100;
  padding:4px;
  top: 0;
  left: 0;
  width: 100%;
  height: 500px;

}

/*GUTS*/
.add2cart_container  {
  position:relative;
  text-align:center;
  padding:4px;
  background-color:#ffffff;
  border:medium #000000 solid;
  overflow:auto;
  width:600px;
  z-index:101;
}

/*END Added 2 cart BOX*/

.required {
	color:#990000;
}
/************************************************************************************************************
*  DHTML modal dialog box  (CSS for the DHTMLSuite_modalMessage class)
*
*  Created:            August, 26th, 2006
*  @class Purpose of class:    Display a modal dialog box on the screen.
*
*  Css files used by this script:  modal-message.css
*
*   Update log:
*
************************************************************************************************************/

.modalDialog_transparentDivs{
  filter:alpha(opacity=40);  /* Transparency */
  opacity:0.4;  /* Transparency */
  background-color:#AAA;
  z-index:1;
  position:absolute; /* Always needed  */
}
.modalDialog_contentDiv{
  border:3px solid #000;
  padding:2px;
  z-index:100;/* Always needed  */
  position:absolute;  /* Always needed  */
  background-color:#FFF;  /* White background color for the message */
}
.modalDialog_contentDiv_shadow{
  z-index:90;/* Always needed  - to make it appear below the message */
  position:absolute;  /* Always needed  */
  background-color:#555;
  filter:alpha(opacity=30);  /* Transparency */
  opacity:0.3;  /* Transparency */
}


/***************************************************************************************************
*
* Lightbox 
*
***************************************************************************************************/

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none; color:#000;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	color:#000;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
	}

#overlay_noclick{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
	}	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	

	
	
/*****************************************************************************************************
******************************************************************************************************
******************************************************************************************************
******************************************************************************************************
******************************************************************************************************
******************************************************************************************************
******************************************************************************************************
******************************************************************************************************
******************************************************************************************************
** CHAT **********************************************************************************************
******************************************************************************************************
******************************************************************************************************
******************************************************************************************************
******************************************************************************************************
******************************************************************************************************
******************************************************************************************************
******************************************************************************************************
******************************************************************************************************
*****************************************************************************************************/


#chat_wrapper {
  margin: 0 auto;
  width: 950px;
  padding: 0 0 0.5em;
}

#chat_nav {
  margin: 0;
  width: 100%;
  border-top: 0;
  float: left;
  display: inline; /* Fix IE6 Doubled Float-Margin Bug  */
  position: relative;
}

#chat_content {
  clear: both;
  width: 950px;
  margin: 0 auto;
  text-align: left;
}

#chat_log #chat_main,
#chat_help #chat_main {
  height: auto;
  min-height: 25em;
}

.chat_inactive {
  background: #e3e3e3 !important;
}

.chat_inactive * {
  color: #777 !important;
}

#chat_laceoutput {
  width: 95%;
}

#chat_statuswrap {
  color: #999;
   background: #f5f5f5;
  border: 1px solid #ccc;
  padding: 0.5em;
  width: 11.25em;
  font-size: 90%;
  text-align: right;
  float: left;
  position: relative;
}



#chat_footer {
  clear: both;
  width: 100%;
  padding-top: 0.25em;
  margin-bottom: 1.5em;
}

  #chat_log #chat_footer,
  #chat_help #chat_footer {
    width: 76%;
  }

#chat_poweredBy {
  font-size: 90%;
  color: #777;
  margin: -2.9em 2em 0 0;
  padding: 0.5em;
  text-align: center;
  width: 11.25em;
  float: right;
}

#chat_poweredBy a {
  padding: 0.1em;
}

#chat_poweredBy a:focus,
#chat_poweredBy a:hover,
#chat_poweredBy a:active {
  background: #25a;
  color: #eee;
}

/* Navigation */

#chat_nav h1 {
  float: left;
  font-size: 150%;
  position: relative;
}

#chat_nav ul {
  /*
  float: right;
  width: auto;
  margin-right: 1em;
  position: relative;
  */
  float: left;
  position: relative;
  display: inline;
  margin-left: 1.33em;
}

#chat_nav li {
  float: left;
  display: inline;
  position: relative;
}

/* Links */

a[rel~="chat_external"],
a.chat_external {
  padding-right: 12px;
  background: url(../images/external.gif) no-repeat center right;
}

#chat_nav a {
  color: #999;
  padding: 0.5em 0;
  display: block;
  font-weight: bold;
  width: 4.25em;
  text-align: center;
}

#chat_nav a:focus,
#chat_nav a:hover,
#chat_nav a:active {
  color: #777;
  text-decoration: underline;
}

#chat_nav h1 a {
  color: #fff;
  font-weight: bold;
  padding: 3px;
  width: auto;
  display: block;
  z-index: 100;
}

#chat_home #chat_nav-home a,
#chat_help #chat_nav-tips a,
#chat_log #chat_nav-log a {
  color: #369;
}

#chat_home #chat_nav-home a:focus,
#chat_home #chat_nav-home a:hover,
#chat_home #chat_nav-home a:active,
#chat_help #chat_nav-tips a:focus,
#chat_help #chat_nav-tips a:hover,
#chat_help #chat_nav-tips a:active,
#chat_log #chat_nav-log a:focus,
#chat_log #chat_nav-log a:hover,
#chat_log #chat_nav-log a:active {
  text-decoration: none;
}

#chat_main a:link,
#chat_main a:visited,
#chat_preview a:link,
#chat_preview a:visited {
  border-bottom: 1px dashed #96c;
}

#chat_main a:focus,
#chat_main a:hover,
#chat_main a:active,
#chat_preview a:focus,
#chat_preview a:hover,
#chat_preview a:active {
  border-bottom: 1px solid #999;
}

#chat_main .chat_notice a {
  color: #060;
}

#chat_main .chat_action a {
  border: 0;
  font-weight: bold;
  color: #063;
}

#chat_main .chat_name a {
  border: 0;
}

#chat_main .chat_action a:focus,
#chat_main .chat_action a:hover,
#chat_main .chat_action a:active {
  cursor: help;
  border: 0;
}

#chat_help #chat_main a {
}

#chat_main .chat_top a {
  font-size: 90%;
  border: 0 !important;
}

#chat_main .chat_top a:focus,
#chat_main .chat_top a:hover,
#chat_main .chat_top a:active {
  text-decoration: underline;
}

#chat_subnav a {
  font-size: 90%;
  width: 100%;
  display: block;
  border: 1px solid #f3f3f3;
  border-width: 0 1px;
  padding: 2px 0;
}

#chat_subnav .chat_this a {
  background: #fcd;
  border-color: #e9c;
}

#chat_subnav a:focus,
#chat_subnav a:hover,
#chat_subnav a:active {
  background: #e3e3ee;
  border-color: #999;
}

/* Content */

#chat_main {
  float: left;
  margin: 0;
  padding: 4px;
  padding-bottom: 0.33em;
   width: 720px;
   height: 25em;
  overflow: auto;
  position: relative;
	background-color:#dfd9c3;
	border:#aba487 1px solid;
}


#chat_main p {
  float: left;
  clear: left;
  margin: 0.1em 0 0;
  width: 99%;
  display: inline;
  position: relative;
}

#chat_windowTitle {
  background: #5d5a4f;
  color: #fff;
  margin: 0;
  float: left;
  padding: 3px;
  position: relative;
  width: 720px;
}

.chat_daystamp {
  float: left;
  width: 99%;
  color: #36c;
  margin: 1em 0 0.33em;
  font-size: 100%;
  position: relative;
}

.chat_daystamp h4 {
  font-size: 100%;
  line-height: 100%;
  margin: 0.33em 0 0.5em 1em;
}

.chat_hourstamp {
  float: left;
  font-size: 95%;
  color: #bbb;
  margin: 0.33em 0 0.33em 11.9em;
  display: inline;
  position: relative;
}

#chat_log .chat_hourstamp {
  margin-left: 11.9em;
}

.chat_hourstamp h5 {
  font-size: 95%;
  margin: 0.1em 0.5em;
}

.chat_name {
  color: #039;
  float: left;
  text-align: right;
  font-weight: bold;
  position: relative;
}

#chat_log #chat_main .chat_name {
  width: 27%;
}

#chat_main .chat_name a {
  cursor: help;
}

#chat_help #chat_main .chat_name {
  font-size: 110%;
  width: 7em;
  padding: 1em 1em 0 0;
}

#chat_main .chat_message {
  float: left;
  padding-left: 0.5em;
   width: 71%;
   position: relative;
}

#chat_log #chat_main .chat_message {
  width: 71%;
}

#chat_main .chat_message p {
  clear: both;
  margin: 0 1em 1em;
  width: 23em;
}

#chat_help #chat_main .chat_message {
  width: 25em;
  padding: 1em 0 0;
  margin: 0;
   background: #e9e9f0;
  border: 1px solid #ddd;
  line-height: 150%;
}

#chat_main .chat_action {
  font-style: italic;
  color: #063;
}

.chat_system {
  color: #88b;
  font-style: italic;
}

.chat_system chat_.name {
  visibility: hidden;
}

.chat_system .chat_message {
  padding-left: 0;
}

.chat_notice {
  background: #e6e6f6;
  border: 1px solid #ddd;
  padding: 0.66em 0;
  line-height: 1.5em;
  color: #036;
  font-weight: bold;
}

.chat_notice .chat_name {
  color: #090 !important;
  display: none;
}

.chat_notice .chat_message {
  padding-left: 0;
}

.chat_first {
  margin-top: 0.33em;
}

chat_code,
chat_kbd {
  font-size: 130%;
}

chat_code:hover,
chat_kbd:hover {
  background: #ffff66;
}

#chat_main .top {
  border-top: 1px solid #ccc;
  padding-top: 0.25em;
  text-align: right;
  clear: both;
}

#chat_help p strong {
  color: #039;
}

#chat_main .chat_infobox {
  float: left;
  margin: 2em 0;
  position: relative;

}

/* Subnav */

#chat_subnav {
	border:#00FF00;
  float: right;
  width: 20%;
  color: #dfd9c3;
  position: relative;
  display: inline;
  text-align: center;
	height:304 px;
}

#chat_subnav h4 {
  margin: 0;
  padding: 0.33em 0;
  color: #fff;
  background: #5d5a4f;
  font-size: 100%;
  position: relative;
}

#chat_subnav ul {
  border-bottom: 1px solid #ccc;
  background: #dfd9c3;
	color:#000;
  padding: 0.5em 0;
  margin-bottom: 1em;
}

#chat_subnav li {
  width: 99%;
}

/* Form */

#chat_laceform {
  clear: both;
  padding-top: 0.66em;
    width: 77%;
}

#chat_laceform .chat_name {
  width: 21%;
  text-align: right;
}

.chat_button {
  padding: 0 0.33em;
  margin-right: 0.33em;
}

.chat_bump {
  margin-left: 0.5em;
}

#chat_name {
  width: 9em;
  text-align:center;
  margin-right: 1em;
  margin-top: 0.66em;
}

#chat_text {
  width: 82%;
  white-space: nowrap;
  text-align: left;
  margin-top: 0.66em;
}

#chat_say {
  margin-left: 0.5em;
  margin-top: 0.66em;
}

/* Lists */

#chat_main ul li {
  float: left;
  width: 100%;
  padding: 0.1em 0;
  position: relative;
}

#chat_help #chat_main ol {
  margin:0 0 1em 4em;
}

#chat_help ol {
  clear: both;
}

#chat_help #chat_main ol li {
  float: none;
  margin: 0;
  list-style: decimal outside;
}

#chat_main ul.chat_features {
  margin: 0 0 1em 2em;
  float: left;
  display: inline;
  width: 80%;
  position: relative;
}

#chat_main ul.chat_features li {
  margin: 0 0 0.5em 0 !important;
  padding: 0 0 0 1em;
  background: transparent url(../images/check.gif) 0 0.5em no-repeat;
}

#chat_main dl {
  margin: 0.5em 2em;
}
#chat_main dt {
  padding-bottom: 0.25em;
}

#chat_main dd {
  margin: 0.33em 1em 1.5em;
}

#chat_footer ul, #chat_footer li {
  float: left;
  position: relative;
}

#chat_footer li {
  margin-right: 2em;
}

/* Other */

#chat_status img {
  cursor: pointer;
  vertical-align: bottom;
  float: right;
  position: relative;
}

#chat_status #chat_statustext {
  float: left;
  line-height: 100%;
  position: relative;
}

.chat_preview {
  color: #036;
  font-weight: bold;
  vertical-align: top;
  text-align: right;
  padding-right: 1em;
  border: 1px solid #ddd;
  border-right: 0;
}
#chat_preview {
  color: #003;
  border: 1px solid #ddd;
  border-left: 0;
  width: 100%;
}

.chat_preview,
#chat_preview {
  background: #e6e6e6;
  padding-top: 0.5em;
  padding-right: 1em;
  margin-bottom: 0.5em
}

strong.chat_timestamp {
  cursor: help;
}

#chat_users {
  }

#chat_userlist {
  height: 288px;
  overflow: auto;
  }

#chat_userlist li {
  display: block;
  width: 90%;
  padding-left: 1em;
  text-align: left;
  }

#chat_userlist li em {
  color: #aaa;
  }
	
	
/*****************************************************************************************************
******************************************************************************************************
******************************************************************************************************
******************************************************************************************************
******************************************************************************************************
******************************************************************************************************
******************************************************************************************************
******************************************************************************************************
******************************************************************************************************
** FORUM *********************************************************************************************
******************************************************************************************************
******************************************************************************************************
******************************************************************************************************
******************************************************************************************************
******************************************************************************************************
******************************************************************************************************
******************************************************************************************************
******************************************************************************************************
*****************************************************************************************************/



/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
	color: #000000;
	text-decoration: none;
}
a.nav:hover
{
	font-weight: bold;
	color: #cc3333;
	text-decoration: underline;
}

/* Tables should show empty cells. */
table
{
	empty-cells: show;
}

/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor
{
	height: 1px;
	border: 0;
	color: #666666;
	background-color: #666666;
}

/* A quote, perhaps from another post. */
.quote
{
	color: #000000;
	background-color: #C3B8D0;
	border: 1px solid #000000;
	margin: 1px;
	padding: 1px;
	font-size: x-small;
	line-height: 1.4em;
}

/* A code block - maybe even PHP ;). */
.code
{
	color: #000000;
	background-color: #cccccc;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: x-small;
	line-height: 1.3em;
	/* Put a nice border around it. */
	border: 1px solid #000000;
	margin: 1px auto 1px auto;
	padding: 1px;
	width: 99%;
	/* Don't wrap its contents, and show scrollbars. */
	white-space: nowrap;
	overflow: auto;
	/* Stop after about 24 lines, and just show a scrollbar. */
	max-height: 24em;
}

/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader
{
	color: #000000;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	font-size: x-small;
	line-height: 1.2em;
}

/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help
{
	cursor: help;
}

/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction
{
	color: red;
}

/* The main post box - this makes it as wide as possible. */
.editor
{
	width: 96%;
}

/* Highlighted text - such as search results. */
.highlight
{
	background-color: yellow;
	font-weight: bold;
	color: black;
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg
{
	color: #000000;
	background-color: #CFCAB5;
}
.windowbg2
{
	color: #000000;
	background-color: #DFD9C3;
}

/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg a:link, .titlebg a:visited, .titlebg2, tr.titlebg2 th, tr.titlebg2 td, .titlebg2 a:link, .titlebg2 a:visited
{
	color: #ffffff;
	font-style: normal;
	background-color: #5d5a4f;
}
.titlebg a:hover, .titlebg2 a:hover
{
	color: #ffffff;
}

/* This is used for categories, page indexes, and several other areas in the forum. */
.catbg, .catbg3
{
	background-image: url(images/catbg.jpg);
}

/* This is used for a category that has new posts in it... to make it light up. */
.catbg2
{
	background-image: url(images/catbg2.jpg);
}

.catbg, .catbg2, .catbg3
{
	font-weight: bold;
	background-color: silver;
	color: #000000;
}

/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
	background-color: #828181;
}

/* This is used on tables that should just have a border around them. */
.tborder
{
	border: 1px solid #828181;
	background-color: #FFFFFF;
	padding: 2px;
}

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext
{
	font-size: x-small;
	font-family: tahoma, sans-serif;
}
.normaltext
{
	font-size: small;
}
.largetext
{
	font-size: large;
}

/* This is the white header area where the title, menu bars, and header boxes are. */
#headerarea
{
	background-color: #aba487;
	border-bottom: 1px solid gray;
}
/* This is the main area of the forum, the part that's gray. */
#bodyarea
{
	background-color: #aba487;
	color:#5B5B5B;
}
/* And this is the bottom, where the copyright is, etc. */
#footerarea
{
	color: black;
	background-color: #aba487;
	border-top: 1px solid gray;
}

/* This is for the special header boxes on the top (user info, key stats, news box.) */
.headertitles
{
	background-color: #5d5a4f;
	border: 1px solid #5d5a4f;
	height: 12px;
}
.headerbodies
{
	border: 1px solid #7A7777;
	background-color: #DFD9C3;
	background-repeat: repeat-x;
	background-position: bottom;
}

/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage
{
	width: 100%;
	overflow: auto;
	line-height: 1.3em;
}

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature
{
	width: 100%;
	overflow: auto;
	padding-bottom: 3px;
	line-height: 1.3em;
}


/* The AJAX notifier */
#ajax_in_progress
{
	background: #32CD32;
	color: white;
	text-align: center;
	font-weight: bold;
	font-size: 18pt;
	padding: 3px;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
}

/*INFO BOX*/
.info_box_overlay  {
  position:absolute;
  background:url(images/blacktrans75.png) repeat;
  display:none;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#666666;
  z-index:10000;
	top: 0;
	left: 0;
	width: 100%;
	height: 500px;
}

.info_box_guts_container  {
  position:relative;
	padding:4px;
  background-color:#DDDDD4;
  border:medium #999999 solid;
	overflow:auto;
	width:500px;
	height:500px;
	z-index:10001;
}

/** area in the header with online store info **/
.menu_header {
	text-align: center;
	background-image: url(/images/2007_template/menu_label_background.gif);
	background-repeat: repeat-x;
}
#currency_container {
}
/** aligning the currencies to the right shouldn't require a margin-left, but other ideas are failing me **/
.currency_options {
	margin-left: 95px;
	border-collapse: collapsed;
}

/** for the icons/menu in the header **/
.menu_section {
	background-image: url(/images/2007_template/menu_bg.gif);
	background-repeat: repeat-x;
	vertical-align: top;
}