﻿
body
{
	font-family:Helvetica;	
}


.lineBreak
{
	clear:both;
	height:10px;
}

.clickButton
{
	cursor:pointer;
	display:block;
}

.centerBlock
{
	width:950px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}

#mainFrame
{
    width:950px;
    margin-left:auto;
    margin-right:auto;
}

#header
{
	/*width:800px;*/
	margin-left:auto;
	margin-right:auto;	
	margin-top:10px;
	height:56px;
}


#topMenu
{
	list-style-type:none;
	margin:0px;
	padding:0px;
	clear:both;
	height:56px;
}

#topMenu a
{
	display:block;
	padding-top:20px;
	height:36px;	
}

#topMenuLeftMostLI a
{
	padding-top:0px;
	height:56px;	
}


#topMenu_rhs
{
    list-style-type:none;
	margin:0px;
	padding:0px;
	clear:right;
	height:56px;
	float:right;
}

#topMenu_rhs li
{
	float:left;
	width:60px;
	text-align:center;
	height:56px;
	cursor:pointer;
}

.topMenuSelected
{
	background-color:#BCA5CE;
	color:White;
	font-weight:bold;
}
#topMenu li
{
	float:left;
	width:100px;
	text-align:center;
	height:56px;
	cursor:pointer;
	margin:0px;
	padding:0px;
}


#topMenu li a
{
	text-decoration:none;
	color:White;	
}

.middleLI
{
	background-image:url('menuPurpleBack.png');
	background-repeat:repeat-x;
	color:White;
	font-weight:bold;
}

#topMenuLeftMostLI
{
	background-image:url('leftLI.png');
	background-repeat:no-repeat;
	overflow:hidden;
}

#topMenuRightMostLI
{
	background-image:url('rightLI.png');
	background-repeat:no-repeat;
	float:right;
}


#topMenu li div
{
	padding-top:20px;
	height:36px;
}


#topMenu li :hover
{
	background-color:#BCA5CE;
}


#topMenuLeftMostLI a:hover
{
	background-color:Transparent;
}
#topMenuLeftMostLI :hover
{
	background-color:Transparent;
}

#topMenuRightMostLI :hover
{
	cursor:default;
}


/**************************** BANNER *****************************/
#banner
{
	/*width:800px;*/
	margin-left:auto;
	margin-right:auto;	
	margin-top:10px;
}

#bannerUL
{
	list-style-type:none;
	margin:0px;
	padding:0px;
	clear:both;
	height:56px;
}

#bannerLogo
{
	float:left
}

#bannerTicker
{
	float:left
	
}

#bannerUL li
{
	float:left;
	width:100px;
	text-align:center;
	height:56px;
	/*cursor:pointer;*/
}




.bar
{
	height:10px;
	background-color:#161616;
	/*width:800px;*/
	margin-left:auto;
	margin-right:auto;
	clear:both;
}


.leftRoundCorner
{
	float:left;
}

.rightRoundCorner
{
	float:right;
}



/****************************IPHONE MAINBODY *****************************/

#iPhoneMainDiv
{
	/*width:800px;*/
	margin-left:auto;
	margin-right:auto;	
	margin-top:20px; 
}


#iPhoneMainDivHead
{
	font-size:24px;
	font-weight:bold;
	text-align:center;
	margin-left:auto;
	margin-right:auto;	
	clear:both;
}

.iPhoneImgFrameRight
{
	width:245px;
	height:477px;
	background-image:url('iPhone_frame.png');
	background-repeat:no-repeat;
	float:right;
}

.iPhoneImgRight
{
	height:303px;
	width:201px;
	margin:77px 0px 0px 22px;
}

.iPhoneImgFrameLeft
{
	width:245px;
	height:477px;
	background-image:url('iPhone_frame.png');
	background-repeat:no-repeat;
	float:left;
}

.iPhoneImgLeft
{
	height:303px;
	width:201px;
	margin:77px 0px 0px 22px;
}



#iPhoneMainDivSubHead
{
	font-size:16px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;	
	clear:both;
	margin-top:10px;
}


 #iPhoneMainDivBody
 {
 	margin-top:20px;	
 }
 
.iPhoneMainDivBodySection
{
	clear:both;	
}

.iPhoneSectionLeftText
{
	font-size:14px;
	width:400px;
	text-align:justify;
	float:left;
}

.iPhoneSectionParagraph
{
    clear:both; 
    margin-top:10px;
}

.iPhoneSectionRightImage
{
	float:right;
	width:400px;
	text-align:right;
}


.iPhoneSectionRightText
{	
	font-size:14px;
    text-align:justify;
	width:400px;
	float:right;
}


.iPhoneSectionLeftImage
{
	float:left;
	width:400px;
	text-align:left;
}


.iPhoneMainDivBodySectionHeadText
{
	font-size:24px;	
	font-weight:bold;
	clear:both;
}

.iPhoneMainDivBodySectionBodyText
{
		
}




/**************************** MAINBODY *****************************/

#mainBody
{
	/*width:800px;*/
	margin-left:auto;
	margin-right:auto;	
	height:495px;
	color:white;
	background-color:#161616;
}

#brandInfoSection
{
    clear:both;
    text-align:center;
    padding-left:50px;
}


#logoSection
{
	margin-top:50px;
	float:left;
	width:300px;
}

#logoText
{
	
	font-size:20px;
	font-weight:bold;
	color:White;
}
#ttLogoImage
{
    clear:both;
}

#logoTextLine1
{
	
}

#logoTextLine2
{
	margin-top:5px;
	padding-left:80px;
}

#ttiPhoneImageSection
{
	margin-top:15px;
	float:left;
	width:500px;
}



#ttInfoSection
{
	clear:both;
	margin-top:20px;
	color:white;
	width:780px;
	margin-left:auto;
	margin-right:auto;
}

.infoSection
{
	width:187px;
	height:95px;
	float:left;
}

.ttInfoSectionContent
{
	background-color:#e3e3e3;
	background-image:url('ttInfoBack.png');	
	height:75px;
}

.bar_infoSection
{
	height:10px;
	width:187px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}

.bar_infoSection_top_spacer
{
	/*background-color:#292929;	*/
	width:167px;
	float:left;
	height:10px;
	background-image:url('ttsectiontexts-bar_back.png');	
	background-repeat:repeat-x;
	
}


.bar_infoSection_bottom_spacer
{
	/*background-color:#292929;	*/
	width:167px;
	float:left;
	height:10px;
	/*background-image:url('ttsectiontexts-bar_back_bottom.png');	
	background-repeat:repeat-x;*/
	background-color:#616161;
}


.ttInfoSectionHead
{
	font-weight:bold;
	padding:0px 5px 5px 5px;
}

.ttInfoSectionText
{
	padding:0px 5px 5px 5px;
	font-size:small;
}


#ttInfoSection1
{
}


#ttInfoSection2
{
	
	margin-left:10px;
	
}


#ttInfoSection3
{
	
	margin-left:10px;
	
}

#ttInfoSection4
{
	margin-left:10px;
}



/**************************** Results *****************************/
.bar_orange_top
{
	margin-top:10px;
	height:10px;
	background-color:#FDB531;
	/*width:800px;*/
	margin-left:auto;
	margin-right:auto;
	clear:both;
}

.bar_orange_bottom
{
	height:10px;
	background-color:#DC800D;
	/*width:800px;*/
	margin-left:auto;
	margin-right:auto;
	clear:both;
}



#results
{
	clear:both;
	/*width:800px;*/
	margin-left:auto;
	margin-right:auto;	
	
	/*height:80px;*/
	background-color:#d77707;
	background-image: url('ttNewsBack.png');
	background-repeat:repeat-x;
}

#resultsHead
{
	font-weight:bold;
	padding:5px 5px 5px 10px;
	clear:both;
}


.ttResultItem
{
	clear:both;
	padding:5px 5px 5px 10px;
	height:40px;
	border-bottom:dotted 1px #161616;
}


 a
{ text-decoration:none;
  color:inherit;}




.ttLastResultItem
{
	clear:both;
	padding:5px 5px 5px 10px;
	height:40px;
}

.ttResultItemTitle
{
	float:left;
	margin-top:10px;
	width:485px;
}

.ttOrganiserLogoContainer
{
    float:left;
    margin:0px 10px 0px 10px;
    width:80px;
    overflow:hidden;
}


.ttOrganiserLogoContainer img 
{
    height : 40px;
}


.ttResultItemThumbsContainer
{
	float:left;
	width:285px;
}

.ttResultItemThumb
{
	margin-left:10px;
	float:left;
}
        
.ttResultItemThumb img
{
	height:40px;
	width:40px;
	margin-right:5px;
}            

/**************************** News *****************************/
#news
{
	clear:both;
	/*width:800px;*/
	margin-left:auto;
	margin-right:auto;	
	margin-top:10px;
}

#newsHead
{
	font-weight:bold;
	padding:5px 5px 0px 10px;
	clear:both;
}
 
a img
    {
        border:none;	
    }
    
  
#twitter_update_list
{
    padding-left : 10px;
}


#news a
{
    color: #333380;
    cursor: pointer; 
    text-decoration:none;
    
}
        
/*
#twitter_div
{
    scrollbar-base-color:#5db2de;
}
*/

#twitter_update_list li
{
     padding-top : 10px;
}


/**************************** pricing *****************************/
#pricing_gold_section
{
	/*background-image: url('pricing Images/gold_back.png');	*/
	background-image: url('pricing Images/gold_section_back.png');	
	
	background-repeat:repeat-x;
	width:252px;
	height:453px;
	text-align:left;
	float:left;
	margin-left:10px;
}



#pricing_silver_section
{
	background-image: url('pricing Images/silver_section_back.png');	
	background-repeat:repeat-x;
	width:252px;
	height:453px;
	text-align:left;
	float:left;
	margin-left:10px;
}


#pricing_bronze_section
{
	background-image: url('pricing Images/bronze_section_back.png');	
	background-repeat:repeat-x;
	width:252px;
	height:453px;
	text-align:left;
	float:left;
	margin-left:10px;
}




#pricing_table_holder
{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
	background-color:#161616;
	height:480px;
	padding-left:10px;
}

#pricing_info
{
	margin-top:20px;	
}


.pricing_info_section_headText
{
	font-size:20px;
	font-weight:bold;	
}

#pricing_info ol
{
		line-height:24px;
}

#pricing_info li
{
	padding-bottom:10px;
}




#contactUsFormBody
{
	width:500px;
	margin-left:auto;
	margin-right:auto;	
	height:330px;
	color:white;
	background-color:#161616;
}

.contactFormBar
{
	height:10px;
	background-color:#161616;
	width:500px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}


#contactUsForm
{
	width:500px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	
	
	border:solid 0px white;
	padding-left:30px;
}

#sendEmailButton
{
	/*background-image:url('submitButton.png');
	width:70px;
	height:40px;*/
	cursor:pointer;
}

/**************************** Footer *****************************/

#footer
{
	width:100%;
	margin-top:10px;
	clear:both;
	
}

#footerContent
{
	/*width:800px;*/
	margin-left:auto;
	margin-right:auto;	
	margin-top:10px;
	height:100px;
}

#footerCopyrightText
{
	font-size:small;
	float:left;
}

 #loginFormContainer
{
    /*font-size: 90%;*/
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 500px;
    padding-top: 20px;
}

