/* Content Page Styles */
/* Content page styling, includes specific page styles for individually designed pages. */
/* Author: Andrew Talbot - hp88.co.uk */

/* Columns */

div.mainColumn
{

	width:751px;
	display:inline;
	float:left;
	margin-left:9px;

}

div.secondaryColumn
{

	width:182px;
	margin-right:18px;
	display:inline;
	float:left;

}

/* Main Content */

div.mainColumn div.text
{

	border:1px solid #bbbbbb;
	padding-top:9px;
	min-height:1px;
	background-color:#ffffff;
	position:relative;

}


/* ------------------------------------------------------------- Individual Page Styles ------------------------------------------------------------- */

/* Product Page */
/* Product Page Styles Go Here */
/* Product Page at /product/ */

		div.mainColumn div#productPageContent
		{
		
			background-image:url('images/background/productPageBackground.gif');
			background-repeat:no-repeat;
			background-position:top right;
			
		}
		
		div.mainColumn div#productPageContent p.productIntro
		{
		
			margin:0px 342px 9px 30px;
			padding:0px;
			font-size:15px;
			line-height:22px;
		
		}
		
		div.mainColumn div.musicPlayerInfo
		{
		
			padding:18px 0px 0px 30px;
			border-top:1px solid #bbbbbb;
			margin-top:36px;
		
		}
		
		div.mainColumn div.musicPlayerInfo h2
		{
		
			background-image:url('images/banner/musicPlayerHeader.gif');
			background-repeat:no-repeat;
			background-position:left center;
			line-height:63px;
			height:63px;
			font-size:28px;
			font-family:"Lucida Grande",Tahoma,Verdana,"Lucida Sans Unicode",sans-serif;
		
		}
		
		div.mainColumn div.musicPlayerInfo h2 span
		{
		
			display:none;
		
		}
		
		div.mainColumn div.musicPlayerInfo h3
		{
		
			line-height:27px;
			height:27px;
			font-size:20px;
			font-family:"Lucida Grande",Tahoma,Verdana,"Lucida Sans Unicode",sans-serif;
			background-repeat:no-repeat;
			background-position:left center;
			margin:0px;
			
		}
		
		div.mainColumn div.musicPlayerInfo div.features div h3 span
		{
		
			display:none;
			
		}
		
		div.mainColumn div.musicPlayerInfo div.features div p
		{
		
			font-size:12px;
			line-height:18px;
			margin:0px;
			padding:0px;
		
		}
		
		div.mainColumn div.musicPlayerInfo div.features div.leftColumn div a, div.mainColumn div.musicPlayerInfo div.features div.rightColumn div a
		{
		
			display:block;
			margin:0px 0px 0px 0px;
			padding:0px;
			font-family:"Lucida Grande",Tahoma,Verdana,"Lucida Sans Unicode",sans-serif;
			text-decoration:underline;
			color:#d31245;
			font-size:11px;
			line-height:20px;
		
		}
		
		div.mainColumn div.musicPlayerInfo div.features div.leftColumn div a:hover, div.mainColumn div.musicPlayerInfo div.features div.rightColumn div a:hover
		{
		
			font-size:11px;
			font-family:"Lucida Grande",Tahoma,Verdana,"Lucida Sans Unicode",sans-serif;
			text-decoration:underline;
			color:#0093d0;
		
		}
		
		div.mainColumn div.musicPlayerInfo div.features div#efficient h3
		{
		
			background-image:url('images/banner/small/efficientHeading.gif');
		
		}
		
		div.mainColumn div.musicPlayerInfo div.features div#playlists h3
		{
		
			background-image:url('images/banner/small/playlistHeading.gif');
		
		}
		
		div.mainColumn div.musicPlayerInfo div.features div#capture h3
		{
		
			background-image:url('images/banner/small/captureHeading.gif');
		
		}
		
		div.mainColumn div.musicPlayerInfo div.features div#manyMore h3
		{
		
			background-image:url('images/banner/small/manymoreHeading.gif');
		
		}
		
		div.mainColumn div.musicPlayerInfo div.features div.leftColumn, div.mainColumn div.musicPlayerInfo div.features div.rightColumn
		{
		
			list-style-type:none;
			padding:0px;
			margin:0px 0px 0px 0px;
			list-style-position:outside;
			width:340px;
			float:left;
			display:inline;
			position:relative;
			
		}
		
		div.mainColumn div.musicPlayerInfo div.features div.leftColumn div, div.mainColumn div.musicPlayerInfo div.features div.rightColumn div
		{
		
			margin:20px 20px 36px 0px;
			position:relative;
			
		}
		
		div.mainColumn div.musicPlayerInfo div.features div.leftColumn
		{
		
			margin:0px 19px 0px 0px;
			
		}
		
		div.mainColumn div.screenshotArea
		{
		
			border-top:1px solid #bbbbbb;
			border-bottom:1px solid #bbbbbb;
			margin-right:30px;
			position:relative;	
			min-height:1px;
			
		}
		
		div.mainColumn div.screenshotArea a
		{
		
			margin:18px 0px 18px 18px;
			display:inline;
			float:left;
			position:relative;
			min-height:1px;
		
		}
		
		div.mainColumn div.screenshotArea a img
		{
		
			margin:0px;
			position:relative;
			min-height:1px;

		}
		
		div.mainColumn div.musicPlayerInfo ul.callToAction
		{
		
			padding-left:0px;
			position:relative;
		
		}
		
		div.mainColumn div.musicPlayerInfo ul.callToAction li
		{
		
			position:relative;
			min-height:1px;
			margin:0px 0px 27px 0px;
		
		}

/* End Product Page styles */




/* Support Page */

		div.mainColumn div.supportArea
		{
		
			padding-left:18px;
			margin-top:36px;
			margin-bottom:36px;
		
		}
		
		div.mainColumn div.supportArea div.FAQ, div.mainColumn div.supportArea div.forum
		{
		
			width:282px;
			margin-right:18px;
			border:1px solid #bbbbbb;
			float:left;
			display:inline;
			position:relative;
			min-height:1px;
		
		}
		
		div.mainColumn div.supportArea div h3
		{
		
			margin:18px 18px 0px 18px;
			
		}
		
		div.mainColumn div.supportArea div p
		{
		
			line-height:18px;
			font-size:12px;
			font-family:"Lucida Grande",Tahoma,Verdana,"Lucida Sans Unicode",sans-serif;
			margin:0px 18px 9px 18px;
			
		}
		
		div.mainColumn div.supportArea div a
		{
		
			display:block;
			line-height:18px;
			font-size:12px;
			font-family:"Lucida Grande",Tahoma,Verdana,"Lucida Sans Unicode",sans-serif;
			color:#d31245;
			margin:0px 18px 27px 18px;
			
		}
		
		div.mainColumn div.supportArea div a:hover
		{
		
			color:#0093d0;
			
		}
		
/* End Support Page styles */





/* FAQ Page */
/* FAQ Page Styles Go Here */
/* FAQ Page at /support/faq/ */

		div.mainColumn div#faqPageContent
		{
		
			border-bottom:0px;
			
		}
		
		div.mainColumn div.text ul.faqArea
		{
		
			display:block;
			margin:0px;
			border-top:1px solid #bbbbbb;
			border-bottom:1px solid #bbbbbb;
			padding:0px;
		
		}
		
		div.mainColumn div.text ul.faqArea
		{
		
			display:block;
			margin:36px 0px 0px 0px;
			border-top:1px solid #bbbbbb;
			padding:9px 0px;
			background-color:#e6e6e6;
		
		}
		
		div.mainColumn div.text ul.faqArea li
		{
		
			list-style-type:none;
			display:block;
			margin:9px 18px;
			padding:9px 0px 9px 0px;
			border:1px solid #bbbbbb;
			background-color:#ffffff;
		
		}
		
		div.mainColumn div.text ul.faqArea li h3
		{
		
			font-size:16px;
			line-height:27px;
			font-weight:normal;
			margin:0px 18px;
			color:#333333;
		
		}
		
		div.mainColumn div.text ul.faqArea li p
		{
		
			font-size:12px;
			line-height:18px;
			margin:0px 18px;
			color:#333333;
		
		}
		
		div.mainColumn div#forumPageText
		{
		
			padding-bottom:27px;
		
		}

/* End FAQ Page styles */






/* Contact Page */
/* Contact Page Styles Go Here */
/* Contact Page at /contact/ */

		body div.mainColumn div.text ul.contactInfo
		{
		
			list-style-type:none;
			margin:0px 0px 36px 0px;
		
		}
		
		body div.mainColumn div.text ul.contactInfo li
		{
		
			list-style-type:none;
			font-size:12px;
			line-height:18px;
			margin:9px 18px;
		
		}
		
		body div.mainColumn div.text ul.contactInfo li b
		{
		
			list-style-type:none;
			font-size:16px;
			line-height:27px;
			font-family:"Lucida Grande",Tahoma,Verdana,"Lucida Sans Unicode",sans-serif;
			font-weight:normal;
		
		}
		
		body div.mainColumn div.text ul.contactInfo li p
		{
		
			margin:0px;
			font-size:12px;
			line-height:18px;
			color:#333333;
		
		}
		
		body div.mainColumn div.text ul.contactInfo li p a
		{
		
			color:#d31245;
			text-decoration:underline;
		
		}
		
		body div.mainColumn div.text ul.contactInfo li p a:hover
		{
		
			color:#0093d0;
			text-decoration:underline;
		
		}	
		
		
/* End Contact Page styles */






/* Download Page */
/* Download Page Styles Go Here */
/* Download Page at /download/ */


		div.mainColumn div#supportedDevices
		{
		
			width:182px;
			float:right;
			display:inline;
			border:1px solid #bbbbbb;
			margin:41px 18px 0px 0px;
			background-image:url('images/background/smallHeaderInvert.gif');
			background-position:top;
			background-repeat:repeat-x;
			position:relative;
		
		}
		
		div.mainColumn h3.supportedDevices
		{
		
			line-height:45px;
			height:45px;
			font-family:"Lucida Grande",Tahoma,Verdana,"Lucida Sans Unicode",sans-serif;
			font-size:16px;
			font-weight:normal;
			padding-left:9px;
			border-bottom:1px solid #bbbbbb;
			background-image:url('images/background/smallHeader.gif');
			background-position:bottom;
			background-repeat:repeat-x;
			margin:0px;
		
		}
		
		div.mainColumn ul.deviceList
		{
		
			display:block;
			margin-top:9px;
			margin-left:9px;
		
		}
		
		div.mainColumn ul.deviceList li.curve8900
		{
		
			background-image:url('images/graphics/curve8900icon.gif');
			
		}
		
		div.mainColumn ul.deviceList li.curve
		{
		
			background-image:url('images/graphics/curveicon.gif');
		
		}
		
		div.mainColumn ul.deviceList li.bold
		{
		
			background-image:url('images/graphics/boldicon.gif');
		
		}
		
		div.mainColumn ul.deviceList li
		{
		
			list-style-type:none;
			display:inline;
			float:left;
			height:45px;
			width:45px;
			margin-right:9px;
		
		}
		
		div.mainColumn ul.deviceList li span
		{
		
			display:none;
		
		}
		
		div.mainColumn div#supportedDevices a
		{
		
			line-height:36px;
			font-size:11px;
			font-family:"Lucida Grande",Tahoma,Verdana,"Lucida Sans Unicode",sans-serif;
			color:#D31245;
			margin:0px 0px 0px 9px;
		
		}
		
		div.mainColumn div#supportedDevices a:hover
		{
		
			color:#0093d0;
		
		}
		
		div.mainColumn div.text ol.steps
		{
		
			margin:9px 218px 9px 18px;
			padding:0px;
			border-top:1px solid #dadada;
			position:relative;
		
		}
		
		div.mainColumn div.text ol.steps li
		{
		
			list-style-position:inside;
			padding:0px 9px;
			line-height:27px;
			font-size:11px;
			font-family:"Lucida Grande",Tahoma,Verdana,"Lucida Sans Unicode",sans-serif;
			border-bottom:1px solid #dadada;
			position:relative;
		
		}
		
		div.mainColumn div.text div#getUnsyncedBar
		{
		
			margin:36px 0px 0px 0px;
			padding:9px 0px 36px 18px;
			border-top:1px solid #bbbbbb;
			background-color:#e6e6e6;
		
		}
		
		div.mainColumn div.text div#getUnsyncedBar p
		{
		
			margin-left:0px;
		
		}
		
		div.mainColumn div.text div#getUnsyncedBar h3
		{
		
			padding:8px 9px 9px 9px;
			line-height:15px;
			font-size:11px;
			font-weight:normal;
			border-bottom:1px solid #bbbbbb;
			font-family:"Lucida Grande",Tahoma,Verdana,"Lucida Sans Unicode",sans-serif;
			background-image:url('images/background/smallHeader.gif');
			background-position:bottom;
			background-repeat:repeat-x;
			margin:0px;
		
		}
		
		div.mainColumn div.text div#getUnsyncedBar h3 span.highlight
		{
		
			font-weight:bold;
			
		}
		
		div.mainColumn div.text div#getUnsyncedBar div p
		{
		
			line-height:16px;
			font-size:11px;
			font-family:"Lucida Grande",Tahoma,Verdana,"Lucida Sans Unicode",sans-serif;
			margin:9px 9px;
		
		}
		
		div.mainColumn div.text div#getUnsyncedBar div span.link
		{
		
			color:#D31245;
			font-weight:bold;
		
		}
		
		div.mainColumn div.text div#getUnsyncedBar div.downloadOption ul li
		{
		
			line-height:16px;
			font-size:11px;
			font-family:"Lucida Grande",Tahoma,Verdana,"Lucida Sans Unicode",sans-serif;
			margin:9px 9px 9px 23px;
			padding-left:0px;
			list-style-position:outside;
		
		}
		
		div.mainColumn div.text div#getUnsyncedBar div.downloadOption a
		{
		
			font-size:11px;
			font-family:"Lucida Grande",Tahoma,Verdana,"Lucida Sans Unicode",sans-serif;
			color:#D31245;
		
		}		
		
		div.mainColumn div.text div#getUnsyncedBar div.downloadOption a:hover
		{
		
			color:#0093d0;
		
		}
		
			
		div.mainColumn div.text div#getUnsyncedBar div.downloadOption
		{
		
			width:182px;
			border:1px solid #bbbbbb;
			margin:9px 18px 0px 0px;
			padding:0px;
			float:left;
			display:inline;
			background-image:url('images/background/smallHeaderInvert.gif');
			background-position:top;
			background-repeat:repeat-x;
			background-color:#ffffff;
			position:relative;
		
		}
		
		div.mainColumn div.text div#getUnsyncedBar div.otherColumns
		{
		
			position:relative;
			float:left;
			display:inline;
		
		}
		
		div.mainColumn div.text div#getUnsyncedBar div#directDownload fieldset legend
		{
		
			display:none;
			border:0px;
			padding:0px;
			margin:0px;
			
		}
		
		div.mainColumn div.text div#getUnsyncedBar div#directDownload fieldset
		{
		
			border:0px;
			padding:0px;
			margin:0px;
		
		}
		
		div.mainColumn div.text div#getUnsyncedBar form.emailForm ul
		{
		
			border-top:1px solid #bbbbbb;
			padding:9px 0px 0px 0px;
			margin:0px;
			position:relative;
		
		}
		
		div.mainColumn div.text div#getUnsyncedBar form.emailForm ul p
		{
		
			margin-bottom:0px;
			padding-bottom:0px;
		
		}
		
		div.mainColumn div.text div#getUnsyncedBar form.emailForm ul li label
		{
		
			font-weight:bold;
		
		}
		
		div.mainColumn div.text div#getUnsyncedBar form.emailForm ul li
		{
		
			list-style-type:none;
			list-style-position:outside;
			margin:0px 9px;
		
		}
		
		div.mainColumn div.text div#getUnsyncedBar div.otherColumns div#appWorld
		{
		
			text-align:center;
		
		}
		
		div.mainColumn div.text div#getUnsyncedBar div.otherColumns div#appWorld *
		{
		
			text-align:left;
		
		}
		
		
		div.mainColumn div.text div#getUnsyncedBar div.otherColumns div#appWorld img
		{
		
			margin:0px auto 9px auto;
		
		}

/* End Download styles */