html
{
    scrollbar-face-color:maroon;
    scrollbar-base-color:maroon;
    scrollbar-arrow-color:white;
    scrollbar-track-color:#d0d0d0;
    scrollbar-shadow-color:maroon;
    scrollbar-highlight-color:white;
    scrollbar-3dlight-color:maroon;
    scrollbar-darkshadow-Color:maroon;
}
body
{
	margin:50px 0px; padding:0px;
	text-align:center;
	background-image:url(../Images/tile.png);
	background-attachment:scroll;
	font-family: Georgia, Arial;
}

 #wrapper
 {
	background-image:url(../Images/grad.jpg);
	background-repeat:repeat-x;
	background-color:maroon;
	width:1010px;
	margin:0px auto;
	text-align:left;
	border-style: ridge;
	border-width :3px;
	border-color:black;
 }

#header {
  background: #d0d0d0;
}

#banner{
  background: maroon;
  float:left;
  height:60px;
  width:826px;
  color:#d0d0d0;
  border:2px  solid black;
}

#conwrap
{
  background:transparent;
  float:left;
  width:826px;
  color:#d0d0d0;
  margin-bottom:50px;
  margin-right:10px;
}

#rightcolwrap {
  background: transparent;
  float: left;
  width:210px;
}
#shopcart
{
  background: maroon;
  float: right;
  color:#d0d0d0;
  width:210px;
  border:2px solid black;
}
#googlead
{
	margin-top:13px;
	border:2px  solid black;
	float:right;
	width:210px;
	background: maroon;
}
#content {
  background-color:maroon;
  float:left;
  color:#d0d0d0;
  width:100%;
  border:2px  solid black;
  margin-bottom:50px;
  margin-top:10px;
}
#footer {
  background: transparent;
  text-align:center;
  clear: both;
  color:#d0d0d0;
  height:20px;
  width:100%;
}

#status
{
	float:left;
}

* html #footer{ /*IE6 only rule. Decrease ul left margin and add 1em bottom margin*/
width:105%;
}

#topwrap
{
	height:auto;
	float:left;
	width:100%;
	height:70px;
	margin-bottom:15px;
}
#info
{
 padding:5px;
 color:#d0d0d0;
 border:2px  solid black;
 background: maroon;
 float:right;
 width:350px;
 margin-right:20px;
 margin-top:10px;
}

* html #info{ /*IE6 only rule. Decrease ul left margin and add 1em bottom margin*/
margin-right:3px;
}
h1{
color:#d0d0d0;
font-family: Georgia, Arial;
font-size:larger;
}
h3{
color:maroon;
font-family: Georgia, Arial;
font-size:larger;
text-align:center;
background-color:#d0d0d0;
border:outset 1px maroon;
vertical-align:top;
padding:0px;
margin:0px;
}
h2{
color:maroon;
font-family: Georgia, Arial;
font-size:larger;
text-align:center;
background-color:#d0d0d0;
border:outset 1px maroon;
vertical-align:top;
padding:0px;
margin:0px;
}
h4
{
color:maroon;
font-family: Georgia, Arial;
font-size:larger;
text-align:center;
background-color:#d0d0d0;
border:outset 1px maroon;
vertical-align:top;
padding:0px;
margin:0px;
}
h5
{
	padding:0px;
margin:0px;
}
h6
{
	color:maroon;
font-family: Georgia, Arial;
font-size:x-large;
text-align:left;
background-color:#d0d0d0;
vertical-align:top;
padding:0px;
margin:0px;
}
.cssbutton{
background-color: #d0d0d0;
border: 2px green outset;
padding: 1px;
color: maroon;
text-decoration: none;
font: bold 14px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

.cssbutton:hover{
border-style: inset;
color:#d0d0d0;
background-color: maroon;
padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
}

.cssbutton:active{
color: #d0d0d0;
}

#ddblueblockmenu
{
	float: left;
    margin-bottom:50px;
    margin-left:10px;
    margin-right:10px;
    border:2px  solid black;
}

#ddblueblockmenu ul{
margin: 0px;
padding: 0;
list-style-type: none;
font: normal 18px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
font-family: Georgia, Arial;
}

#ddblueblockmenu li a{
display: block;
padding: 3px 0;
padding-left: 8px;
width: 120px; /*185px minus all left/right paddings and margins*/
text-decoration: none;
color: #d0d0d0;
background-color: maroon;
border-bottom: 1px solid green;
border-left: 10px solid black;
}

* html #ddblueblockmenu li a{ /*IE only */
width: 125px; /*IE 5*/
}

#ddblueblockmenu li a:hover {
background-color: #d0d0d0;
border-left-color: maroon;
color:maroon;
}

#pointermenu
{
	margin-top:10px;
    margin-bottom:10px;
    margin-left:10px;
    margin-right:15px;
    float:left;
    width:auto;
    background: transparent;
    position:relative;
    height:70px;
}

#pointermenu ul{
float:left;
font: bold 0px times;
background-color: maroon;
border: solid black;
border-left: 10px solid black;
padding:0px;
}

* html #pointermenu ul{ /*IE6 only rule. Decrease ul left margin and add 1em bottom margin*/
margin-bottom: 1em;
margin-left: 0px; /*menu offset from left edge of window in IE*/
}

html>body #pointermenu ul
{
margin-bottom: 1em;
margin-left: 0px; /*menu offset from left edge of window in IE*/
}

#pointermenu ul li{
display: inline;
}


#pointermenu ul li a{
float: left;
color: #d0d0d0;
font-weight: bold;
padding: 2px 25px 7px 7px;
text-decoration: none;
border-left: 1px solid green;
font: normal 17px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
font-family: Georgia, Arial;
border-bottom: 3px solid maroon;
border-top: 3px solid maroon;
}

#pointermenu ul li a:visited{
color: #d0d0d0;
}

#pointermenu ul li a:hover, #pointermenu ul li a#selected{ /*hover and selected link*/
color: maroon;
background-color: #d0d0d0;
}

tr.ItemSelect:hover
{
	background-color:Green;
}

.ItemSelect td:hover
{
	background-color:Green;
}

table.ItemSelectTable td
{
    padding:2px;
}

.ItemSelect
  { 
	behavior: url(../Stlye/IEFixes.htc);
  }
.ItemSelect:hover, tr.hover
  {background-color:Green;}

.modalProgressGreyBackground 
{
    background:#CCCCCC;
	filter:alpha(opacity=60);
	opacity:0.6;
	color:Black;
}

.modalPopup
{
    text-align:center;
    padding-top: 30px; 
    border-style:solid; 
    border-width:1px; 
    background-color:White; 
    background-image:none;
    width:300px; 
    height:100px;
}

.popupMenu {
	position:absolute;
	visibility:hidden;
	background-color:#BB0000;
	opacity:.9;
	filter: alpha(opacity=90);
	color:white;
	font-size:smaller;
}

.popupHover {
	background-position:bottom left;
	background-color:White;
}