body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#000000;
	margin:0px;
}
#wrapper {
	width: 955px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(/images/columns2.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
#header {
	height: 98px;
	background-repeat: no-repeat;
	background-position: left top;
}

#leftsidebar {
	float: left; display:inline;
	width: 176px;
	margin-left: 12px;
	margin-right: 12px;
	margin-top: 12px;
}

#centercontent {
	float: left; display:inline;
	width: 507px;
	margin-left: 24px;
	margin-right: 24px;
	margin-top: 12px;

}

#centercontent a:link, #centercontent a:visited {
	text-decoration: none;
	color: #003333; 
}
#centercontent a:hover {
	color: #000000;
	text-decoration: underline;
}
#centercontent a:active {
}

#centercontent a.productsfooterlnk {color: #FFFFFF; text-decoration: underline; font-size: 11px;  }
#centercontent a.productsfooterlnk:visited {color: #FFFFFF; text-decoration: underline; font-size: 11px;  }
#centercontent a.productsfooterlnk:hover {color: #000000; text-decoration: underline; font-size: 11px; }

#centercontent h1 {
color: #00424E;
font-size: 20px;
margin-bottom: 12px;
}

#centercontent h2 {
color: #003333;
font-size: 22px;
background-image:url(/images/bgyellow.jpg);
width: 100%;
height: 30px;
}

#centercontent p {
margin-top: 0px;
}

.shipping {width: 531px;}
.collsp1{
width: 259px; 
float: left; display:inline;
height: 20px; 
padding-top: 4px;
background-color: #771814;
font-size: 12px;
color:#FFFFFF;
font-weight: bold;
}
.collsp1 p{
padding-left: 5px;
display: inline;
} 
.collsp2 { 
width: 12px; float:left; display:inline;
}
.collsp3{
width: 259px;
float: left; display:inline;
height: 20px; 
padding-top: 4px;
background-color: #771814;
font-size: 12px;
color:#FFFFFF;
font-weight: bold;
}
.collsp3 p{
padding-left: 5px;
display: inline;
}
.shippingsect {width: 531px;}
.collsps1{
width: 259px; 
float: left; display:inline;
background-color: #FFFFFF;
padding-top: 4px;
padding-bottom: 4px;
height:auto;
}
.collsps2 { 
width: 12px; float:left; display:inline;
}
.collsps3{
width: 259px; 
float: left; display:inline;
background-color: #FFFFFF;
padding-top: 4px;
padding-bottom: 4px;
}
.columnheader{
width: 531px; 
float: left; display:inline;
height: 20px; 
padding-top: 4px;
background-color: #771814;
font-size: 12px;
color:#FFFFFF;
font-weight: bold;
}

.columnheader p{
padding-left: 5px;
display: inline;
} 

#rightsidebar {
	float: left; 
	display:block;
	width: 166px;
	color: #ffffff;
	font-size: 12px;
	margin-left: 12px;
	margin-right: 12px;
	margin-top: 12px;
}

.productsheader {width: 531px;}
.coll1{
width: 259px; 
float: left; display:inline;
height: 20px; 
padding-top: 4px;
background-color: #771814;
font-size: 12px;
color:#FFFFFF;
font-weight: bold;
}
.coll1 p{
padding-left: 5px;
display: inline;
} 
.coll2 { 
width: 12px; float:left; display:inline;
}
.coll3{
width: 259px;
float: left; display:inline;
height: 20px; 
padding-top: 4px;
background-color: #771814;
font-size: 12px;
color:#FFFFFF;
font-weight: bold;
}
.coll3 p{
padding-left: 5px;
display: inline;
}
.productssection {width: 507px;}
.colls1{
width: 235px; 
float: left; display:inline;
background-color: #FFFFFF;
padding-top: 4px;
padding-bottom: 4px;
}
.colls2 { 
width: 37px; float:left; display:inline;
}
.colls3{
width: 235px; 
float: left; display:inline;
background-color: #FFFFFF;
padding-top: 4px;
padding-bottom: 4px;
}
.products {width: 235px;}
.products a:link, .products a:visited {
	text-decoration: none;
	color: #E36F1E; 
}
.products a:hover {
	color: #000000;
	text-decoration: underline;
}
.products a:active {
}
.collp1{
float: left; display:inline;
width: 90px;
border: 1px;
border-color:#666666;
border-style: solid;
}

.collp2 { 
float:left; display:inline;
width: 4px;
}
.collp3 { 
float:right; display:inline;
width: 137px;
font-size: 14px;
}
.productsfooter {
width: 531px;
text-align:right;
}

.productsfooterlnk a:link, .products a:visited {
	text-decoration: underline;
	color: #FFFFFF; 
}
.productsfooterlnk a:hover {
	color: #000000;
	text-decoration: none;
}
.productsfooterlnk a:active {
}
.collf1{
width: 259px; 
float: left; display:inline;
height: 20px; 
background-color: #B2817D;
font-size: 12px;
color:#FFFFFF;
font-weight: bold;
}
.collf1 p{
padding-right: 5px;
display: inline;
} 
.collf2 { 
width: 12px; float:left; display:inline;
}
.collf3{
width: 259px;
float: left; display:inline;
height: 20px; 
background-color: #B2817D;
font-size: 12px;
color:#FFFFFF;
font-weight: bold;
}
.collf3 p{
padding-right: 5px;
display: inline;
} 
.collspace {
line-height: 20px;
}
.collspace2 {
line-height: 3px;
}

form {
margin:0;}

.texta { 
 font-size: 12px; 
 background-color: #FFFFFF; 
 border: 1px solid #666666; 
 width: 95px;
}
.formbox {
background-color:#00424E;
padding-left: 5px; 
padding-right: 3px; 
color: #FFFFFF;}

A.whitelink {color: #FFFFFF; text-decoration: underline; }
A.whitelink:hover {color: #FFFFFF; text-decoration: none; }

/* CSS Document - drop down menu */

div#listmenu ul {margin:0; padding:0;z-index:10;} 

/* the horizontal menu starts here */
div#listmenu {
width:100%;
float:left;
text-decoration:none;
color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
z-index:10;
background-color: #00424E;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #00424E;
border-bottom-color: #000000;
height: 20px;
}

div#listmenu ul {
margin: 0; z-index:10;/* indents ul from edge of container */
}

div#listmenu li {
float:left; /* causes the list to align horizontally instead of stack */
position:relative; /* positioning context for the absolutely positioned drop-down */
list-style-type:none; /* removes the bullet off each list item */
background-color:#00424E; /*sets the background of the menu items */
border-right:1px solid #000000;
padding-top: 3px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 3px;
z-index:10;
}
div#listmenu li:first-child {
border-left:1px solid black; /*the first vertical line on the menu */
}
div#listmenu li.nohover:hover { 
background-color:#dddddd; /*sets the background of the menu items */
}
div#listmenu li:hover { 
background-color:#dddddd; /*sets the background of the menu items */
}
div#listmenu a {
display:block;
text-decoration:none;
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
}
div#listmenu a:hover {
color: #FACD00;
text-decoration: none;
/*font-size: 10px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;*/
}
/* the horizontal menu ends here */

/* the drop-down starts here */
div#listmenu ul li ul {
position:absolute;
width:12em;
left:-1px;
margin-top: 3px; /* positions drop downs */
margin-left: 0px;
z-index:10;
}
div#listmenu ul li ul li {
width:100%; /* makes the list items fill the list container (ul) */
border-left:1px solid black; /* three sides of each drop-down item */
border-bottom:1px solid black;
border-right:1px solid white;
z-index:10;
}
div#listmenu ul li ul li:first-child {
border-top:1px solid black; /*the top edge of the dropdown */
}
/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul {display:none;z-index:10;} /* conceals the drop-down when menu not hovered */
div#listmenu ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

/* pop-out starts here */
body div#listmenu ul li ul li ul {
visibility:hidden; /* same effect as display:none in this situation */
top:-1px;
left:15.8em;
z-index:10;
}
div#listmenu ul li ul li ul li {
padding-left: 20px;
} 

div#listmenu ul li ul li ul li ul li {
padding-left: 30px;
} 

div#listmenu ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

/* second level popouts start here*/
div#listmenu ul li ul li:hover ul li ul {visibility:hidden;}
div#listmenu ul li ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

/* third level popouts start here*/
div#listmenu ul li ul li ul li:hover ul li ul {visibility:hidden;}
div#listmenu ul li ul li ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */


/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#listmenu ul {
float:left; /* makes the ul wrap the li's */
border-left:1px solid #000; /* adds the rightmost menu vertical line to the ul */
margin-left:.5px; /* IE doubles the given value above - why? */
}
/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html div#listmenu ul li ul {
border-top:1px solid #000;
border-left:0px; /* stops the drop inheriting the ul border */
}
/* end of hack zone */
/* END OF LIST-BASED MENU */


.buttonmenu{
list-style-type: none;
margin: 0px;
padding: 0;
width: 160px;
}

.buttonmenu li a, .buttonmenu li a:active, .buttonmenu li a:visited{
color: black;
display: block;
width: 100%;
padding: 2px 4px;
text-decoration: none;
font-size: 12px;
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
border-bottom: 1px solid;
border-top: 1px solid;
border-left: 1px solid;
border-right: 1px solid;
border-color:#FFE377 #000000 #000000 #FFE377; /*light dark dark light*/
background-color: #FFCC00;
text-decoration:none;
}


.buttonmenu li a:hover{
color: white;
background-color: black;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
}

/* End hide from IE-mac */
/* end float fix */
.clear {
	clear: both;
}

.clearit {
	margin: 0;
	padding: 0;
	height: 0;
	clear: both;
}
.clearright {
	margin: 0;
	padding: 0;
	height: 0;
	clear: right;
}

#footer {
	background-image: url(/images/footer2.jpg);
	background-repeat: repeat-x;
	height: 32px;
}
#footer p {
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}
#footer a:link, #footer a:visited {
	text-transform: uppercase;
	color: #FFFFFF;
	width: 150px;
	padding-top: 0px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 6px;
	margin: 0px;
	font-weight: bold;
	text-decoration: none;
}
#footer a:hover {
	color: #000000;
}
#footer a:active {
}