body { 
  font-family: 	Arial, Verdana, Helvetica, Arial, sans-serif;
  margin:         0px;
  border:		0px;
  padding:	      0px;
  height:	100%;
  min-width: 950px;
  background-image: url(Images/toadbackground.gif);  
 background-color: #c38c3d;



  overflow: visible;
}

.toad img {
float:left;
}

.toad p{
text-align: center;
vertical-align: center;
margin-top: 7px;
}

h5 {
padding-left: 30px;
font-size: 12px;
}

#ProductPage {
width: 910px;
margin: 0px auto;
padding: 20px;
background-color: black;
color: #f3de83;
font-size: 12px;
}


img.prodimage {
  border: 0px solid #ff9e33;
  padding: 10px 0px;
  }

div.prodprice, div.detailprice {
  font-size: 12px;
  font-weight: bold;
  }
SPAN.prodoption, div.prodoptions, div.detailoptions {
  font-size: 11px;
  font-weight: normal;
  color: #ff9e33;
  }
select.prodoption {
  font-size: 11px;
  font-weight: normal;
  color: black;
  }
div.prodname, div.detailname {
  font-size: 13px;
  color: #ff9e33;
  }
table.cobtbl{
  font-size: 12px;
  margin-top: 30px;
  background-color: black;
  }
td.cobhl {
  background-color: #ff9e33;
  color: black;
}
TD.cobll{
background-color: #FFF7B8;
color : black;
}
td.cobll input, td.cobll textarea {
  background-color: white;
  }

TD.mincart {
font-size: 10px;
background-color: #fffbd4;
color: #370100;
}

P.mincart {
font-size: 10px;

}


#header {
text-align: center;
width: 950px;
margin-right: auto;
margin-left: auto;
background-color: black;
}

#header img {
margin-bottom: 0px;
padding-bottom: 0px;
}
#header table {
margin-top: 0px;
padding-top: 0px;
}

#mail_list {
  text-align: left;
  height: 25px;
  margin: 3px;
  padding: 0px;
  }

#mail_list form {
padding: 0px;
margin: 0px;
}


#mail_list td {
background-color: black;
}
#homePage, #centerPage, #galleryPage{
width: 950px;
margin: 0px auto;
padding: 0px 0px 20px 0px;
background-color: black;
color: #f3de83;
}



#homePage {
  text-align: left;
  }

#homePage img {
  padding: 10px 20px 0px 20px;

  }
#homePage td {
  font-size: 14px;
  padding-bottom: 20px;
  }
#gallery {
	margin-top: 10px;
}

#gallery img {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#photogal {
  float: left;
  height: 600px;
  width: 420px;
  margin: 0px 0px 0px 30px;
  padding: 0px 0px 0px 0px;
  border: 0px;
}

#gallery table.gallery {
    width: 420px;
	float: right;
	margin-right: 30px;
	margin-bottom: 0px;
}

#gallery td{
  font-size: 12px;
}

#centerPage {
  text-align: center;
  padding-top: 40px;
  }
#centerPage img {
  border: 2px solid #f3de83;
  }

#print {
text-align: left;
width: 850px;
margin-right: auto;
margin-left: auto;
padding-bottom: 20px;
padding-left: 100px;
background-color: black;
color: #f3de83;
}


#text {
text-align: left;
margin-left: 100px;
margin-right: 50px;
background-color: black;
}
#text img, #print img {
float: right;
margin: 0px 0px 20px 20px;
}
#centerPage table{
margin-top: 0px;
align: center;
}

#centerPage td{
font-size: 13px;
}

#centerPage th {
  color: rgb(255,153,51);
  height: 40px;
  font-size: 14px;
}

#homeText {
width: 200px;
text-align: center;
float: right;
padding-top: 20px;
}

#centerPage h1, #homePage h1, #galleryPage h1{
color: rgb(255,153,51);
font-size: 20px;
font-weight: bold;
padding: 20px 0px;
margin: 0px;
text-align: center;
}
#voltext h1{
color: rgb(255,153,51);
font-size: 16px;
font-weight: bold;
padding: 20px 0px 0px 0px;
margin: 0px;
}
#homeText h1{
color: rgb(255,153,51);
font-size: 16px;
font-weight: bold;
padding: 50px 20px 0px 0px;
margin: 0px;
}
#voltext img{
float: right;
}
#voltext {
padding: 50px;
}

#text h1, #print h1{
color: rgb(255,153,51);
font-size: 16px;
font-weight: bold;
padding: 20px 0px 0px 0px;
margin: 0px;
text-align: left;
}

#homeText h2, #text h2, #print h2 {
font-weight: normal;
color: #f3de83;
font-size: 14px;
margin: 5px 0px 0px 0px;
}

#text h2 {
margin-top: 10px;
line-height: 1.4em;
}
#homeText img{
padding-top: 20px;

}
#pageform {
border: 1px solid  rgb(208,185,122);
padding: 20px;
width: 650px;
margin: 20px 0px;
}

#pageform td{
font-size: 12px;
height: 25px;
}

.space input {
margin-left: 10px;
margin-right: 20px;
text-align: center;
}

.space {
padding-left: 30px;
}

#pageform em, #pageform p{
font-size: 12px;
font-weight: bold;
}
input, textarea {
background-color: #f3de83;
font-family: 	Arial, Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
}


.check {
background-color: black;

border: none;
}

#chips td, #chips img{
padding: 0px;
margin: 0px;
}

.bandname {
font-size: 18px;
font-weight: bold;
}

.smallband {
font-size: 15px;
font-weight: bold;
}

#date {
position: absolute;
top: 240px;
left: 400px;
}
.center {
padding: 20px;
text-align: center;
}
#copyright {
width: 950px;
font-size: 9px;
margin-right: auto;
margin-left: auto;
padding-bottom: 10px;
color: black;
clear: both;
}
#copyright a:link {
color: black;
  text-decoration:  none;
  font-size: 10px;
  font-weight: bold;
 }
#copyright a:visited {
color: black;
text-decoration: none;
font-size: 10px;
  font-weight: bold;
}

#copyright a:hover {
  text-decoration: underline;
color: black;
font-size: 10px;
  font-weight: bold;

}

#buynav a {

  text-decoration:  none;
  font-size: 12px;
  font-weight: bold;
  color: #f3de83;
 }


#buynav a:hover {
  text-decoration: underline;
  color: #ff9e33;

}
#centerPage a, #ProductPage a{
  text-decoration: underline;
  color: rgb(255,153,51);
  font-size: 12px;
  }

#centerPage a:hover, #ProductPage a:hover {
  text-decoration: underline;
  color: rgb(255,204,0);
  font-size: 12px;
  }
#text a:link {
  text-decoration: underline;
  color: rgb(255,153,51);
  font-size: 14px;
  }
#text a:visited  {
  text-decoration: underline;
  color: rgb(255,153,51);
  font-size: 14px;

  }
#text a:hover{
  text-decoration: underline;
  color: rgb(255,204,0);
  font-size: 14px;
  }
#homePage a:link {
  text-decoration: underline;
  color: rgb(255,204,0);
  font-size: 14px;
  }
#homePage a:visited  {
  text-decoration: underline;
  color: rgb(255,204,0);
  font-size: 14px;

  }
#homePage a:hover {
  text-decoration: underline;
  
  color: rgb(255,153,51);
  font-size: 14px;
  }
#galleryPage a {
	text-decoration: underline;
	color: rgb(255,153,51);
	font-size: 12px;
	}
#galleryPage a:hover {
	color: rgb(255,204,0);
	}

#ProductPage A.ectlink {
color: #d04d04;
text-decoration: none;
}

#ProductPage A.ectlink:hover {
text-decoration: underline;
}

@charset "UTF-8";

/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	margin: 0px 0px 0px 2px;
	padding: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	cursor: default;
	width: auto;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0px;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 116px;
	float: left;
	border: 1px solid black;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 160px;
	position: absolute;
	left: -1000em;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
	width: 160px;
	border-top: 1px solid #D9E0EB;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: -5% 0 0 95%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
	border: 1px solid #002E78;
}
/* Menu items are a blue block with padding and no text decoration */
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	background: url(Images/link.jpg) repeat-x ;
	color: black;
	padding: 8px 0px 8px 30px;
	font-weight: bold;
	text-decoration: none;
}
/* Menu items that have mouse over or focus have a light blue background and dark blue text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus, ul.MenuBarHorizontal a.on
{
	background: url(Images/navback.jpg) no-repeat;
	text-decoration: underline;
	color: black;
}


/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-color: #D9E0EB;
	color: #black;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{

	background-image: url(SpryAssets/SpryMenuBarDownHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;

}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
	background-image: url(SpryAssets/SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-image: url(SpryAssets/SpryMenuBarDownHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-image: url(SpryAssets/SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}