/* Common */
html, body { margin:0; padding:0; }
body { background:#EBEBEC; }
body, h1, h2, h3, table, label, input, select, textarea { font:normal 11px Arial, Helvetica, sans-serif; }
body, h1, h2, h3, table, label { color:#656565; }
body, table { line-height:15px; }
h1, h2, h3 { margin:10px 0px; font-weight:bold; }
h1 { font-size:30px; }
h2 { margin:10px 0 0; padding:5px 8px 3px; color:#FFF; font-size:16px; background:#ebebec; border-bottom:1px solid #c5c5c5; }
h3 { font-size:14px; }
hr { clear:both; margin:15px 0; height:1px; color:#E1E1E1; background-color:#E1E1E1; border:0 none; }
a { color:#0087b8; text-decoration:none; }
a:hover { text-decoration:underline }
a img { border:0; }
.Clear { clear:both; }
.Hidden { display:none; }
.Req { color:#FF0000; }
.Important { color:#FF0000; }
.Small { font-size:9px; line-height:12px; }

/* Editor Styles */
.Green { color:#698710; }
.Red { color:#C71A00; }
.Blue { color:#0087b8; }
.Grey { color:#546078; }
.Greenlge { color:#698710; font-size:13px; }
.Redlge { color:#C71A00; font-size:13px; }
.Bluelge { color:#0087b8; font-size:13px; }
.Greylge { color:#546078; font-size:13px; }
.White { color:#FFF; }
.Whitelge { color:#FFFFFF; font-size:13px }
.Purple { color:#7F3897; }
.Purplelge { color:#7F3897; font-size:13px; }
.h1 { display:block; font-size:48px; font-weight:bold; margin:5px 0 10px; }
.h2 { display:block; font-size:30px; font-weight:bold; margin:5px 0 10px; }

/* Alerts and Info */
.Alert { width:712px; padding:5px 5px 5px 35px; background:#fff6bf url(../images/ico_exclamation.gif) no-repeat 10px 5px; border-top:2px solid #ffd324; border-bottom: 2px solid #ffd324; text-align:left; }
.Alert .Title { color:#df503d; font-weight:bold; }
.Alert a { color:#C0492E; font-weight:bold; } 
.Info { width:712px; padding:5px 5px 5px 35px; background:#F8FAFC url(../images/ico_information.gif) no-repeat 10px 5px; border-top:2px solid #B5D4FE; border-bottom:2px solid #B5D4FE; text-align:left; }
.Info .Title { color:#df503d; font-weight:bold; }
.InfoTip { margin-left:4px; }

/* Ajax */
#Loading { display:none; position:absolute; top:0; left:0; width:100%; height:100%;  }
#Loading #Indicator { float:right; padding:5px 5px 5px 28px; width:55px; height:15px; background:#FFF url(../images/bg_indicator.gif) no-repeat 5px 5px; border:1px solid #CCC; }

/* Buttons */
#Content .Button, #Content .ButtonHovered { display:block; float:left; margin:10px 10px 0 0; padding:2px 5px; width:70px; height:21px; color:#FFF; font-weight:bold; background:url(../images/button_blue.gif) no-repeat left top; border:none; text-align:center; text-decoration:none; cursor:pointer; }
#Content .ButtonHovered { background-position:left bottom; text-decoration:none; }
#Content a.Button, #Content a.ButtonHovered { height:18px; padding:3px 0 0; }
#Content .ButtonLarge { width:100px; background-image:url(../images/button_blue_large.gif); }
#NoFlash { padding:10px; }

/* Forms */
.FieldFailed { background:#FFE6E6; border:1px solid #CC0000; }
.FormField { border:1px solid #E1E1E1; }
.FormButtons { margin-left:125px; }
.Form { line-height:normal; }
.Form .Col { display:inline; clear:none; float:left; margin:0 15px 0 0; width:350px; }
.Form h2 { color:#0087b8; font-size:16px; }
.Form div { clear:both; display:block; margin-bottom:4px; }
.Form div label { display:block; float:left; margin-right:5px; width:110px; text-align:right; }
.Form div table h2 { margin-left:0; }
.Form div table label { width:auto; text-align:left; }
.Form .Agree label { float:left; padding:2px 0 0 10px; text-align:left; }
.Form .Agree input { float:left; }
.Form .InfoBox { padding:5px; height:120px; border:1px solid #CCC; border-top:0; overflow:auto; }
.Form .InfoBox ul { margin-bottom:10px; }
.Form .Col .Content { margin:0; }

/* Container */
#Wrapper { margin:10px auto; width:970px; }
#Header { height:170px; }
#Container { background:url(../images/bg_content.gif); }
#Container .Bot { clear:both; width:960px; height:82px; /*background:url(../images/bg_bot.gif);*/ }
#Content { float:left; padding:25px 25px 0 25px; width:753px; min-height:300px; }
#Content .ColLeft { float:left; width:530px; overflow:hidden; }
#Content .ColRight { float:right; padding-left:10px; width:190px; border-left:1px solid #E3E3E3; overflow:hidden; }
#HeaderImage { margin-bottom:16px; }
.Content { padding:10px; }

/* Sitemap */
#Sitemap { margin:0 auto 5px; height:260px; width:930px; }
#Sitemap .Sitemap { margin:10px 20px; }
#Sitemap .Sitemap a { display:block; }
#Sitemap .Sitemap div { float:left; margin-right:10px; padding-left:10px; width:120px; min-height:230px; border-left:1px solid #EEE; }
#Sitemap .Sitemap div.First { border:0; padding:0; } 
#Sitemap .Sitemap ul { margin:0; padding:0; list-style:none; }
#Sitemap .Sitemap ul li { padding:0 0 2px 0px; }

/* Page Banners */
#Content #PageBanners { float:right; margin:0 0 15px 15px; }
#Content #PageBanners #carousel-wrapper { overflow:hidden; width:260px; height:300px; z-index:2; }
#Content #PageBanners #carousel-wrapper #carousel-content { width:10000px; }
#Content #PageBanners #carousel-wrapper #carousel-content .slide { float:left; width:260px; height:300px; overflow:hidden; }

/* Pods */
#Content #Pods { margin:0; padding:0; list-style:none; list-style-image:none; }
#Content #Pods li { padding:15px 0 15px 10px; border-top:1px solid #E3E3E3; }
#Content #Pods li.First { border:0; }
#Content #Pods li div img.Title { float:left; padding-bottom:5px; }
#Content #Pods li div .Thumbnail { float:right; }

/* Footer */
#Footer { margin-top:7px; font-size:9px; }
#Footer a { color:#a2a2a2; text-decoration:none; }
#Footer a:hover { color:#656565; text-decoration:none; }

#Footer .Menu { float:left; width:450px; }
#Footer .Links { float:right; width:310px; }
#Footer .Menu ul { margin:0; padding:0; list-style:none; }
#Footer .Links ul { margin:0; padding:0; list-style:none; }
#Footer .Menu ul li, #Footer .Links ul li { float:left; margin-right:5px; padding-left:5px; font-size:10px; border-left:1px solid #CCC; }
#Footer .Menu ul li.First, #Footer .Links ul li.First { border:0; }

/* Side Menu */
#SideMenu { float:left; width:153px; border-top:3px solid #FFF; }
#SideMenu ul { margin:10px 0 0 4px; padding:0; list-style:none; }
#SideMenu ul li { margin:0; padding:0 0 0 16px; font-size:11px; }
#SideMenu ul li span { display:block; padding:5px 3px; width:110px; color:#FFF; }
#SideMenu ul li a { display:block; padding:5px 3px; width:110px; color:#FFF; }
#SideMenu ul li a:hover { text-decoration:none; }

/* Homepage */
#Homepage ul { margin:0 0 10px 0; padding:0; list-style:none; }
#Homepage li { margin:0 0 0 15px; padding:2px 0 2px 8px; line-height:12px; background:url(../images/bullet_home.png) 0 4px no-repeat; }
#Homepage .Button { margin:3px 0 0 15px; }
#Homepage p { margin:0; }
#Homepage h1 { margin:0; } 

#Homepage #Plans { float:left; width:325px; }
#Homepage #Plans .Plan { padding:8px 0px 2px 10px; width:315px; height:97px; background:url(../images/bg_plan.gif); }
#Homepage #Plans .Double { height:203px; background:url(../images/bg_plan_double.gif); }

#Homepage #HeroBanners { float:right; position:relative; margin:0 10px 5px 0; padding:5px; width:624px; height:304px; background:url(../images/bg_herobanners.gif) no-repeat; overflow:hidden; }
#Homepage #HeroBanners #Controls { position:absolute; bottom:10px; border-top:1px solid #FFF; left:5px; width:620px; background:#EEE; z-index:10; }
#Homepage #HeroBanners #Controls .carousel-jumper { display:block; float:left; width:auto; background:#EEE; border-right:1px solid #CCC; text-align:center; padding:3px 15px; }
#Homepage #HeroBanners #Controls .carousel-jumper:hover { background:#BBB; text-decoration:none; color:#FFF; }
#Homepage #HeroBanners #Controls .last { border-top:0; border-right:0; }
#Homepage #HeroBanners #Controls .jump-selected { background:#0087B8; font-weight:bold; color:#FFF; }

#Homepage #HeroBanners #carousel-wrapper { overflow:hidden; width:620px; height:299px; z-index:2; }
#Homepage #HeroBanners #carousel-wrapper #carousel-content { width:10000px; }
#Homepage #HeroBanners #carousel-wrapper #carousel-content .slide { float:left; margin-right:4px; width:950px; height:308px; }
#Homepage #HeroBanners #carousel-wrapper #carousel-content .slide .banner { float:left; width:473px; height:300px; overflow:hidden; }
#Homepage #HeroBanners #carousel-wrapper #carousel-content .slide .first { margin-right:4px; }
#Homepage #HeroBanners #carousel-wrapper #carousel-content .slide .banner .copy { padding:15px; margin-top:-55px; color:#FFF; font-size:28px; line-height:22px; }
#Homepage #HeroBanners #carousel-wrapper #carousel-content .slide .banner .copy a { color:#FFF; }

#Homepage #Promos { padding:10px; width:940px; height:100px; background:url(../images/bg_promos.gif) no-repeat; }
#Homepage #Promos .Promo { float:left; margin-left:20px; padding-left:20px; width:285px; height:85px; border-left:1px solid #CCC; }
#Homepage #Promos .First { margin:0; padding:0; border:0; }

#Homepage #Banners { padding:10px; width:940px; height:146px; background:url(../images/bg_banners.gif) no-repeat; }
#Homepage #Banners .Banner { float:left; margin-left:20px; padding-left:20px; width:285px; height:136px; border-left:1px solid #CCC; }
#Homepage #Banners .Banner h1 { margin-bottom:3px; } 
#Homepage #Banners .Banner .Details { width:190px; }
#Homepage #Banners .Banner .Image { width:85px; }
#Homepage #Banners .First { margin:0; padding:0; border:0; }

#Homepage #Misc { padding:6px 10px; width:940px; height:58px; background:url(../images/bg_misc.gif) no-repeat; }
#Homepage #Misc .Misc { float:left; margin-left:8px; padding-left:8px; width:220px; height:50px; border-left:1px solid #CCC; }
#Homepage #Misc h1 { margin:0; padding:0; height:20px; }
#Homepage #Misc .First { margin:0; padding:0; border:0; }
#Homepage #Misc .Misc a { color:#333; }

/* Connect Now */
#ConnectNow #CustomerType { height:130px; }
#ConnectNow #CustomerType .Content { padding:15px; }
#ConnectNow #Login { margin:0; width:385px; }
#ConnectNow #Login { margin:10px 0 0; background:#fafafa; }
#ConnectNow #Login h2 { margin-top:0; }
#ConnectNow #Login .Content { padding:20px 30px; }
#ConnectNow #GetStarted { margin:0; width:385px; }
#ConnectNow #GetStarted label { display:block; float:none; width:auto; text-align:left; }
#ConnectNow #Handsets .List { border-left:1px solid #EBEBEC; border-right:1px solid #EBEBEC; }
#ConnectNow #Handsets .List td { padding:10px; }
#ConnectNow #Handsets .List td.ContractTerms { border-bottom:1px solid #EBEBEC; }
#ConnectNow #Handsets .List td .Price { display:block; margin:5px 0; }
#ConnectNow #Porting .List { border-left:1px solid #EBEBEC; border-right:1px solid #EBEBEC; }
#ConnectNow #Porting .List td { padding:10px; border-bottom:1px solid #EBEBEC; }
#ConnectNow #Porting .List td .PortingAgree td { padding:0; border:0; }
#ConnectNow #Porting .List td .PortingAgree td.Label { padding:10px 3px; }
#ConnectNow #Porting .List td .PortingAgree td label { margin:0; padding:0; }
#ConnectNow #Porting .List td .Porting .PortType input { float:left; margin:0 10px 0 0; padding:0; }
#ConnectNow #Porting .List td .Porting .PortType label { float:left; margin:0 10px 0 0; padding:0; width:auto; text-align:left; }
#ConnectNow #Porting .List td .Porting { border-collapse:collapse; border:1px solid #EBEBEC; background:#fafafa; }
#ConnectNow #Porting .List td .Porting td { padding:5px; }
#ConnectNow #Porting .List td .Porting td label { display:block; margin:0; width:90px; text-align:right; }
#ConnectNow #BillingMethods .List { border-left:1px solid #EBEBEC; border-right:1px solid #EBEBEC; }
#ConnectNow #BillingMethods .List td { padding:10px; border-bottom:1px solid #EBEBEC; }
#ConnectNow #BillingMethods .List td table { border-collapse:collapse;  }
#ConnectNow #BillingMethods .List td table td { border:1px solid #EBEBEC; background:#F8F8F8; }
#ConnectNow #PaymentType .List { border-left:1px solid #EBEBEC; border-right:1px solid #EBEBEC; }
#ConnectNow #PaymentType .List td { padding:10px; border-bottom:1px solid #EBEBEC; }
#ConnectNow #PaymentType .List td table { border-collapse:collapse;  }
#ConnectNow #PaymentType .List td table td { border:1px solid #EBEBEC; background:#F8F8F8; }
#ProductDetails { padding:10px; background:#FFF; }
#ProductDetails h2 { margin:0 0 10px; color:#0087b8; }
#ProductDetails .ProductImage { margin:0 10px 10px 10px; padding:5px; border:1px solid #CCC; } */

/* Connect Now */
#ConnectNow #CustomerType { height:130px; }
#ConnectNow #CustomerType .Content { padding:15px; }
#ConnectNow #Login { margin:0; width:385px; }
#ConnectNow #Login { margin:10px 0 0; background:#fafafa; }
#ConnectNow #Login h2 { margin-top:0; }
#ConnectNow #Login .Content { padding:20px 30px; }
#ConnectNow #GetStarted { margin:0; width:385px; }
#ConnectNow #GetStarted label { display:block; float:none; width:auto; text-align:left; }
#ConnectNow #Handsets .List { border-left:1px solid #EBEBEC; border-right:1px solid #EBEBEC; }
#ConnectNow #Handsets .List td { padding:10px; }
#ConnectNow #Handsets .List td.ContractTerms { border-bottom:1px solid #EBEBEC; }
#ConnectNow #Handsets .List td .Price { display:block; margin:5px 0; }
#ConnectNow #Porting .List { border-left:1px solid #EBEBEC; border-right:1px solid #EBEBEC; }
#ConnectNow #Porting .List td { padding:10px; border-bottom:1px solid #EBEBEC; }
#ConnectNow #Porting .List td .PortingAgree td { padding:0; border:0; }
#ConnectNow #Porting .List td .PortingAgree td.Label { padding:10px 3px; }
#ConnectNow #Porting .List td .PortingAgree td label { margin:0; padding:0; }
#ConnectNow #Porting .List td .Porting .PortType input { float:left; margin:0 10px 0 0; padding:0; }
#ConnectNow #Porting .List td .Porting .PortType label { float:left; margin:0 10px 0 0; padding:0; width:auto; text-align:left; }
#ConnectNow #Porting .List td .Porting { border-collapse:collapse; border:1px solid #EBEBEC; background:#fafafa; }
#ConnectNow #Porting .List td .Porting td { padding:5px; }
#ConnectNow #Porting .List td .Porting td label { display:block; margin:0; width:90px; text-align:right; }
#ConnectNow #BillingMethods .List { border-left:1px solid #EBEBEC; border-right:1px solid #EBEBEC; }
#ConnectNow #BillingMethods .List td { padding:10px; border-bottom:1px solid #EBEBEC; }
#ConnectNow #BillingMethods .List td table { border-collapse:collapse;  }
#ConnectNow #BillingMethods .List td table td { border:1px solid #EBEBEC; background:#F8F8F8; }
#ConnectNow #PaymentType .List { border-left:1px solid #EBEBEC; border-right:1px solid #EBEBEC; }
#ConnectNow #PaymentType .List td { padding:10px; border-bottom:1px solid #EBEBEC; }
#ConnectNow #PaymentType .List td table { border-collapse:collapse;  }
#ConnectNow #PaymentType .List td table td { border:1px solid #EBEBEC; background:#F8F8F8; }
#ProductDetails { padding:10px; background:#FFF; }
#ProductDetails h2 { margin:0 0 10px; color:#0087b8; }
#ProductDetails .ProductImage { margin:0 10px 10px 10px; padding:5px; border:1px solid #CCC; }

/* Activate */
#Activate .Fields { margin:0; padding:0; list-style:none; }
#Activate .Fields li { float:left; margin-right:5px; width:240px; }
#Activate .Fields label { display:block; float:none; padding:10px 0 0 20px; }
#Activate .Fields input { margin:5px 0 0 20px; }

/* Contact Page */
#Contact { float:left; width:390px; }

/* Info Centre */
#Content .Faqs { list-style:none; }
#Content .Faqs .InfoQ { padding-right:3px; color:#80a314; font-weight:bold; }
#Content .Faqs .Answer { margin:10px 0; padding:10px; background:#F8F8F8;  list-style:none; }
#Content .Faqs .Question { margin:0; padding:0 10px; }

/* Support Centre */
#SelfcareLogin { position:relative; float:right; margin-right:25px; padding:1px; } 
#SelfcareLogin div { position:absolute; top:-280px; left:-230px; width:250px; height:120px; border:1px solid #CCC; overflow:hidden; }
#SelfcareLogin div td { padding:5px; }

/* Review List */
.ListDetails { border-collapse:collapse; border:1px solid #CCC; border-top:0; }
.ListDetails tr td { padding:5px; border:1px solid #CCC; }

/* Processing */
#Processing { margin:150px auto 0; width:340px; border:1px solid #CCC; background:#FFF; }
#Processing h2 { margin:0; color:#0087b8; font-size:12px }
#Processing .Content { padding:20px; }

/* Popup NEW LAYOUT REMOVED 23/05/2011
#Popup { width:804px; }
#Popup #Content { float:left; padding:25px; width:753px; min-height:424px; }
#Popup #Content #Progress { margin-bottom:20px; width:750px; background:#ebebec; }
#Popup #Content #Progress h3 { margin:0; padding:8px 0 0; color:#0086b7; font-size:18px; text-align:center; }
#Popup #Content #Progress #ProgressBar { height:29px; background:url(../images/bg_progressbar.gif); }
#Popup #Content #Progress #ProgressBar #ProgressIndicator { height:29px; background:url(../images/bg_progressindicator.gif); }
#Popup #SideMenu { float:left; width:150px; border-top-width:0; }
#Popup #SideMenu ul { margin:10px 0 0 0; padding:0; list-style:none; } */ 

/* Popup */
#Popup { width:953px; }
#Popup #Container { width:953px; background:url(../images/bg_content_popup.gif); }
#Popup #Content { float:left; padding:25px 25px 0 25px; width:753px; min-height:300px; }
#Popup #Content .ColRight { border-left-width:0; }
#Popup #Container .Bot { clear:both; width:953px; height:76px; background:url(../images/bg_bot_popup.gif); }
#Popup #SideMenu { float:left; width:150px; border-top-width:0; }
#Popup #SideMenu ul { margin:10px 0 0 0; padding:0; list-style:none; }

/* Dealer Locations */
#DealerLocations .Search { margin-top:20px; padding:10px; width:350px; background:#E1E1E1; }
#DealerLocations img { margin-bottom:5px; }
#DealerLocations .StateField { float:left; margin:2px 10px 0 0; width:50px; }
#DealerLocations .SearchField { float:left; margin-right:10px; padding:3px; width:180px; color:#CCC; font-style:italic; }
#DealerLocations .SearchFieldFocused { color:#000; font-style:normal; }
#DealerLocations .Button { float:right; margin:2px 0 0; background:url(../images/button_green.gif); }
#DealerLocations .Alert { margin-top:20px; }

#DealerLocations #map_canvas { margin-top:20px; width:700px; height:300px; }
#DealerLocations #MapPlaceHolder { margin:20px 0; width:700px; height:300px; background:#ecedef url(../images/bg_map.jpg) no-repeat center center }
#DealerLocations .List { margin:20px 0; width:700px; background:#E1E1E1; }
#DealerLocations .List tr th { text-align:left; }
#DealerLocations .List tr td { background:#FFF; }