﻿/* Presets
***********************************************/
    body { color: #414042; margin: 0 0 0 0; font-family: Arial; font-size: 75%; }
    h1 { margin: 30px 0 30px; font-weight: normal; color: #2e2e2e; font-size: 180%; }
    h2 { margin: 0 0 15px; color: #333333; }
    h3 { margin: 0 0 6px; color: #414042; }
    p { margin: 0 0 20px; }
    a { color: #336666; text-decoration: none; }
    a img { border: none; }
    a:focus { border:none; outline:none; }
    .clear { clear: both; line-height: 0; height: 0; }
    .resetmargin { margin: 0; }
    .resetpadding { padding: 0; }
    .container { width: 1000px; margin: auto auto; position: relative; }
    .floatleft { float: left; }
    .floatright { float: right; }
    .hide { display: none; }
    .vodafone { background: url(vodafone-icon.png) no-repeat center right; padding-right: 20px; display: inline-block; }
	.pdf { display: block; background: url(pdf.gif) no-repeat left center; padding: 0 0 0 75px; line-height: 66px; }
	hr { color: #d0d0d0; background-color: #d0d0d0; height: 1px; }
	ul { margin-bottom: 20px; }
	ul li { padding: 2px; }
/* Typography
****************************************/
    /* Preset Alts
    ********************/
    .textsmaller10 { font-size: 90%; }
    .textsmaller20 { font-size: 80%; }
    .textlarger10 { font-size: 110%; }
    .textlarger20 { font-size: 120%; }
    .underline { text-decoration: underline; }
    .center { text-align: center; }
    .indent10 { padding-left: 10px; }
    .indent15 { padding-left: 15px; }
    .indent20 { padding-left: 20px; }
    .indent60 { padding-left: 60px; }
    .indent235 { padding-left: 235px; }
	.drop25 { margin-top: 25px; }
	.drop50 { margin-top: 50px; }
	.drop60 { margin-top: 60px !important; }
	.drop80 { margin-top: 80px; }
	.drop90 { margin-top: 90px; }
	.paddright25 { margin-right: 25px; }
	.paddright50 { margin-right: 50px; }
	.paddright75 { margin-right: 75px; }
	.paddright90 { margin-right: 90px; }
	.paddright140 { margin-right: 140px; }
	.paddbottom2 { margin-bottom: 2px; }
	.paddbottom10 { margin-bottom: 10px; }
	.paddbottom15 { margin-bottom: 15px; }
    .npleft { padding-left: 0; }
    .bold { font-weight: bold; }
    .spacing50 { line-height: 50px; height: 50px; }
    .spacing25 { line-height: 25px; height: 50px; }
    .wrap370 { width: 370px; }
    .wrap450 { width: 450px; }
    .wrap500 { width: 500px; }
    .wrap615 { width: 615px; }
    .wrap800 { width: 800px; }
	.lightgrey { color: #2e2e2e !important; }
	.gold { color: #bf8d23 !important; }
    ul.noliststyle { padding-left: 0 }
    ul.noliststyle li { list-style: none;}
	.nobg { background: none; }
	.block { display: block; }
    .link { background: url(inline-link-telecom.jpg) no-repeat right center; padding-right: 135px; }
    .line22 { line-height: 22px; }
/* Layout
****************************************/
    /* -Standard Page-
    ********************/
        /* -Header-
        ***************/
        #header { background: url(header-bg.jpg) no-repeat top center; height: 76px; }
        #header img.logo { margin-top: 6px; }
        #topnav { width: 840px; float: right; }
        #topnav ul.nav { margin: 0 80px 0 0; padding: 0; float: right; }
		#topnav ul.nav.last { margin: 0 0 0 0; }
        #topnav ul.nav.first { float: left; margin: 0; }
        #topnav ul.nav li { list-style: none; display: inline; line-height: 76px; float: left; padding: 0; }
        #topnav ul.nav li a { font-size: 120%; color: #1A1A1A; font-weight: normal; padding: 0 14px; line-height: 76px; float: left; }
        #topnav ul.nav li a:hover { background: url(top-nav-bg.gif) repeat-x; color: #fff; }
        /* -Main-
        ***************/
        #main { min-height: 460px; }
        /* -Left Col-
        ***************/
        #left { float: left; width: 740px; margin: 30px 0 0 0; padding-left: 15px; }
        .bottomimage { position: absolute; right: 245px; bottom: -49px; }
        /* -Right Nav-
        ***************/
        #rightnav { float: right; width: 210px; margin: 30px 0 15px 0; border: 1px solid #d1d1d1; padding: 30px 9px; }
        #rightnav h3 { font-weight: normal; color: #004a76; font-size: 140%; border-bottom: 1px solid #d1d1d1; padding: 0 0 10px 0; }
        #rightnav ul { width: 210px; margin: 0 0 30px 0; padding: 0; }
        #rightnav ul li { list-style: none; padding: 0; }
        #rightnav ul li a { font-weight: normal; color: #6d6e71; display: inline-block; line-height:29px; padding:0 5px; width: 200px; }
        #rightnav ul li a:hover { color: #104f75; background-color: #e9e9ea; }
		#rightnav.contactform ul li { padding: 3px 0; }
		#rightnav.contactform label { padding: 0 0 3px; }
		#rightnav.contactform input.text { width: 180px; }
		#rightnav.contactform textarea { height: 80px; margin-bottom: 10px; width: 200px; }
		/* -Full-
        ***************/
		#full { padding: 30px 0 0 15px; }
		#full.phonespec { background: url(full-bg.gif) no-repeat 15px 78px; margin-bottom: 15px; }
		#full.phonespec h1 { margin-bottom: 0; }
		#full div.phone { float: left; width: 221px; padding-top: 20px; }
		#full div.phone img { padding-bottom: 15px; }
		#full div.phone a img { padding-left: 15px; }
		#full div.specifications { float: left; width: 328px; padding: 0 20px; }
		#full div.spec { margin-bottom: 8px; }
		#full div.spec .left { float: left; width: 143px; font-weight: bold; }
		#full div.spec .right { float: left; width: 185px; }
		#full div.review { float: left; width: 356px; padding: 0 20px; }
		div.return { margin: 30px 0 0 5px; }
        /* -Footer-
        ***************/
        #footer { background-color: #000000; }
        #footer .inner { width: 1000px; margin: auto auto; }
        #footer.home .inner { height: 65px; } 
        #footer.alt .inner { height: 65px; }
        #footer.fixed .inner { height: 65px; }
		#footer.alt p { padding: 56px 0 0 0; color: #666666; margin-top: 0; }  
        #copy p { padding: 10px 0 0 0; color: #2e2e2e; margin-top: 0; font-size: 90%; }       
    /* -Home Page-
    ********************/
        /* -Main-
        ***************/
        .enter { margin: 17px 40px 0 0; }
        
    /* -How We Page-
    ********************/
        /* -Left Column-
        ***************/
        div#left.howwe h1 { color: #404040; font-size: 220%; margin-bottom: 0; }
        div#left.howwe span.withus { color: #404040; font-size: 220%; margin-bottom: 0; margin-left: 70px; }
	/* -Contact Page-
    ********************/
        /* -Left Column-
        ***************/
		.contact { float: left; height: 252px; width: 140px; background: url(contact-bg.gif) no-repeat left top; position: relative; padding-left: 10px; }
		div.contact.first { padding-left: 0; background: none; }
		.contact p.add { line-height: 20px; }
		.contact .bottom { position: absolute; bottom: 0; }
		.contact .bottom p { color: #004a76; font-weight: bold; font-size: 120%; }
	/* -Client Area-
    ********************/
        /* -Full Column-
        ***************/
        #client .login { width: 500px; position: relative; }
        #client .login .enterclient { position: absolute; bottom: 0; right: 0; }
        #client #rightnav { border: none; }
        #client #rightnav.logout { position: relative; padding: 340px 0 0 9px; }
        #full.mobilemanager { position: relative; }
        #full.mobilemanager .clickhere { position: absolute; top: 495px; left: 100px; }
        #full.mobilemanager .email { position: absolute; top: 36px; left: 5px; display: none; }
        #client #full.team .member { background: url(client-contact-bg.jpg) no-repeat; position: relative; width: 215px; height: 357px; padding: 28px 0 0 11px; float: left; margin-right: 23px; }
        #client #full.team .member.end { margin-right: 0; }
        #client #full.team .member .info { height: 110px; }
        #client #full.team .member .bio { height: 70px; }
        #client #full.team .member .proposal { position: absolute; bottom: 30px; right: 4px; }
        #client #full.team .member h3 { color: #666666; margin: 0 0 30px 0; font-size: 170%; font-weight: normal; }
        #client #full.team .member h4 { color: #000000; margin: 0 0 6px 0; font-size: 130%; font-weight: normal; }
        #client #full.team .member p { color: #000000; margin: 0; line-height: 20px; }
        #client #full.team .member a { color: #004a76; }
         /* -Mobile Manager-
        *******************/       		
		.DivMobileManager
		{
			float: left;
			height: 720px !important;
			width: 1020px !important;
			padding-left: 10px;
		}
		.DivMobileManagerLead
		{
			float: left;
			height: 365px;
			width: 1035px;	
			background-repeat:no-repeat;		
		}
		.UlMobileManagerLead
		{
			float: left;
			padding-top: 65px !important;
			list-style: none !important;
			margin: 0 !important;
			padding-left: 10px;	
			background-repeat:no-repeat;
		}
		.UlWidth1
		{
			include: .UlMobileManagerLead;
			width: 335px;
		}
		.UlWidth2
		{
			width: 340px;
		}
		.UlWidth3
		{
			width: 310px;
		}
		.UlMobileManagerLead li
		{
			padding-bottom: 15px !important;
			width: 100% !important;
			font-size:14px !important;
		}
		.UlMobileManagerLead li input
		{
			font-size:14px;
		}
		.UlLabelWidth
		{
			display: inline-block;
			width: 130px !important;
			float:left !important;	
		}
		.DivMobileManagerLastUpdated
		{
			float: left !important;
			width: 100%;
			text-align: right;
			padding: 10px;
			font-size: x-small;
		}
		.DivMobileManagerLeadButton
		{
			float: left;
			width: 100%;
			padding-top: 10px;
			text-align: right;
		}
		.DivMobileManagerInsertUpdate
		{
			float: left;
			height: 31px;
			width: 1026px !important;
			padding-left: 10px;
			color: #666;
			background-image: url('..');
			background-repeat: no-repeat;
			padding-top: 20px;
		}
		.LblMobileManagerInsertUpdate
		{
			display: inline-block;
			margin: 0;
			width: 165px !important;
		}
		.TxtMobileManagerInsertUpdate
		{
			margin-right: 10px;
		}
		.DivMobileManagerData
		{
			float: left;
			height: 305px;
			width: 1053px;			
			background-repeat: no-repeat;
			margin: 0;
			padding: 0;
		}
		.RadGridMobileManagerData
		{
			width: 1026px !important;
			margin-top: 0px !important;
			margin-bottom: 0px !important;
			margin-right: 0px !important;
			margin-left: 2px !important;
			float: left;
			border: 0 !important;
			border-color: #CCC !important;
			scrollbar-face-color: white !important;
			scrollbar-shadow-color: #CCC !important;
			scrollbar-highlight-color: #CCC !important;
			scrollbar-3dlight-color: #CCC !important;
			scrollbar-darkshadow-color: #CCC !important;
			scrollbar-track-color: #CCC !important;
			scrollbar-arrow-color: #CCC !important;
			scrollbar-face-width: 5px !important;
		}

	/* -Iphone 3GS Page-
    ********************/
        /* -Full Column-
        ***************/
		#full.iphone { padding-left: 0; padding-top: 0; }
		#full.iphone img { float: left; }
		#iPhoneIntroducing { padding-top:80px; width:370px; float:left; font-size:20px; line-height:1.2; }
		#iPhoneIntroducing p { font-size:14px; margin:0; padding-top:20px; padding-bottom:10px; }
		.iPhoneHeadlines { font-size:19px; clear:both; padding-top:30px; padding-bottom:20px; }
		#iPhonetextarea { width:1000px; float:left; min-height:435px; padding-bottom:40px; padding-left:40px; font-family:Verdana, Geneva, sans-serif !important; }
		.IPhoneFeatures { font-size:12px; width:245px; padding-left:10px; padding-right:25px; float:left; margin:0; line-height:1.4; min-height:230px; }
		.end { padding-right:0px; }
		.IPhoneFeaturesSm { font-size:12px; width :190px; padding-left:10px; padding-right:25px; float:left; margin:0; line-height:1.4; min-height:210px; padding-bottom:30px; }
		.IPhoneFeaturesHeadline { font-size:16px; display:block; padding-bottom:10px; }
		.IPhoneFeaturesSm img { margin-bottom:15px; margin-right:125px; }
		.iPhoneFeaturesHoriz { width:290px; margin-right:20px; float:left; }
		.iPhoneFeaturesHorizImg { margin-right:80px; }
		.appleSm { font-size:10px; clear:both; margin:0; padding:0; }
	/* -Iphone 4 Page-
    ********************/
        /* -Full Column-
        ***************/
        #full.iphone4 { padding-left: 0; padding-top: 45px; }
        .iphone4 h2 { font-weight: normal; margin: 15px 0; }
        .iphone4 .intro { padding-left: 15px; width: 420px; float: left; }
        .iphone4 .panel { float: left; width: 500px; }
        .iphone4 .feature { margin: 5px 0 25px 0}
        .iphone4 .feature .image { float: left; width: 180px; margin-right: 17px; }
        .iphone4 .feature .teaser { float: left; width: 295px; }
        .iphone4 .feature .icon { float: left; width: 295px; }
	/* -Voda Page-
    ********************/
        /* -Full Column-
        ***************/
        #header.voda { background: none; height: 67px; }
        #header.voda .container { background: url(voda-header.gif) no-repeat; height: 67px; width: 956px; }
        #header.voda #topnav { width: 876px; float: right; }
        #header.voda #topnav ul.nav  { margin-top: 35px; }
        #header.voda #topnav ul.nav li  { line-height: 31px; }
        #header.voda #topnav ul.nav li a { color: #fff; line-height: 31px; font-family: Arial,Helvetica,sans-serif; font-weight: bold; font-size: 110%; }
        #header.voda #topnav ul.nav li a:hover { background-image: none; background-color: #C80000; color: #fff; }
        #header.voda img.logo { margin-top: 0; }
        #main.voda .container { width: 956px; }
        #main.voda .container h1 { color: #008698; font-size:20px; font-weight:bold; padding:6px 0 2px; margin: 0; }
        #main.voda .container h2 { color:#008698; font-size:14px; font-weight:bold; padding:8px 0 9px; margin: 0; }
        #main.voda .container ul { padding-left: 12px; }
        #main.voda .container #left { float: left; width: 740px; margin: 30px 0 0 0; padding-left: 15px; }
        #main.voda .container #rightnav { float: right; width: 192px; margin: 30px 0 15px 0; border: none; padding: 0; }
        #main.voda .container #rightnav h2 { color:#FFFFFF; font-size:1em; font-weight:700; height:1.6em; line-height:1.1em; margin:0 3px; overflow:hidden; padding:6px 0 0 4px; background-color:#008698; }
        #main.voda .container #rightnav ul { padding-left: 5px; }
        #main.voda .container #rightnav ul li a { font-weight: normal; color: #6d6e71; display: inline-block; line-height:29px; padding:0 5px; border-bottom: 1px dotted #666666; width: 175px; }
        #main.voda .container #rightnav ul li a:hover { color: #008698; background-color: #fff; text-decoration: underline; }
        
        
        
        
        