body
  {
    text-align: center;
    font-family: arial;
    background: url('tile.jpg') center top;
    
    margin: 0px;
  }
  h1
  {
    font-size:           1.5em;
    color:               white;
    background-image:     none;
    padding-top:         .1em; 
    padding-bottom:       .1em; 
    margin:              0px;
  }
  h2
  {
    font-size: 16px;
    margin: 0px;
  }
  div
  {
    margin: 0px;
    padding: 0px;
  }
  img
  {
    border: none;
  }

	#menu ul li a.currentitem
	{
     color: black;
	}
  a:link
  {
     color: #005A33;
  }  
  a:visited
  {
     color: #005A33;
  }
  .h1margin
  {
     margin-bottom:  .2em;
  }
  .inln
  {
     display: inline;
  }
  .fl-left
  {
     float:left;
  }
  .fl-right
  {
     float:right;
	 margin-right:   30px;
  }
  .h1header
  {
	 margin:	0px;
	 background:	url(top600.png) top left no-repeat;
	 padding-left:  10px;
	 width:		100%;
  }
  
#outer-wrapper
{
     background: url() 952px -46px no-repeat;
     padding-top: 0px;
     margin: 0px auto;
}
  
#inner-wrapper
{
	   
}
  
#wrapper
{
     margin:  0px auto;
     padding: 0;
     text-align: left;
     width: 980px;
     position: relative;
     background: url('wrapper-bg1.jpg') no-repeat;
}


  #header
  {
    width: 100%;
    position: relative;
    background-repeat: no-repeat;
    background-position: bottom left;
    height:  130px;

  }
  #mainbody
  {  
    overflow: hidden;
	margin:	5px 0px;
	
	padding:0px;
  }
  

	#leftpane
	{
		 float: left;
		 overflow: hidden;
		 width: 180px;
		 padding: 0px;
		 margin: 0px;
	}
	 #leftpane .inner
	{
		border:				none;
		border-left:		1px #0c4230 solid;
		border-right:		1px #0c4230 solid;
		padding:     		0px 5px;
		margin: 			0px;
		background-color:   #FFF;
	
	}

#content
{
	float:				left;
	width:				780px;
	margin:				0px;
	padding:			0px;
}

#mainleft
{
     float: left;
     overflow: hidden;
     width: 650px;
	 padding: 0px;
	 margin: 0px;
	 
}

#mainleft.noright
{

     overflow: hidden;
     width: 800px;
	 padding: 0px;
	 margin: 0px;
}

#mainleft.noright div.mainleft-outer
{
	overflow:		hidden;	
	padding:  0px;	
	padding-left:  5px;	
	margin: 0px;
}

#mainleft div.mainleft-outer
{
	padding:  0px 5px;	
	margin:	0px;
	border:	none;
}
#mainleft.noright div.mainleft-outer .inner
{
	padding-top:   10px;
}
#mainleft div.inner
{
	border-left:		1px #0c4230 solid;
	border-right:		1px #0c4230 solid;
	background-color:	#FFF;
	padding-left:       10px;
	overflow:			hidden;
	padding-top:   10px;
}

#maincontent.inner
{
	padding: 10px;	
}


#rightpane
{
	float:left;
	width:	150px;
	margin:	0px;
	padding:0px;
}
#rightpane .inner
{
	padding:  0px 5px;
}

.bottom600
{
	background:  url(bottom600.png)	bottom left no-repeat;
	padding:0px;
	padding-bottom: 0px;
	margin-bottom:	0px;
	margin: 0px;
	width:	100%;
	height:		19px;

}
.noright .bottom600 
{
	background:	url(bottom800.png)	bottom left no-repeat;
	padding:0px;
	margin: 0px;
	float: left;
	width:	100%;
	height:		19px;

}

#footer .inner
{
	border-left:		1px #0c4230 solid;
	border-right:		1px #0c4230 solid;	
	   background:       #fff url('springback.png') bottom center no-repeat;
}
.bottom980
{
	width:	100%;
	background:  url(bottom980.png) bottom left no-repeat;
	height:	3px;
}
.top980
{
	width:	100%;
	background:  url(top980.png) top left no-repeat;
	height:	10px;
}

.noright .h1header
{
	 margin:	0px;
	 background:	url(top800.png) top left no-repeat;
	 padding-left:  10px;

	 width:		100%;
  }
.bottom200
{
	background:	url(bottom200.png)	bottom left no-repeat;
	height:		19px;
	line-height:		10px;
	margin: 0px;
	padding:0px;
	float: left;
	width: 100%;
}
.top200
{
	background:	url(top200.png)	top left no-repeat;
	height:		10px;
	line-height:	10px;
	margin: 0px;
	padding:0px;

		width: 100%;
}

.top180
{
	background: url(top180.png)	top left no-repeat;
	height:	10px;
	
}
.bottom180
{
	background: url(bottom180.png)	bottom left no-repeat;
	height:		19px;
}
#contactinfo
{
	padding: 	0px;
	margin:  	0px;
	float:		left;
	width:		260px;
	overflow:	visible;
	height:		500px;

}
#contactinfo .inner
{
	padding: 0px;
	margin:		0px;
	height:		500px;
	overflow:	visible;
}
#rightpane .inner
{
	background-color:	#FFF;	
	border-left:		1px #0c4230 solid;
	border-right:		1px #0c4230 solid;		
}

#map
{
	padding: 	0px;
	margin:  	0px;
	float:		left;
	width:		510px;
	overflow:   hidden;

}
#mapframe
{
	width:	100%;
	padding: 	0px;
	margin:		0px;
}


#footer
{
     
     left:               0px;
     width:              100%;
     clear:              both;
     height:             110px;
     text-align:         center;
     margin:             0px;
	 margin-top:				20px;
	 padding-bottom:     10px;
	 margin-bottom:      10px;
     overflow:           hidden;
     
}
#footer div.cont p
{
     font-size:     70%;
}
  
.postitle
{
     font-size:     70%;
} 

  #content .topbar
  {
      height:  20px;
	  
  }
  
  #content .bottombar
  {
      background: url('footer_500.jpg') bottom left no-repeat;
      height:  20px;
  }
  
#content .panecontent
{
     background: url('bodybg.png') bottom left no-repeat;
     background-position: bottom left;
     background-repeat: no-repeat;
     overflow:      hidden;
     float:left;
     padding: .5em 1.2em;
     
}
  
 
  
  #content .panecontent p
  {
      text-align: justify;
  }
  
  #menu 
  {
     background: url('bar.png') repeat-x top left;
     width: 100%;
     position: absolute;
     right: 0px;
     bottom: 0px;
     color:  black;
	 line-height: 1.1em;
     font-size: 1.05em;
     height: 30px;
 
  
     
  }
  #menu a 
  {
     color:  black;
     float: left;
     padding: 20px 3px;
     padding-top:  3px;
     padding-bottom:  5px;
     

  }
  #menu ul
  {
	float:right;
     display: inline;
	 position:relative;
     right:0px;
     width: auto;
     background: url('divider.png') no-repeat top left;
  }
  
 #menu li.last
{
    background-image:  url('');
    padding-right:  0px;
}
   #menu li.last a
{
    background-image:  url('');
    padding-right:  15px 5px;
}
  #menu li
  {
     float: left;
	 position:relative;
     list-style: none;
     vertical-align: middle;
     background: url('divider.png') no-repeat top right;
     padding: 0px;

     

  }
  #menu ul img
  {  
    list-style: none;
    vertical-align: middle;
    float: left;
  }
  #menu ul li a
  {  
    color: white;
    padding: .2em .4em;
  }
  #menu ul li a:hover
  {  

    background-image: url("hoverback.png");
  }  
  
  #menu ul
  {
    padding: 0px;
    margin: 0px;
    list-style: none;
    padding: 0px;
    margin: 0px;
    height: 30px;
    vertical-align: middle;

    
  }
  #menu ul li
  {
     display: inline;
     list-style: none;
     height: 30px;
     position: relative;
  }
/*
  #dealerb
  {
     position: absolute;
     right: 5px;
     top:  0px;
     z-index: 10;
     border: none;
     padding-right: 5px;
     color:  white;
	 width:		360px;
	 align:		right; 
  }
  
  */
  #dealer
  {
	position:	absolute;
	right: 0px;
	top: 0px;
	height:	120px;
     z-index: 10;
     border: none;
     padding-right: 25px;
     color:  	white;
	 width:		220px;
	 text-align:		right; 
  }

 a:hover
{
     color: grey;
}


.cont
{
     vertical-align:     middle;
}

#bottomcontact
{
     margin:             auto;
     text-align:         center;
     padding:            0px;   
}

#bottomcontact li
{
     list-style-type:    none;
     display:            inline;
     padding:            0px 10px;
     font-size:          70%;
}
#marcorimg
{
     position: 	absolute;
     left:     	0px;
     top: 		-25px;
	 z-index: 	20;
}

/*
#note
{    
     position: absolute;
     right: 0px;
     top: -20px;
}


*/
.scrolldiv
{
  overflow: auto;
  max-height:  650px;
  height:		500px;
  margin: 0px;
  padding: 0px;

}


#leftpane * ul
{
	padding:0px;
	margin:0px;
	list-style:none;
}
#leftpane * ul li
{
	padding:    0px 2px;
	margin:		0px;
}
#leftpane * ul li a
{
	display:	block;
	width:		100%;
	padding:    2px;
	font-size:	95%;
}
#leftpane * ul li div
{
	padding-left:   20px;

}

#leftpane * ul li a:hover
{
	display:	block;
	background:	#D9D9D9;
}

#leftpane * ul li a.current
{
	display:	block;
	text-decoration:none;

	color:	#000;
	background: #B0B0B0	url(currimg.png) right center no-repeat;
}
#leftpane * ul li a.current:hover
{

	cursor:		text;
	background:	#B0B0B0 url(currimg.png) right center no-repeat;
}





.linecard
{
     background: url:('round_button.png');
     width:    96%;
}

.evenrow
{
     background-color: #EEE;
}

.oddrow
{
     background-color: transparent;
     background-color: #CCE7C9;
   
}

.linecard tr td.firstcol
{
     width:    20%;
}
.linecard tr td.secondcol
{
     width:    30%;
}

div.spacer
{
   width:  1em;
   float: left;  
}

.error
{
     font-weight:  bold;
     color:    red;

}

.currentitem
{
     color: black;

}


.fld
{
	text-align: left;
     width: 6em;
     float: left;
     padding: .5em .2em .5em .2em;
	 margin:	1px;

}
.lbl
{
	 text-align: left;
     float:  left;
     width:  7em;
     padding: .5em;
	 margin:		1px;
}

.cbx
{
    float:left;
	text-align: left;
    padding: .5em;
}

.loginform
{
     width: 70%;
     margin: 5px auto;
}

#contacttbl
{
     width: 200px;
}




.col2
{
     text-align: right;
     padding:   7px 5px;
}
#myresults
{
	width:	98%;
}



.search_phrase
{
     font-style:    italic;
}
.resetform
{
	text-decoration:underline;
	position:		absolute;
	bottom:			5px;
	right:			5px;
	cursor: 		pointer;
}

#cc-join
{
	position:	absolute;
	bottom:	0px;
	right:	0px;
	background: 		url(cc-bg.png) no-repeat center center;
	width:				124px;
	padding:            5px;
	margin-bottom:		5px;
}


.sbox
{
	border:				hidden;
	background: 		url(input-bg.png) no-repeat top left;
	color: 				black;
	padding-left:       14px;
	padding-right:      10px;
	padding-top:        8px;
	padding-bottom:     10px;
	position:			relative;
	width:				180px;
	float:				left;

	
}
.sbox select
{
	border:			none;
	padding: 		0px;
	margin:			0px;
	line-height:	12px;
	font-size:		12px;
	float: left;
}

#prefix
{
	width:		80%;
}

.sbox img
{

}

#search_input
{
	border:				hidden;
	border:				none;
	float:				left;
	size:				40px;
}
.sbox submit
{
	border:				default;
	float:				right;
}

#submit
{
	position:		absolute;
	top:			0px;
	right:			0px;
	margin:	0px;
	padding: 0px;
}
	
#search_input.full, #search_input_plain.full
{
	font-style:		normal;	
}

#search_input.empty, #search_input_plain.empty
{
	font-style:			italic;
	color: 				#999;
	font-size:			90%;
}
#search_input_plain
{
	
}
#search_input, #search_input_plain
{
	font-size:			90%;
	font-style:			italic;
}

#searchform_side 
{
	background-color:	#F7F7F7;
	padding:         	5px 2px;
	width:		98%;	
	position:			relative;
}


#search_form submit
{
	float:				right;
}

.appguidelink
{
	float:	right;	
	font-size:  xx-small;
	display:	block;
	clear:		right;
}
.pricelink-result
{
	float:left;
	display:	block;
	
}
.leftspan
{
	float:			left;	
}


#login
{
	text-align:center;	
}

#popout
{
	visibility:		hidden;	
}
	.overselect
	{
		background:	 url(select-over.png);
	}
	.notoverselect
	{
		background:	 url(select.png);
	}
#poplink1, #poplink2,  #poplink3
{
	padding:    	 		5px;
	width:					140px;
	background-position:	top left;
	background-repeat:		no-repeat;
	cursor:					default;
}

#popmenu1, #popmenu2, #popmenu3
{

}
#popmenu2 *{
	color: #999;	
	
}
.popoutlist
{
display:	none;
width:		190px;
position:	absolute;
z-index:	20;
background:#0F6;
height:	100px;
overflow:	auto;

	}
	
#appguidewindow, #prcguidewindow, #frmguidewindow
{
	display:	none;
	position:	absolute;
	z-index:	30;
	width:		165px;
	padding:	1px;
	border:		solid black 3px;
	height:		auto;
	left:		6px;
	top:		20px;
	background-color: white;
}
	
	
.sidewindow
{
	
}
.sidewindow a
{
	width:	98%;
	display:	block;	
	border: 	1px white dashed;
	padding-right:  0px;
	padding-left:  0px;
}
.sidewindow a:hover
{
	display:	block;
	border: 	1px grey dashed;
}

	.scroller
	{
		overflow:	auto;
		height:		350px;

	}

#guides
{
	background-color:	#F7F7F7;
	padding:         	5px 2px;
	
}
#guides h3
{
	font-size: 98%;
}
#dealerleft
{
	position:	relative;
	overflow:	hidden;
}
#inner-wrapper
{

}
#pdf-frame
{
	width: 98%;	
}
.tablesorter2
{
	width: 90%;	
}
.pagelinks
{
	text-align:		center;	
}

.innerad
{
	font-size:		80%;	
}
.centerimage
{
	text-align: 	center;	
}
.addToCart{
	height:	100%;
	width:	100%;
	padding: 1px;
	display:block;
	margin:0px;
	cursor: pointer;
	text-align:center;
}

.removeitem{
	cursor:	pointer;
}
#cart{
	float:left;
}
#itemadded{
	float:right;
	background:	none;
}
#cart-pulldown
{
	color:		white;
	float:left;
}
#carttable tr{
	border-bottom: 1px black solid;
}
#carttable td, #carttable th{
	padding: 4px;
}
.Backordered{
color:red;	
}
#cart-info
{
	background-color:#000;
	overflow:hidden;
	clear:both;
	display:none;
	cursor:pointer;
	border:	2px solid;
}
#cart-form{
	display:none;
	clear:both;
}
#itemcount{
	float:left;
	width: 50%;
	text-align:center;
}
#submitorder{
	display:none;
	float:right;
}
#clearListLeft{
	color:	#005A33;
	text-decoration:underline;
}


.clearboth
{
	clear:both;
}
input.errors{
	outline:	red;
	border:		2px red solid;
}
#added-to-cart{
height: auto; 
position:fixed; 
top:0px; 
left:0px; 
width: 100%; 
z-index: 250;
background: url(cartback.png) bottom left repeat-x;
}
.submit-order{
	width: 100%;
}
.submit-order td{
	padding: 3px;
}

/* weborders  */
table.order{
	border-collapse:collapse;
	border: 1px #333 solid;
	width: 96%;
}

table.order td, table.order th{
	padding: 5px 5px;
	border: none;
}