body{

	margin-top:0;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
}

h1 {
font-size:16px;
/*letter-spacing: -1px;*/ 
margin:0px;
margin-bottom:6px;
color:#007da9;
}

h2 {
font-size:16px;
margin:0px;
}

p {
	margin:8px 0 8px 0;
	float:left;
	}

.pclass{
margin:24px 0 2px 30px;
font-size:14px;
color:#007da9;
line-height:18px;
}

#productPageHeader{
float:left;
display:block;
height:26px;
margin:4px 0px 4px 0px;
width:724px;
background-color:#007da9;
font-weight:bold;
font-size:11px;

}

.productPageHeaderText{
padding-left:10px;
padding-top:3px;
color:white;
}

.ls {
letter-spacing: -1px;
}

#maincontainer{
position:relative;
width:982px;
margin:0 auto;

}

#toptopnav a{

	height: 15px;
	font-size:9px;
	color: #FFFFFF;
	text-decoration:none
}

#toptopnav{
margin-bottom:0px;
}

#toptopnav a:hover{
	text-decoration:underline
}

#header {
	background-image: url(image/header4.gif);
	height: 112px;
	width: 982px;
	position:relative;
	float:left;
}

#header2 {
	height: 20px;
	width: 982px;
	position:relative;
	float:left;
	color:#535353;
}

img{

border:0;
}

#logo {
	float:left;
	position: relative;
	left: 25px;
	top: 8px;
	width: 69px;
}

.nav-text {	
	position:relative;
	float:left;
	margin:0 20px 0 67px;
	display:block;
	top: 89px;
	width:240px;
	height: 16px;
	text-align:right;
	color:#efefef;
}

.nav-text a {
	color: #4bb5de;
	text-decoration:none;
}

.nav-text a:hover{
	color:#efefef;
}

.white{
	color:white;
	}
.lightblue{
	color:#b0dced;
}

#search {
	float:left;
	position: relative;
	left: 12px;
	top: 85px;
	width: 222px;
}

#search-adv {
	margin-bottom: 5px;
}

#search-adv a {
	color:#FFFFFF;
	text-decoration:none;
}

#search-adv a:hover {

	color: #333333;
	text-decoration:none;
}

#search-box {
	display:block;
	float:left;
}

#search-box input{
	position:absolute;
	width:174px;
}

.text-box{
	padding-left:3px;
	padding-top:2px;
	height:16px;
	border:1px solid white;
	padding-bottom:2px;
	color:#2f4e5f;
	font-size:14px;

}

#search-go {
	position:relative;
	width:35px;
	float:right;
	padding: 0px;
}

#search-go input{
	}
/*
#cart {

	float:left;
	position: relative;
	left: 405px;
	top: 14px;
	width: 180px;
	color:#000000;
}

#cart-info {
	float:left;
	margin-top: 8px;
	width: 180px;
}
*/

.bluetext {
	color:#1a8bb7;
	display:inline;
}

.basketText {
	color:#ffffff;
	display:inline;
}

#cart-view-cart {

	float:left;
	margin-top: 10px;
	width: 80px;
}

#cart-checkout {

	float:right;
	margin-top: 6px;
	width: 80px;
}

#navbar {
	position: relative;
	float:left;
	height: 23px;
	margin: 0px;
	top:79px;
	left:-68px;
}

.navbarbutt {
	position:relative;
	float:left;
	padding: 0px;
	margin: 0px;
}


#navBarButtViewCart{
	border-left:1px solid white;
}

.sign-in {
	padding-top:6px;
	padding-left:10px;
}

#sidebar {
	width: 250px;
	position: relative;
	float:left;
	display:block;
	background-color: #FFFFFF;
	margin: 4px 0px 0px 0px;
	padding: 4px 0px 4px 0px;
}

#login-login {

	position: relative;
	float:left;
	top: 7px;
	left: 12px;
}

#login-register {

	position: relative;
	float:left;
	top: 7px;
	left: 14px;
}


#sidecontent {

	background-color: #FFFFFF;
	margin-top: 5px;
	padding: 4px 4px 4px 4px;
}
.bluecell {
	display: block;
	float:left;
	height: 26px;
	width:100%;
	background-color: #007da9;
	/* 	#008bc4 - darker but looks crap on high contrast
		#009bcb - old lighter version blue*/
	position: relative;
	padding: 0px;
	margin: 0px;
}

.bluecell img {
	position: relative;
	top: 7px;
	left: 10px;
}
/*
#sidecontent ul	{
	list-style: none;
	margin: 0px;
	padding: 2px 0px 2px 0px;
	border: none;
}

#sidecontent ul	a {

	color:#1a8bb7;
	background-image:url(image/sidebutt.gif);

}

#sidecontent ul	a:hover {

	color:#ffffff;
	background-image:url(image/sidebutt-active.gif);
}

#sidecontent ul li.selected	a {

	color:#ffffff;
	background-image:url(image/sidebutt-active.gif);
}

.sidestylebutt {
	position: relative;
	text-indent:5px;
	display: block;
	margin: 0px;
	padding-top: 4px;
	height: 15px;
	text-decoration: none;
	width: auto;
	font-size: 11px;
}
*/

/*---------------------------------------------------------------------------------*/
#sbuttons {
	position:relative;
	float:left;
	display:block;
	margin: 12px 0px 18px 3px;
	width:244px;
}



.genreClass a {
	position:relative;
	float:left;
	margin:0;
	padding:2px 0px 0px 4px;
	width:240px;
	height:15px;
	background-color: #FFFFFF;
	color:#007da9;
	text-transform:lowercase;
}


.selectedGenreClass a {
	position:relative;
	margin:0px;
	padding:2px 0px 0px 4px;
	width:240px;
	height:15px;
	color:#FFFFFF;
	font-weight:bold;	
	display:inline-block;
}

.genreSelected1{
background-color:#1f3f65 !important;
color:white;
}
.genreRollover1 a:hover
{
background-color:#1f3f65;
color:white;
font-weight:bold;
}
.genreSelected2{
background-color:#b04322 !important;
color:white;
}
.genreRollover2 a:hover
{
background-color:#b04322;
color:white;
font-weight:bold;
}
.genreSelected3{
background-color:#f03c0b !important;
color:white;
}
.genreRollover3 a:hover
{
background-color:#f03c0b;
color:white;
font-weight:bold;
}
.genreSelected4{
background-color:#e24115 !important;
color:white;
}
.genreRollover4 a:hover
{
background-color:#e24115;
color:white;
font-weight:bold;
}
.genreSelected5{
background-color:#157d6b !important;
color:white;
}
.genreRollover5 a:hover
{
background-color:#157d6b;
color:white;
font-weight:bold;
}
.genreSelected6{ /*clothing*/
background-color:#c1e3ef !important;
color:#007da9;
}
.genreRollover6 a:hover
{
background-color:#c1e3ef;
color:#007da9;
font-weight:bold;
}
.genreSelected7{   /*D n B*/
background-color:#f49712 !important;
color:white;
}
.genreRollover7 a:hover
{
background-color:#f49712;
color:white;
font-weight:bold;
}
.genreSelected8{
background-color:#0000ff !important;
color:white;
}
.genreRollover8 a:hover
{
background-color:#0000ff;
color:white;
font-weight:bold;
}
.genreSelected9{
background-color:#0000ff !important;
color:white;
}
.genreRollover9 a:hover
{
background-color:#0000ff;
color:white;
font-weight:bold;
}
.genreSelected10{
background-color:#0000ff !important;
color:white;
}
.genreRollover10 a:hover
{
background-color:#0000ff;
color:white;
font-weight:bold;
}


.sbformats a{
	position:relative;
	float:left;
	margin:0px;
	padding:2px 0px 0px 4px;
	width:240px;
	height:15px;
	background-color: #FFFFFF;
	color:#007da9;
}
.sbformats a:hover{
	position:relative;
	float:left;
	height:15px;
	color:#007daa;
	font-weight:bold;
	background-color: #f6eee6;
	width:240px;
	display:block;
}

.selectedFormatClass a
{
	font-weight:bold;
	background-color: #f6eee6;
	width:240px;
	display:block;
}


/*---------------------------------------------------------------------------------*/

#sidecontent .newsletter {

	text-indent: 3px;
	margin: 7px 0px 3px 0px;
}

.dashed {
	position: relative;
	float:left;
	display:block;
	background-image:url(image/dashed-line.gif);
	background-repeat:repeat-x;
	width: 100%;
	height: 1px;
	margin: 0px 0px 0px 0px;
	z-index:1;
}

.art-dashed {
	background-image:url(image/art-dashed-line.gif);
	background-repeat:repeat-x;
	width: auto;
	height: 1px;
	margin: 0px 0px 0px 0px;
}

.sidebar-ads {

	margin-top:4px;
}

#content {
	position:relative;
	float:left;
	margin:0px;	
	width: 982px;
	}

#bottom-nav {
	background-color:#FFFFFF;
	margin-top: 5px;
	height: 24px;
	padding: 5px 0px 0px 10px;
	width: 805px;
}

.grid-container {
	position:relative;
	float:left;
	width: 175px; /*actual=181px*/
	height:100%;
	padding: 12px 2px 12px 2px;
}

.grid-img {
	margin-left:20px;
	width:135px;
	height:135px;
	float:left;
}

.grid-artist {
float:left;
width:100%;
padding-top:6px;
font-weight:bold;
font-size:15px;
letter-spacing:-1px;
text-align:center;
}

.grid-artist a {
color: #10343d;
}

.grid-artist a:hover {
	color: #016183;
}

.grid-title a {
	float:left;
	width:171px;
	color:#006a9c;
	text-decoration:none;
	text-align:center;
	font-size:14px;
	margin-top:0px;
}

.grid-title a:hover {

	color: #1a8bb7;
}

.grid-label a {
	float:left;
	width:171px;
	font-size:10px;
	color:#6faac0;
	text-align:center;
	margin-top:3px;
}

.grid-label a:hover {

	color: #1a8bb7;
}

.grid-format{
	float:left;
	margin: 5px 0 0 21px;
	padding:0px 0 0 21px;
	color:#007da9;
	font-size:13px;
	width: auto;
	height:16px;
	background-image:url(image/format-vinyl.gif);
	background-repeat:no-repeat;
}
.grid-format-CD{
	background-image:url(image/format-cd.gif);
}
.grid-format-Clothing{
	background-image:url(image/format-clothing.gif);
}
.grid-price {
	float:right;
	margin: 7px 18px 0 0;
	color:#7e7e7e;
	font-size:13px;
	font-weight: bold;
	width: auto;
}

.grid-btn-container {
	float:left;
	width:178px;
	height:19px;
	margin-top:1px;
	/*background-image:url(image/grid-btns-container-bg.gif);
	background-repeat:no-repeat;*/
}

.grid-play-btn {
	float:left;
	margin: 5px 0px 0px 12px;
}

.grid-btn{
	float:right;
	margin: 5px 4px 0px 0px;
}

.grid-buy-btn {
	float:right;
	margin: 5px 16px 0px 0px;
}

.trackLink {
	position:relative;
	float:left;
	display:block;
	padding-bottom:2px;
	width: 100%;
	margin:0px;
	text-decoration:none;
}

.trackLink a {
	display: inline-block;
	color: #00282f;
	background-image:url(image/small_play_button.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left: 19px;
}

.trackLink a:hover {
	color: #007da9;
	background-image:url(image/small_play_button-active.gif);
	background-repeat:no-repeat;
}


#prod-back {
position:relative;
float:left;
background-color: #FFFFFF;
margin: 4px 0px 40px 8px;
width: 724px;
min-height: 661px;          /*-------- THIS WORKS !!!...but not in IE6...*/
padding:0px;
}

/*prod-style is becoming redundant*/
#prod-style {
	position:relative;
	margin: 7px 0px 0px 11px;
}

#prod-in-stock {
position:absolute;
right:5px;
top:7px;
}

.prod-detail-artist {
 	margin-top: 8px;
	font-size:18px;
	font-weight:bold;
	letter-spacing: -1px;
	color: #04343d;
	width: 410px;
}

.prod-detail-artist a{
	color:#04343d;
}

.prod-detail-artist a:hover{
	color:#007da9;
}

#art-detail-artist {
	margin-left:270px;
	margin-top: 10px;
	float:left;
	width: 115px;
	color: #1a8bb7;
	font-weight:bold;
	display:inline;
}

#art-detail-artist a{
	text-decoration:underline
}

#art-detail-artist a:hover{
	text-decoration:none
}

a{
	text-decoration:none;
}

#threeCol-detail-artist  {
	top:212px;
	color:black;
	display:inline;
	font-size:11px;
	font-weight:bold;
	left:8px;
	position:absolute;
	width:150px;
}

#threeCol-detail-artist a{
	text-decoration:underline
}

#threeCol-detail-artist a:hover{
	text-decoration:none
}

.prodLink a{
	color: #43a9d1;
	text-decoration:none
}

.prodLink a:hover{
	color: #43a9d1;
	text-decoration:underline
}

a.genLink{
	font-weight:bold;
	color: #43a9d1;
	text-decoration:none
}

a.genLink:hover{
	color: #43a9d1;
	text-decoration:underline
}

.artLink a{
	color: #ffffff;
	text-decoration:none
}

.artLink a:hover{
	color: #ffffff;
	text-decoration:underline
}

.prod-detail-title {
	margin-top: -1px;
	font-size:15px;
	width: 410px;
}

.prod-detail-title a{
	color:#00282f;
}

.prod-detail-title a:hover{
	color:#CCCCCC;
}

#prod-detail-container{
position:relative;
	display:block;
	width: 400px;
	float: left;
	padding-left: 17px;
}

#product-detail-artist+title {
	position:relative;
	float:left;
	display:block;
	width: 100px;
}

#art-detail-title {
	margin-top: 10px;
	float:left;
	width: 115px;
}

#art-detail-title a{
	color:black
}

#threeCol-detail-title {
	color:#43AAD1;
	font-size:11px;
	font-weight:bold;
	left:8px;
	position:absolute;
	top:228px;
	width:198px;
}

#threeCol-detail-title a{
	color:black
}

.prod-detail-label {
	margin-top: 2px;
	float:left;
	width: 410px;
	font-size:10px;
}

.prod-detail-label a{
	color:#626262;
}

.prod-detail-label a:hover{
	text-decoration:none;
	color:#CCCCCC;
}

#prod-detail-date {
	margin-left: 10px;
	margin-top: 10px;
	float:left;
	width: 50px;
	}

#prod-detail-info {
	position:relative;
	float:left;
	margin: 0px 0px 20px 0px;
	padding-left: 13px;
	float:left;
	width: 150px;
	top:14px;
	border-left: #dddddd thin solid;
}

.prod-detail-price{
position:relative;
float:left;
padding-left:6px;
display:block;
width:auto;
font-size:15px;
font-weight:bold;
color:#007DA9;
}

#art-detail-price{
color:#FFFFFF;
font-weight:bold;
position:absolute;
top:200px;
left:270px;
}

#threeCol-detail-price{
top:212px;
color:#43AAD1;
font-size:11px;
font-weight:bold;
position:absolute;
right:8px;
}

.prod-detail-format{
position:relative;
float:left;
display:block;
width: auto;
height:16px;
font-size:14px;
color:#007DA9;
padding: 0 0 0 21px;
background-image: url("image/format-vinyl.gif");
background-repeat: no-repeat;
}
.prod-detail-format-CD{
	background-image: url("image/format-cd.gif");
}
.prod-detail-format-Clothing{
background-image:url(image/format-clothing.gif);
}

#art-detail-format{
position:absolute;
top:50px;
left:270px;
}

.prod-detail-genre{
	height:15px;
	position:relative;
	float:left;
	width:100%;
	margin:10px 0px 0px -4px;
	padding:1px 4px 0px 4px;
	text-transform:lowercase;
	background-color:#FFFFFF;
}

#prod-detail-infoBut{
position:relative;
float:left;
margin-top: 1px;
font-size:10px;
width: 100%;
}

#prod-detail-infoBut a{
position:relative;
float:left;
padding-top:4px;
color:#007da9;
}

#prod-detail-infoBut a:hover{
color:#04343d;
text-decoration:none;
cursor:hand;
}

#prod-detail-quicklook{
	float:left;
	margin:14px 0 9px 0;
}

#prod-detail-wishbox{
	float:left;
	margin:14px 0 9px 7px;
}

#prod-detail-buyBut{
position:relative;
float:left;
width:62px;
height:18px;
margin:14px 0 9px 7px;
}

#prod-detail-buyBut:hover{
cursor:hand;
}

#art-detail-buyBut{
font-weight:bold;
color:#1a8bb7;
background:#c1e1ed;
width:42px;
height:13px;
font-size:9px;
position:absolute;
top:235px;
left:268px;
text-decoration:none;
}

#art-detail-buyBut:hover{
color:#F11583;
background:#E8E8E8;
cursor:hand;
}

#threeCol-detail-buyBut{
position:absolute;
bottom:8px;
right:8px;
}

#chooseLabel{
width:150px;
margin:2px;
margin-top:12px;
margin-bottom:12px;
border:1px solid grey;
}

#inpNewsletter{
width:139px;
position:relative;
left:2px;
margin-bottom:3px;
}

.white{
	color:white;
}
	
/*.prodListImg{
width:75px;
position:absolute;
top:10px;
left:10px;
}
*/
#prodListImg img
{
width:100px;
}

#prodListImg{
position:relative;
float:left;
display:block;
text-align:center;
width:100px;
margin-left: 20px;
top:12px;
}

.artListImg{
width:140px;
position:absolute;
top:10px;
left:60px;
}

.threeColListImg{
width:200px;
margin:7px;
position:absolute;
}

.prod-detail-odd{
position:relative;
display:block;
float:left;
width:720px;
background:#ffffff;
z-index:2; /*i'd like to get rid of this and work out why its needed for prod-list view in genres - its NOT needed for these to display correctly in 'new-in'*/
}

.prod-detail-even{
position:relative;
display:block;
float:left;
width:720px;
background:#f1f6f8;
z-index:2;/*same as above*/
}

.art-detail-odd{
position:relative;
height:275px;
background:#41A3BC;
}

.art-detail-even{
position:relative;
height:275px;
background:#1F7E90;
text-align:center;
}

.threeCol-detail:hover{
background-color:#B1DCEE
}
.threeCol-detail{
width:214px;
height:260px;
display:inline;
float:left;
position:relative;
}

.trackList{
position: relative;
float:left;
display:block;
width: 410px;
padding-top: 12px;
margin-bottom:12px;
font-size: 10px;
}

.small_button{
margin-right:2px;
position:relative;
top:1px;
}

#product-page-leftcol{
position:relative;
float:left;
display:block;
text-align:center;
margin:0;
padding-top:12px;
width: 326px;
height: auto;
}

.product-page-image{
width:300px;
margin: auto;
position:relative;
border:1px solid #d5d5d5;
}

#product-page-container{
	position:relative;
	float:right;
	display:block;
	top:12px;
	width:398px;
	padding:0;
}

.productPageSizeImage{
width:428px;
margin-right:4px;
position:relative;
left:-6px;
top:2px;
}

.productPageSizeImageBehind{
width:428px;
margin-right:4px;
position:absolute;
left:4px;
top:34px;
}

.productPageLabelImage{
width:210px;
}

.productPageThreeImage{
width:67px;
}

#productPageData{
position:absolute;
top:46px;
right:252px;
font-size:11px;
}


#productPageSizeData{
position:absolute;
top:34px;
left:436px;
font-size:11px;
}

.sizeDataItem{
margin-left:10px;
}

.sizePrice{
font-size:2em;
color:#43A9D1;
}

#sizeSelect{
border: 1px solid #7E9DB9;
margin:8px 0 8px 0;
padding:2px 3px 2px 9px;
}

.dataItem{
display:inline;
position:absolute;
left:76px;
width:236px;
background-color:white; 
z-index:20;
}

.largerView{
position:absolute;
top:184px;
}

.largerView a{
color:black;
text-decoration:none;
}

.largerView a:hover{
text-decoration:underline;
}

#frontLargerView{
left:4px;
}
#backLargerView{
left:161px;
}

#prodpage-header {
	position:relative;
	float:left;
	background-image:url(image/prodpage-header-bg.jpg);
	background-repeat:repeat-y;
	width:398px;
	height:auto;
}

#prodpage-header-top{
	position:relative;
	float:left;
	background-image:url(image/prodpage-header-bg-top.jpg);
	background-repeat:no-repeat;
	width:398px;
	height:auto;
}

#prodpage-header-bottom{
	position:relative;
	float:left;
	background-image:url(image/prodpage-header-bg-bottom.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	width:398px;
	height:auto;
}

.product-page-artist{
position:relative;
margin:7px 0 0 10px;
float:left;
font-size:22px;
font-weight:bold;
letter-spacing: -1px;
color: #FFFFFF;
width: auto;
}

.product-page-artist:hover{
color: #a1cde1;
}

.product-page-title{
position:relative;
float:left;
margin:1px 0 0 10px;
color: #FFFFFF;
font-size:18px;
width: 100%;
font-weight:100;
letter-spacing:-1px;
}

.product-page-label{
position:relative;
float:left;
padding:6px 0 6px 10px;
color: #a1cde1;
font-size:11px;
width: 100%;
}

.productPageLabel:hover{
color: #007da9;
}

#prodpagefp{
	position:relative;
	float:left;
	display:block;
	background-image:url(image/prodpagefp-shad.gif);
	background-repeat:repeat-x;
	background-position:top;
	width:398px;
	color:#007da9;
	margin: 0;
	padding:0;
	font-size:14px;
}

.prodpageformat{
position:relative;
float:left;
margin:10px 0 0 10px;
padding: 0 0 0 21px;
background-image:url(image/format-vinyl.gif);
background-repeat:no-repeat;
}
.prodpageformat-CD{
background-image:url(image/format-cd.gif);
}


.prod-page-price{
position:relative;
float:left;
color: #007da9;
font-size: 15px;
font-weight:700;
margin-left:4px;
margin-top:10px;
}

#prodpage-container {
	position:relative;
	float:left;
	display:block;
	width:398px;
	color:#007da9;
	font-size:12px;
}


#prodpage-description{
	position:relative;
	float:left;
	width:398px;
	height:100%;
	margin:14px 0px 45px 0px;
}

.prodpage-description-header{
	position:relative;
	float:left;
	padding: 5px 0px 5px 10px;
	width: 388px;
	color:#a1cde1;
	background-color: #007da9;
	background-image:url(image/ppside-tracklist-bg-top.gif);
	background-repeat:no-repeat;
	background-position:top;
	font-weight:bold;
}

#prodpage-description-text{
	float:left;
	padding:0px 10px 10px 10px ;
	color:#04343d;
	font-size:11px;
	line-height: 16px;
	width:378px;
	background-color:#fafafa;
	background-image:url(image/prodpage-description-bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

#ppside{
position:relative;
float:left;
display:block;
text-align:left;
margin: 13px 0 0 0;
width:398px;
}

.ppside-tracklist-header {
	position:relative;
	float:left;
	padding: 5px 0px 5px 10px;
	width: 388px;
	color:#a1cde1;
	background-color: #007da9;
	background-image:url(image/ppside-tracklist-bg-top.gif);
	background-repeat:no-repeat;
	background-position:top;
	font-weight:bold;
}


#ppsideheader{          /* a side & b side*/
float:left;
width: 382px;
background-color:#fafafa;
color:#0f7fb2;
font-size:12px;
font-weight:bold;
padding: 4px 4px 4px 12px; 
border-bottom: dashed 1px #ccbdb8;
}

.pptracklink a{
	position:relative;
	float:left;
	padding: 6px 0px 7px 32px;
	width: 366px;
	color:#345863;
	background-color: #eeeeee;
	background-image:url(image/play.gif);
	background-repeat:no-repeat;
	background-position:3%;
	border-bottom: dashed 1px #ccbdb8;
}

.pptracklink a:hover{
	position:relative;
	float:left;
	color:#05769d;
	background-color: #ccdfe5;
	background-image:url(image/play-active.gif);
}

.ppside-tracklist-footer {
	position:relative;
	float:left;
	padding: 5px 10px 5px 0px;
	width: 388px;
	color:#FFFFFF;
	text-align:right;
	background-color: #007da9;
	background-image:url(image/ppside-tracklist-bg-bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

.track{
padding-bottom:3px;
position:relative;
width:470px;
}

.pp-trackName{
display:inline;
position:absolute;
bottom:3px;
left:65px;
font-size:10px;
}

#productPageAlsoIntHeader{
position:relative;
margin:5px;
width:717px;
height:20px;
background-color:#43a9d1;
font-weight:bold;
font-size:10px;
color:#ffffff;
}

#productPageAlsoIntHeaderText{
padding-left:12px;
padding-top:4px;
}

#alsoInts{
margin-top:0px;
width:100%;
position:relative;
float:left;
}

.alsoInt{
height:150px;
width:209px;
display:inline-block;
margin-left:6px;
text-align:center;
padding-top:20px;
float:left;
margin-top:5px;
}

.alsoInt:hover{
background-color:#f1f6f8;
}

.alsoImg{
width:80px;
}

.alsoProduct{
text-decoration:none;
color:black;
}

.alsoProduct:hover{
text-decoration:underline;
}

.alsoLabel{
text-decoration:underline;
color:black
}

.alsoLabel:hover{
text-decoration:none;
}

.interested-header{
height:24px;
border-top:5px solid #04343D;
background-color:#ffffff;
}

.interested-no-header{
height:5px;
}

.interested-header img {
position: relative;
top: 7px;
left: 5px;
}

.preLoadImg{
	display:none;
}

.qtyInp{
	border:1px solid gray;
	width:24px;
	padding-left:5px;
}

#prod-detail-qty{
position:relative;
float:left;
margin-top: 8px;
font-size:11px;
width: 130px;
white-space:nowrap
}

#cart-chg-qty{
position:relative;
display:block;
float:left;
width: 60px;
margin-top: 6px;
margin-left:33px;
font-size:11px;
font-weight:bold;
background-color:#007da9;
color:#FFFFFF;
}

#cart-remove{
position:relative;
float:right;
font-size:10px;
}

.lineTotal{
padding-top:6px;
padding-left:33px;
font-size:1.4em;
font-weight:bold;
}

.cart-total-odd{
float:right;
background:#ffffff;
font-size:1.4em;
font-weight:bold;
text-align:right;
padding:30px;
border:1px dashed #007da9;
border-top:white;
width:180px;
}
.cart-total-even{
background:#f1f6f8;
font-size:1.4em;
font-weight:bold;
text-align:right;
padding-right:121px;
padding-top:15px;
padding-bottom:15px;
}

#mainCheckout{
padding-left:50px;
padding-bottom:20px;
}

.checkoutLabel{
	text-align:right;
}

	
#mainCheckout input{
float:right;
}

#summary{
padding-top:20px;
font-size:1.2em;
font-weight:bold;
width:550px;
}

.radio-paypal{
	display:inline-block;
	width:200px;
	height:19px;
	background-image:url(image/radio-paypal.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding:29px;
	margin:4px 4px 8px 14px;
}

.radio-google-checkout{
	width:200px;
	height:19px;
	background-image:url(image/radio-google-checkout.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding:29px;
	margin:4px 4px 4px 14px;
}

#player{
position:absolute;
left:0
}

#footer{
position:relative;
float:right;
margin:4px 5px 0px 0px;
width:717px;
height:135px;
background-color:#FFFFFF;
border-top:1px dashed #007da9;
}

#footer-bar {
	width:100%;
	border-bottom:1px dashed #007da9;
	height:40px;
}

#footer-linkcol-container{
	float:left;
	display:block;
	width:171px;
	padding-left:10px;
	margin:10px 0 10px 0;
}

/* footer headers */
h3 {
font-size:10px;
font-weight:bold;
color:#7e7e7e;
margin:10px 0 6px 0;
}

#footer-linkcol-container a{
	display:inline-block;
	width:100%;
	color: #7e7e7e;
	font-size:11px;
}

#footer-linkcol-container a:hover {
	color: #007da9;
}

#footer-cardLogos{
float:left;
margin:10px 0 0 10px;
}

.footer-copyright {
	float:right;
	color:#000000;
	width:700px;
	padding:5px 10px 4px 0;
	text-align:right;
}

#faq{
	float:left;
	padding:8px 10px 10px 10px;
	font-size:1.2em;
}

.faqQuestion{
	width:100%;
	font-weight:bold;
}

.faqAnswer{
	padding-bottom:2px;
}

#contact-form tr td {
vertical-align:top;
text-align:right;
}

#contact-form tr td input{
border:1px solid gray;
}

#contact-form tr td textarea{
border:1px solid gray;
width:400px;
height:200px;
}

.artsale-price{
color:red

}.sale-price{
color:red
}

.art-sale-price{
color:white
}

#art-detail-description{
position:absolute;
left:270px;
top:100px;
width:300px;
}

#ppAmount{
display:inline;
font-size:18px;
margin-left:4px;
}

#totalWithPP{
display:inline;
color:black;
margin-left:174px;
font-size:19px;
font-weight:bold;
}

.stockWarningLine{
color:red;
}

#stockWarningHelp{
padding:20px;
margin:40px 20px 20px -23px;
border:3px solid red;
width:500px;
color:#00282f;
}

#reducedTotals{
color:red;
}

#floatingHeader{
width:100%;
text-align:center;
margin-top:20px;
}

#checkingStock{
position:relative;
bottom:65px;
left:30px;
}

#sitemap{
background-color:#ffffff;
}

#inline-footer{
background-color:white;
border-top:5px solid #04343D;
border-bottom:6px solid #04343D;
padding-left:10px;
height:35px;
position:relative;
width:640px;
left:-4px;
}

#threeCol-inline-footer{
background-color:white;
border-bottom:6px solid #04343D;
border-top:5px solid #04343D;
bottom:-46px;
height:35px;
left:0;
padding-left:10px;
position:absolute;
width:640px;
}

#inline-footer-links{
position:absolute;
display:inline;
float:right;
padding-right:13px;
position:relative;
top:11px;
}

#inline-footer-links a {
	margin-left: 3px;
	color:#000000;
	text-decoration:none;
}

#inline-footer-links a:hover {
	color: #1a8bb7;
}

#inline-footer-img{
position:relative;
top:9px;
}

#viewCartButtCheckout{
float:right;
margin:34px 4px 0 0;
text-align:right;
width:100%;
}

form{
margin:0;
}

#placeOrderButton{
float:left;
margin:80px 30px 0 0;
width:156px;
}
/*
#prod-page-genre{
position:relative;
float:left;
margin: 0;
padding:11px 0px 9px 10px;
width: 100%;
height: auto;
background-color:#e2eef2;
border-top:#007da9 solid 1px;
border-bottom:#007da9 solid 1px;
}
*/
.prod-page-genre-selected{
	position:relative;
	float:left;
	height:18px;
	width:388px;
	margin:0;
	padding:4px 0 0 10px;
	font-size:11px;
	font-weight:bold;
}

/*---------------------------------------------------------------------------------*/


.genre-fb {
	display: inline;
	width:auto;
	color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
	background-color:#a84628;
	padding: 1px 4px 1px 4px;
	
}


/*------------------------------------------------*/

#prod-page-buyBut{
position: relative;
float:right;
width:auto;
height:21px;
margin:11px 10px 0 0;

}

/* coverup is becoming redundant */
#coverUp{
height:150px;
background-color:#04343D;
}

#in-stock{
float:left;
margin:11px 0 0 10px;
padding:2px 0 0 20px;
background-image:url(image/in-stock-tick.gif);
background-repeat:no-repeat;
background-position:left;
color:#007da9;
}

#out-of-stock{
border:3px solid red;
color:red;
font-weight:bold;
padding:4px;
margin:2px;
}

#backInStock{
position:relative;
float:left;
top:4px;
padding-top:1px;
font-weight:bold;
background:#007da9;
height:13px;
color:#ffffff;
font-size:9px;
}

#addThisButton{
float:left;
margin-top:20px;
left:0px;
width:300px
}

.fp-section-heading{
position:relative;
float:left;
display:block; 
width:650px; 
height:25px;
}

.alsoHeader{
position:relative;
float:left;
height:24px;
margin:4px;
width:717px;
background-color:#007da9;
font-weight:bold;
font-size:11px;
color:white;
}

.alsoHeaderText{
padding-top:2px;
padding-left:8px;
font-size:16px;
letter-spacing: -1px;
}

.searchProductsRow{
padding-left:4px;
padding-right:4px;
width:642px;
position:relative;
left:-4px; 
background:#ffffff;
}

/* This next section for product page slider cascading div style code on 'more info' btn */


#moreInfo{
	position:relative;
	float:right;
	display:block;
	width: 190px;
}

a:focus {
	outline: none;
}
#panel {
	position:relative;
	float:right;
	height: 40px;
	width: 260px;
	display: none;
	top: 12px;
	padding:0;
	color:#535353;
	font-size:11px;
	}
.slide {
	margin: 0;
	padding: 0;
}
.btn-slide {
	position:relative;
	float:right;
	display: block;
	background: url(image/more-info+.gif) no-repeat right -43px;
	text-align: left;
	width: 191px;
	height: 10px;
	padding: 0;
	margin: 15px 10px 15px 0;
	font: 9px Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
}
.active {
	background-position: right 0px;
}

/*end of slider code section */

.moreinfo-text {
	margin-bottom: 3px;
	float:left;
	width:100px;
	color:#838383;
	padding-left:10px;
}

.moreinfo-text-bold {
	margin-bottom: 2px;
	float:right;
	color:#007da9;
	font-size:12px;
	width:140px;
}
.postage-table {
	margin:0px 0px 10px 0px;
	background-color:#FFFFFF;
}

.postage-table td {
	border:1px solid #007da9;
}

.page-number-container{
	width:620px;
	float:left;
	padding:10px 0 10px 10px;
	font-size:14px;
	font-weight:bold;
	color:#007da9;
}
/* cant get these to work!!!!!!*/
.page-number a{
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}
.page-number a:visited {
	font-size:14px;
	font-weight:bold;
	color:#green;
		text-decoration:none;

}
.page-number  a:hover{
	font-size:14px;
	font-weight:bold;
	color:#green;
	text-decoration:none;

}


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background-color: #000000;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(image/colorbox-controls.png) no-repeat -100px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(image/colorbox-controls.png) no-repeat -129px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(image/colorbox-controls.png) no-repeat -100px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(image/colorbox-controls.png) no-repeat -129px -29px;}
    #cboxMiddleLeft{width:21px; background:url(image/colorbox-controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(image/colorbox-controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(image/colorbox-border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(image/colorbox-border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:14px;} /*  - this is margin-bottom for whole lightbox  -  */
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(image/colorbox-controls.png) no-repeat -75px 0px; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(image/colorbox-controls.png) no-repeat -50px 0px; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(image/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(image/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:0; right:0; background:url(image/colorbox-controls.png) no-repeat -25px 0px; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

		
/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
/*    Need to create these images */
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}


#content-login {
	padding:20px;
}

#colorbox-log-in-btn {
	float:left;
	display:block;
	margin:15px 0 10px 20px;
}
#colorbox-log-in-input{
	float:left;
	display:block;
	height:24px;
	margin:2px 0 10px 20px;
	margin:1px solid #333333;
}
.colorbox-log-in-text{
	float:left;
	padding-left:20px;
	padding-top:7px;
	height:16px;
	color:#007da9;
	font-size:12px;
}
.colorbox-log-in-text a{
	color:#007da9;
}
.colorbox-log-in-text a:hover{
	color:#4dabcc;
}
.colorbox-log-in-text-box{
	float:left;
	padding-left:4px;
	padding-top:2px;
	height:24px;
	width:206px;
	border:1px solid #c7d0d3;
	padding-bottom:2px;
	font-size:16px;
	color:#717678;
}
.colorbox-product-left-container{
	margin-top:20px;
	margin-left:10px;
	float:left;
	height:auto;
	width:10%;
}
.colorbox-product-right-container{
	margin-top:20px;
	margin-right:10px;
	float:right;
	height:auto;
}
.colorbox-product-img {
	float:left;
}
.colorbox-product-artist{
	padding-top:9px;
	font-size:16px;
	font-weight:bold;
	color:##10343D;
}
.colorbox-product-title{
	padding-top:3px;
	font-size:14px;
	font-weight:bold;
	color:#007da9;
}
.colorbox-product-label{
	padding-top:5px;
	font-size:12px;
	color:#007da9;
}
.colorbox-product-description{
	padding:20px 0 0 0;
}
/* End of Colorbox CSS  */


#record-label-list {
	float:left;
	width:420px;
	margin:10px 0 0 50px;
}

.record-label-divider {
	float:left;
	margin-top:12px;
	width:100%;
}
.record-label-section {
	float:left;
	width:100%;
	padding-left:40px;
}

.grid-container-row
{
	display:inline-block;
}

.product-page-image-thumb
{
	width:130px;
	border:1px solid #dddddd;
	float:left;
	margin-left:12px;
	margin-top:10px;
	width:80px;
}