html, body { margin: 0; padding: 0; }

body { background-color: #8A6E47; color: #666666; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; }

p { margin-top: 1em; margin-bottom: 1em; }

hr { height: 1px;}


h3 { margin: 0; padding: 0; line-height: 100%; letter-spacing: -0.05em; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 1.8em; color: #333333; }

h3.processTitle { color: #5C3D1B; }

div#ukuleleIntro { background: #B18C55; } 

.leftContentBlock, .leftContentBlock  p { color: #ffffff; }
div.leftContentBlock{ overflow: auto; width: 213px; height: 309px; padding-right: 5px; }
	
#stepsList { list-style-type: none; width: 554px; height: 30px; margin: auto; padding: 0; font-size: 0.9em;}
	#stepsList li { float: left; padding: 7px; border-bottom: 1px solid #ececec; }
		#stepsList li span { font-size: 1.2em; color: #666666; }
		#stepsList li.leftBorder { border-left: 1px solid #cccccc; }
		#stepsList li.arrows { padding: 6px 6px 6px 6px; }
	#stepsList li a { text-decoration: none; }
		#stepsList li strong { font-size: 1.4em; }
		#stepsList li a:hover span, #stepsList li.selectedStep span { color: #b28d56; }
		
#processList { list-style-type: none; margin: 20px 0 0 0; padding: 0; }
	#processList li { clear: both; }
	#processList li span { float: left; font-size: 1.6em; color: #333333; width: 134px; border-top: 1px solid #f0f0f0; padding: 10px 0; margin-left: 3px; }
	#processList li a { text-decoration: none; margin-left: 10px; }
		#processList li a img { position: relative; top: 16px; float: left; visibility: hidden; }
		#processList li a:hover { background: url(Images/process/rightArrow_brown.gif) no-repeat; cursor: pointer; }
		#processList li a:hover span, #processList li.selectedStep span { color: #5b3d1a; }
		#processList li a:hover img,  #processList li.selectedStep a img { visibility: visible; }
		
a.soundClipTitle { display: block; text-decoration: none; font-size: 1.3em; color: #9C8055; font-weight: bolder; border-top: 1px solid #f0f0f0; padding: 7px 0; }
div.soundClipHeading { padding: 10px; font-size: 1.3em; font-weight: bold; }

a, a:link, a:visited{ text-decoration: none; color:#666; }
a:hover{ color:#B28D56; }

a.add_to_cart, a.add_to_cart:link, a.add_to_cart:visited{ text-decoration: none; color:#666; }
a.add_to_cart:hover{ color:#B28D56; }

a img{ border: 0px solid; }

h4{
	background: #92764B;
	color: #FFF;
	font-size: 9pt;
	font-weight: normal;
	padding: 1px;
	padding-left: 5px;
	width: 315px;
}

p.form_field{
	width: 315px;
	height: 16px;
}

.left{ float: left;	}
.right{ float: right; }

input.continue_form_but{
	width: 89px;
	height: 29px;
}
div.two_column{	width: 360px; }
div.two_column p{ width: 315px; }

.productListing-heading { background: #92764B; color: #FFF; font-weight: bold;}
.productListing-data { }
.productListing-data input { background: #FFF; border: 1px solid #999; }
div#cart_side_buts { float: right; padding: 0px; margin: 0px; margin-top: 3px;}
div#cart_side_buts ul { list-style: none; padding: 0px; margin: 0px;}

a.black:link {
	color: #333333;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	text-decoration: underline;
}
a.black:active {
	color: #333333;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
a.black:visited {
	color: #333333;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	text-decoration: underline;
}
a.black:hover {
	color: #999999;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	text-decoration: underline;
}
a.brown:link {
	font-weight: bolder;
	color: #877405;
	text-decoration: underline;
}
a.brown:active {
	font-weight: bolder;
	color: #877405;
}
a.brown:visited {
	font-weight: bolder;
	color: #877405;
}
a.brown:hover {
	font-weight: bolder;
	color: #BBA006;
}
a.brownsmall:link {
	font-weight: bolder;
	color: #877405;
	text-decoration: none;
	line-height: 12px;
	font-size: 10px;
}
a.brownsmall:active {
	font-weight: bolder;
	color: #877405;
}
a.brownsmall:visited {
	font-weight: bolder;
	color: #877405;
	text-decoration: none;
}
a.brownsmall:hover {
	font-weight: bolder;
	color: #BBA006;
}
a.darkbrown:link {
	font-weight: bolder;
	color: #3C2011;
	text-decoration: underline;
}
a.darkbrown:active {
	font-weight: bolder;
	color: #877405;
}
a.darkbrown:visited {
	font-weight: bolder;
	color: #877405;
}
a.darkbrown:hover {
	font-weight: bolder;
	color: #BBA006;
}
.bodyWhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
}
.bodyBlack {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 14px;
}
.bodyBlackLarge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	line-height: 16px;
	font-weight: bolder;
}
.bodyUnderline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	line-height: 16px;
	text-decoration: underline;
}
.bodyGreen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1F4A26;
	line-height: 14px;
}
.bodyBrownLarge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3C2011;
	line-height: 20px;
}
.bodyRedLarge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #E73B06;
	line-height: 20px;
}
.bodyGreenLarge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #10431B;
	line-height: 20px;
}
.bodyGuestPics {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	line-height: 20px;
	border-top-color: #E0D7A3;
	border-right-color: #E0D7A3;
	border-bottom-color: #E0D7A3;
	border-left-color: #E0D7A3;
}
.bodySmallFont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	line-height: 15px;
}
.bodySmallFontWhite{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 15px;
	font-weight: bolder;
}
.bodySmallFontWhite a, .bodySmallFontWhite a:visited{
	color: #FFFFFF;
}
.bodySmallFontWhite a:hover{
	color: #B28D56;
}
.bodySmallFont a, .bodySmallFont a:visited{
	color: #333;
}
.bodySmallFont a:hover{
	color: #FFF;
}