@import url("reset.css");
@import url("text.css");
@import url("global.css");

html, body { 
	height: 100%;
}

hr { margin-bottom: 15px; }

#Container { 
	margin: 0 auto; 
	width: 960px; 
}



/* header Content Section
***************************************************************/
#Header { 
	background: #fff url(../Images/header-background.jpg) 0 0 repeat-y;
	border-bottom: solid 5px #00B6E8;
	height: 142px;
	position: relative;
	z-index: 999;
}
#Header #HeaderLogo { 
	background: #fff url(../Images/header-logo.gif) 0 0 no-repeat;
	display: block;
	height: 102px;
	width: 960px;
}
#Header h1, 
#Header #HeaderLogo span, 
#SonyEricssonButton span, 
#NokiaButton span { 
	visibility: hidden;
	display: none;
}
#SonyEricssonButton, #NokiaButton { 
	height: 55px;
	position: absolute;
	left: 830px;
	width: 130px;
}
#SonyEricssonButton { top: 0; }
#NokiaButton { top: 55px; }

	
/* Page Content Section
***************************************************************/	
#Content { 
	border-bottom: solid 1px #aaa;
	min-height: 410px; 
	margin: 0 0 0px 27px;
	padding: 0 5px 0 0;
}

	#Content #ContentScroll {
		overflow: auto; 
		min-height: 400px;
	}
	#Content #ContentHeader, 
    #Content #ContentBody {
    	float: left;
		margin-bottom: 15px; 
		width: 720px;
	}
	#Content #ContentHeaderFull, 
    #Content #ContentBodyFull {
    	float: left;
		margin-bottom: 15px; 
		width: 930px;
	}
    
    #Content h2 { margin-bottom: 10px; }
    #Content .left-image {
		float: left;
		padding: 0 25px 25px 0;
    }
    #Content .right-image {
		float: right;
		padding: 0 20px 25px 20px;
    }
    
		/* Homepage Product Styles
		******************************************
		#Content #HomepageProductWrapper {
			color: #fff;
			height: 240px;
			margin-bottom: 0px;
			padding-top: 25px;
			width: 100%;
		}
		#Content #HomepageProductWrapper {
			background: #fff url(../Images/HomepageProductBackground.jpg) 0 0 no-repeat;
		}
		#Content #HomepageProductWrapper h3 { color: #fff; }
		#Content #HomepageProductWrapper h3 {
		    margin: -5px 0 5px 5px;
		    text-align: center;
		}
		
		#Content #HomepageProductWrapper #SecurityLockWrapper {
			float: right;
			border-left: solid 1px #fff;
		}
		#Content #HomepageProductWrapperWhite #ImigoWrapper,
		#Content #HomepageProductWrapperWhite #SecurityLockWrapper {
			width: 47%;
			padding: 0.5% 0.5% 0.5% 1%;
		}
		#Content #HomepageProductWrapperWhite #ImigoWrapper img, 
		#Content #HomepageProductWrapperWhite #SecurityLockWrapper img { padding: 15px 15px 10px 5px; }*/
		
		
		#Content #HomepageProductWrapperWhite {
			color: #fff;
			margin-bottom: 0px;
			width: 100%;
			background: #fff url(../Images/HomeProductBgGrey.gif234234) 0 0 no-repeat;
			/*height: 260px;*/
			padding-top: 0px;
			border-top: 1px solid #aaa;
		}
		
		#Content #HomepageProductWrapperWhite h3, 
		#Content #HomepageProductWrapperWhite p { color: #7D7D7D;}

		#Content #HomepageProductWrapperWhite h3 {
		    color: #777;
		    margin-bottom: 5px;
		}
		#Content #HomepageProductWrapperWhite #ImigoWrapper { border-color: #aaa; border-style: solid; border-width: 0 1px; float: left; width: 25%; }
		#Content #HomepageProductWrapperWhite #ImigoWrapper h3, 
		#Content #HomepageProductWrapperWhite #ImigoWrapper p { clear: both; text-align: center; }
		#Content #HomepageProductWrapperWhite #SecurityLockWrapper {
			/*border-left: solid 1px #b7b7b7;*/
			float: right;
			height: 235px;
			width: 35%;
		}
		
		#Content #HomepageProductWrapperWhite #ImigoWrapper,
		#Content #HomepageProductWrapperWhite #SecurityLockWrapper {
			padding: 0.5% 0.5% 0.5% 1%;
		}
		#Content #HomepageProductWrapperWhite #ImigoWrapper img { padding: 15px 0px 10px 0px; }
		#Content #HomepageProductWrapperWhite #SecurityLockWrapper img { padding: 15px 15px 10px 5px; }
		
		#Content #HomepageProductWrapperWhite p { padding-right: 15px; }

		#slider li, #slider2 li{ 
			/* 
				define width and height of list item (slide)
				entire slider area will adjust according to the parameters provided here
			*/ 
			width: 205px;
			height: 200px;
			overflow: hidden; 
			}
		#ContentBody #slider { float: left; }
			#ContentBody #slider li { height: 283px; overflow: hidden; width: 283px; }
			#ContentBody #prevBtn, #ContentBody #nextBtn { float: left; }
			
			#prevBtn { display: block; float: left; margin: 0 5px 10px 105px !important; }
			#ContentBody #prevBtn { margin: 0 5px 10px 30px !important; }
			
			#slider, #prevBtn, #nextBtn { margin: 0 auto; }
		
		
		#SlideDescription {
			float: right;
			height: 263px;
			overflow: auto;
			width: 400px;
		}
		
		/* Content Two Column Page Styles
		*******************************************/
		#ContentTwoColumnWrapper {
			
		}	
		#CopyWrapper, 
		#CopyWrapperNarrow, 
		#CopyWrapperWide {
			float: right;
			height: 360px;
			overflow: auto;
			padding-right: 5px;
		}
		#CopyWrapper { width: 435px; }		
		#CopyWrapperNarrow { width: 355px; }
		#CopyWrapperWide {  width: 490px; }
		#CopyWrapperPartner { padding-left:-50px; width: 550px; }
		
		/* Fast Facts Sidebar Styles
		*******************************************/
		.sidebar-index {
			/*background: #00264A url(../Images/fast-facts-footer.jpg) bottom left no-repeat;*/
			color: #fff;
			float: right;
			margin: 0 0 0 0px;
			height: 45px;
			width: 205px;
			/*left:68%;
			top: 109px;
			position: absolute;*/

		}
		.sidebar-index { color: #fff; }
		.sidebar-index h2 { color: #fff; padding: 2px 10px 10px; }
		.sidebar-index div { padding: 0 5px; text-align: center; }
		.sidebar-index img { margin-bottom: 2px;padding-left:19px; }
		
		.sidebar-fast-facts, .sidebar-blank { 
			background: #00264A url(../Images/fast-facts-footer.jpg) bottom left no-repeat;
			color: #fff;
			float: right;
			margin: 0 0 0 15px;
			height: 400px;
			width: 191px;
			position: relative;
		}
		.sidebar-fast-facts h2 { 
			background: #00264A url(../Images/fast-facts-header.jpg) 0 0 no-repeat;
			height: 95px;
		}
		.sidebar-fast-facts h2 span { 
			visibility: hidden;
			display: none;
		}
		.sidebar-fast-facts .fast-facts-content { 
			padding: 0 10px;
			height: 95px;
		}
		.sidebar-fast-facts .fast-facts-reference { 
			padding: 0 0 15px 0;
			font-size: 85%;
			font-style: italic;
			position: absolute;
			bottom: 0;
			right: 10px;
			text-align: right;
		}
		.sidebar-fast-facts .fast-facts-content a { 
			color: #fff;
		}
		.sidebar-blank { 
			background: #00264A url(../Images/fast-facts-blank.jpg) bottom left no-repeat;
			color: #fff; }
		.sidebar-blank h2 { color: #fff; padding: 7px 10px 10px; }
		.sidebar-blank div { padding: 0 10px; text-align: center; }
		.sidebar-blank img { margin-bottom: 6px; }
		
		
		.sidebar-left, 
		.home-sidebar-left { 
			float: left;
			margin: 5px 15px 0 0;
			height: 400px;
			width: 190px;
		}
		.sidebar-left { width: 240px; }
		.sidebar-right { 
			float: right;
			margin: 0 0 0 15px;
			height: 400px;
			width: 210px;
		}
		.home-sidebar-left { width: 35%; }
		.home-sidebar-left ul { margin: 0 15px; }
		.home-sidebar-left ul li { color: #7D7D7D; margin: 5px 0; }
		
		#SlideshowControls { text-align: center; }
		#SlideshowControls a { color: #7d7d7d; cursor: pointer; }
		
		/* News */
		.news-float-right { float: right; margin: -50px 0 5px 0; width: 240px; }
		.news-float-right * { display: block; margin: 0 auto; text-align: center; }
		
		
		/* Top Tab Styles
		*******************************************/
		#Content .tab-container { float: right; }
		#Content .tc-with-width { width: 413px; }
		#Content .tab-container a, #ContentBody #prevBtn a, #ContentBody #nextBtn a  { 
			background: #00264A; 
			color: #fff;
			display: block;
			float: left;
			font-size: 90%;
			margin: 0 0 0 5px;
			padding: 5px 9px;
			text-decoration: none;
		}
		
		#Content .tab-container a.no-background  { 
			background: none;
			color: #00264A;
		}
		#Content .tab-container a:hover, 
		#Content .tab-container a.current  { 
			background: #00B6E8; 
		}
		
		
		/* Registration Styles
		*******************************************/
		#Content #RegistrationWrapper {
			position: relative;
		}
		#Content .registration-forms {
			float: left;
		}
		#Content #RegistrationInfo {
			position: absolute;
			width: 230px;
			top: 5px;
			right: 0;
			z-index: -1;
		}
		#Content .bubble {
			float: right;
			margin: 0 0 10px 25px;
		}
		#Content .RegistrationPayment {
			/*margin-top: 55px;*/
		}
		#RegistrationForms { float: left; }
		#RegistrationForms ul.mobile-select { margin: 0 15px -15px; }
		
	#Content ul { margin: 0 15px 25px; }
	#Content ol { margin: 0 25px 25px 30px; }
	#Content ul li { list-style-type: disc; margin-bottom: 15px; }
	#Content ol li { list-style-type: decimal; margin-bottom: 15px; }
		
	/* Page Content Section
	*******************************************/
	.links { padding: 10px; margin-top: 20px }
	.links a {
		font-size: 14px; 
		color: #0080FF; 
		text-decoration: none }
	.links a:hover { font-weight:bold }

	.buttons{ padding: 5px 0 0 45px; float: left; }
	.buttons span {
		color: #0080FF;
		padding: 0 5px;
		cursor: pointer;
	}
	span.active, 
	.buttons span:hover {
		background: #0080FF; 
		color: #fff 
	}
	/*#box3 {
		position: absolute;
	}
	#box3 img {
		display: block;
		float: left;
	}
	.mask2 {
		height: 283px;
		float: left;
		overflow: hidden;
		position: relative;
		width: 283px;
	}
	.mask3 {
		height: 283px;
		float: left;
		overflow: hidden;
		position: relative;
		width: 200px;
	}
	.mask4 {
		height: 200px;
		float: left;
		margin-left: 7px;
		overflow: hidden;
		position: relative;
		width: 205px;
	}*/
	
	#ContactWrapper { float: left; padding: 40px; }
	
	#PaymentOptions { width: 100%;}
	#PaymentOptions td {
		margin-top: 10px;
	    vertical-align: top; 
		width: 50%; 
	}
	.faq-link { cursor: pointer; }
	.majorbtn 
	{
		background: #00264A;
		border:none;
		color: #fff;				
		height: 25px;
		padding: 3px;
		text-decoration: none;
	}
	.majorbtn:hover 
	{
		background: #0080FF; 
		color: #fff 
	}
	
/* Footer
***************************************************************/
#Footer {
	margin: 10px 0 0 25px;
}
#Footer li {
	float: left;
	font-size: 80%;
	padding: 0 50px 5px 0;
}
#Footer li.logos, #Footer li.address { text-align: center; width: 100%; }
#Footer li.logos img { height: 35px; margin-right: 20px; }
#Footer li.address {  }
#Footer li.telephone { margin-left: 210px; }
#Footer li.copyright { margin-left: 275px; }
	
/* Misc classes
***************************************************************/	
.form-row {
	border-bottom: solid 0px #ddd;
	margin-bottom: 5px;
	padding: 10px 0 0 0;
	width: 465px;
}
.last {
	border-bottom: none;
}
.form-row .form-label {
	float: left;
	width: 150px;
}

.form-row .form-element, 
.form-row .form-element-nowidth, 
.form-row .form-element-noborder {
	border: solid 1px #aaa!important;
	float: left;
	padding: 2px;
}
.form-row .form-element { width: 220px; }
.form-row .form-element-nowidth { margin-right: 10px; }
.form-row .form-element-noborder { border: none!important; }

.form-row .form-validation {
	float: left;
	margin-left: 10px;
}
.form-warning {
	color: #ff0000; 
	font-weight: bold; 
	padding: 5px;
}

.validation-summary ul { margin-top: 15px; }
.validation-summary ul li { color: #ff0000; }

.member-heading-spacer { margin: 35px 0 10px; }

.grid-row:hover { background-color: #ddd; }