﻿/* --- Hansen Guitars */
body {
	font-size: 12px;
	font-family: Verdana, Helvetica, Sans-Serif;
	color: #c0c0c0;
	background: url("images/body.jpg");
	background-repeat: repeat-x;
	background-color: #2C304A;
	margin: 0px 0px 0px 0px;
}
/* --- Default HTML Elements */
table {
	font-size: 12px;
}
img {
	border: 0px solid #000080;
}
hr {
	color: #c0c0c0;
	background-color: #c0c0c0;
	height: 1px;
	border-width: 0px;
}
form {
	margin: 0px 0px 0px 0px;
}
/* --- Default Links */
a {
	color: #669999;
	text-decoration: underline;
}
a:visited {
	color: #669999;
}
a:active {
	color: #c0c0c0;
	text-decoration:none;
}
/* --- Outside Wrapper */
#OutterWrapper {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 972px;
	border-top: transparent 0px solid;
	border-left: transparent 0px solid;
	border-right: transparent 0px solid;
	border-bottom: #000 1px solid;
	background: url("images/wrapper.png") transparent repeat-y;
}
/* --- Outside Container */
.BodyContainer {
	text-align: center;
	width: 960px;
	border-top: #808080 0px solid;
	border-left: #154215 0px solid;
	border-right: #154215 0px solid;
	border-bottom: #154215 0px solid;
	margin: auto auto auto auto;
	background-color: #130F1D;
}
/* --- Main Page Container */
.MainContainer {
	width: 100%;
	text-align: left;
	margin: 0px 5px 5px 5px;
}
/* --- Page Content Container DIV*/
.PageContainer {
	width: auto;
	text-align: left;
	color: #c0c0c0;
	margin-left: 15px;
	margin-right: 15px;	
	margin-top: 15px;
	margin-bottom: 25px;
}
.PageContainer table {
	color: #c0c0c0;
}
/* --- Page Header -  Top of content pages */
#CatTitle {
	float: left;
	width: 195px;
	text-align: left;
	margin-left: 10px;
	margin-right: auto;
	font-weight: normal;
	font-size: 12px;
}
#PageTitle {
	float: left;
	text-indent: 5px;
	font-weight: normal;
	font-size: 14px;
}
.PageBack {
	float: right;
	font-size: 12px;
	font-weight: normal;
	margin-right: 50px;
	margin-left: 15px;
}
.PageBack a:link {
	font-size: 12px;
}
.PageHeader {
	font-size: 14px;
	width: auto;
	height: 35px;
	color: #fff;
	text-align: left;
	text-indent: 10px;
	line-height: 30px;
	vertical-align: middle;
	background: url('images/pageheader.jpg') repeat-x transparent;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 0px;
}
.PageHeader a {
	font-size: 12px;
	color: #f0f0f0;
}
.PageHeader a:visited {
	color: #f0f0f0;
}
.PageHeader a:hover {
	color: #fff;
	text-decoration: underline;
}
.PageHeader a:active {
	color: #A28865;
	text-decoration: none;
}
/* --- Header - Top of all pages */
#Header {
	width: 100%;
	height: 118px;
	color: #c0c0c0;
	background: #130F1D url('images/header.jpg') repeat-x;
	border-top: #000 0px solid;
	border-left: #000 0px solid;
	border-right: #000 0px solid;
	border-bottom: #111111 2px solid;
	margin-top: 0px;
	margin-bottom: 7px;
}
/* --- Header - Logo Area */
#LogoArea {
	position: absolute;
	width: 400px;
	height: 110px;
	top: 1px
}
#LogoBlurb {
}
#HeaderSearch {
	float: right;
	margin-right: 55px;
	margin-top: 45px;
}
/* --- Header - Navigation */
#NavRowHeader {
	padding-top: 0px;
	text-align: center;
}
#NavRowHeader a {
	font-size: 12px;
	color: #c0c0c0;
	text-decoration: none;
}
#NavRowHeader a:visited {
	color: #c0c0c0;
}
#NavRowHeader a:hover {
	color: #fff;
	text-decoration: none;
	border-top: #c0c0c0 1px solid;
	border-bottom: #c0c0c0 1px solid;	
	background-color: #000;
}
#NavRowHeader a:active {
	color: yellow;
}
/* --- Header - Search Area */
#SearchForm {
	margin-top: 5px;
	text-align: center;
	font-weight: normal;
	font-size: 10px;
}
#SearchForm img {
	margin-bottom: 3px;
	height: 21px;
	width: 56px;
}
#SearchForm a {
	font-size: 10px;
	color: #c0c0c0;
	text-decoration: none;
}
#SearchForm a:visited {
	color: #c0c0c0;
}
#SearchForm a:hover {
	color: #fff;
	text-decoration: underline;
}
#SearchForm a:active {
	color: #A28865;
}
#SearchInput {
	height: 17px;
	line-height: 17px;
	vertical-align: middle;
	background: #000;
	color: #c0c0c0;
	font-size: 12px;
	font-weight: normal;
	font-family: Verdana, Helvetica, Sans-Serif;
	padding-left: 3px;
	text-align: left;
	border-bottom: 1px #c0c0c0 solid;
	border-top: 1px #c0c0c0 solid;
	border-left: 0px #000 solid;
	border-right: 0px #000 solid;
}
#GoButton {
	vertical-align: middle;
	width: 50px;
}
/* --- Footer -  Bottom of all pages */
#Footer {
	width: auto;
	height: 20px;
	color: #333333;
	font-weight: bold;
	background: #130F1D url('images/footer.jpg');
	text-align: center;
	border-top: #808080 0px solid;
	border-left: #000 0px solid;
	border-right: #000 0px solid;
	border-bottom: #000 3px solid;
}
#Footer a {
	font-size: 12px;
	color: #c0c0c0;
	text-decoration: none;
}
#Footer a:visited {
	color: #c0c0c0;
}
#Footer a:hover {
	color: #fff;
	text-decoration: none;
	border-top: #fff 1px solid;
	border-bottom: #fff 1px solid;	
	background-color: #2F6B40;
}
#Footer a:active {
	color: #dfdfdf;
}
#Copyright {
	text-align: center;
	width: auto;
	font-size: 10px;
	color: #dfdfdf;
	margin-top: 10px;
	margin-bottom: 0px;
}
#Copyright a {
	font-size: 10px;
	color: #dfdfdf;
	text-decoration: underline;
}
#Copyright a:visited {
	color: #dfdfdf;
}
#Copyright a:hover {
	color: #f0f0f0;
}
#Copyright a:active {
	color: #fff;
	text-decoration: none;
}
/* --- Inspect Page */
#InspectComment {
	margin-bottom: 15px;
}
#CommentText {
	font-size: 14px;
}
#ContactLink {
	margin-bottom: 10px;
}
#OnSaleText {
	font-size: 14px;
}
#InspectPrice {
	width: 100%;
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	background-color: #000;
	border-bottom: 1px #c0c0c0 solid;
	position: relative;
	padding: 5px 5px 5px 5px;
}
#InspectShipping {
	width: 100%;
	color: #c0c0c0;
	position: relative;
	padding: 5px 5px 5px 5px;
}
#InspectButtons {
	position: relative;
	padding: 5px 5px 5px 5px;
}
#InspectButtons input {
	font-size: 12px;
	color: navy;
	position: relative;
}
#InspectContent {
	color: #c0c0c0;
	background-color: #251D38;
	font-size: 14px;
	width: 595px;
	position: relative;
	padding: 10px 25px 25px 25px;
	border-top: #333333 1px solid;
	border-left: #333333 1px solid;
	border-right: #333333 1px solid;
	border-bottom: #333333 1px solid;	
}
#InspectAttach {
	top: 15px;
	padding: 15px 15px 15px 0px;
	position: relative;
}
#InspectGallery {
	width: 95%;
	margin-top: 15px;
	position: relative;
}
#InspectGallery img {
	border-top: #333333 1px solid;
	border-left: #333333 1px solid;
	border-right: #333333 1px solid;
	border-bottom: #333333 1px solid;			
}
#InspectGallery img:hover {
	border-top: #c0c0c0 1px solid;
	border-left: #c0c0c0 1px solid;
	border-right: #c0c0c0 1px solid;
	border-bottom: #c0c0c0 1px solid;			
	
}
#InspectImage {
	margin-top: 15px;
	position: relative;
}
#InspectImage img {
	border-top: #333333 1px solid;
	border-left: #333333 1px solid;
	border-right: #333333 1px solid;
	border-bottom: #333333 1px solid;		
}
#LOADING {
	display: none;
}
#LOADING img {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 50px;
	height: 50px;
	border-top: transparent 1px solid;
	border-left: transparent 1px solid;
	border-right: transparent 1px solid;
	border-bottom: transparent 1px solid;			
	
}
#InspectNavArea {
	position: relative;
	margin-top: 15px;
}
#InspectNavTitle {
	color: #f0f0f0;
	font-size: 14px;
	position: relative;
	padding: 2px 3px 4px 3px;
}
#InspectNavLinks {
	width: 100%;
	color: #dfdfdf;
	background-color: #000;
	position: relative;
	padding: 2px 3px 4px 3px;
}
#InspectNavLinks a {
	color: #dfdfdf;
}
#InspectNavLinks a:hover {
	color: #fff;
}
#AdminRow {
	float: right;
	position: relative;
	z-index: 1;
	font-size: 10px;
	font-weight: bold;
	margin-right: 0px;
}
#AdminRow a {
	font-weight: normal;
}
/* --- Policy Page - Also used on many content areas */
.PolicyHeader {
	width: auto;
	color: #dfdfdf;
	background-color: #000;
	line-height: 20px;
	text-align: left;
	padding-left: 5px;
	font-weight: normal;
	border-bottom: #c0c0c0 1px solid;
}
.PolicyHeader table {
	font-size: 12px;
	color: #fff;
}
.PolicyHeader a {
	font-size: 12px;
	color: #fff;
	text-decoration: underline;
	font-weight: normal;
}
.PolicyHeader a:visited {
	color: #fff;
}
.PolicyHeader a:hover {
	color: #dfdfdf;
	text-decoration: underline;
}
.PolicyHeader a:active {
	color: #fff;
	text-decoration: underline;
}
.PolicyContent {
	font-size: 14px;
	background-color: #251D38;
	width: auto;
	position: relative;
	text-align: left;
	color: #c0c0c0;
	padding: 15px 15px 20px 15px;
}
.PolicyContent table {
	color: #c0c0c0;
}
#AboutContent {
	text-align: left;
}
#AboutContent img {
	border: 0px #fff solid;
}
/* --- Main Page Table */
.MainPageTable {
	width: 96%;
	text-align: left;
	color: #c0c0c0;
	padding: 0px 0px 0px 0px;
}
/* --- Main Page Table Cell - Fixed width must equal CatColumn and BodyContainer*/
.MainPageCell {
	width: 745px;
	text-align: left;
}
/* --- Catalog Column - Navigation */
.CatColumn {
	width: 215px;
	color: #c0c0c0;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	text-align: left;
	background: transparent url('images/catcolumn.jpg') repeat-x;
}
.CatDropdown {
	font-size: 14px;
	color: #000;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 20px;	
}
#CatName {
	color: #f0f0f0;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 20px;
}
.CatContent {
	font-size: 12px;
	color: #c0c0c0;
	top: 5px;
	margin: 15px 0px 0px 0px;
	text-align: left;
}
.CatContent div {
	padding-left: 20px;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
}
.CatContent div:hover {
	background-color: #251D38;
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
}
.CatContent img {
	border: 0px #000 solid;
}
.CatLink {
	line-height: 25px;
}
.CatContent p {
	margin-bottom: 8px;
	margin-top: 5px;
}
.CatContent a {
	font-size: 14px;
	color: #c0c0c0;
	font-weight: normal;
	text-decoration: none;
}
.CatContent a:visited {
	color: #c0c0c0;
}
.CatContent a:hover {
	color: #fff;
	text-decoration: none;
	font-weight: normal;
}
.CatContent a:active {
	background: #000;
	color: #fff;
	text-decoration: none;
	border-top: #c0c0c0;
	border-bottom: #c0c0c0;
}
/* --- Data Record - Table*/
.TableRecord {
	font-size: 12px;
	color: #c0c0c0;
	background-color: #251D38;
	border-right: #003774 0px solid;
	border-top: #003774 0px solid;
	border-left: #003774 0px solid;
	border-bottom: #003774 0px solid;
	margin-top: 15px;
	margin-bottom: 15px;
}
.TableRecord img {
	border-right: #333333 1px outset;
	border-top: #333333 1px outset;
	border-left: #333333 1px outset;
	border-bottom: #333333 1px outset;
}
.TableRecord img:hover {
	border-right: #c0c0c0 1px outset;
	border-top: #c0c0c0 1px outset;
	border-left: #c0c0c0 1px outset;
	border-bottom: #c0c0c0 1px outset;
}
.TableRecord a {
	font-size: 14px;
	font-weight: normal;
	color: #f0f0f0;
}
.TableRecord a:visited {
	color: #f0f0f0;
}
.TableRecord a:hover {
	color: #fff;
	text-decoration: none;
	border-top: #c0c0c0 1px solid;
	border-bottom: #c0c0c0 1px solid;	
	background-color: #000;
}
.TableRecord a:active {
	color: #808080;
}
.RecordContent {
	margin-left: 10px;	
}
#CatHeader {
	color: #fff;
	font-weight: bold;
	font-size: 14px;
}
/* --- Control Link for TableRecord */
a.RecordControl {
	font-size: 10px;
	color: #c0c0c0;
}
.RecordDescription {
	font-size: 12px;
	color: #c0c0c0;
}
.RecordNumber {
	font-size: 12px;
	color: #c0c0c0;
}
.RecordPrice {
	color: #174F18;
	font-size: 14px;
	font-weight: normal;
}
.RecordPrice a {
	font-size: 12px;
}
/* --- Featured Record Items */
#FeaturedItems {
	width: auto;
	height: 225px;
	background: url("images/bodycontainer.jpg") repeat-y transparent;
	margin-left: 0px;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 25px;
	border-top: 0px #222222 solid;
	border-bottom: 0px #222222 solid;
	border-left: 0px #222222 solid;
	border-right: 0px #222222 solid;			
}
#FeaturedItems table {
	width: auto;
	font-size: 12px;
	color: #c0c0c0;
}
a.FeaturedLink {
	color: #124925;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;	
}
a.FeaturedLink:visited {
	color: #124925;
}
a.FeaturedLink:hover {
	color: #fff;
	text-decoration: none;
	font-weight: normal;
}
a.FeaturedLink:active {
	color: #c0c0c0;
}
#FeaturedRecord {
	width: auto;
	background-color: transparent;
	padding: 4px 4px 4px 4px;
	margin-left: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
	line-height: 13px;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
}
#FeaturedItems div:hover {
	background: #FAF8F5 url('images/paper.jpg');
	border-top: 1px #222222 solid;
	border-bottom: 1px #222222 solid;
	border-right: 1px #222222 solid;	
}
#SlideFrameWrapper {
	background: #0D0B08 url("images/tblrecords.jpg");
	width: auto;
	position: relative;
	text-align: left;
	color: #c0c0c0;
	padding: 10px 10px 10px 10px;
	margin-right: 20px;
}
#PosterPic {
	margin-top: 10px;
	margin-left: 0px;
	border-top: 1px #000 solid;
	border-left: 1px #000 solid;
	border-right: 1px #000 solid;
	border-bottom: 1px #000 solid;
}
#HomeContent {
	width: auto;
	color: #c0c0c0;
	text-align: left;
	margin-top: 0px;
	margin-right: 25px;
	margin-left: auto;
	margin-bottom: 25px;
	position: static;
}
#HomeColumn {
	width: 200px;
	text-align: center;
	margin: 30px 10px auto auto;
	float: right;
}
/* --- Showcase / Highlight Items */
#SpotlightArea {
	color: #fff;
	text-align: center;
	position: relative;
	margin-top: 15px;
	margin-left: 25px;
	margin-right: 15px;
	margin-bottom: 25px;
	float: right;
}
#SpotlightArea table {
	color: #fff;
	font-weight: bold;
}
#SpotlightArea img {
	border-top: 0px #000 solid;
	border-left: 0px #000 solid;
	border-right: 0px #000 solid;
	border-bottom: 0px #000 solid;
	margin-top: 5px;
}
.BoxTop {
	width: 415px;
	height:  20px;
	background: url('images/boxtop.jpg');
}
.BoxBottom {
	width: 415px;
	height:  20px;
	background: url('images/boxbottom.jpg');
}
#ShowcaseNine {
	width: 415px;
	text-align: left;
	background-color: #251D38;
	padding-top: 5px;
	padding-bottom: 5px;
}
#ShowcaseNine table {
	text-align: center;
	margin: auto auto auto auto;
}
#ShowcaseNine img {
	margin-top: 4px;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
	border-right: #000 1px solid;
	border-top: #000 1px solid;
	border-left: #000 1px solid;
	border-bottom: #000 1px solid;
}
#ShowcaseNine img:active {
	border-right: #c0c0c0 1px solid;
	border-top: #c0c0c0 1px solid;
	border-left: #c0c0c0 1px solid;
	border-bottom: #c0c0c0 1px solid;
}
#ShowcaseNine img:hover {
	border-right: #c0c0c0 1px solid;
	border-top: #c0c0c0 1px solid;
	border-left: #c0c0c0 1px solid;
	border-bottom: #c0c0c0 1px solid;
}
#QuickLinks {
	width: 190px;
	margin-right: 40px;
	padding: 10px 10px 10px 10px;
}
/* --- Special Form Elements */
.SmallButton {
	font: 7pt Verdana;
	color: #000080;
}
/* --- Basket */
#BasketButtons {
	background: url('images/pageheader.jpg') repeat-x;
}
#BasketButtons input {
	font-size: 12px;
}
#BasketTotals {
	width: auto;
	font-size: 12px;
	margin-right: 20px;
	margin-left: 20px;
}
#BasketEmpty {
	font-size: 14px;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}
/* --- Basket Records */
#BasketRecord {
	line-height: 25px;
	width: 100%;
	text-align: left;
	font-size: 12px;
	color: #dfdfdf;
}
#BasketRecord input {
	font: 10px Tahoma;
	color: #000080;
}
#BasketRecord table {
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	border-right: #000 1px dotted;
	border-top: #000 0px dotted;
	border-left: #000 1px dotted;
	border-bottom: #000 0px dotted;
}
/* --- Paging Links */
#PagingLinks {
	font-size: 12px;
	color: #c0c0c0;
}
/* --- PreviewContainer */
#PreviewContainer {
	background: #f0f0f0;
}
/* --- Online counter.asp */
#AppCounter {
	background: #f0f0f0;
	color: #000080;
}
#FavoriteLinks {
	margin-bottom: 10px;
}
#FavoriteLinks a {
	font-size: 14px;
	font-family: Tahoma;
	color: #fff;
	font-weight: normal;
}
#SmallBanner {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 35px;
}
#UpdateDate {
	font-weight: normal;
}
#siteseal {
	float: right;
	text-align: center;
	position: static;
	margin-top: 10px;
	margin-right: 40px;
}
#AuthorizeNetSeal {
	font-size: 10px;
	text-align: center;
	float: right;
	margin-right: 10px;
}
a.ToolTip span {
	display: none;
	padding: 5px 5px 5px 5px;
	margin-top: -15px;
	margin-left: -10px;
	width: auto;
	background-color: #000;
	border-top: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	font-size: 14px;
	font-weight: normal;
	color: #c0c0c0;
}
a.ToolTip:hover span {
	z-index: 1;
	display: inline;
	position: absolute;
}
