/* All page styles */
/* Styles for all pages */
/* Author: Andrew Talbot - hp88.co.uk */

/* General Styles */

html, body, div, h1, h2, h3, h4, h5, h6, ul, li, p, span
{

	margin:0px;
  border:0px;
  padding:0px;

}

body
{

	text-align:center;
	background-color:#ffffff;
	background-image:url('images/background/backgroundGradient.gif');
	background-repeat:repeat-x;

}

div.clearer
{

	clear:both;

}

div#container
{

	width:960px;
	margin:9px auto 0px auto;
	text-align:left;

}

/* Header */

div#header
{

	background-image:url('images/background/headerGradient.gif');
	background-repeat:repeat-x;
	background-color:#000000;
	height:81px;

}

div#header ul#logo
{

	display:inline;
	float:left;
	position:relative;
	
}

div#header ul#logo li
{

	display:block;
	margin:20px 0px 0px 18px;
	padding-left:0px;
	list-style-type:none;
	list-style-position:outside;
	list-style-image:none;
	line-height:0px;
	font-size:0px;
}

div#header ul#logo li a
{

	display:block;
	width:200px;
	height:41px;
	line-height:0px;
	background-image:url('images/branding/logo.gif');
	background-repeat:no-repeat;
	background-position:left top;
	padding:0px;
	margin:0px;

}

div#header ul#logo li a span
{

	display:none;

}

div#header ul#nav
{

	overflow:hidden;
	display:inline;
	float:right;
	margin:0px 18px 0px 0px;

}

div#header ul#nav li
{

	margin:0px 0px 0px 50px;
	display:inline;
	text-align:right;
	list-style-type:none;
	list-style-position:outside;
}

div#header ul#nav li.selected
{

	border-bottom:2px solid #d31245;
	
}

div#header ul#nav li a
{

	line-height:81px;
	color:#ffffff;
	font-size:14px;
	font-family:"Lucida Grande",Tahoma,Verdana,"Lucida Sans Unicode",sans-serif;
	text-decoration:none;
	font-weight:bold;	
	text-align:right;

}

div#header ul#nav li#downloadLink a
{

	color:#0093d0;

}

/* Content */

div#content
{

	margin-top:18px;
	width:960px;

}

div.mainColumn h1
{

	display:block;
	margin:9px 18px;
	line-height:54px;
	font-size:28px;
	font-family:"Lucida Grande",Tahoma,Verdana,"Lucida Sans Unicode",sans-serif;

}

div.mainColumn h3
{

	font-size:16px;
	line-height:27px;
	font-weight:normal;
	font-family:"Lucida Grande",Tahoma,Verdana,"Lucida Sans Unicode",sans-serif;
	margin:9px 18px 0px 18px;

}

div.mainColumn div.text p
{

	color:#333333;
	margin:9px 18px;
	line-height:22px;
	font-size:15px;
	font-family:"Lucida Grande",Tahoma,Verdana,"Lucida Sans Unicode",sans-serif;

}

div.mainColumn div.text ul.callToAction
{

	display:block;
	padding-left:18px;
	margin-top:27px;

}

div.mainColumn div.text ul.callToAction li
{

	display:inline;
	float:left;
	margin:0px 9px 27px 0px;
	width:182px;
	height:36px;
	line-height:36px;

}

div.mainColumn div.text ul.callToAction li a
{

	display:block;
	width:182px;
	height:36px;
	background-color:transparent;
	background-repeat:no-repeat;
}

div.mainColumn div.text ul.callToAction li a span
{

	display:none;
	
}

div.mainColumn div.text ul.callToAction li a#learnMore
{

	background-image:url('images/button/learnMore.gif');

}

div.mainColumn div.text ul.callToAction li a#download
{

	background-image:url('images/button/download.gif');

}


/* Secondary Sections */

div.secondaryColumn ul.pods li
{

	display:block;
	list-style-type:none;
	list-style-position:outside;

}

div.secondaryColumn ul.pods li a
{

	display:block;
	width:182px;
	height:100px;
	margin:0px 0px 18px 0px;
	padding:0px;
	background-repeat:no-repeat;
	background-position:top left;

}

div.secondaryColumn ul.pods li#downloadPod a
{

	background-image:url('images/pod/downloadPod.gif');
	
}

div.secondaryColumn ul.pods li#productPod a
{

	background-image:url('images/pod/learnMorePod.gif');

}

div.secondaryColumn ul.pods li a span
{

	display:none;

}

div.secondaryColumn div#twitter
{

	border:1px solid #bbbbbb;
	background-color:#ffffff;

}

div.secondaryColumn div#twitter h3
{

	border-bottom:1px solid #bbbbbb;
	line-height:36px;
	font-size:16px;
	font-family:"Lucida Grande",Tahoma,Verdana,"Lucida Sans Unicode",sans-serif;
	font-weight:normal;
	padding:0px 9px;
	background-image:url('images/background/smallHeader.gif');
	background-position:bottom;
	background-repeat:repeat-x;

}

div.secondaryColumn div#twitter p
{

	line-height:18px;
	font-size:11px;
	font-family:"Lucida Grande",Tahoma,Verdana,"Lucida Sans Unicode",sans-serif;
	margin:18px 9px;

}

div.secondaryColumn div#twitter ul.nav li
{

	margin:18px 9px;
	list-style-type:none;

}

div.secondaryColumn div#twitter ul.nav li a
{

	display:block;
	height:27px;
	line-height:27px;
	background-color:transparent;
	background-image:url('images/button/small/twitterReadMore.gif');
	background-repeat:no-repeat;
	background-position:left center;

}

div.secondaryColumn div#twitter ul.nav li a span
{

	display:none;

}

div.secondaryColumn div#twitter p span
{

	display:block;
	font-weight:bold;

}

div.secondaryColumn div#twitter p span a
{

	font-weight:bold;
	text-decoration:none;
	color:#000000;

}

div.secondaryColumn div#twitter p span a:hover
{

	text-decoration:underline;
	color:#0093d0;

}

div.secondaryColumn div#twitter p a
{

	text-decoration:underline;
	color:#000000;

}

div.secondaryColumn div#twitter p a:hover
{

	text-decoration:underline;
	color:#0093d0;

}

div.secondaryColumn ul.subNav
{

	border-top:1px solid #bbbbbb;
	border-left:1px solid #bbbbbb;
	border-right:1px solid #bbbbbb;
	margin-bottom:18px;

}

div.secondaryColumn ul.subNav li
{

	list-style-type:none;
	border-bottom:1px solid #bbbbbb;
	background-image:url('images/background/smallHeader.gif');
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#ffffff;

}

div.secondaryColumn ul.subNav li.title
{

	padding-bottom:18px;

}

div.secondaryColumn ul.subNav li *
{

	padding:0px 9px;
	font-family:"Lucida Grande",Tahoma,Verdana,"Lucida Sans Unicode",sans-serif;

}

div.secondaryColumn ul.subNav li p
{

	font-size:12px;
	line-height:16px;
	color:#333333;

}

div.secondaryColumn ul.subNav li h3
{

	padding-top:5px;
	line-height:35px;
	font-size:16px;
	font-weight:normal;
	background-image:url('images/background/smallHeaderInvert.gif');
	background-position:top;
	background-repeat:repeat-x;

}

div.secondaryColumn ul.subNav li a
{

	line-height:45px;
	display:block;
	font-size:12px;
	color:#333333;
	text-decoration:none;
	background-image:url('images/background/smallHeaderInvert.gif');
	background-position:top;
	background-repeat:repeat-x;

}

div.secondaryColumn ul.subNav li.selected
{

	background-image:none;
	
}

div.secondaryColumn ul.subNav li.selected a
{

	background-image:none;

}

/* Footer */

div#footer
{

	border-top:1px solid #bbbbbb;
	padding-top:18px;
	margin:18px 0px;
	background-color:#ffffff;

}

div#footer span
{

	display:inline;
	float:left;
	line-height:18px;
	font-size:11px;
	font-family:"Lucida Grande",Tahoma,Verdana,"Lucida Sans Unicode",sans-serif;

}

div#footer div.footerNav
{

	display:inline;
	float:right;

}

div#footer div.footerNav ul
{

	display:inline;
	float:left;
	width:110px;
	margin-left:10px;
	padding:0px;

}

div#footer div.footerNav ul li
{

	line-height:22px;
	font-size:11px;
	font-family:"Lucida Grande",Tahoma,Verdana,"Lucida Sans Unicode",sans-serif;
	text-align:left;
	list-style-type:none;
	list-style-position:outside;
	padding:0px;
	margin:0px;
	padding-left:5px;
	
}

div#footer div.footerNav ul li#selectedFooter a
{

	color:#333333;
	text-decoration:none;
	font-weight:normal;
	
}

div#footer div.footerNav ul li#selectedFooter
{

	background-color:#dadada;
	
}

div#footer div.footerNav ul li a
{

	text-decoration:none;

}

div#footer div.footerNav ul li.title
{

	font-weight:bold;
	border-bottom:1px solid #cccccc;
	line-height:22px;

}

div#footer div.footerNav ul li a:link
{

	color:#333333;
	text-decoration:none;

}

div#footer div.footerNav ul li a:visited
{

	color:#333333;
	text-decoration:none;

}

div#footer div.footerNav ul li a:hover
{

	color:#d31245;
	text-decoration:underline;

}

div#footer div.footerNav ul li a:active
{

	text-decoration:none;

}

/* Image Replacement Headers */

div.mainColumn h1#finallyMusic
{

	background-image:url('images/banner/finallyMusicHeader.gif');
	
}

div.mainColumn h1#unsyncedMusicHeading
{

	background-image:url('images/banner/musicForBlackBerry.gif');
	
}

div.mainColumn h1#threeSteps
{

	background-image:url('images/banner/threeEasyStepsHeader.gif');
	
}

div.mainColumn h1#downloadUnsynced
{

	background-image:url('images/banner/downloadUnsyncedHeader.gif');
	
}

div.mainColumn h1#faqHeader
{

	background-image:url('images/banner/faqHeader.gif');
	
}

div.mainColumn h1#contactHeader
{

	background-image:url('images/banner/contactHeader.gif');
	
}

div.mainColumn h1#whatUnsynced
{

	background-image:url('images/banner/whatUnsyncedHeader.gif');
	
}

div.mainColumn h1#supportHeader
{

	background-image:url('images/banner/supportHeader.gif');
	
}

div.mainColumn h1#unsyncedCompany
{

	background-image:url('images/banner/companyHeader.gif');
	
}

div.mainColumn h1#unsyncedTeamHeading
{

	background-image:url('images/banner/teamHeader.gif');
	
}

div.mainColumn h1#unsyncedPressHeading
{

	background-image:url('images/banner/pressMediaHeader.gif');
	
}

div.mainColumn h1#forumHeader
{

	background-image:url('images/banner/forumHeader.gif');
	
}

div.mainColumn h2#faqHeaderSecondary
{

	background-image:url('images/banner/lessFbutAQ.gif');
	display:block;
	margin:27px 18px 9px 18px;
	height:54px;
	font-size:33px;
	font-family:"Lucida Grande",Tahoma,Verdana,"Lucida Sans Unicode",sans-serif;
	background-color:transparent;
	background-position:left center;
	background-repeat:no-repeat;	
	
}

/* General Layout stuff for each header */

div.mainColumn h1#finallyMusic, div.mainColumn h1#threeSteps, div.mainColumn h1#downloadUnsynced, div.mainColumn h1#faqHeader, div.mainColumn h1#contactHeader, div.mainColumn h1#whatUnsynced, div.mainColumn h1#supportHeader, div.mainColumn h1#unsyncedCompany, div.mainColumn h1#unsyncedTeamHeading, div.mainColumn h1#unsyncedPressHeading, div.mainColumn h1#forumHeader, div.mainColumn h1#unsyncedMusicHeading
{

	display:block;
	margin:9px 18px;
	height:54px;
	font-size:33px;
	font-family:"Lucida Grande",Tahoma,Verdana,"Lucida Sans Unicode",sans-serif;
	background-color:transparent;
	background-position:left center;
	background-repeat:no-repeat;

}

/* Text clearing */

div.mainColumn h1#finallyMusic span, div.mainColumn h1#threeSteps span, div.mainColumn h1#downloadUnsynced span, div.mainColumn h1#faqHeader span, div.mainColumn h1#contactHeader span, div.mainColumn h1#whatUnsynced span, div.mainColumn h1#supportHeader span, div.mainColumn h1#unsyncedCompany span, div.mainColumn h1#unsyncedTeamHeading span, div.mainColumn h1#unsyncedPressHeading span, div.mainColumn h1#forumHeader span, div.mainColumn h1#unsyncedMusicHeading span, div.mainColumn h2#faqHeaderSecondary span
{

	display:none;
	
}

/* Thickbox CSS */

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font-family:"Lucida Grande",Tahoma,Verdana,"Lucida Sans Unicode",sans-serif;
	font-size:12px;
	color: #333333;
}

#TB_secondLine {
	font: 10px "Lucida Grande",Tahoma,Verdana,"Lucida Sans Unicode",sans-serif;
	color:#333333;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0px;
	float:right;
}

#TB_closeAjaxWindow{
	padding:0px 9px 5px 0px;
	margin-bottom:1px;
	text-align:right;
	float:right;
	font-size:11px;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:0px 0px 5px 9px;
	margin-bottom:1px;
	font-size:16px;
}

#TB_title{
	background-color:#ffffff;
	color:#333333;
	height:45px;
	font-family:"Lucida Grande",Tahoma,Verdana,"Lucida Sans Unicode",sans-serif;
}

#TB_ajaxContent{
	clear:both;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

div#TB_title
{

	background-image:url('images/background/smallHeader.gif');
	background-repeat:repeat-x;
	background-position:bottom;
	border-bottom:1px solid #bbbbbb;

}

div#TB_ajaxContent h5
{

	line-height:45px;
	font-size:16px;
	font-family:"Lucida Grande",Tahoma,Verdana,"Lucida Sans Unicode",sans-serif;
	color:#000000;
	font-weight:normal;
	margin:9px 18px 0px 18px;

}

div#TB_ajaxContent ul
{

	margin:0px 18px 18px 18px;

}

div#TB_ajaxContent ul li
{

	color:#333333;
	font-size:12px;
	font-family:"Lucida Grande",Tahoma,Verdana,"Lucida Sans Unicode",sans-serif;
	line-height:27px;
	margin:0px 18px;

}

div#TB_ajaxContent div
{

	margin:12px 18px 0px 18px;

}

div#TB_ajaxContent div p
{

	color:#333333;
	font-size:11px;
	font-family:"Lucida Grande",Tahoma,Verdana,"Lucida Sans Unicode",sans-serif;
	line-height:16px;
	margin:18px 0px 0px 0px;

}

div#TB_ajaxWindowTitle, div#TB_closeAjaxWindow
{

	line-height:45px;

}