html, body {
  height:100%;
  margin: 0;
}
body{
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	font-size: 1em;
	margin:0px;
  margin-right: 210px;
	padding:0px;
	background-color:#C0C0C0;
	text-align:left;
}
.clear{
  clear:both;
}
#productDescription {
  padding: 10px;
}
#productDescription ul li{
  margin-left: 10px;
}


.productPhoto {
  float: left;
  margin: 0 0 0 15px;
  text-align: center;
  background: #d6a431;
}
.productPhoto a {
  padding: 3px 0 3px 0;
  text-decoration: none;
}
.productPhoto a:hover {
  color: red;
  text-decoration: dotted;
}

#cartLink {
  float: right;
  font-size: small;
}

#topBar {
	width: 100%;
	height: 120px;
  font-size:2em;
  vertical-align: middle;
  background:url(images/joegogh-150.png) no-repeat left top;
  padding: 0 0 0 152px;
}
  #topBar h1 {
    height: 100%;
    vertical-align: middle;
  }
  #topBar a {
    text-decoration: none;
    color: darkred;
  }
	#leftMenu{
		width:200px;
    height: 100%;
		padding-left:10px;
		padding-right:10px;
		float:left;
	}
#content{
  padding-left: 10px;
  margin-left: 220px;
}



	#dhtmlgoodies_slidedown_menu li{
		list-style-type:none;
		position:relative;
	}
	#dhtmlgoodies_slidedown_menu ul{
		margin:0px;
		padding:0px;
		position:relative;

	}

	#dhtmlgoodies_slidedown_menu div{
		margin:0px;
		padding:0px;
	}
	/* 	Layout CSS */
	#dhtmlgoodies_slidedown_menu{		
		width:205px;	
	}

	/* All A tags - i.e menu items. */
	#dhtmlgoodies_slidedown_menu a{
		color: #000;
		text-decoration:none;	
		display:block;
		clear:both;
		width:170px;	
		padding-left:2px;	

	}
	
	/*
	A tags 
	*/
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth1{	/* Main menu items */
		margin-top:1px;
		border-bottom:1px solid #000;
		font-weight:bold;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth2{	/* Sub menu items */
		margin-top:1px;
    color: orangered;
    font-weight:bold;
	}
  #dhtmlgoodies_slidedown_menu .slMenuItem_depth2:hover{	/* Sub menu items */
    color: maroon;
  }
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth3{	/* Sub menu items */
		margin-top:1px;
		font-style:italic;
		color:blue;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth4{	/* Sub menu items */
		margin-top:1px;
		color:red;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth5{	/* Sub menu items */
		margin-top:1px;
	}

	/* UL tags, i.e group of menu items. 
	It's important to add style to the UL if you're specifying margins. If not, assign the style directly
	to the parent DIV, i.e. 
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1
	
	instead of 
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul
	*/
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul{
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slideMenuDiv2 ul{
		margin-left:5px;
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slideMenuDiv3 ul{
		margin-left:10px;
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth4 ul{
		margin-left:15px;
		padding:1px;
	}
  
#listingEditor {
  width: 800px;
  text-align: right;
}
  
.menuButtons {
  margin-left: 5px;
  margin-top: 190px;
}
.menuButtons {
  margin-top: 0;
}
.cartButton, .menuButtons a, .menuButtons span {
padding: 4px 28px 4px 28px;
text-align: center;
text-decoration: none;
border: 1px solid;
border-color: #aaa #000 #000 #aaa;
min-width: 95px;
background: #130a4d;
color: white;
font: bold 12px/30px "FB Armada", sans-serif;
}
.cartButton, .menuButtons  a:hover, .menuButtons span {
position: relative;
color: red;
top: 1px;
left: 1px;
border-color: #000 #aaa #aaa #000;
}

.galleryListing {
  margin: 5px 5px 5px 5px;
  float: left;
  width: 250px;
  height: 370px;
  text-align: center;
  border-style:solid;
  border-width:medium;
  background: lightblue;
}

#footer {
  padding: 20px 0 0 20px;
  text-align: center;
}
#footer a {
  font-size: large;
}
