ÿþ* /*Set's border, padding and margin to 0 for all values*/

{

padding: 0;

margin: 0;

border: 0;

}

body, html {

color: #000000;

font-family:Arial;

font-size:11px;

background-image:url(../media/image-skin/bg-n.jpg);

background-color: #000000;

background-repeat:repeat-x;

text-align: center; /* Centers the design in old IE versions */

height: 100%;

}

body {

font-size:11px;

}

p {

padding: 7px 0 7px 0;

}

a {

font-family: Arial;

font-size: 11px;

font-weight: normal;

text-decoration:none;

color:#ffffff;

}

a:hover{

font-family: Arial;

font-size: 11px;

font-weight: bold;

text-decoration:none;

color:#990000;

}

h1 {

font-family:;

font-size:;

color:;

font-weight:;

}

h2 {

font-family:;

font-size:;

color:;

padding:6px;

font-weight:;

}

ol {

font-family:Arial;

font-size:11px;

color:#000000;

}

li {

font-family:Arial;

font-size:11px;

color:#000000;

}

.clear { clear: both; }





/**********************

CONTAINERS

************************/

#masterContainer {

width: 900px;

margin:0 auto;

min-height: 100%;

background-color:#000000;

background-position:left 64px/*58px*/;

background-repeat:no-repeat;

text-align: left; /* Because we centered the text in body we have to move the text back to left aligning */

}

* html #masterContainer {

height: 100%;  /* IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height */

}

* html #content_language {

height: 100%

}

* html #pinsContainer {

height: 100%;  /* IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height */

}

* html #emailContainer {

height: 100%;  /* IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height */

}

* html #tracksContainer {

height: 100%;  /* IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height */

}

* html #listenContainer {

height: 100%;  /* IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height */

}

* html #purchaseContainer {

height: 100%;  /* IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height */

}

* html #downloadContainer {

height: 100%;  /* IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height */

}



/**********************

HEADER

************************/

#header_ecommerce {

background-image:url(../media/image-skin/header.jpg);

background-repeat:no-repeat;

width:900px;

background-color: #CCCCCC;

height:64px;

outline:none;

display:block;

}

#header_ecommerce a{

background-image:url(../media/image-skin/header.jpg);

background-repeat:no-repeat;

width:900px;

background-color: #CCCCCC;

height:64px;

outline:none;

display:block;

}

#header_ecommerce a:hover{

background-image:url(../media/image-skin/header.jpg);

background-repeat:no-repeat;

width:900px;

background-color: #CCCCCC;

height:64px;

outline:none;

display:block;

}

/**********************

CONTENT AND COLUMNS

************************/

.outer {

padding-left: 165px;  

}

* html .outer {

padding-right: 120px; /* Normally this shouldn't be in this hack, it should be in .outer, but because of IE7 I had to */

}

.inner {

/*width: 900px;*/ /* This width is for non-IE browsers. Mozilla makes this necessary. Be sure to check your layout in different browsers if you changes this value. Especially IE7 seems to create a horisontal scroll if this value is set too large */

/*padding-bottom: 30px;*/

}

* html .inner {

width: 100%;

}

/* div.inner is wider than its container, div.outer, and so overlaps to the right, pushing

div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 

blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.

*/

.float-wrap {

float: left;

width: 630px;

margin-left: -165px; /* Same length as .outer padding-left but with negative value */

}

/* html .float-wrap {

* No need for hacking IE on this layout 

}*/

#content {

width: 900px;

min-height:472px;

}

* html #content {

position: relative;  /* IE needs this  */

height:472px;

}

#content_language {

width: 900px;

background-image:url(../media/image-skin/bg_languagebox.jpg);

background-repeat:no-repeat;

min-height:600px;

}

#content_pin {

width: 900px;

background-image:url(../media/image-skin/bg_pins.jpg);

background-repeat:no-repeat;

min-height:470px;

}

* html #content_pin {

position: relative;  /* IE needs this  */

background-image:url(../media/image-skin/bg_pins.jpg);

background-repeat:no-repeat;

height:470px;

}

#content_email {

width: 900px;

background-image:url(../media/image-skin/bg_email.jpg);

background-repeat:no-repeat;

min-height:470px;

}

* html #content_email {

position: relative;  /* IE needs this  */

background-image:url(../media/image-skin/bg_email.jpg);

background-repeat:no-repeat;

height:470px;

}

#content_tracks {

width: 900px;

background-image:url(../media/image-skin/bg_tracks.jpg);

background-repeat:no-repeat;

min-height:470px;

}

* html #content_tracks {

position: relative;  /* IE needs this  */

background-image:url(../media/image-skin/bg_tracks.jpg);

background-repeat:no-repeat;

height:470px;

}

#content_listen {

width: 900px;

background-image:url(../media/image-skin/bg_listen.jpg);

background-repeat:no-repeat;

min-height:;

}

* html #content_listen {

position: relative;  /* IE needs this  */

background-image:url(../media/image-skin/bg_listen.jpg);

background-repeat:no-repeat;

height:;

}

#content_purchase {

width: 900px;

background-image:url(../media/image-skin/bg_purchase.jpg);

background-repeat:no-repeat;

min-height:;

}

* html #content_purchase {

position: relative;  /* IE needs this  */

background-image:url(../media/image-skin/bg_purchase.jpg);

background-repeat:no-repeat;

height:;

}

#content_download {

width: 900px;

background-image:url(../media/image-skin/bg_download.jpg);

background-repeat:no-repeat;

min-height:;

}

* html #content_download {

position: relative;  /* IE needs this  */

background-image:url(../media/image-skin/bg_download.jpg);

background-repeat:no-repeat;

height:;

}



.contentWrap{

padding: 5px;

}

.contentWrap ol, .contentWrap ul {

margin: 3px 0 5px 35px;

}

.contentWrap li {

padding-bottom: 2px;

}

.checkoutbox { /*PURCHASE BOX*/

min-height:200px;

margin-top:;

margin-right:0px;

margin-bottom:0px;

margin-left:;

width:;

font-family:;

font-size:;

color:;

font-weight:;

}

.checkoutbox a{

font-family:;

font-size:;

color:;

font-weight:;

padding:6px;

}

.checkoutbox a:hover{

font-family:;

font-size:;

color:;

font-weight:;

padding:6px;

}

.downloadoptionsbox {

margin-top:;

margin-right:0px;

margin-bottom:0px;

margin-left:;

min-height:200px;

width:;

font-family:;

font-size:;

color:;

font-weight:;

padding:6px;

background-color:;

}

.downloadoptionsbox a{

font-family:;

font-size:;

color:;

font-weight:;

padding:6px;

}

.downloadoptionsbox a:hover{

font-family:;

font-size:;

color:;

font-weight:;

padding:6px;

}



.languagebox {

min-height:60px;

margin-top:264px;

margin-right:0px;

margin-bottom:0px;

margin-left:474px;

width:265px;

background-color:#000000;

padding:10px;

vertical-align:middle;

position:absolute;

}

.errorbox {

min-height:60px;

margin-top:206px;

margin-right:0px;

margin-bottom:0px;

margin-left:200px;

width:600px;

background-color:;

color:#000000;

font-family: Arial;

font-size:11px;

font-weight:Bold;

padding:10px;

}

.pinentrybox {

min-height:40px;

margin-top:70px;

margin-right:0px;

margin-bottom:0px;

margin-left:496px;

width:300px;

background-color:;

color:#000000;

font-family: Arial;

font-size:11px;

font-weight:Bold;

padding:10px;

}

.pinentrybox a{

font-family:;

font-size:;

color:;

font-weight:;

padding:4px;

}

.pinentrybox a:hover{

font-family:;

font-size:;

color:;

font-weight:;

padding:4px;

}

.emailbox {

min-height:60px;

margin-top:270px;

margin-right:0px;

margin-bottom:0px;

margin-left:270px;

width:300px;

background-color:;

color:#ffffff;

font-family: Arial;

font-size:11px;

font-weight:normal;

padding:10px;

}

.emailbox a{

font-family:;

font-size:;

color:;

font-weight:;

padding:4px;

}

.emailbox a:hover{

font-family:;

font-size:;

color:;

font-weight:;

padding:4px;

}

.listenbox { /*THIS IS THE LISTEN BOX*/

margin-top:0px;

margin-right:0px;

margin-bottom:0px;

margin-left:456px;

padding:5px;

width:420px;

background-color:;

font-family:;

font-size:;

color:;

padding:4px;

}

.listenbox a{

font-family:;

font-size:;

color:;

font-weight:;

padding:4px;

}

.listenbox a:hover{

font-family:;

font-size:;

color:;

font-weight:;

padding:4px;

}

.ecommercelinkbox { /*THIS IS THE LISTEN BOX*/

margin-top:19px;

margin-right:0px;

margin-bottom:0px;

margin-left:700px;

padding:5px;

width:130px;

background-color:#FFFFFF;

font-family:;

font-size:;

color:;

padding:4px;

position:absolute;

}

.ecommercelinkbox a{

font-family:;

font-size:;

color:;

font-weight:;

padding:4px;

}

.ecommercelinkbox a:hover{

font-family:;

font-size:;

color:;

font-weight:;

padding:4px;

}

.tracklistcontainerscrollbox {

margin:0;

overflow-x: hidden;

overflow-y: none;

height:;

}

.instructionsbox {

padding:4px;

}

.tracksbox_highlight {

height:30px;

background-color:;

}

.tracksbox_highlight2{

height:30px;

background-color:;

}

.tracklistheader { /*HEADER FOR TRACK LIST*/

height:30px;

font-family:;

font-size:;

color:;

font-weight:;

padding-left:4px;

}

.trackname { /*TRACK NAME*/

font-family:;

font-size:;

color:;

font-weight:;

padding-left:4px;

}

.artistname { /*ARTIST NAME*/

font-family:;

font-size:;

color:;

font-weight:;

padding-left:4px;

}

.label { /*TRACK LABEL*/

font-family:;

font-size:;

color:;

font-weight:;

padding-left:4px;

}

/**********************

FOOTER

************************/

.pagefooter {

width:890px;

margin:0 auto;

clear:both;

background-color: #000000;

color:#FFFFFF;

font-weight:normal;

font-family: Arial;

font-size:11px;

padding-left:5px;

padding-right:5px;

position:relative;

min-height:70px;

}



* html .pagefooter

{

	padding-left:0px;

	padding-right:0px;

}



.pagefooter a {

margin:0 auto;

color:#FFFFFF;

font-weight:bold;

font-family: Arial;

font-size:11px;

text-decoration:none;

}

.pagefooter a:hover {

margin:0 auto;

color:#990000;

font-weight:bold;

font-family: Arial;

font-size:11px;

text-decoration:none;

}

.fixedfooter {

width:900px;

background-color: #000000;

margin:0 auto;

}	

.footertext {

margin:0px 0px 0px 0px;

}

.pagefooterhip {

text-align:left;

position:absolute;

top:45%;

}

.pagefooterlinks {

position:absolute;

top:45%;

width:500px;

margin:0 auto;

padding-right:10%;

padding-left:3%;

text-align:center;

}



.pagefooterhiplogo {

float:right;

}

.vistanote {

margin:-21px 0px 0px 230px;

}

.paymenttableinfoboxtext {

text-align:right;

}

.headerlink { /*HEADER LINK BOX*/

font-family:;

font-size:;

color:;

font-weight:;

margin-top:;

margin-right:0px;

margin-bottom:0px;

margin-left:;

position:absolute;

width:;

display:none;

}

.topsmalllink a {

font-family:;

font-size:;

color:;

font-weight:;

position:absolute;

text-decoration:none;

}

.topsmalllink a:hover {

font-family:;

font-size:;

color:;

font-weight:;

position:absolute;

text-decoration:underline;

}



.additionallistenbox { /*ADDITIONAL LISTEN BOX*/

font-family:;

font-size:;

color:;

font-weight:;

width:;

margin-top:;

margin-right:0px;

margin-bottom:0px;

margin-left:;

position:absolute;

}

.additionallistenbox a{

font-family:;

font-size:;

color:;

font-weight:;

}

.additionallistenbox a:hover{

font-family:;

font-size:;

color:;

font-weight:;

}

.buynowcontainer {

float:right;

}

.formcheckboxtext { 

margin:-19px 0px 0px 24px;

}

.tracklistheaderbackground { /*HEADER TABLE BACKGROUND COLOR*/

height:30px;

background-color:#CCCCCC;

}

.albumart{

padding:5px;

}



.pnlEcommerceLink

{

	visibility:;

}



.SingleDownloadBox

{

background-color:;

text-align:left;

color:#000000;

font-family: Arial;

font-size:11px;

font-weight:Bold;

padding:10px;

height:100%;

}



.SingleDownloadBox ol {

color:#000000;

font-family: Arial;

font-size:11px;

font-weight:Bold;

}

.SingleDownloadBox li {

color:#000000;

font-family: Arial;

font-size:11px;

font-weight:Bold;

}





.optionsonebox {

width:40%;

border-left: #b7b7b7 1px solid;

border-top: #b7b7b7 1px solid;

border-right: #b7b7b7 1px solid;

border-bottom: #b7b7b7 1px solid;

background-color:#000000;

}

.optionstwobox {

width:40%;

border-left: #b7b7b7 1px solid;

border-top: #b7b7b7 1px solid;

border-right: #b7b7b7 1px solid;

border-bottom: #b7b7b7 1px solid;

background-color:#000000;

}

.optionstitle {

font-family:Arial, Helvetica, sans-serif;

font-size:20px;

color:#ffc000;

padding:6px;

}

.optionstext 

{	

font-family:;

font-size:;

color:;

font-weight:;	

padding:6px;

}



.price

{

font-family:;

font-size:;

color:;

font-weight:;	

}