/* CSS Document */


body {
  background:#eeeeee;
  margin:0;
  padding:20px 50px;
  font:small Verdana, Arial, Sans-serif;
  color: #333333;
  line-height:1.7em;
  color:#222;
  text-align:center;
  }

#container {
  background: #353D3E; 
  border: none; /*1px solid yellow;*/
  max-width:56em; 
  /* for IE code below*/
  width:expression(document.body.clientWidth > 800? "800px": "auto" );/* non-valid css ! "is the body wider then 800 pixels? if so, set the width to 800 pixels, otherwise, just let it size itself (auto)" IE: The following code will limit the banner to no more wider then 300 pixels*/
  margin:0 auto;
  text-align:left;
  font-size:110%;
  }
  
 /* * html for IE only */
 
 	h1 a { visibility: hidden;}

	h4 {
	font-size:100%;
	color: #485052;
	}

	legend {
	font-size:100%;
	color: #485052;
	}
  
  #banner  {
  background: #571715 url(../_images/banner.jpg) no-repeat 0% 0%;
  height: 101px;  /* IE 6 ignores margin when height is applyed */
  border: none;
  font:small Verdana,Sans-serif; /* KEEPS INLINE WITH OTHER DIVS */
  margin: 0; 
  padding: 0;
  border: 1px solid #485052; /* fixes problem with Opera, problem maybe created by Opera not dispalying the width correctly for container*/
  }
  
  
#banner p {
  border: none;
  font:small Verdana,Sans-serif;
  color: #cccccc;
  margin: 0; 
  padding: 8.5em 0 .5em 5em;
  }

#navigation {
  background: #485052 url(../_images/navigation.jpg) no-repeat 0% 0%;
  height: 35px;
  font:12px Verdana,Sans-serif;
  font-weight: bold;
  color: #cccccc;
  margin: 0; 
  padding: 0 0 0 1em;
  }
  
#navigation ul {
	padding: 0;
	margin: 0 0 0 1.5em; 
	background: none;
   }
  
#navigation li {
   list-style: none; 
   float: left;
   width: 7em;
   margin: .3em 0 0 0; 
   /*padding-left: 16px;*/
   line-height: 15px; 
   text-align: center;
   white-space: nowrap;
   background: none; 
  /* border: 1px solid #cccccc;*/
   }

#navigation a {
    display: block; 
	float: left;  
	padding: .5em;
    text-decoration: none; 
	/*font-weight: bold;*/
    background: none;/* url(tab2.gif) 100% 100% no-repeat;*/
   /* text-transform: uppercase;*/
    color: #cccccc;
    width: .1em;
	}

html>body #navigation a {width: auto;}    /* fixes IE6 hack */
/* Commented Backslash Hack hides rule from IE5-Mac \*/

#navigation a {float: none; background: none;}             /* End IE5-Mac hack */
#navigation a:hover {color: #5B2E15; background: none; }
#navigation #current, #navigation #current a {color: #FDB; /*background-image: url(tabs2-big-ct.gif)*/}

/* CONTENT */

	#content {
	background: #ffffff url(../_images/right_bg.jpg) no-repeat 100% 100%; /*2/1/06 */
  	font: small Verdana,Sans-serif;
 	color: #333333;
  	margin: 0 1em; 
  	padding: 0;/*.5em*/ /*2/1/06 */
	border: 1px solid #353D3E; /**/ /* to be able to see background image for Firefox 1.0.3 */ /*2/1/06 */
	}
  
  	img { border: 4px solid #cccccc; background: none;}
	
	#left.text  { padding: .5em;  line-height: 1.5em;}
	#right.text { padding: .5em;  line-height: 1.5em; font-size: 10px; }
	

	#left {
	float: left;
	width:63%;
	background: #ffffff;
	/* border: 1px solid blue; /**/
	}

	#left span, #right span {color: #6E7B7D;}

	#left.text ul {
	padding: 0;
	margin: 0; )
	background: none;
   }
   
   input.submit {}
  
	#left.text li {
	list-style: none; 
  	border: none;
   	margin-left: 0; 
   	line-height: 15px; 
   	white-space: nowrap;
  	background: none;
   }


	#right {	
	float: right;
	width: 32%;
	/*height:467px;*/
	color: #6E7B7D;
	background: #F2F2F2; /*2/1/06 */
	}


	/* GALLERY */


	div.pic {float: left; height: 210px; width: 210px; padding: 5px; margin: 5px; /* background: url(frame-ls.gif) center no-repeat; */}
	div.pt {/*background-image: url(frame-pt.gif);*/ border: 4px solid #cccccc;}
	div.pic img {border: 1px solid; border-color: #AAA;}

	div.pt img {margin: 10px;}
	div.pt ul {display: none;}
	div.pic ul {margin: 0; padding: 0;}
	li.price, li.catno {display: none;}
	li.title {list-style: none; text-align: center; color: #999; font: bold 9px Verdana, sans-serif; margin: 2px 5px 2px 5px;}

	/* _______________________________________________________________ */

	fieldset {border: 0;}


/* FORM */

#left label { float: left; margin: 0; padding: 0; display: block; width: 15em;}

#left input { /*border: 1px solid blue;*/ margin: 0; padding: 0;  text-align: left;/*problem with display block and floats NN6/Mac and NN7/Win ???*/}

#left input.submit { margin: .4em 0 0 0; text-align: center;}

#footer {  
  background: #353D3E url(../_images/footer.jpg) no-repeat 100% 100%; /* 2/1/06  */
  font:small Verdana,Sans-serif; /* KEEPS INLINE WITH OTHER DIVS */
  text-align:center;
  font-size:80%;
  color:#666666;
  margin: 0; 
  padding: .5em;
  }