BODY {
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-align:center;
	margin:0px;
	padding:0px;
}

/* LAYOUT */
.holder{
	background-image:url(images/bg.jpg);
	background-repeat: no-repeat;
	background-color:#A6CE3A;
	margin:0 auto;
	text-align:center;
	width:100%;
	background-position:50% 0;
	padding:0px;
}
.content{
	width:900px;
	margin:0 auto;
	text-align:left;
	padding-bottom: 50px;
}
#header{
	width:900px;
	background-image:url(images/header.jpg);
	height:47px;
	padding-top:286px;
	margin-bottom:20px;
}

#nav{
	height:38px;
	vertical-align:bottom;
}
.footer_holder{
	background-image:url(images/footer.jpg);
	height:328px;
	margin:0 auto;
	text-align:center;
	width:100%;
	background-position:50% 0;
}
.footer{
	width:900px;
	padding-top:75px;
	background-image:url(images/footer.jpg);
	height:253px;
	margin:0 auto;
	text-align:center;
	background-image:url(images/footer.jpg);
	font-size:11px;
}

/* GENERAL TEXT */
p{
	line-height:1.2em;
	margin:0 0 1em 0;
	padding:0;
}
		
img {
	border: none;
	padding:0px;
	margin:0px;
}

a, a:visited{
	color:#8A2184;
	text-decoration:none;
}

a:active {
}
.footer a{
	color:#a6ce39;
}

h1{
	text-indent:-3000px;
	color:#ffffff;
	padding:0px;
	margin:0px;
	font-size:0pt;
	font-style:normal;
}
	
h2{	
	text-indent:-3000px;
	color:#ffffff;
	padding:0px;
	margin:0px;
	height:0px;
	font-size:0pt;
	font-style:normal;
}
	
h3{				
	color:#ffffff;
	padding:0px;
	margin:0px;
	font-size:20px;
	font-style:normal;
}
.artist{
	color:#8a2184;
	font-size:12px;
	font-weight:bold;
}
.title{
	font-size:12px;
	font-weight:bold;
}
.price{
	color:#669418;
	font-size:11px;
	font-weight:bold;
}
.compilations{
	margin-top: 10px;
}
.compilations img{
	padding: 0px 5px 5px 0px;
}
.basket_item1 .artist{
	float:left;
	width:175px;
	padding-top:5px;
	font-size:11px;
}
.basket_item2 .artist{
	float:left;
	width:175px;
	padding-top:5px;
	font-size:11px;
}
.basket_item1 .title{
	font-size:9px;
}
.basket_item2 .title{
	font-size:9px;
}
.basket a{
	color:#000000;
}
.title{
	color:#000000;
}
.advert{
	float:left;width:300px;margin-top:10px;
}
.advert  h3{
	font-size:10px;
	padding:5px;
	width:80px;
	float:right;
}
/* STEP 1 */
.steps_menu{
	float:left;
	width:560px;
	height:248px;
	padding:40px 0px 0px 20px;
	margin-right:20px;
	background-image:url(images/steps_bg.jpg);
	background-repeat:no-repeat;
	font-size:14px;
}
.step1_selection{
	width:890px;
	background-image:url(images/step1_select_bg.jpg);
	padding-left:10px;
	margin-top:20px;
	background-repeat:no-repeat;
}
.step1_compilation{
	width:890px;
	background-image:url(images/step1_comp_bg.jpg);
	padding-left:10px;
	margin-top:20px;
	background-repeat:no-repeat;
}
.step1_browse{
	float:left;
	width:580px;
	height:505px;
	padding-top:50px;
}
.step1_track_holder{
	background-color:#FFFFFF;
	width:580px;
}
.step1_tracks_holder{
	float:left;
	width:575px;
	background-color:#FFFFFF;
}
.step1_basket_holder{
	float:left;
	width:300px;
	height:504px;
	padding-top:35px;
	margin-left:15px;
	width:286px;
}
.step1_basket_frame{
	float:left;
	width:280px;
	background-color:#FFFFFF;
}
.step1_collection{
	width:860px;
	height:350px;
	padding:50px 20px 0px 20px;
	background-image:url(images/selections_bg.jpg);
	background-repeat:no-repeat;
	font-size:14px;
}
.comp_image{
	float:left;
	width:250px;
	margin-right:15px;
}
.comp_tracks{
	float:left;
	width:290px;
}
.comp_tracks ul{
	list-style-type:none;
	padding:0px;
	margin:0px;
}
.comp_tracks ul li{
	height:14px;
	padding:0px;
	margin:0px 0px 3px 0px;
}
.comp_tracks ul img{
	padding:0px 0px 0px 3px;
	margin:0px;
}
.comp_tracks h3{
	padding:0px;
	margin:0px 0px 10px 0px;
	color:#000000;
}
.browse_submit{
	float:left;
	width:105px;
	padding:27px 0px 0px 15px;
}
.browse_select{
	float:left;
	width:215px;
	padding:0px 0px 5px 240px;
}

/* STEP 2 */
.step2{
	width:900px;
	background-image:url(images/step2_bg.jpg);
	padding:40px 15px 0px 20px;
	background-repeat:no-repeat;
	font-size:14px;
}
.step2_details{
	float:left;
	color:#FFFFFF;
	width:295px;
	padding:40px 15px 0px 15px;
}
.step2_design{
	float:left;
	width:515px;
	padding:40px 15px 0px 15px;
	margin-left:10px;
}
.card_images{
	height:155px;
	width:510px;
	overflow:auto;
}
.select_image{
	float:left;
	width:110px;
	margin-right:5px;
}

/* STEP 3 */
.step3{
	width:880px;
	background-image:url(images/step3_bg.jpg);
	background-color:#FFFFFF;
	padding:50px 0px 30px 20px;
	background-repeat:no-repeat;
	font-size:14px;
}
.step3 .intro{
	margin-bottom:15px;
	font-size:14px;
}
.step3_footer{
	background-image:url(images/step3_footer.jpg);
	height:16px;
	width:900px;
	margin-bottom:20px;
}
.step3_card{
	background-image:url(images/card_message_bg.jpg);background-repeat:no-repeat;
	float:left;
	width:863px;
	padding:0px 0px 0px 4px;
}
.step3_card_footer{
	background-image:url(images/card_message_footer.jpg);
	background-repeat:no-repeat;
	height:9px;
	width:867px;
	clear:left;
}
.step3_message{
	float:left;
	width:390px;
	color:#000000;
	padding:10px 20px 20px 20px;
}
.step3_image{
	width:430px;
	padding:0px;
	color:#FFFFFF;
	float:left;
}
.step3_message h3{
	color:#000000;
}
.buy{
	float:right;
	font-size:12px;
}
/* Buy it */
.process{
	width:880px;
	background-image:url(images/process_bg.jpg);
	background-color:#FFFFFF;
	padding:50px 0px 30px 20px;
	background-repeat:no-repeat;
	font-size:14px;
}

/* GIFT CARD */
.gift{
	width:870px;
	background-image:url(images/card_bg.jpg);
	background-repeat:no-repeat;
	padding:45px 14px 20px 16px;
	background-color:#FFFFFF;
	font-size:14px;
}
.gift_top{
	background-image:url(images/card_message_top.jpg);
	height:17px;
	width:867px;
}
.gift_iframe{
	background-image:url(images/card_iframe_bg.jpg);
	width:840px;
	height:310px;
	padding:6px 6px 6px 12px;
	margin:10px 0px 0px 5px;
}
.card_footer{
	background-image:url(images/card_message_footer.jpg);
	background-repeat:no-repeat;
	height:9px;
	width:867px;
	clear:left;
}
.latest_page{
	background-image:url(images/latest_bg.jpg);
	width:860px;
	background-color:#FFFFFF;
	padding:50px 20px 20px 20px;
}
.signup_page{
	background-image:url(images/signup_bg.jpg);
	width:860px;
	background-color:#FFFFFF;
	padding:50px 20px 20px 20px;
}

/* SONGS SELECTION */
.song1, .song2{
	float:left;
	width:125px;
	height:112px;
	background-image:url(images/song_bg1.jpg);
	margin:1px;
	padding:5px 5px 5px 5px;
}
.song1{
	background-image:url(images/song_bg1.jpg);
}
.song2{
	background-image:url(images/song_bg2.jpg);
}

/* BASKET */
.basket{
	text-align:left;
	padding:5px 0px 0px 0px;
	overflow:auto;
	width:278px;
	border:1px solid #FFFFFF;
	height:373px;
	background-color:#FFFFFF;
}
.basket_item1, .basket_item2{
	height:47px;
	width:260px;
	margin-bottom:5px;
}
.basket_item1{
	background-image:url(images/basket_bg.gif);
}
.basket_item2{
	background-image:url(images/basket_bg2.gif);
}

.footer_links{
	float:left;
}

/* NAVIGATION  ----------------------------------------------------------- */

#nav ul {
	margin:0px 0px 0 0px;	
	padding:0;
}
	
#nav  li {	
	list-style-type:none;
	margin:0;
	padding:0;
	float:left	
}
	
#nav li a, #nav li a:visited{	
	display: block;	
	text-decoration:none;	
	background-repeat:no-repeat;	
	background-position:0px 0px;	
	height:38px;
	text-indent:-3000em;	
}

	
	#nav li.home a, #nav li.home a:visited{		
		background-image:url(images/nav_home.jpg);	
		width:62px;	
	}
	#nav li.home a:hover{background-position:0px -38px;}
	#nav li.home_on a, #nav li.home_on a:visited{		
		background-image:url(images/nav_home.jpg);	
		width:62px;
		background-position:0px -38px;
	}
	
	#nav li.how a, #nav li.how a:visited{		
		background-image:url(images/nav_how.jpg);	
		width:153px;
	}
	#nav li.how a:hover{background-position:0px -38px;}
	#nav li.how_on a, #nav li.how_on a:visited{		
		background-image:url(images/nav_how.jpg);	
		width:153px;
		background-position:0px -38px;
	}
	
	
	#nav li.cost a, #nav li.cost a:visited{		
		background-image:url(images/nav_cost.jpg);	
		width:148px;
	}
	#nav li.cost a:hover{background-position:0px -38px;}
	#nav li.cost_on a, #nav li.cost_on a:visited{		
		background-image:url(images/nav_cost.jpg);	
		width:148px;
		background-position:0px -38px;
	}
	
	#nav li.latest a, #nav li.latest a:visited{		
		background-image:url(images/nav_latest.jpg);	
		width:92px;
	}
	#nav li.latest a:hover{background-position:0px -38px;}
	#nav li.latest_on a, #nav li.latest_on a:visited{		
		background-image:url(images/nav_latest.jpg);	
		width:92px;
		background-position:0px -38px;
	}
	
	#nav li.signup a, #nav li.signup a:visited{		
		background-image:url(images/nav_signup.jpg);	
		width:74px;
	}
	#nav li.signup a:hover{background-position:0px -38px;}
	#nav li.signup_on a, #nav li.signup_on a:visited{		
		background-image:url(images/nav_signup.jpg);	
		width:74px;
		background-position:0px -38px;
	}
	
	#nav li.tracks a, #nav li.tracks a:visited{		
		background-image:url(images/nav_tracks.jpg);	
		width:82px;
	}
	#nav li.tracks a:hover{background-position:0px -38px;}
	#nav li.tracks_on a, #nav li.tracks_on a:visited{		
		background-image:url(images/nav_tracks.jpg);	
		width:82px;
		background-position:0px -38px;
	}
	
	#nav li.send a, #nav li.send a:visited{		
		background-image:url(images/nav_send.jpg);	
		width:215px;
	}
	#nav li.send a:hover{background-position:0px -38px;}
	#nav li.send_on a, #nav li.send_on a:visited{		
		background-image:url(images/nav_send.jpg);	
		width:215px;
		background-position:0px -38px;
	}

/* Form */
form {
	padding:0;
	margin:0;
}
.radio{
	background-color:#000000;
	border: 1px solid #000000;
}
select{
	width:210px;
	height:25px;
	border: 1px solid #918f90;
	background-color: #eeeeee;
	color: #000000;
	padding:2px 0px 5px 0px;
	margin: 0 0 2px 0;
}
.copyright{
	float:left; 
	width:200px;
	text-align:left;
}
.copyright a{
	color:#FFFFFF;
}
.share{
	float:right;
	width:200px;
	text-align:right;
}
/** Error messages */
.error{
	color: red;
}
.error h3{
	color: red;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

.clearthis {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	display: block;
	color: #f00;
	}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*  */
.StyleSheetHiddenPlaceHolder  {
	display : none;
}

/*html{
 overflow:-moz-scrollbars-vertical;
} */