﻿
img, ol, ul, li { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ol, ul { list-style: none; }

ul.bullet { list-style: disc;}

body 
{
	background-color: #A1A1A1;
	color: #333333;
	font-family: Arial;
	font-size: 10pt;
	padding: 0;
	margin: 0;
}

.masterContent
{
	background-color: White;
	padding: 10px 0 10px 0;
}

.pageContent
{
    position: relative;
	margin-left: 20px;
}

.menuContent
{
	float: left;
	width: 140px;
	margin-right: 8px;
}

.mainContent
{
	float: left;
	width: 790px;
}

/* main menu */
ul.mainMenu
{
	display: block;
	height: 30px;
}

ul.mainMenu li
{ 
	float: left;
	list-style: none;
}

/* header */
#headerBox
{
	 width: 100%; 
	 padding-top: 5px; 
	 padding-bottom: 5px;
}

/* main header */
.mainHeader
{
    position: relative;
    height: 90px;
    width: 940px;
    margin: 0 auto;
    font-size: 8pt;
    font-weight: bold;
    line-height: 1.2em;
}

.mainHeader .homeLogo 
{
    position: absolute;
    top: 0;
    left: 0;
}
.mainHeader .freeShipping
{
    position: absolute;
    top: 0;
    left: 335px;
    color:#c28d4e; 
}
.mainHeader .freeShippingText
{
    position: absolute;
    top: 0;
    left: 490px;
    color:#c28d4e; 
}
.mainHeader .policyLinks
{
    position: absolute;
    top: 35px;
    left: 335px;
}
.mainHeader .cartLink
{
    position: absolute;
    top: 10px;
    right: 225px;
}
.mainHeader .searchBox
{
    position: absolute;
    top: 5px;
    right: 0;
}
.mainHeader .socialBarContainer
{
    position: absolute;
    top: 45px;
    right: 0;
}
.headerLink a
{
	text-decoration: none;
}

.headerLink a:link
{
	text-decoration: none;
}

.headerLink a:visited
{
	text-decoration: none;
}

.headerLink a:hover
{
	text-decoration: none;
}

.headerLink a:active
{
	text-decoration: none;
}

a.cartLink
{
    color: #7a5538;
    font-size: 12px;
}

a.cartLink:link
{
	text-decoration: none;
}

a.cartLink:visited
{
	text-decoration: none;
}

a.cartLink:hover
{
	text-decoration: none;
    color: #b78a60;
}

a.cartLink:active
{
	text-decoration: none;
}

/* column menu */
ul.categoryColumnMenu
{
	margin-bottom: 20px;
}

ul.categoryColumnMenu li
{
	font-size: 10px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

ul.categoryColumnMenu li a
{
	text-decoration: none;
}

ul.categoryColumnMenu li a:link
{
	text-decoration: none;
}

ul.categoryColumnMenu li a:visited
{
	text-decoration: none;
}

ul.categoryColumnMenu li a:hover
{
	text-decoration: none;
}

ul.categoryColumnMenu li a:active
{
	text-decoration: none;
}

ul.socialBar
{
    margin-top: 5px;
    float: right;
}

ul.socialBar li
{ 
    float: right;
    margin-left: 5px;
    list-style: none;
}

/* footer links */
div.footerLinks
{
	margin-top: 25px;
	text-align: center;
}
div.footerBox
{
    width: 625px;
    margin: 0 auto;
}

div.footerLinks a
{
	text-decoration: none;
}

ul.footerLinks li
{ 
	float: left;
	list-style: none;
	text-align: center;
	text-transform: uppercase;
	padding: 0 5px;
}

ul.footerLinks li a
{ 
	font-size: 11px;
	text-decoration: none;
}

.centered
{
	margin-left: auto;
	margin-right: auto;
}

#headerBar
{
	height: 45px;
	padding-top: 6px;
	width: 100%;
	margin-bottom: 3px;
}

#searchBar
{
	float: left;
	height: 40px;
	width: 540px;
}

#searchBarLeft
{
	margin-left: 10px;
	float: left;
	height: 40px;
	width: 10px;
}

#searchBarMiddle
{
	height: 40px;
	padding-top: 8px;
	margin-left: 10px;
	margin-right: 20px;
}

#searchBarRight
{
	float: right;
	height: 40px;
	width: 20px;
}

.goButton
{
	position: relative;
	top: 1px;
}

h1 
{
	color: #444444;
	font-family: Arial;
	font-size: 16pt;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

h2, h3
{
	color: #444444;
	font-family: Arial;
	font-size: 14pt;
	font-weight: bold;
	padding: 0;
	margin: 0;
	
}

h4
{
	color: #333333;
	font-family: Arial;
	font-size: 12pt;
	font-weight: bold;
	padding: 0;
	margin: 0;
	
}

h5, h6
{
	color: #333333;
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	padding: 0;
	margin: 0;
	
}

.centered
{
	margin-left: auto;
	margin-right: auto;
}

#headerBar
{
	height: 45px;
	padding-top: 6px;
	width: 100%;
	margin-bottom: 3px;
}

#searchBar
{
	float: left;
	height: 40px;
	width: 540px;
}

#searchBarLeft
{
	margin-left: 10px;
	float: left;
	height: 40px;
	width: 10px;
}

#searchBarMiddle
{
	height: 40px;
	padding-top: 8px;
	margin-left: 10px;
	margin-right: 20px;
}

#searchBarRight
{
	float: right;
	height: 40px;
	width: 20px;
}

a:link
{
	text-decoration: underline;
	color: #333333;
}

a:visited
{
	text-decoration: underline;
	color: #333333;
}

a:active 
{
	text-decoration: underline;
	color: #333333;
}

a:hover
{
	text-decoration: underline;
	color: #7C6A54;
}

.underlinedLink a:link
{
	text-decoration: underline;
	color: #333333;
}

.underlinedLink a:visited
{
	text-decoration: underline;
	color: #333333;
}

.underlinedLink a:active 
{
	text-decoration: underline;
	color: #333333;
}

.underlinedLink a:hover
{
	text-decoration: underline;
	color: #7C6A54;
}

.gridLink a:link
{
	font-size: small;
	font-weight: normal;
	text-decoration: none;
	color: #333333;
}

.gridLink a:visited
{
	font-size: small;
	font-weight: normal;
	text-decoration: none;
	color: #333333;
}

.gridLink a:active 
{
	font-size: small;
	font-weight: normal;
	text-decoration: none;
	color: #333333;
}

.gridLink a:hover
{
	font-size: small;
	font-weight: normal;
	text-decoration: none;
	color: #333333;
}

.justified
{
	text-align: justify;
}

.content
{
	background-color: White;
}

.artistColumn
{
	padding: 10px;
	background-color: #DFDBDB;
}

.categoryColumn
{
	padding: 10px;
	background-color: #DFDBDB;
}

.mainColumn
{
	padding: 10px;
	background-color: #DFDBDB;
}

.optionHeader
{
	font-weight: bold; 
	font-size: medium;
}

.cartHeader
{
	text-decoration: underline;
	font-weight: bold;
}

.cartText
{
	font-size: small;
}

.cartText td
{
	font-size: small;
}

.formTable
{
	border-collapse: collapse;
	background-color: #FFFFFF;
}

.formTable td
{
	border: solid 1px #C9C9C9;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
}

.numeric
{
	text-align: right;
}

.readOnly
{
	background-color: #E2E0E1;
}

.readOnlyDiv
{
	background-color: #E2E0E1;
	padding: 5px;
	border: inset 2px;
	text-decoration: none;
	font-size: small;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}

.wizard, 
.normal
{
	background-color: #FFFFFF;
	border: solid 1px #C9C9C9;
}

.wizard table, 
.wizardNoBorder table, 
.normal table,
.normalNoBorder table
{
	width: 100%;
	border-collapse: collapse;
}

.wizard table table th,
.normal th
{
	color: #5B554B;
	font-size: larger;
	background-color: #E2E0E1;
	padding-top: 3px;
	padding-bottom: 5px;
}

.wizard table table td,
.wizardNoBorder table table td,
.normal td,
.normalNoBorder td
{
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

.wizard input[type="text"], input[type="password"], select
{
	width: 100%;
}

.wizardNoBorder input[type="text"], input[type="password"], select
{
	width: 100%;
}

.normal input[type="text"], input[type="password"], input[type="file"], select, textarea
{
	width: 100%;
}

.normalNoBorder input[type="text"], input[type="password"], input[type="file"], select, textarea
{
	width: 100%;
}

.normalHeader
{
	color: #5B554B;
	background-color: #E2E0E1;
	padding-top: 3px;
	padding-bottom: 5px;
	text-align: center;
}

.normalBottom
{
	border-bottom: solid 1px #C9C9C9;
}

.normalTop
{
	border-top: solid 1px #C9C9C9;
}

.normalRight
{
	border-right: solid 1px #C9C9C9;
}

.normalLeft
{
	border-left: solid 1px #C9C9C9;
}

.detailView input[type="text"], input[type="password"]
{
	width: 16em;
}

.detailView select
{
	width: 16.5em;
}


.gridPadding td
{
	padding: 3px 5px 3px 5px;
}

.showPointer
{
	cursor: pointer;
}

.artistTitle
{
	font-size: large;
}

.bold
{
	font-weight: bold;
}

.superLight
{
	color: #878686;
}

.superLight a:link
{
	text-decoration: none;
	color: #878686;
}

.superLight a:visited
{
	text-decoration: none;
	color: #878686;
}

.superLight a:active 
{
	text-decoration: none;
	color: #878686;
}

.superLight a:hover
{
	text-decoration: none;
	color: #7C6A54;
}

.extraLight
{
	color: #717070;
}

.extraLight a
{
	color: #717070;
}

.light
{
	color: #444444;
}

.light a
{
	color: #444444;
}

.dark
{
	color: #333333;
}

.xxsmall
{
	font-size: .65em;
}

.xsmall
{
	font-size: .75em;
}

.small
{
	font-size: 8pt;
}

.medium
{
	font-size: 10pt;
}

.large
{
	font-size: 12pt;
}

.xlarge
{
	font-size: 1.1em;
}

.xxlarge
{
	font-size: 1.3em;
}

.whiteLink a:link
{
	text-decoration: none;
	color: #E2E0E1;
}

.whiteLink a:visited
{
	text-decoration: none;
	color: #E2E0E1;
}

.whiteLink a:active 
{
	text-decoration: underline;
	color: #E2E0E1;
}

.whiteLink a:hover
{
	text-decoration: underline;
	color: #E2E0E1;
}

.buttonBorder a
{
	border: 2px solid Transparent;
}	

.buttonBorder a:hover
{
	border-left: 2px solid ButtonFace;
	border-top: 2px solid ButtonFace;
	border-right: 2px solid ButtonShadow;
	border-bottom: 2px solid ButtonShadow;
}	

.buttonBorder a:active
{
	border-left: 2px solid ButtonShadow;
	border-top: 2px solid ButtonShadow;
	border-right: 2px solid ButtonFace;
	border-bottom: 2px solid ButtonFace;
}	

.modalBackground 
{
	background-color: Gray;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.modalPopup 
{
	background-color: #FFFFFF;
	border: solid 1px #C9C9C9;
}

.calendarExtender div
{
	background-color: #E2E0E1;
	border: solid 1px #C9C9C9;
}

.calendarExtender div div
{
	border: 0;
}

.calendarExtender div td
{
	font-weight: normal;
	padding: 0;
}

.waterMark
{
	background-color: #F5F5F5;
}

#headerBar
{
	background-color: #5C8295;
}

#searchBarLeft
{
	background-image: url(Images/SearchBar_01.gif);
	background-repeat: no-repeat;
}

#searchBarMiddle
{
	color: White;
	font-weight: bold;
	background-image: url(Images/SearchBar_02.gif);
	background-repeat: repeat-x;
}

#searchBarRight
{
	background-image: url(Images/SearchBar_04.gif);
	background-repeat: no-repeat;
}
