html {font-size: 100%} /* IE hack */
body {padding: 0; margin: 0; font: small Verdana, Arial, Helvetica, sans-serif; background: #fff url(../media/bkgrnd.jpg) repeat-x center top; color: #333}
* html body {font-size: x-small; /* for IE5/Win */
  f\ont-size: small /* for other IE versions */}
img {border: none}

.store_items_image img {border: 1px solid #999}

#header {width: 799px; margin: 0 auto; height: 102px}
.logo {width: 290px; margin: 20px 0 0 10px; float: left}
.slogan {float: right; margin: 20px 10px 0 0; width: 400px; text-align: right}
#header .slogan h1 {font-weight: normal; font-size: 2em; margin: 0; color: #960; line-height: 1em}
#contentwrap {width: 800px; margin: 0 auto; font-size: 90%}
.lftcol {width: 180px; float: left; padding: 10px}
.lftcol h2 {font-weight: normal; color: #960; font-size: 140%; margin: 0}
.colbox {background-color: #e3d7d0; padding: 5px; margin-bottom: 10px}
.content {float: left; width: 579px; border-left: 1px solid #fff; padding: 10px}

/* for understanding browsers */
.content {min-height: 400px; height: auto}

/* for Internet Explorer */
/*\*/
* html .content {height: 400px}
html> .content {height: auto; min-height: 400px}
/**/

.content h1 {font-weight: normal; font-size: 2em; margin: 0; color: #960}
.footer {text-align: center; font: 80% Verdana, Arial, Helvetica, sans-serif; width: 799px; clear: both; float: left; background: url(../media/footer.jpg) repeat-x; padding: 20px 0}
.footerwrap {width: 800px; margin: 0 auto}
#store_itemdetail {width: 55%; float: left}
.search_itemdetail {width: 65%; float: left}
#store_item {margin: 20px 0 10px}
#store_item_image {width: 40%; float: left; margin-right: 10px}
.store_items_image {width: 30%; float: left; margin-right: 10px}
.store_items_itembox a, .featured_items_itembox a {color: #960; border: none}
#comments_submitbox {background-color: #ECE3D2; padding: 5px; margin-top: 10px 0 10px}
.item_comment {margin-top: 20px; padding-top: 10px; border: 1px dashed #666}
.order_link {display: block; float: left; clear: both; margin: 5px 5px 20px 0; padding: 5px; background-color: #DF6F1D; color: #cff; text-decoration: none; border: thin solid #960}
.store_breadcrumb {padding: 2px; clear: both; font-weight: bold}
.store_breadcrumb a {color: #960}
.store_items_itembox, .featured_items_itembox {border-bottom: 1px solid #999; clear: both; margin: 10px 0; float: left; width: 100%; padding-bottom: 10px}
#comments_form legend {display: none}
#comments_form fieldset {border: none}
#comments_form label {display: block; margin-top: 10px}
#comments_form #comment {width: 400px; height: 100px}
.content h2 {
font-weight: normal; color: #960; font-size: 150%; margin: 0
}
.track_row .track_col {
	float: left;
	margin-right: 10px;
	width: 170px;
}
.content .track_row {
	float: left;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 20px;
}
#contentwrap .lftcol ul {
	list-style-type: none;
	margin: 0px 0px 20px;
	padding: 0px;
}
#contentwrap .lftcol li a {
	margin-bottom: 2px;
	margin-top: 2px;
	background-color: #E3D7D0;
	padding: 3px;
	text-decoration: none;
	display: block;
	color: #CC6600;
	margin-right: 0px;
	margin-left: 0px;
}
#contentwrap .lftcol li a:hover {
	background-color: #976B5E;
	text-decoration: none;
	color: #EBE4DC;
}
.messages {
	margin-bottom: 10px;
	padding-bottom: 10px;
	height: 25px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #B9996A;
	float: left;
	width: 560px;
}
.messages .date {
	float: left;
	margin-right: 10px;
	width: 65px;
	height: 50px;
}
.messages .message_name {
	float: left;
	margin-right: 10px;
	width: 325px;
}
.messages .pdf {
	float: left;
	height: 50px;
	width: 45px;
	margin-right: 5px;
}
.messages .word {
	float: left;
	height: 50px;
	width: 45px;
	margin-right: 5px;
}
.messages .mp3 {
	float: left;
	height: 50px;
	width: 45px;
	margin-right: 5px;
}