/* Global ////////////////////////////////////////// */
			
	* {
	margin: 0px;
	padding: 0px;
	}
	
	img {
		border:  0px;
	}
	
	html {
		background: url(images/);
	}
	
	body {
	font-family: Arial, Helvetica, sans-serif;
	background: #e1e1e1 url(images/bg-ult-body.gif);
	}
		
	body#get-track {
	font-family: Arial, Helvetica, sans-serif;
	background: url(images/ajax-body.png) no-repeat;
	height: 575px;
	width: 566px;
	overflow-x: hidden;
	overflow-y: auto;
	}
	
	body#get-campaign {
	font-family: Arial, Helvetica, sans-serif;
	background: #dbb37e url(images/ajax-body-camp.png) 50px 35px no-repeat;
	width: 562px;
	overflow-x: hidden;
	overflow-y: auto;
	border:  2px solid #f3d8bc;
	}
	
	iframe {
	overflow-x: hidden;
	overflow-y: auto;	
	}
	
	.sockz-container {
		background: url(images/bg-body-alt.png) repeat-x;
		width: 100%;
		height: auto;
	}
	
	#carouselpromo {
		float:  left;
		width: 639px;
		height: 270px;
		margin:  20px 10px 60px 10px;
		position:  relative;
	}
	
	#carouselcontainer {
		float:  left;
		width: 639px;
		height: 270px;
	}
	
	.carousel-item {
		width: 639px;
		height: 270px;
		//position:  absolute;
	}
	
	.carousel-item h2 {
		font-size:  15px;
		color:  #f13329;
		font-weight:  bold;
	}
	
	.carousel-item h4 {
		font-size:  13px;
		color:  #ffffff;
		font-weight:  normal;
		padding-top: 5px;
		float:  left;
		width: 400px;
	}
	
	.carousel-item a {
		font-size:  13px;
		color:  #f13329;
		font-weight:  normal;
		padding-top: 5px;
		float:  right;
		display:  block;
		text-align: right;
		text-decoration:  underline;
	}
	
	.carousel-overlay {
		background:  url(images/bg-carousel-overlay.png) no-repeat;
		width: 599px;
		height: 70px;
		padding: 190px 20px 10px 20px;
	}
	
	#video-container {
		width: 308px;
		height: 194px;
		float: left;
		margin:  20px 10px 60px 15px;
	}
	
	.flash-video {
		width:  308px;
		height: 194px;
		margin-bottom:  12px;
		background: url(images/bg-flash-hero-01.png) no-repeat;
	}
	
	#video-container a.clip {
		display:  block;
		float: left;
		width:  99px;
		height:  62px;
	}
	
	#video-container a#video1 {
		background: url(images/bg-a-clip-edu.png) no-repeat;
		margin-right:  5px;
		margin-left:  1px;
	}
	
	#video-container a#video2 {
		background: url(images/bg-a-clip-bangra.png) no-repeat;
		margin-right:  5px;
	}
	
	#video-container a#video3 {
		background: url(images/bg-a-clip-hiphop.png) no-repeat;
		margin-right:  5px;
	}
	
	#video-container a#video4 {
		background: url(images/bg-a-clip-footy.png) no-repeat;
	}
	
	#pager {
		z-index: 100;
		position:  absolute;
		top: 190px;
		right: 20px;
	}
	
	#pager a {
		display:  block;
		float:  right;
		border: 2px solid #5a5456;
		width:  11px;
		height: 11px;
		margin-left: 3px;
	}
	
	#pager a.activeSlide {
		display:  block;
		float:  right;
		border: 2px solid #5a5456;
		background:  url(images/bg-a-activelink.gif) center center no-repeat;
	}
	
	
	
	body#home .sockz-container {
		background: url(images/bg-body.png) repeat-x;
		width: 100%;
		height: 100%;
	}
		
	#container {
	margin: 0px auto 0px auto;
	width: 996px;
	height: auto;
	}
	
	.clear {
	clear: both;
	height: auto;
	}
	
	h3 {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 17px;
	padding: 0 0 0 0;
	}
	
	p {
	padding-top: 8px;
	}
	
	/* Masthead ////////////////////////////////////////// */

	#masthead {
	background: url(images/bg-masthead.jpg) repeat-x;
	padding: 10px 8px;	
	}
	
	#logo {
	float: left;
	}
	
	/* Navigation ////////////////////////////////////////// */
	
	.mast-nav {
		color: #a2a2a2;
		float: right;
		padding: 0px 0 0 0;
		width:  520px;
	}
	
	.mast-nav p {
	color: #a2a2a2;
	font-size:  11px;
	font-style:  italic;
	padding-top:  0px;
	padding:  0px 0px 10px 0px;
	text-align:  right;
	}
	
	.mast-nav a {
	font-size: 17px;
	text-decoration: none;
	color: #a2a2a2;
	display:  block;
	float:  left;
	height:  51px;
	}
	
	.mast-nav li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding: 0;
	display: block;
	float:  right;
	}
	
	.mast-nav li.nav-divide {
	background: url(images/nav-divide.png) no-repeat;
	height:  51px;
	width:  15px;
	}
	
	.mast-nav .home-link a.home-link {
	background: url(images/nav-home-off.png) no-repeat;
	width: 67px;
	display:  block;
	float: left;
	}
	
	#home .mast-nav .home-link a.home-link {
	background: url(images/nav-home-on.png)  no-repeat;
	}
	
	.mast-nav .help-link a.help-link {
	background: url(images/nav-help-off.png) no-repeat;
	width: 51px;
	display:  block;
	float: left;
	}
	
	#help .mast-nav .help-link a.help-link {
	background: url(images/nav-help-on.png)  no-repeat;
	}
	
	.mast-nav .what-link a.what-link {
	background: url(images/nav-what-off.png) no-repeat;
	width: 244px;
	display:  block;
	float: left;
	}
	
	#what .mast-nav .what-link a.what-link {
	background: url(images/nav-what-on.png)  no-repeat;
	}
	
	.mast-nav .ordering-link a.ordering-link {
	background: url(images/nav-order-off.png) no-repeat;
	width: 111px;
	display:  block;
	float: left;
	}
	
	#ordering .mast-nav .ordering-link a.ordering-link {
	background: url(images/nav-order-on.png)  no-repeat;
	}
	
	#what .what-link a {
	color: #ee332a;
	}
	
	#ordering .ordering-link a {
	color: #ee332a;
	}
	
	#home .home-link a {
	color: #ee332a;
	}
	
	#help .help-link a {
	color: #ee332a;
	}
	
	#what .what-link a {
	color: #ee332a;
	}
	
	#ordering .ordering-link a {
	color: #ee332a;
	}
	
	.nav {
	color: #a2a2a2;
	float: right;
	padding: 5px 0 0 0;
	}

	.nav p {
	color: #a2a2a2;
	font-size:  11px;
	font-style:  italic;
	padding-top:  0px;
	padding:  0px 0px 20px 0px;
	text-align:  right;
	}
			
	.nav a:hover {
	text-decoration: none;
	color: #ffffff;
	}
	
	.nav a {
	font-size: 17px;
	text-decoration: none;
	color: #a2a2a2;
	}
	
	.nav li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding: 0;
	display: inline;
	}
	
	/* The three heroes ////////////////////////////////////////// */
	
	#three-cta-videos {
	padding-top: 25px;
	margin-bottom: 75px;
	padding-left: 8px;
	padding-right: 8px;
	}
	
	#three-cta-videos .last {
	margin-right: 0px !important;
	}
	
	.cta-video-container {
	font-family: arial, sans-serif;
	width: 308px;
	height: 271px;
	float: left;
	padding: 0 0 0 0;
	margin-right: 28px;
	}
	
	.one-of-three-flash-videos {
	cursor: pointer;
	width: 308px;
	height: 194px;
	}
	
	#video1 {
		background: url(images/bg-flash-hero-01.png);		
	}
	
	#video2 {
		background: url(images/bg-video-100723-02.png);		
	}
	
	#video3 {
		background: url(images/bg-video-100723-03.png);		
	}
	
	.video-cta {
		margin-top: 13px;
		padding: 17px 62px;
		width:  185px;
		height: 40px;
		background: url(images/bg-video-cta.png) center no-repeat;
		text-transform:  uppercase;
		text-align: center;
	}
	
	#ctalink {
		margin-top: 13px;
		padding: 25px 62px;
		width:  185px;
		height: 32px;
		background: url(images/bg-video-cta.png) center no-repeat;
		text-transform:  uppercase;
		text-align: center;
	}
	
	.video-cta h3 {
		font-size: 13px;
		color: #f0352a;
		margin: 0px;
		padding:  0px;
		height:  auto;
	}
	
	.video-cta p {
		font-size:  10px;
		font-weight:  bold;
		color:  #ccc;
		margin: 0px;
		padding:  0px;
		height:  auto;
	}
	
	.video-cta p a {
		font-size:  10px;
		color:  #ccc;
		text-decoration: underline;
	}
	
	.video-cta p a:hover {
		color:  #fff;
	}
	
	#the-three-heroes  {
	padding-top: 25px;
	margin-bottom: 75px;
	padding-left: 8px;
	padding-right: 8px;
	}
	
	.hero-flash-video {
		position: relative;
	}
	
	.video-loading {
	background: url(images/ajax-loader.png);
	width: 150px;
	height: 35px;
	position: absolute;
	font-size: 15px;
	color: #333;
	top: 20px;
	left: 79px;
	display: none;
	text-align: center;
	padding-top: 15px;
	}

	#hero-container-flash-01  {
	font-family: arial, sans-serif;
	width: 308px;
	height: 194px;
	float: left;
	padding: 0 0 0 0;
	background: url(images/bg-flash-hero-01.png);
	cursor: pointer;
	margin-right: 28px;
	}
	
	#hero-container-flash-02  {
	font-family: arial, sans-serif;
	width: 308px;
	height: 194px;
	float: left;
	padding: 0 0 0 0;
	background: url(images/bg-flash-hero-02.png);
	cursor: pointer;
	margin-right: 28px;
	}
	
	#hero-container-flash-03  {
	font-family: arial, sans-serif;
	width: 308px;
	height: 194px;
	float: left;
	padding: 0 0 0 0;
	background: url(images/bg-flash-hero-03.png);
	cursor: pointer;
	margin-right: 0px;
	}
	
	.hero-container  {
	font-family: arial, sans-serif;
	width: 308px;
	height: 194px;
	float: left;
	margin-left: 25px;
	}
		
	.hero-overlay  {
	background: url(images/hero-overlay.png) no-repeat;
	height: 100%;
	}
		
	.hero-track-artist {
	color: #d9d9d9;
	font-size: 11px;
	padding: 135px 0 0 10px;
	}
	
	.hero-track-title {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 5px 10px;
	}
	
	.hero-track-sample {
	margin: 0 0 0 10px;
	float: left;
	width: 20px;
	height: 16px;
	background: url(images/hero-track-sample.png);
	cursor: pointer;
	}

	.hero-track-sample:hover {
	background: url(images/hero-track-sample-hover.png);
	}
		
	.hero-track-number {
	margin: 0 0 0 2px;
	background: #ee332a;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	height: 15px;
	width: 30px;
	padding: 1px 5px 0 5px;
	float: left;
	}
	
	.hero-track-get {
	float: right;
	padding-right: 10px;
	}

	
	/* Track Rows ////////////////////////////////////////// */
	
	h3 {
		height:  25px;
	}
	
	h3#most-popular {
		background: url(images/h3-most-popular.jpg) left bottom no-repeat;
		width: 199px;
		height:  30px;
	}
	
	h3#our-picks {
		background: url(images/h3-our-picks.png) left bottom no-repeat;
		width: 199px;
		height:  30px;
	}
	
	h3#tv-and-film {
		background: url(images/h3-tv-and-film.png) left bottom no-repeat;
		width: 199px;
		height:  30px;
	}
	
	h3#hip-hop {
		background: url(images/h3-hip-hop.jpg) left bottom no-repeat;
		width: 199px;
		height:  30px;
	}
	
	h3#footy {
		background: url(images/h3-footy.jpg) left bottom no-repeat;
		width: 193px;
		height:  30px;
	}
	
	h3#chart {
		background: url(images/h3-chart.jpg) left bottom no-repeat;
		width: 70px;
		height:  30px;
	}
	
	.track-row-top {
	background: url(images/bg-track-row-extended.png) no-repeat;
	height: 210px;
	padding: 0 10px 50px 20px;
	}
	
	.track-row {
	background: url(images/bg-track-row.jpg) no-repeat;
	height: 210px;
	padding: 10px 20px 15px 25px;
	}
	
	.track-row-bottom {
	background: url(images/bg-track-row-extended.png) no-repeat;
	height: 210px;
	padding: 0 10px 30px 10px;
	}
	
	.track-row-top h3 {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 17px;
	padding: 20px 0 0 0;
	margin-bottom: 5px;
	margin-left:  5px;
	}
	
	.track-row-bottom h3 {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 17px;
	padding: 20px 0 0 0;
	margin-left: 245px;	
	}
	
	.track-last-row {
	float: right;
	padding: 6px 4px 0 0;
	}
	
	/* Promo ////////////////////////////////////////// */
	
	.promo-container {
	background: url(images/bg-promo.png) no-repeat;
	font-family: arial, sans-serif;
	width: 223px;
	height: 231px;
	padding: 5px 8px;
	margin: 0 5px 0 0;
	float: left;
	position: relative;
	}

	.promo-track-image {
	margin: 5px 0px 0px 5px;
	width: 213px;
	height: 134px;
	}
		
	.promo-track-artist {
	color: #8c8c8c;
	font-size: 11px;
	padding: 7px 0 0 10px;
	}
	
	.promo-track-title {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	padding: 6px 0 9px 10px;
	}
	
	.promo-track-sample {
	width: 20px;
	height: 16px;
	float: left;
	margin: 0 0 0 10px;
	background: url(images/promo-sample.png);
	cursor: pointer;
	}

	
	.promo-track-sample:hover {
	background: url(images/promo-sample-hover.png);
	}
	
	.promo-track-number {
	margin: 0 0 0 2px;
	font-size: 12px;
	font-weight: normal;
	color: #ee332a;
	height: 15px;
	width: 30px;
	padding: 1px 5px 0 0;
	float: left;
	}
	
	.promo-container .track-get {
		float:  left;
		width: 97px;
		margin-top:  0px;
	}
	
	.promo-container .track-sample {
		margin-left:  5px;
	}
	
	.promo-container .track-number {
		text-align:  center;
	}
	
	.promo-track-get a {
	float: right;
	padding:2px 15px 0 0;
	font-size: 12px;
	text-decoration: none;
	color: #ee332a;
	font-weight: normal;
	}
	
	a.promo-overlay {
	display: block;
	position: absolute;
	top: 10px;
	left: 13px;
	background: url(images/promo-overlay.png) no-repeat;
	width: 214px;
	height: 134px;
	}
	
	/* Instructions ////////////////////////////////////////// */
	
	.instructions-container {
	background: url(images/bg-promo.png) no-repeat;
	font-family: arial, sans-serif;
	width: 239px;
	height: 231px;
	padding: 0;
	margin-top: -55px;
	float: right;
	}
		
	.instructions-image {
	float: left;
	width: 60px;
	margin: 10px 0 0 15px;
	}
	
	.instructions-title {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 17px;
	padding: 10px 0 0 15px;
	}
	
	.instructions-type {
	float: left;
	width: 122px;
	margin: 10px 0 0 10px;
	}
	
	.instructions-type h4 {
	font-weight: normal;
	font-size: 15px;
	padding: 0;
	margin: 0;
	color: #ee332a;
	}
	
	.instructions-type p {
	font-size: 11px;
	padding: 0;
	margin: 0;
	color: #252525;
	}
	
	.instructions-number {
	background: #ee332a;
	font-size: 13px;
	font-weight: bold;
	padding: 3px 6px 3px 6px;
	margin: 0;
	float: right;
	color: #ffffff;
	}
	
	#instructions-divider {
	padding: 2px 0 0 15px;
	height: 3px;
	}
	
	/* Tracks ////////////////////////////////////////// */

	.track-container {
	background: url(images/bg-track.png) no-repeat;
	font-family: Arial, sans-serif;
	width: 115px;
	text-align: center;
	float: left;
	padding: 3px;
	margin-top: 5px;
	margin-right: 0px;
	}
	
	.track-artist {
	color: #000;
	font-size: 11px;
	height: 28px;
	margin-top: 5px;
	overflow: hidden;
	}

	.track-title {
	color: #000;
	font-size: 11px;
	height: 26px;
	padding: 0px 5px;
	margin: 0;
	overflow: hidden;
	}

	.track-sample {
	float: left;
	width: 28px;
	margin: 0 0 0px 4px;
	height: 20px;
	background: url(images/track-sample.png);
	cursor: pointer;
	}

	.track-sample:hover {
	//background: url(images/track-sample-hover.png);
	}
		
	.track-number {
	background: url(../images/bg-track-number.png) no-repeat;
	width: 50px;
	height: 18px;
	float: left;
	font-size: 12px;
	font-weight: bold;
	color: #ee332a;
	margin: -1px 0 0 0 ;
	height: 44px;
	padding: 3px 0px;
	}
	
	.track-get {
	padding: 0 4px 2px 0;
	width: 27px;
	float: right;
	margin: -1px 1px 0 0;
	}
	
	/* Help ////////////////////////////////////////// */
	
	#help-container {
	margin-top: 50px;
	width:  735px;
	font-size: 13px;
	}
	
	#help-container h2 {
	font-weight: normal;
	font-size: 17px;
	margin-bottom: 10px;
	}
	
	#help-container h3 {
	font-weight: bold;
	font-size: 15px;
	padding-top: 6px;
	margin-top: 15px;
	border-top: #ee332a dotted 1px;
	}
	
	#help-container p {
	font-size: 13px;
	padding-top: 8px;
	}

	#help-container p a {
	font-size: 13px;
	color: #333;
	text-decoration: underline;
	}

	#help-container p a:hover {
	color: #666;
	}
			
	#help-container ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-bottom: 30px;
	}
	
	#help-container li a {
	color: #ee332a;
	font-size: 13px;
	line-height: 160%;
	}
	
	/* What are ringtagz ////////////////////////////////////////// */
	
	#what-are-ringtagz-container {
	margin-top: 50px;
	width:  735px;
	font-size: 15px;
	height: 800px;
	}
	
	#what-are-ringtagz-container h2 {
	font-weight: normal;
	font-size: 17px;
	margin-bottom: 10px;
	}
	
	#what-are-ringtagz-container p {
	font-size: 15px;
	padding: 8px 0 8px 0;
	line-height: 140%;
	}
	
	#what-are-ringtagz-terms  {
	font-size: 10px;
	font-style: italic;
	margin-top: 30px;
	border-top: 1px dotted #ee332a;
	padding-top: 20px;
	}
	
	#what-are-ringtagz-container img {
	margin-bottom: 20px;
	}
	
	/* Ordering ////////////////////////////////////////// */
	
	#ordering-container {
	margin-top: 50px;
	width:  735px;
	font-size: 15px;
	height: 800px;
	}
	
	#ordering-container h2 {
	font-weight: normal;
	font-size: 17px;
	margin-bottom: 10px;
	}
	
	#ordering-container p {
	font-size: 15px;
	padding: 8px 0 8px 0;
	line-height: 140%;
	}
	
	#ordering-terms  {
	font-size: 10px;
	font-style: italic;
	margin-top: 30px;
	border-top: 1px dotted #ee332a;
	padding-top: 20px;
	}
	
	
	
	/* Footer ////////////////////////////////////////// */
	
	#footer {
	background: #fff url(images/bg-footer.png) repeat-x;
	margin-top:30px;
	text-align: center;
	padding: 15px 0 50px 0;
	width: 100%;
	}
	
	#home #home-link a {
	color: #ee332a;
	}
	
	#footer-nav {
	color: #000;
	padding: 35px 0 0 0;
	}
		
	#footer-nav a:hover {
	text-decoration: none;
	color: #666666;
	}
	
	#footer-nav a {
	font-size: 17px;
	text-decoration: none;
	color: #000;
	}
	
	#footer-nav li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding: 0;
	display: inline;
	}
	
	#copyright {
	font-size: 11px;
	margin: 10px 0 0 0;
	color: #000;
	line-height: 150%;
	}
	
	#copyright a {
	color: #000;
	}
	
	#copyright a:hover {
	color: #666666;
	}
	
	
/* Ajax popup */

#ajax-container {
color: #ffffff;
//background: url(images/orange-customers-only.png) top right no-repeat;
overflow-x: hidden;
padding: 68px 39px 20px 39px;
}

#ajax-container #masthead {
//padding-left: 15px;
}

#ajax-container .ajax-info {
float: left;
width: 213px;
margin-top: 70px;
line-height: 135%;
}

#ajax-container .camp-info {
float: left;
width: 213px;
margin-top: 0px;
line-height: 135%;
}

#ajax-container h1 {
color: #000;
font-size: 21px;
}

#ajax-container h2 {
color: #000;
font-size: 17px;
}

#ajax-container h3{
color: #000;
font-size: 15px;
}

#ajax-container ul {
margin:  5px 0px;
}

#ajax-container ul li{
color: #333;
list-style-position: inside;
margin-bottom:  3px;
font-size:  13px;
}

#ajax-container a{
color: #f13329;
font-size: 13px;
text-decoration: underline;
}

#ajax-container h3.divider {
//border-top: 1px dotted #999;
padding-top: 15px;
//font-weight: bold;
}

#ajax-container h3.divider span {
font-weight: normal;
font-size: 13px;
font-style: italic;
margin-left: 10px;
}

#ajax-container h3.margin {
margin-top: 20px;
}

#ajax-container p {
color: #000;
font-size: 13px;
}	

#ajax-container span.code {
font-weight: bold;
color: #000;
font-size: 15px;
}

#ajax-container img {
display:  block;
float: left;
margin-right: 15px;
width: 208px;
height: 132px;
overflow: hidden;
margin-top: 1px;
margin-left: 1px;
//border: 3px solid #000;
}

#get-campaign #ajax-container img {
margin-right: 15px;
width: 208px;
height: 132px;
overflow: hidden;
margin-top: 1px;
margin-left: 13px;
float:  right;
//border: 3px solid #000;
}


.ajax-image-overlay {
	background: url(images/ajax-image-overlay.png) no-repeat;
	position: absolute;
	top: 15px;
	left: 15px;
	width: 210px;
	height: 134px;
}

#get-campaign .ajax-image-overlay {
	background: url(images/ajax-image-overlay.png) no-repeat;
	position: absolute;
	top: 15px;
	left: 246px;
	width: 210px;
	height: 134px;
}

#ajax-container #logo img {
display:  block;
float: left;
margin-right: 15px;
width: 238px;
}

#ajax-container .track-info {
padding: 15px;
position: relative;
}

#ajax-container .track-order{
padding: 15px;
clear: both;
}

#ajax-container .track-terms {
	margin-top: 15px;
	padding-bottom: 15px;
	border-top: 1px dotted #fff;
	font-style: italic;
}

#ajax-container .track-terms p {
	font-size: 10px;
}

#ajax-container .ajax-information {
padding: 15px;
}