/** Store Locator Start **/
.storelocator h4 {
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 10px;
}

.storelocator hr.red {
	color: #cc0000;
	height: 2px;
	border: 1.5px solid;
	background-color: #cc0000;
}

.storelocator .red {
	color: #cc0000;
	height: 5px;
	float: left;
	width: 100%;
	background-color: #cc0000;
}

.storesearch {
}

.storesearch .formrow {
	float: left;
	height:300px;
}

.storesearch .formrow .left {
	width: 65px;
	height: 25px;
	float: left;
	text-align: right;
}

.storesearch .formrow .right {
	width: 155px;
	height: 25px;
	float: left;
	padding-left: 10px;
}

.storesearch .storeType {
	width: 116px;
}

.storesearch .postalCode {
	width: 114px;
}

.storesearch #formErrorMsg {
	color: #cc0000;
}

.storedetail {
	float: left;
	padding-top:10px;
}

.storedetail .col1 {
	width: 350px;
	float: left;
	padding-right: 20px;
}

.storedetail .col1 span {	
	float: left;
}

.storedetail .col2 {
	width: 280px;
	float: left;
}

.storedetail .col3 {
	width: 300px;
	float: left;
}

.storedetail .days {
	font-weight: normal;
}

.storedetail .product_icon {	
	float: left;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}

.storedetail .product_icon img {
	margin-left: auto;
	margin-right: auto;
}

.storedetail .product_icon_large {
	display:none;
	float: left;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	width:100px;	
}

.storedetail .product_icon_large img {
	display: block;
	float:left;
	margin-left:10px;
	margin-right: auto;
}

.storeresultsContainer {
	width: 240px;
	padding-right: 10px;
	height: 487px;
	float: left;
}

.storeresultsContainer .directionsCont {
	width: 100%;
	height: 455px;
	float: left;
	padding: 0px 0px 0px 0px;
}

.storeresultsContainer .directionsCont .topsection {
	width: 236px;
	height: 25px;
	float: left;
	background-color: #edecec;
	text-align: right;
	padding-top: 5px;
}

.storeresultsContainer .directionsCont .directions {
	float: left;
	padding-bottom:5px;
	width: 230px;
	height: 415px;
	overflow: auto;
}

.storeresultsContainer .directionsCont .emailInput {
	float: left;
	width: 232px;
	padding-left:4px;
	padding-bottom:4px;
	display: none;
	background-color: #edecec;
}

.storeresultsContainer #storeresultsCont {
	width: 100%;
	height: 456px;
	float: left;
	padding: 0px 0px 0px 0px;
}

.storeresultsContainer #storeresultsCont .storeresults {
	width: 220px;
	height: 420px;
	float: left;
	padding: 0px 0px 0px 0px;
	border-top: 6px solid #E6E6E6;
	border-left: 5px solid #E6E6E6;
	border-right: 6px solid #E6E6E6;
	_border-right: 5px solid #E6E6E6;
}

.storeresultsContainer .storeresults .storeresultsItem {
	width: 230px;
	float: left;
	cursor: pointer;
}

.storeresultsContainer .storeresults .storeresultsItem .left {
	width: 20px;
	height: 56px;
	float: left;
	padding: 35px 0 0px 0;
	text-align: center;
	background: transparent
		url(/web/resources/images/storelocator/storeSelectGrey.jpg) repeat-y 0 0;
	color: #fff;
	font-weight: bold;
}

.storeresultsContainer .storeresults .storeresultsItemSelect .left {
	background: transparent
		url(/web/resources/images/storelocator/storeSelectOrange.jpg) repeat-y 0 0;
}

.storeresultsContainer .storeresults .storeresultsItem .address {
	width: 200px;
	height: 68px;
	float: left;
	padding: 4px 0 0px 10px;
}

.storeresultsContainer .storeresults .storeresultsItem .phone {
	width: 190px;
	height: 17px;
	float: left;
	padding: 2px 0 0px 10px;
	font-weight: bold;
}


.storeresultsContainer .storeresults .storeresultsItem .storeresult_phone
	{
	font-weight: bold;
	color: black;
	float: left;
	padding-left:8px;
}

.storeresultsContainer .storeresults .storeresultsItem .storeresult_distance
	{
	float: right;
	font-size: 10px;
	font-weight: normal;
	color: #4b4b4b;
}

.storeresultsContainer .paginationFooter {
	float: left;
	width: 230px;
	height: 20px;
	padding-top: 10px;
	text-align: center;
	word-spacing: 6px;
	font-weight: bold;
}

.storeresultsContainer #paginationFooterSpan a {
	cursor: pointer;
}

.storelocatorAdvanceSearchBar {
	width: 725px;
	height: 25px;
	float: left;
	background-image:
		url(/web/resources/images/storelocator/category_background.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
}

.storemaps {
	width: 727px;
	margin: 29px 0px 0 0px;
	float: left;
}

#map_canvas {
	background-color: #e6e6e6;
}

.mapinfopopup {
	float: left;
	padding: 0 0 0px 0;
	width: 275px;
	height: 130px;
}

.mapinfopopup .name {
	float: left;
	font-size: 1.5em;
	line-height: 1.1em;
	font-weight: bold;
	width: 220px;
}

.mapinfopopup .address {
	float: left;
	width: 220px;
	height: 61px;	
	line-height: 14px;
}

.mapinfopopup .directionslink {
	float: left;
	text-transform: uppercase;
	width: 175px;
	margin: 8px 0 0 0px;
	cursor: pointer;
}

.mapinfopopup .imageCont {
	float: left;
	width: 105px;
	height: 80px;
	padding-top: 3px;
	overflow: hidden;
}

.mapinfopopup .directions {
	float: left;
	width: 276px;
	visibility: hidden;
}

.mapinfopopup .directions img {
	vertical-align: bottom;
	cursor: pointer;
}

#fromaddress_error {
	color: #cc0000;
}

.storeInfoSec1 {
	float: left;
	width: 100%;
	height: 14px;
	background-color: lightgray;
}

.storeInfoSec1 p {
	padding-left: 5px;
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	text-indent: 0px;
}

.storeInfoSec2 {
	float: left;
	width: 100%;
	height: 82px;
	/*font-size: 12px;*/
	line-height: 150%;
}

.storeInfoSec3 {
	float: left;
	width: 301px;
	height: 80px;
	padding-top: 2px;
}

.storeInfoSec2 .storeInfoSec3 ul {
	padding-left: 10px;
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	text-indent: 0px;
}

.storeInfoSec2 .storeInfoSec3 li {
	background-repeat: no-repeat;
	background-position: 0px 5px;
	background-image: url(/web/resources/images/blackdotarrow.jpg);
	padding-left: 10px;
	font-weight: normal;
	font-size: 11px;
	color: #000000;
	text-decoration: none
}

.stroeInforProductsType1 {
	width: 105px;
	text-align: center;
	vertical-align: middle;
	height: 82px;
	float: left;
}

.storeInfoProductsType2 {
	text-align: center;
	vertical-align: middle;
	padding-top: 35px;
	color: #cc0000;
	font-weight: bold;
	float: left;
	width: 100px;
}

.storeInfoProductTabBar {
	width: 610px;
	margin-left: 107px;
	_margin-left: 58px;
	height: 26px;
	float: left;
	background-image:
		url("/web/resources/images/storelocator/ProductServicesBar.gif");
	background-repeat: no-repeat;
	font-weight: bold;
	text-align: center;
	font-size: 12px;
}

.storeInfoProductTab {
	font-size: 12px;
	width: 304px;
	float: left;
	padding-top: 7px;
}

/** Store Locator End **/

 /** Plan Table Start **/
.planTbl {
	width: 685px;
}

.planTbl .cornerTopLeft {
	width: 7px;
	height: 37px;
	background: url('/web/resources/images/common/product/plan_HdrLeft.jpg')
		no-repeat;
	background-position: right top;
	float: left
}

.planTbl .cornerTopRight {
	width: 7px;
	height: 37px;
	background:
		url('/web/resources/images/common/product/plan_HdrRight.jpg')
		no-repeat;
	background-position: left top;
	text-align: right;
	float: left;
}

.planTbl .cornerBottenLeft {
	width: 7px;
	height: 30px;
	background: url('/web/resources/images/common/product/plan_botLeft.jpg')
		no-repeat;
	background-position: bottom left;
	vertical-align: baseline;
	float: left
}

.planTbl .cornerBottenRight {
	width: 7px;
	height: 30px;
	background:
		url('/web/resources/images/common/product/plan_botRight.jpg')
		no-repeat;
	background-position: bottom right;
	vertical-align: baseline;
	float: right;
}

.planTbl .headBgImg {
	height: 37px;
	background: url('/web/resources/images/common/product/plan_HdrBg.jpg')
		repeat-x;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
}

.planTbl .headBgColor {
	border-right-style: outset;
	border-right-width: 1px;
	border-right-color: #FFFFFF;
}

.planTbl .textAligncenter {
	text-align: center;
}

.planTbl .rowFontAndBgColor {
	width: 280px;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666b6f;
	background-color: #FFFFFF;
	vertical-align: middle;
}

.planTbl .alterRowFontAndBgColor {
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666b6f;
	background-color: #e0e1e5;
	vertical-align: middle;
}

.planTbl .colBg {
	font-family: "Arial Narrow";
	background-color: #e2e2e2;
}

.planTbl .accordian1_extend,.planTbl .accordian2_extend,.planTbl .accordian3_extend
	{
	border-width: 1px;
	height: auto;
	border: solid 1px #FF9900;
	display: none;
	padding: 5px;
}

.planTbl .accordianOpen {
	float: left;
	width: 24px;
	height: 22px;
	background: url('/web/resources/images/common/product/plus.png')
		no-repeat;
	background-position: top right;
	margin-right: 4px;
	margin-left: 4px;
	margin-top: 4px;
}

.planTbl .accordianClose {
	float: left;
	width: 24px;
	height: 22px;
	background: url('/web/resources/images/common/product/minus.png')
		no-repeat;
	margin-right: 4px;
	margin-left: 4px;
	margin-top: 4px;
}

.planTbl .borderBottom {
	border-bottom: 1px outset #FFFFFF;
}

.payPerUseBtn {
	border: none;
	background:
		url('/web/resources/images/activation/payperuse_services.jpg')
		no-repeat;
	background-position: 0 0;
	width: 190px;
	height: 23px;
}

.payPerUseBtn:hover {
	background-position: 0 -35px;
	cursor: pointer;
}

.payPerUseBtnFr {
	border: none;
	background:
		url('/web/resources/images/activation/payperuse_services_fr.jpg')
		no-repeat;
	background-position: 0 0;
	width: 190px;
	height: 23px;
}

.payPerUseBtnFr:hover {
	background-position: 0 -29px;
	cursor: pointer;
}

/** Plan Table End **/ 

/******************************************************************************
Start :  Account Details Page
		/portalWeb/WebContent/portlets/consumer/account/accountDetailsIndex.jsp
******************************************************************************/
.accountDetails {
	float: left;
}

.accountDetails .form {
	width: 100%;
	float: left;
	display: none;
}

.accountDetails .information {
	float: left;
	width: 100%;
	height: 100%;
}

.accountDetails .accInfo {
	background-color: #FFFFFF;
	display: inline;
	float: left;
	font-size: 14px;
	margin-left: 0px;
	width: 280px;
}

.accountDetails .accInfo .htmlBadge .sideBoxsubHdr {
	padding-top: 10px;
}

.accountDetails .accInfo .account-content {
	height: 303px;
	padding:28px 11px;
}

 .accountDetails .accInfo .detailsLeftBg {
   float:left;
   width:13px;
   height:225px;
   background-image:url('/web/resources/images/phonebrowseFlow/bg-left.gif');
   background-repeat:repeat-y;
 }

 .accountDetails .accInfo .detailsMiddleBg {
   float:left;
   background-image:url('/web/resources/images/phonebrowseFlow/bg-midle.gif');
   background-repeat:repeat-x;
   width:245px;
 }

 .accountDetails .accInfo .detailsRightBg {
   float:left;
   width:9px;
   height:225px;
   background-image:url('/web/resources/images/phonebrowseFlow/bg-right.gif');
   background-repeat:repeat-y;
 }

.accountDetails dl.account-details dt {
	color:#FF9900;
	font-size:15px;
	font-weight:bold;
	padding-bottom:5px;
	letter-spacing: 0.5px;
}

.accountDetails dl.account-details dd {
	padding-bottom: 15px;
}

.accountDetails .planInfo {
	float: left;
}

.accountDetails .planInfo .planTbl {
	width: 580px;
}

.accountDetails .planInfo .planTbl .headBgColor {
	border-right: none;
}

/******************************************************************************
END :  Account Details Page
******************************************************************************/

/******************************************************************************
START :  Telephone Number Change
        /portalWeb/WebContent/portlets/consumer/account/changePhoneNumber*.jsp
******************************************************************************/


.tncContainer {
	padding-left: 10px;
}

.tncContainer .msg {
	padding-bottom: 25px;
}

.tncContainer .btnArea {
	float: left;
	left: 524px;
	padding: 10px;
	position: relative;
}

.tncContainer .selectBtn {
	border: none;
	background: url('/web/resources/images/common/btn_select.jpg') no-repeat;
	background-position: 0 0;
	width: 74px;
	height: 23px;
	color: transparent;
}

.tncContainer .selectBtn:hover {
	background-position: 0 -30px;
	cursor: pointer;
}

.tncContainer dl.link_section dt {
	color: #000000;
	padding-bottom: 10px;	
	width:350px;	
	float: left;
}
.tncContainer dl.link_section .rightDt {
	margin-left:25px;	
}

.tncContainer dl.link_section dd {
	padding-bottom: 10px;	
	padding-left:3px;
}

.tncContainer dl.info_section dt {
	color: #000000;
	padding-bottom: 10px;
	min-width: 307px;
	float: left;
	text-align:right;
	color:gray;
	font-weight:bold;
	margin-right:10px;
}

.tncContainer dl.info_section dd {
	padding-bottom: 10px;
}

.tncContainer .errorContainer .inputValidationError label {
	display: none;
}

.tncContainer #phoneInfoSection {
  margin-right:10px;	
}
.tncContainer .leftTd{
	width:50%;
	padding-bottom:10px;
	vertical-align:top;
}
.tncContainer .rightTd{
	width:50%;
	padding-bottom:10px;	
	vertical-align:top;
}
.tncContainer .leftTdText{
	float:left;
	width:365px;
	padding-top:2px;
	padding-right:3px;
	color:#000000;
}
.tncContainer .rightTdText{
	float:left;
	padding-top:2px;
	color:#000000;	
}
.tncContainer .buttonDiv{
	float:left;	
}
.tncContainer .rightButtonDiv{
	float:left;
	margin-left:8px;
}
/******************************************************************************
END :  Telephone Number Change
******************************************************************************/

/****************************************************************************************************
START :  my chatr Landing
        /portalWeb/WebContent/portlets/consumer/registration/customerLoginSuccess.jsp
****************************************************************************************************/

  #myChartLandingContainer
   {
      float:left;
      width: 950px;
      height:100%;
   }
   #myChartLandingContainer #myChartLanding
   {
       float:left;
       width: 675px;
       height:100%;
   }
   #myChartLandingContainer #myChartLandingBadge
   {
       float:left;
       width: 275px;
       height:100%;
   }
   #myChartLanding .chatrtest
   {
       width:100%;
       height:100%;
       overflow:hidden;
   }
   #myChartLanding .chatrOptions
   {
       background-image:url('/cms/images/en/GenericPage/img_welcomeMyChtr.jpg');
       background-position:right center;
       background-repeat:no-repeat;
       float:left;
       width:100%;
   }
   #myChartLanding .chatrOptText
   {
      float:left;
      width:100%;
   }
   #myChartLanding .chatrOpt
   {
      float:left;
      background-repeat:no-repeat;
      width:58px;
      height:52px;
      padding-right:5px;
      margin-left: -11px;
   }
   #myChartLanding .OptionsHead
   {
    padding-top:10px;
    color:#FF9900;
	font-size:17px;
	font-weight:bold;
	letter-spacing:0.5px;
	padding-bottom:5px;
   }

   #myChartLanding .chatrAdviseOne
   {
       width:330px;
       float:left;
   }

   #myChartLanding .chatrAdviseTwo
   {
       width:330px;
       float:right;
   }
   #myChartLanding .naveLeft
   {
       float:left;
       height:27px;
       width:8px;
       background: url('/web/resources/images/registrationAndLogin/regNow_HdrLeft.jpg');
       background-position:top left;
   }
   #myChartLanding .naveMiddle
   {
       float:left;
       height:27px;
       width:314px;
       background: url('/web/resources/images/registrationAndLogin/regNow_HdrBg.jpg');
       margin:0 auto;
       background-repeat:repeat-x;
   }

   #myChartLanding .naveRight
   {
       float:right;
       height:27px;
       width:8px;
       background: url('/web/resources/images/registrationAndLogin/regNow_HdrRight.jpg');
       background-position:top right;
   }
   #myChartLanding .subHead
   {
       float:left;
       margin-top:4px;
       color:white;
       font-weight:bold;
   }
   #myChartLanding .chatrAdvise
   {
       float:left;
       width:100%;
   }
    #myChartLanding .labelPurple
   {
   	color: #530594;
   	font-size: 15px;
   	font-weight: bold;
   }
	#myChartLandingBadge .htmlBadge .sideBoxHeader 
	{
		_width:241px;
	}
	#myChartLandingBadge .htmlBadge .sideBoxFooter 
	{
		_width:241px;
	}
	#myChartLandingBadge .htmlBadge 
	{
		_margin-left: 10px;		
		_width:241px;
	}		
/****************************************************************************************************
END  :  my chatr landing
****************************************************************************************************/


/****************************************************************************************************
START :  PhoneBrowse Functionality
ListPhones -- /portalWeb/WebContent/portlets/consumer/phonebrowseflow/listPhones.jsp
****************************************************************************************************/

	.listPhonesHeader {
	   float:left;
	   width:100%;
	   margin-bottom:-10px;
	   height:30px;
	 }

     .listPhonesTotalContent {
       float:left;
       width:100%
     }

	.listPhonesTotalContent .compareBtnDiv {
	  float:right;
	  margin-right:5px;
	}
	
	
    .listPhoneLeftSec {
       width:695px;
       float:left;
     }
     
	.listPhoneLeftSec .phoneListSection {
	  float:left;
	  width:100%;
	}

     .detailsLeftBg {
       float:left;
       width:13px;
       height:225px;
       background-image:url('/web/resources/images/phonebrowseFlow/bg-left.gif');
       background-repeat:repeat-y;
     }
     
     .detailsRightBg {
       float:left;
       width:9px;
       height:225px;
       background-image:url('/web/resources/images/phonebrowseFlow/bg-right.gif');
       background-repeat:repeat-y;
     }
	    
    .listPhoneDiv .detailsMiddleBg {
       width:310px;
       float:left;
       background-image:url('/web/resources/images/phonebrowseFlow/bg-midle.gif');
       background-repeat:repeat-x;
     }

	 .phoneListSection .listPhoneDiv {
	    height:235px;
		width:100%;
		position: relative;
	 }
	 
	 .listPhoneDiv .detailsMiddleBg .phoneImgDiv {
	   float:left;
	   width:140px;
	   text-align: center;
	  }

	.detailsMiddleBg .phoneContentDiv {
		float:left;
		padding-left:15px;
		width:145px;
	}
	
	.phoneDetails #phoneName {
       color:#F69000;
       font-size:16px;
       font-weight:bold;
     }
     
   	.phoneDetails #phoneByLine {
       color:#9D9D9F;
       font-size:13px;
       font-weight:bold;
     }
     
     .phoneDetails .phonePromoDiv {
        float:left;
        width:100%;
        margin-bottom:5px;
     }
	     
     .phoneDetails .phonePrice {
       font-size:48px;
       font-weight:bold;
       margin-bottom:0px;
       _margin-bottom:0px;       
       *line-height:56px;
       line-height:45px;
       color:#000000;
       letter-spacing:-0.5px;
     }
     
     .phonePromoDiv .promoPrice {
       font-size:15px;
       font-weight:bold;
	   text-decoration:line-through;
	   float:left;
	   padding-right:8px;
     }
     
     .phoneDetails .phoneStrike {
     	text-decoration:line-through;
     }
	
	.compareInputSec {
	  float:left;	  
	}
	
	.compareInputSec #topUpDiv {
		float:left;
		width:100%;
		margin-bottom:5px;
	}
	
	.compareInputSec #compareInput {
	   float: left;
	   margin-top: 1px;
	   margin-left: 3px;
	}
	
    .listPhoneRightSec {
       width:242px;
       float:right;
     }
	
	.listPhoneRightSec #phoneHtmlBadge {
	  float:right;
	  *margin-bottom:10px;
	  *margin-left:-15px;
	  _margin-left:0px;
	}

	.listPhoneRightSec 	#phonePromo {
 		float:right;
 	}
	.listPhoneLeftSec .phonePromotionDiv {
		float:left;
		font-weight:bold;
		font-size:24px;
		color:#F69000;
	}
	.listPhoneLeftSec .spacerDiv {
		width:100%;
		height:5px;
	}
	.listPhoneLeftSec .phoneCont {
		position:absolute;
		width:170px;
	}
	.listPhoneLeftSec .detailsDiv {
		width:100%;
		margin-top:15px;
	}
	.listPhoneLeftSec .moreDetailsDiv {
		margin-bottom:5px;
		_height: 19px;
	}
	.listPhonesTotalContent div.error { 
		color: red;
	}		
	.listPhonesTotalContent input.error {
	 	border: 1px dotted red;
	}		
/****************************************************************************************************
  ListPhones END
****************************************************************************************************/


/****************************************************************************************************
  PhoneDetails -- /portalWeb/WebContent/portlets/consumer/phonebrowseflow/phoneDetail.jsp
****************************************************************************************************/
 	.productDetailTotal {
	  float:left;
	  width:100%;	  
	}
	
	.productDetailTotal .phoneDetailsHeader {
	   width:100%;
	   float:left;
	   height:30px;
	   margin-bottom:10px;
	}

     .detailsLeftBg {
       float:left;
       width:13px;
       height:225px;
       background-image:url('/web/resources/images/phonebrowseFlow/bg-left.gif');
       background-repeat:repeat-y;
     }
     
     .detailsRightBg {
       float:left;
       width:9px;
       height:225px;
       background-image:url('/web/resources/images/phonebrowseFlow/bg-right.gif');
       background-repeat:repeat-y;
     }
     
     .productHtmlLeftBg {
        width:2%;
        float:left;
        background-image:url('/web/resources/images/phonebrowseFlow/button_left.jpg');
        background-repeat:no-repeat;
        height:39px;
     }
     
     .productHtmlMiddleBg {
        width:95%;
        float:left;
        background-image:url('/web/resources/images/phonebrowseFlow/button_middle.jpg');
        background-repeat:repeat-x;
        height:39px;
     }
	
	.productHtmlRightBg {
	 width:3%;
	 float:left;
	 background-image:url('/web/resources/images/phonebrowseFlow/button_right.jpg');
	 background-repeat:no-repeat;
	 height:39px;
	}
	
	.productHtml .productHtmlContent {
	 border-style: solid;
	 border-color: #AFAFAF;
	 border-width: 0px 1px 1px;
	 float: left;
	 margin-top: -8px;
	 width: 98%;
	 margin-left: 2px;	
	_margin-left: 1px;	
	}
	
	.productHtml .productHtmlContent .otherPhonesList {
	   margin-top: 30px;
	   float:left;
	   margin-left:34px;
	   _text-align: center;
	   _margin-left: 20px;
	 }
	 
	.productHtml .productHtmlContent .otherPhonesList #phoneCarousel {
	   float:left;
	   width:80px;
	   text-align:center;
	   margin-bottom:10px;
	 }
	
	.productHtmlContent .storeInnerDiv {
	   float:left;
	   width:100%;
	   *width:auto;
	   padding-left:20px;
	}
	
	.productHtmlContent .storeInnerDiv #postalCodeText {  
	  margin-bottom:8px;
	  width:280px;
	}
	
	.productHtmlContent .storeInnerDiv #storeSearchBtn {
	  float:left;
	  margin-right:10px;
	}
			
	sup {
      position: relative;
      *top: -0.3em;
      font-size: 0.6em;
     }
	
	.productDetailTotal .productLeftSection {
	  width:610px;
	  float:left;
	}
	
	 .productLeftSection .phoneDetailsBody {
	  float:left;
	  width:100%;
	}
	
	.productLeftSection .phoneDetailsCont {
	  float:left;
	  width:100%;
	  height:315px;
	  _width:600px;
	  position: relative;
	}
	
	 .phoneDetailsCont .detailsMiddleBg {
       width:96%;
       float:left;
       background-image:url('/web/resources/images/phonebrowseFlow/bg-midle.gif');
       background-repeat:repeat-x;
     }
     
     .phoneDetailsCont .detailsMiddleBg #phoneImgCont {
       float:left;
       padding-top:30px;
     }

	 .detailsMiddleBg .phoneDetailsTop .phoneName {
       color:#FFA500;
       font-size:18px;
       font-weight:bold;
       float:left;
       margin-bottom:5px;
       width:100%;
       letter-spacing:0.5px;
       _margin-bottom:0px;
       _line-height:21px;
     }

	 .detailsMiddleBg .phoneDetailsTop #phoneByLine {
       color:#9D9D9F;
       font-size:15px;
       font-weight:bold;
       letter-spacing:0.5px;
       margin-bottom:10px;
     }
	 .detailsMiddleBg .phoneDetailsTop #topFeatures {
		float:right;
     }
     
     .phoneDetailsCont .detailsMiddleBg .phonePrice {
       font-size:60px;
       font-weight:bold;
       *line-height:60px;
       line-height:50px;
       margin-bottom:5px;
       margin-top:5px;
       color:#000000;
       letter-spacing:-0.5px;
       margin-right: 10px;
       float: left;
     }
     
     .phoneDetailsCont .detailsMiddleBg .promoPrice {
       font-size:36px;
       font-weight:bold;
       color: #F69000;
       line-height: 25px;
       padding-top: 5px;
       float: left;
     }
     
     .phoneDetailsCont .detailsMiddleBg .phoneAgmt {
       font-size:15px;
       font-weight:bold;
       margin-top:5px;
       letter-spacing:0.5px;
     }    
	
	 .phoneDetailsCont .detailsMiddleBg #longDesc {
	   float:left;
	   width:100%;
	 }
	 
	 .phoneDetailsCont .detailsMiddleBg #productPromo {
	   float:right;
	   margin-top:20px;
	   *margin-top:4px;
	 }
	 
	 .phoneDetailsBody .productBottomSection {
	   float:left;
	   width:98%;
	 }

	 .productBottomSection .featuresTabContent {
	   height:140px;
	   border:1px solid #AFB4B8;
	   padding:10px;
	   padding-right:0px;
	   *position:relative;
	   *z-index:1000;   
	 }
	 
	 .featuresTabContent #features_content {
	   margin-top:10px;
	   margin-left:25px;
	 }

	 .rightTabSection .inthebox_tabContent {
	   border:1px solid #AFB4B8;
	   padding:10px;	   
	   height:115px;
	   *position:relative;
	   *z-index:-1;  
	 }
	 
 	 .rightTabSection .inthebox_tabContent #inthebox_content {
 	   width:100%;
 	   margin-top:5px;
 	   margin-left:15px;
 	  }
 	  
	 .productDetailTotal .productRightSection {
	   width:320px;
	   float:right;
	   _width:340px;
	 }
	 
	 .productRightSection .productHtml {
	   margin-bottom: 10px;
	   float:right;
	   width:100%;
	   _width:340px;
	  }
	  			  	
     .productRightSection .rightTabSection {
	  float:left;
	  width:320px;
	 }
	 
	 .productLeftSection .phoneDetails {
	 	float:left;
	 	padding-top:30px;
	 	padding-left:20px;
	 	*width:440px;
	 	_padding-top:10px;
	 }
	 .productLeftSection .phoneDetailsBottom {
	 	float: left; 
	 	width: 100%;
	 	margin-top:10px;
	 }
	 .productRightSection .badgeHeading {
	 	margin-top:10px;
	 	margin-left:6px;
	 }
	 
	 .productLeftSection .searchBtnDiv {
	 	float: left; 
	 	padding-bottom: 17px; 
	 	width: 90px;
	 }
	.productDetailTotal div.error { color: red }		
	.productDetailTotal input.error { border: 1px dotted red }	
	.productLeftSection .view360BtnDiv {		
		margin-top:12px;
		float: left;
		clear: both;
	}
	
	.productHtml .carouselHtmlContent {
	 border-style: solid;
	 border-color: #AFAFAF;
	 border-width: 0px 1px 1px;
	 float: left;
	 margin-top: -8px;
	 width: 98%;
	 margin-left: 2px;	
	_margin-left: 1px;
	width: 313px;
	_width:333px;	
	}
	
	<!--  Carousel STYLES END --> 
	#phoneCarouselMain {
		width: 313px;
		float: left;
		_width:333px;
	}
	
	 #phoneCarouselMain div, #phoneCarouselMain p{
		font-size: 12px;	
	}
	
	#phoneCarouselMain  .hdr
	{
	font-size: 16px;
	font-weight: bold;
	 margin-bottom: 10px;
	 color: #000000;
	}
	
	#phoneCarouselMain ol {
		float: left; list-style: decimal outside;
	}
	
	#phoneCarouselMain ol li {
	 margin-left: 30px;
	}
	
	#phoneCarouselMain .jcarousel_init{
	margin-left: 28px;
	}
	
	#phoneCarouselMain .jcarousel_generic{
		float: left;
		position: relative;
		overflow: hidden;
		_width:333px;
	}
	
	.jcarouselMainSec {
		float: left;
		height: 145px;
		width: 300px;
		margin-top:20px;
	}
	
	#phoneCarouselMain .jcarousel_init ul{
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		margin:0;
		padding:0;
	
	}
	
	#phoneCarouselMain .jcarousel_init ul li {
	  display:block;
	  float:left;
	  height: 140px;
	  width: 85px;
	  text-align: center;
	  cursor: pointer;
	  list-style: none;
	}
	
	#phoneCarouselMain .next {
	  background: url(/cms/images/en/Wireless/phone/carousel/Carousel_RArrow.jpg) no-repeat 0 0;
	  right: 12px;
	  position: absolute;
	  top: 45px;
	  width: 21px;
	  height: 35px;
	  cursor: pointer;
	}
	
	#phoneCarouselMain .prev {
	  background: url(/cms/images/en/Wireless/phone/carousel/Carousel_LArrow.jpg) no-repeat 0 0;
	  left: 8px;
	  position: absolute;
	  top: 45px;
	  width: 21px;
	  height: 35px;
	  cursor: pointer;
	}
	
	#phoneCarouselMain .active span{
	font-weight: bold;
	color: #000000;
	font-size: 12px;
	}
	
	#phoneCarouselMain .ol_class{
	left: -20px;
	/*_left: -40px;*/
	float: left;
	}
	
	.disabled{ /*visibility:hidden;*/ display:none; }
	
	#carouselImgSec {
	  height:100px;
	}
	
	<!--  Carousel STYLES END -->  	
/****************************************************************************************************
  PhoneDetails END
****************************************************************************************************/


/****************************************************************************************************
  launch360View -- /portalWeb/WebContent/portlets/consumer/phonebrowseflow/launch360View.jsp
****************************************************************************************************/
    .launch360MainContent .thumbnailsView .phoneName {
       margin-bottom:15px;
       color:#FFA500;
       font-size:30px;
       line-height:30px;
       font-weight:bold;
     }
     
     .launch360MainContent .thumbnailsView {
       float:right;
       width:50%;
     }
     
     .thumbnailsView #angledImages {
        margin-top: 15px;
      }
     
     .launch360MainContent .largeImageView {
       float:left;
       width:48%;
       text-align:center;
     }
     
     img.imgBorder {
      border-style:solid;
      border-width:3px;
      border-color:#ffa500;
      margin: 0px;
     }
     
     img.imgGreyBorder {
      border-style:solid;
      border-width:1px;
      border-color:#AFAFAF;
      margin: 2px;
     }
     
     .launch360MainContent {
       width:100%;
       
      }

/****************************************************************************************************
  launch360View END
****************************************************************************************************/


/****************************************************************************************************
  ComparePhones -- /portalWeb/WebContent/portlets/consumer/phonebrowseflow/comparePhones.jsp
****************************************************************************************************/


/****************************************************************************************************
  ComparePhones END
****************************************************************************************************/


/****************************************************************************************************
END  :  PhoneBrowse Functionality
****************************************************************************************************/




/****************************************************************************************************
  Contact US START
****************************************************************************************************/


/****************************************************************************************************
  Contact US END
****************************************************************************************************/

/****************************************************************************************************
Plan Browse START
****************************************************************************************************/
.planBrowseDiv {
	float:left;
}

.planBrowseDiv .descriptionDiv1 {
	padding-bottom:10px;
	width:685px;
}

.planBrowseDiv .descriptionDiv2 {
	padding-bottom:10px;
	width:685px;
}

.planBrowseDiv .subheading {
	color:#F69200;
	font-size:20px;
	font-weight:bold;
}

.planBrowseDiv .rightPanel {
	float:left;
}

.planBrowseDiv .badgeContainer {
	float:left;
	width:250px;
}

.planBrowseDiv .legalDisclaimerDiv {
	float:left;
	text-align: left;
	font-size: 11px;
	color: #530594;
	padding-left:45px;
	margin-top:15px;
}

.planBrowseDiv .extraChatrSpan {
	padding-left:5px;
}

.planBrowseDiv .accordianPlus {
	float: left;
	width: 24px;
	height: 22px;
	background: url('/web/resources/images/common/product/plus.png') no-repeat;
	background-position: top right;
}

.planBrowseDiv .plansContainer {
	float:left;
	width: 693px;
	*width: 690px;
}
.planBrowseDiv .leftBadgeContainer {	
	width:950px;
	position:relative;
}
.planBrowseDiv .planRightDiv{
	float:left;
	width:100%;
}
.planBrowseDiv .planBrowseRightDiv .badgeContainer {	
	width:950px;
	position:relative;
}
.planBrowseDiv .plansHtmlBadge{
	position:absolute;
	top:36px;
	_bottom:-10px;
	right:0;
	_right:-30px;
	margin-right:0px;
	width:225px;
}
/****************************************************************************************************
Plan Browse END
****************************************************************************************************/


/****************************************************************************************************
  Plan Table START
****************************************************************************************************/

		  
         #tabPlan
        {
            width:670px;
            clear:both;
        }
        
        #tabPlan .verticalHead
        {
            width: 43px;
            background-image: url('/web/resources/images/common/product/plans_leftBot.jpg');
            background-repeat:no-repeat;
            background-position:left bottom;
            vertical-align:top;
        }    
        
        #tabPlan .borderHeadRight
        {
            border-right-style: solid;
            border-right-width: 1px;
            border-right-color: #FFFFFF;
        } 
        
        #tabPlan .topLeftHead
        {
            width:180px;
            height:35px;
            background-image: url('/web/resources/images/common/product/inchatr_TopBg.jpg');
            background-repeat:no-repeat;
            background-position:left top;      
        }
        
        #tabPlan .topMiddleHead
        {
            width: 267px;
            height:55px;
            background-image: url('/web/resources/images/common/product/plans_top2.jpg');
            background-repeat:no-repeat;
            background-position:left top;  
            vertical-align:top; 
        }
        
        #tabPlan .topRightHead
        {
            width: 181px;
            height:55px;
            background-image: url('/web/resources/images/common/product/plans_top3.jpg');
            background-repeat:no-repeat;
            background-position:left top;      
        }
        
        /*Need to work*/
        #tabPlan .topMiddleLeftHead
        {
            width: 263px;
            height:26px;
            background-image: url('/cms/images/en/GenericPage/TalkBox_topBg_inzone.jpg');
            background-repeat:no-repeat;
            background-position:left top;
        } 
        /*Need to work*/ 
        #tabPlan .topMiddleRightHead
        {
            width: 262px;
            height:26px;
            background-image: url('/cms/images/en/GenericPage/TalkBox_topBg_Outofzone.jpg');
            background-repeat:no-repeat;
            background-position:left top;
        } 
        
        #tabPlan .topRightCorner
        {
            width: 14px;
            height:55px;
            background-image: url('/web/resources/images/common/product/plans_topRight.jpg');
            background-repeat:no-repeat;
            background-position:left top;
        }
        
        #tabPlan .topLeftCorner
        {
            width:13px;
            height:35px;
            background-image: url('/web/resources/images/common/product/inchatr_leftTop.jpg');
            background-repeat:no-repeat;
            background-position:left top;      
        }  
        
        #tabPlan .topLeftCenterCorner
        {
            width:13px;
            background-image: url('/web/resources/images/common/product/inchatr_leftImg.jpg');
            background-repeat:repeat-y;
            background-position:left top;      
        }        
      
        #tabPlan .rightMidddle
        {
            width: 14px;
            height:290px;
            background-image: url('/web/resources/images/common/product/plans_RightBg.jpg');
            background-repeat:repeat-y;
        }
        
        #tabPlan .bottomrightCorner
        {
            width: 14px;
            height:19px;
            background-image: url('/web/resources/images/common/product/plans_rightBot.jpg');
            background-repeat:no-repeat;
            background-position:left top;   
        }
        #tabPlan .bottomMidddleBar
        {
            width: 643px;
            height:19px;
            background-image: url('/web/resources/images/common/product/inchatr_botImg.jpg');
            background-repeat:no-repeat;
            background-position:left top;   
        }
        #tabPlan .cellHeight
        {
            height:42px;
        }
        #tabPlan .showText
        {
        	float: left;
        	font-weight: bold;
        	color: #000000;
        	margin-top: 4px;
        	width: 163px;
        }
        #tabPlan .tableTextBlack
        {        	
        	font-weight: bold;
        	color: #000000;
        	text-align: center;
        	vertical-align: middle;
        }
        #tabPlan .tableTextGrey
        {        	
        	font-weight: bold;
        	color: #5F6A72;
        	text-align: center;
        	vertical-align: middle;
        }
        #tabPlan .alignTextColOne
        {
            
        }
        #tabPlan .alignTextColTwo
        {
            
        }
        #PlanContainer .bottomBorder
        {
            border-bottom-style: solid;
            border-bottom-width: 1px;
            border-bottom-color: #f69200;
        } 
        
        #PlanContainer .topBorder
        {
            border-top-style: solid;
            border-top-width: 1px;
            border-top-color: #f69200;
        }

        #PlanContainer .subRightBorder
        {
            border-right-style: solid;
            border-right-width: 1px;
            border-right-color: #f69200;
        }
                   
        #tabPlan .inZoneWidth
        {
            width: 263px;
        }
        
        #tabPlan .outOfZoneWidth
        {
          width: 261px;  
        }
        
        .accordian_extend
        {
            display:none;
            padding: 10px;
        }        
        
        #PlanContainer .headFont
        {            
            font-size: 1.2em;
            font-weight: bold;
            color: #FFFFFF;
            padding-top:8px;
        }
/****************************************************************************************************
  Plan Table END
****************************************************************************************************/


/****************************************************************************************************
START :  TOPUP
****************************************************************************************************/
.topUpMain {
float: left;
}

.topUpMain .topUpPay {
width: 400px;
float:left;
}

.topUpMain .topUpPromo {
width: 290px;
float:left;
}

.topUpMain .topUpBadge {
width: 260px;
float:left;
}

.topUpMain .topUpPay .topUpPayTypeText {
color:#FFA500;
font-weight:bold;
font-size:17px;
padding-bottom:5px;
letter-spacing:0.5px;
}

.topUpMain .topUpPay .voucher {
padding-left:25px; 
padding-top:5px; 
display:none;
}

/****************************************************************************************************
END  :  TOPUP
****************************************************************************************************/

/****************************************************************************************************
BEGIN :  Right & Left Arrow Images
****************************************************************************************************/

.rightArrowAnchor .rightArrowPng {
	background:url("/cms/images/en/GenericPage/right_arrow_new.png") no-repeat scroll 0 0 transparent;
	border:medium none;
	height:10px;
	width:13px;
	display:inline-block;
	vertical-align:middle;
	margin-top:3px;
	*margin-top:5px;
	_margin-top:-5px;
	_background-position-y: 8px;		
}

.rightArrowAnchor:hover .rightArrowPng {
	background-position:0 -13px;
	cursor:hand;
	border:medium none;
	height:10px;
	width:13px;
	display:inline-block;	
	vertical-align:middle;
	margin-top:3px;
	*margin-top:5px;
}

.leftArrowAnchor .leftArrowPng {
	background:url("/web/resources/images/common/left_arrow_new.png") no-repeat scroll 0 0 transparent;	
	height:10px;
	width:13px;
	border:medium none;	
	margin-top:3px;
	*margin-top:5px;
	display:inline-block;
	vertical-align:middle;
	_margin-top:-5px;
	_background-position-y: 8px;		
}

.leftArrowAnchor:hover .leftArrowPng {
	background-position:0 -13px;
	cursor:hand;
	height:10px;
	width:13px;
	border:medium none;	
	vertical-align:middle;
	display:inline-block;
	margin-top:3px;
	*margin-top:5px;
}

/****************************************************************************************************
END :  Right Arrow Image
****************************************************************************************************/

/****************************************************************************************************
BEGIN :  Previous Step
****************************************************************************************************/

.previousStep
{
 	border:none;
 	background: url('/web/resources/images/activation/previous_step.png') no-repeat;
 	background-position: 0 0;
 	width:110px;
 	height: 16px;
}

.previousStep:hover
{
 	background-position: 0 -19px;
 	cursor: pointer;
}

/****************************************************************************************************
END :  Previous Step
****************************************************************************************************/


/****************************************************************************************************
START :  News Room Landing
****************************************************************************************************/

  .newsRoomLandingMain {
    float:left;
    width:100%;
  }
  
  .newsRoomLandingLeft {
    float:left;
    width:680px;
  }
  
  .newsRoomLandingRight {
    float:right;
    width:250px;
  }
  
  .newsRoomTextAlignLeft {
  	float:left;
  	width:100%;
  }
  
  .printBtnAnchor .printBtn {
		border: none;
		background: url('/web/resources/images/activation/printthispage.jpg') no-repeat;
		background-position: 0 0;
		width: 149px;
		height: 23px;
	}

	.printBtnAnchor .printBtn:hover {
		background-position: 0 -30px;
		cursor: pointer;
	}
	
	.printIconAnchor .printIconImg {
		background:url("/cms/images/en/GenericPage/print_icon.jpg") no-repeat scroll 0 0 transparent;
		border:medium none;
		height:12px;
		width:15px;
		display:inline-block;
		vertical-align:middle;	
		margin-top:-2px;
		_margin-top:-3px;
		_background-position-y: 3px;			
	}
	
	.printIconAnchor:hover .printIconImg {
		background-position:0 -14px;
		_background-position:0 -11px;
	}
	  
/****************************************************************************************************
END :  News Room Landing
****************************************************************************************************/


/****************************************************************************************************
START :  News Room Detail
****************************************************************************************************/

  	.newsRoomDetailMain {
    	float:left;
    	width:100%;
  	}
  
  	.newsRoomDetailLeft {
    	float:left;
    	width:680px;
    	position:relative;
  	}
  
  	.newsRoomDetailRight {
    	float:right;
    	width:250px;
  	}
  
  	.printBtnAnchor .newsRoomPrintBtn {
		border: none;
		background: url('/web/resources/images/common/btn_print.jpg') no-repeat;
		background-position: 0 0;
		width: 86px;
		height: 23px;
  	}

   	.printBtnAnchor .newsRoomPrintBtn:hover {
		background-position: 0 -24px;
		cursor: pointer;
   	}

   	.pressReleaseButtonsSec {
		position:absolute;
		top:40px;
		left:500px;
		width:180px;			
		_line-height:0px;
		z-index:10;
   	}
/****************************************************************************************************
END :  News Room Detail
****************************************************************************************************/


/****************************************************************************************************
START :  Disconnect Phone
****************************************************************************************************/

	
	.disconnectPhoneLanding .fieldHolderSec {
		float:left;
		width:600px;
		height:40px;
	}
	
	.disconnectErrorDiv {
		margin-bottom:10px;
	}
	
	.disconnectMainContent {
		float:left;
	}
		
	.disconnectPhoneLanding .fieldHolderSec .titleSec {
		float:left;
		width:300px;
	}
	
	.disconnectPhoneLanding .fieldHolderSec .fieldSec {
		float:left;
		width:300px;
	}
	
	.disconnectPhoneLanding .submitBtnSec {
		border-style:solid none none;
		margin-top:10px;
		border-width:2px;
		padding:10px 0 0;
		text-align:right;
		width:100%;
	}
	
	.disconnectBtnContainer {
		float:left;
		width:600px;
	}
	
	.disconnectPhoneSuccess {
	 width:600px;
	}
	
	.disconnectPhoneSuccess #detailsSec {
		float:left;
		width:100%;
		margin-bottom:20px;
	}

/****************************************************************************************************
END :  Disconnect Phone
****************************************************************************************************/

/****************************************************************************************************
START :  Banner User Report
****************************************************************************************************/

.reportContentSec img.ui-datepicker-trigger {
  position: relative;
  top: 9px;
  padding: 0 8px 0 8px;
  vertical-align: bottom;
}
 
.reportContentSec .rounded {
  -moz-border-radius:3px 3px 3px 3px;
}

.reportContentSec {
	float:left;
	width:600px;
}

.reportContentSec #fieldHolder {
	float:left;
	width:250px;
}

#generateReportBtn {
	float:left;
	width:400px;
	margin-top:20px;
	text-align:right;
}

#reportLabelSec {
	float:left;
}

/****************************************************************************************************
END :  Banner User Report
****************************************************************************************************/

/****************************************************************************************************
START :  Phone User Guides
****************************************************************************************************/
  .userGuideLeftSec .phoneName {
    color:#FFA500;
    font-size:16px;
    font-weight:bold;
   }

   .userGuideLeftSec .phoneImgPath {
     float:left;
     height:211px;
	 width:145px;
   }

   .userGuideLeftSec .phoneByLine {
      color:#666666;
      font-size:16px;
      font-weight:bold;
    }

    .phoneDetailsLeft {
       float:left;
	   height:211px;
	   margin-right:5px;
	   width:122px;
     }

     .userGuideDetails {
       float:left;
       margin-bottom:22px;
	   margin-top:20px;
     }
     
     .phoneDownloadLink {
     	margin-right:10px;
     }

	 .guidesMiddleBg {
		background-image:url("/web/resources/images/phonebrowseFlow/bg-midle.gif");
		background-repeat:repeat-x;
		float:left;
		width:285px;
	}
	
	.userGuidesHeader {
		float:left;
		width:100%;
	}
	
	#userGuideDesc {
		float:left;
		margin-bottom:10px;
	}
	
	.userGuideLeftSec {
	 	width:950px;
	 }
	 
	 #phoneLeftSec {
	 	height:150px;
	 	_width:100px;
	 }
/****************************************************************************************************
END :  Phone User Guides
****************************************************************************************************/ 


/****************************************************************************************************
START :  Thick box print logo
****************************************************************************************************/ 
	img.printLogoImg {
		display:none;
	}
/****************************************************************************************************
END :  Thick box print logo
****************************************************************************************************/ 

/****************************************************************************************************
START:	Topup Login
****************************************************************************************************/ 
	.topupLogin .topupbackgroundImage {
		background-image:url("/cms/images/en/RegistrationAndLogin/bg_topupSigninBox.jpg");
		background-repeat:no-repeat;
		float:left;			
		margin-bottom:25px;
		padding-left:15px;
		padding-top:15px;	
		width:591px;
		height:180px;
	}
	.topupLogin .topupLoginText{
		width:85%;
		float:left;
		margin-bottom:20px;
	}
	.topupLogin .holder{
		width:85%;
		float:left;
		margin-bottom:8px;
	}
	.topupLogin .lableDiv{	
		font-weight:bold;	
		text-align:right;
		margin-right:15px;
		margin-top:5px;
	}
	.topupLogin .textBoxDiv{
		
	}
	.topupLogin .userNameLableDiv{
		width:126px;
		float:left;
	}
	.topupLogin .userNameTextBoxDiv{		
		float:left;
	}
	.topupLogin .pwdLableDiv{
		width:126px;
		float:left;
	}
	.topupLogin .pwdTextBoxDiv{		
		float:left;		
	}
	.topupLogin .buttonDiv{		
		float:left;
		padding-top:3px;
		padding-left:15px;
	}
	.topupLogin .forgotPwdDiv{
		float: left; 		
		padding-left: 140px;
	}
	.topupLogin .topupImgDiv{
		float:left;
		margin-left:-50px;
		margin-top:15px;
	}
	.topupSigninBtn:hover{
		background-position:0 -30px;
		cursor:pointer;
		outline:medium none;
	}		
	.topupSigninBtn {
		background:url("/cms/images/en/RegistrationAndLogin/but_topupSignin.png") no-repeat scroll 0 0 transparent;
		border:medium none;
		height:23px;
		outline:medium none;
		width:98px;
	}
/****************************************************************************************************
END:	Topup Login
****************************************************************************************************/ 
/****************************************************************************************************
START:	PORT NUMBER CHECK
****************************************************************************************************/
#portNumberInOut {
	padding-bottom: 100px;
	width: 690px;
}
#portNumberInOut .contentDiv {
	float: left;
	padding-top: 10px;
	padding-left: 160px;
}
#portNumberInOut .phoneLabelDiv {
	float: left;
	margin-right: 5px;
	margin-top: 4px;
}
#portNumberInOut .numberSecDiv {
	float: left;
}
#portNumberInOut .seperatorDiv {
	float: left;
	margin-top: 4px;
}
#portNumberInOut .continueBtnDiv {
	float: left;
	margin-top: 3px;
	margin-left: 20px;
}
#portNumberInOut .checkEligibleBtn {
	background:url("/cms/images/en/common/buttons/btn_checkEligibility.png") no-repeat scroll 0 0 transparent;
	border: medium none;
	color: transparent;
	height: 23px;
	outline: medium none;
	width: 171px;
}
#portNumberInOut .checkEligibleBtn:hover {
	background-position: 0 -30px;
	cursor: pointer;
	outline: medium none;
}
#portNumberInOut .hdrNav {
	clear: both;
}
#portNumberInOut .naveLeft {
	float: left;
	height: 27px;
	width: 8px;
	background:url('/web/resources/images/registrationAndLogin/regNow_HdrLeft.jpg');
	background-position: top left;
}
#portNumberInOut .naveMiddle {
	float: left;
	height: 27px;
	width: 674px;
	background:url('/web/resources/images/registrationAndLogin/regNow_HdrBg.jpg');
	margin: 0 auto;
	background-repeat: repeat-x;
}
#portNumberInOut .naveRight {
	float: right;
	height: 27px;
	width: 8px;
	background:	url('/web/resources/images/registrationAndLogin/regNow_HdrRight.jpg');
	background-position: top right;
}
/****************************************************************************************************
START:	PORT IN
****************************************************************************************************/
.portInErrorDiv {
	width:690px;
}
#portInDiv {
	width: 690px;
	margin: 0 auto;
	float: left;
	margin-bottom: 10px; 
	*margin-bottom: 0px;
}
#portInDiv #hdrNav {
	clear: both;
}
#portInDiv .naveLeft {
	float: left;
	height: 27px;
	width: 8px;
	background:url('/web/resources/images/registrationAndLogin/regNow_HdrLeft.jpg');
	background-position: top left;
}
#portInDiv .naveMiddle {
	float: left;
	height: 27px;
	width: 674px;
	background:url('/web/resources/images/registrationAndLogin/regNow_HdrBg.jpg');
	margin: 0 auto;
	background-repeat: repeat-x;
}
#portInDiv .naveRight {
	float: right;
	height: 27px;
	width: 8px;
	background:	url('/web/resources/images/registrationAndLogin/regNow_HdrRight.jpg');
	background-position: top right;
}
#portInDiv .naveLeftBig {
	float: left;
	height: 45px;
	width: 8px;
	background:url('/web/resources/images/registrationAndLogin/regNow_HdrLeft_Big.jpg');
	background-position: top left;
}
#portInDiv .naveMiddleBig {
	float: left;
	height: 45px;
	width: 674px;
	background:url('/web/resources/images/registrationAndLogin/regNow_HdrBg_Big.jpg');
	margin: 0 auto;
	background-repeat: repeat-x;
}
#portInDiv .naveRightBig {
	float: right;
	height: 45px;
	width: 8px;
	background:url('/web/resources/images/registrationAndLogin/regNow_HdrRight_Big.jpg');
	background-position: top right;
}
#portInDiv .submitHolder {
	border-top: 2px solid;
	float: left;
	width: 100%;
}
#portInDiv .continueBtnHolder {
	float: right;
	margin-top: 7px;
}
#portInDiv .wirelessCondition {
	font-weight: normal;
	text-align: left;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 8px;
}
#portInDiv .serialNumTooltipDiv {
	padding-top: 10px;
}
#portInDiv .landAltPhoneNbrTxt {
	height: 33px;
}
#portInDiv .wrlsAltPhoneNbr {
	padding-top: 6px;
	height: 33px;
}
#portInDiv .phoneTypeSelectDiv {
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
}
#portInDiv .wrlsPhoneNbr {
	padding-top: 6px;
	height: 33px;
}
#portInDiv .wrlsAltPhoneExtDiv {
	padding-top: 6px;
	height: 33px;
}
#portInDiv .wrlsAltPhoneExtLbl {
	float: left;
	font-family: Arial Narrow, Arial, Helvetica, Sans-serif;
	font-weight: bold;
	padding-top: 5px;
}
#portInDiv .wrlsAltPhoneExtHolder {
	float: left;
	padding-left: 5px;
}
#portInDiv .wrlsSerialNbrDiv {
	padding-top: 3px;
	height: 33px;
}
#portInDiv .landPhoneNbrDiv {
	padding-top: 6px;
	height: 33px;
}

#portInDiv .landAltPhoneNbrDiv {
	padding-top: 10px;
	height: 33px;
}
#portInDiv .dslServiceHolder {
	padding-top: 5px;
	height: 33px;
}
#portInDiv .landAltPhoneExtLbl {
	float: left;
	font-family: arial narrow;
	font-weight: bold;
	padding-top: 5px;
}
#portInDiv .landAltPhoneExtHolder {
	float: left;
	padding-left: 5px;
}
#portInDiv .landAltPhoneExtDiv {
	padding-top: 10px;
	height: 33px;
}
#portInDiv .ringServiceViewOverlayHelpDiv {
	float: left;
	padding-top: 2px;
}
#portInDiv .retainDslServiceDiv {
	padding-top: 5px;
	height: 33px;
}
#portInDiv .accountHolderOverlayHelpDiv {
	float: left;
	padding-top: 2px;
}
#portInDiv .actnbrToolTipDiv {
	float: left;
	padding-top: 2px;
}
#portInDiv .ringServiceDiv {
	padding-top: 2px;
}
#portInDiv .streetAddressOverlayHelpDiv {
	float: left;
	padding-top: 2px;
}
#portInDiv .landPhoneNbrTxt {
	height: 33px;
}
#portInDiv .phoneTypeSelectHolder {
	float: left;
	padding-left: 20px;
}
#portInDiv  .addNumberBtn {
	border: none;
	background: url('/web/resources/images/common/btn_add_number.jpg') no-repeat;
	background-position: 0 0;
	width: 104px;
	height: 23px;
}
#portInDiv .addNumberBtn:hover {
	background-position: 0 -30px;
	cursor: pointer;
}
#portInDiv .radio_section {
	float: left;
}
#portInDiv .lnpDiv {
	clear: both;
	margin: 0 auto;
	float: left;
}
#portInDiv .lnp_HolderDiv {
	width: 690px;
	float: left;
	padding-bottom: 8px;
}
#portInDiv #lnpRingServiceDiv .lnp_HolderDiv {
	padding-top: 5px;
}
#portInDiv .leftDiv {
	float: left;
	font-family: Arial Narrow, Arial, Helvetica, Sans-serif;
	font-weight: bold;
	font-color: #5f6a72;
	height: 23px;
	margin-right: 10px;
	text-align: right;
	width: 240px;
	padding-top: 2px;
}
#portInDiv .wrlsAltPhoneNbrTxt {
	height: 33px;
}
#portInDiv .rightDiv {
	float: left;
	height: 26px;
	width: 260px;
}
#portInDiv .rightDiv2 {
	float: left;
	height: 26px;
	width: 175px;
}
#portInDiv .leftDiv1 {
	color: gray;
	float: left;
	font-weight: bold;
	height: 23px;
	margin-right: 10px;
	text-align: right;
	width: 100px;
}
#portInDiv .rightDiv1 {
	float: left;
	width: 456px;
	padding-left: 111px;
}
#portInDiv .wrlsSerialNbrTxt {
	height: 33px;
}
#portInDiv .wrlsPhoneNbrTxt {
	height: 33px;
}
#portInDiv .msgDiv {
	float: left;
	width: 600px;
	font-weight: normal;
}
#portInDiv .zebraPattern {
	background-color: #D2D5D7;
	padding-bottom: 0px;
	padding-top: 0px;
}
#portInDiv .holderDiv {
	float: left;
	width: 690px;
	padding-top: 4px;
	padding-bottom: 4px;
}
#portInDiv .authorizeTxt {
	padding-left: 5px;
	font-weight: normal;
	padding-bottom: 10px;
}
#portInDiv .accountholderTxt {
	padding-left: 5px;
	font-weight: normal;
}
#portInDiv .customClassHidingElements {
	display: none;
}
div.error {
	color: red;
}
input.error {
	border: 1px dotted red;
}
#portInDiv .errorDiv {
	width: 475px;
	float: left;
	color: red;
	height: 17px;
}
#portInDiv  #province {
	width: 150px;
}
#portInDiv .distinctiveRingService,.distinctiveRingServicePhone {
	float: left;
	width: 110px;
}
#portInDiv .ringServicePhone {
	float: left;
	padding-top: 1px;
}
#portInDiv .closeWindowButton {
	background-image: url("/web/resources/images/common/btn_close.png");
	background-position: 0 -21px;
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
	height: 21px;
	width: 17px;
	float: right;
}
#portInDiv .closeWindowButton:hover {
	background-position: 0 0;
}
.cancelLink {
	background: url("/cms/images/en/common/buttons/btn_cancel.png")	no-repeat scroll 0 0 transparent;
	border: medium none;
	color: transparent;
	height: 16px;
	outline: medium none;
	width: 65px;
}
.cancelLink:hover {
	background-position: 0 -19px;
	cursor: pointer;
}
#portInDiv .bottomSpace {
	margin-bottom: 10px;
	float: left;
}
#portInDiv .tempNumDiv {
	float: left;
	padding-bottom: 5px;
	padding-top: 5px;
}
#portInDiv .tempNumLabel {
	height: 23px;
	float: left;
	font-weight: bold;
	margin-right: 10px;
	padding-top: 2px;
	text-align: right;
	width: 240px;
}
#portInDiv .tempNumber {
	float: left;
	padding-top: 3px;
}
.yesBtn {
	background: url("/cms/images/en/common/buttons/btn_yes.png") no-repeat scroll 0 0 transparent;
	border: medium none;
	color: transparent;
	height: 23px;
	outline: medium none;
	width: 51px;
}
.yesBtn:hover {
	background-position: 0 -30px;
	cursor: pointer;
	outline: medium none;
}
#cancelPortMainDiv .alignDiv {
	margin-top: 30px;
	text-align: center;
}
#portInDiv .phoneNumLabelDiv {
	float: left;
	font-family: Arial Narrow, Arial, Helvetica, Sans-serif;
	height: 23px;
	margin-right: 10px;
	padding-top: 2px;
	text-align: right;
	width: 240px;
}
#portInDiv .seperatorDiv {
	float: left;
	margin-top: 4px;
}

#portInDiv .cancelLinkDiv {
	float: left;
	margin-top: 7px;
	padding-right: 10px;
}
#cancelPortMainDiv .continuePortInBtn {
	background: url("/cms/images/en/common/buttons/btn_continuePortIn.png")	no-repeat scroll 0 0 transparent;
	border: medium none;
	color: transparent;
	height: 23px;
	outline: medium none;
	width: 165px;
}
#cancelPortMainDiv .continuePortInBtn:hover {
	background-position: 0 -30px;
	cursor: pointer;
}
/****************************************************************************************************
END:	PORT IN
****************************************************************************************************/
	/****************************************************************************************************
START:	PORT OUT
****************************************************************************************************/
#portDetails .errorMsgDiv {
	color: red;
}
#portDetails .alignDiv {
	margin-top: 30px;
	text-align: center;
}
#portDetails .leftDiv {
	color: gray;
	float: left;
	font-weight: bold;
	height: 23px;
	margin-right: 10px;
	padding-top: 3px;
	text-align: right;
	width: 200px;
}
#portDetails .rightDiv {
	float: left;
	width: 320px;
	margin-top: 3px;
}
#portDetails .customerInformation {
	background-image:url("/web/resources/images/registrationAndLogin/RegNow_HdrImg.jpg");
	float: left;
	height: 27px;
	margin-top: 2px;
	vertical-align: middle;
	width: 530px;
}
#portDetails .mainHolderDiv {
	float: left;
	width: 530px;
}
#portDetails .personalInfo {
	color: white;
	float: left;
	font-size: 16px;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 5px;
	width: 250px;
}
#portDetails .holderDiv {
	float: left;
	padding-bottom: 4px;
	padding-top: 4px;
	width: 530px;
}
#portDetails .zebraPattern {
	background-color: #DFE1E3;
	padding-bottom: 0;
	padding-top: 0;
}
#portDetails .buttonsMainDiv {
	float: left;
	border-top: 2px solid;
	width: 530px;
}
#portDetails .portDetailsButtonsDiv {
	float: right;
	margin-top: 6px;
}
#portDetails .portDetailsSbtButtonDiv {
	float: right;
	margin-top: 7px;
}
#portDetails .cancelDiv {
	margin-top: 7px;
	float: left;
	padding-right: 10px;
}
#cancelPortMainDiv .thickBoxButDiv {
	margin: 0px auto;
	width: 115px;
}
#cancelPortMainDiv .noButDiv {
	margin-top: 6px;
	float: left;
	padding-right: 15px;
}
.noBtn {
	background: url("/cms/images/en/common/buttons/btn_no.png") no-repeat scroll 0 0 transparent;
	border: medium none;
	color: transparent;
	height: 16px;
	outline: medium none;
	width: 40px;
}
.noBtn:hover {
	background-position: 0 -19px;
	cursor: pointer;
	outline: medium none;
}
/****************************************************************************************************
END:	PORT OUT
****************************************************************************************************/
	/****************************************************************************************************
START:	PORT FAILED QUEUE
****************************************************************************************************/
#searchPorts {
	padding-bottom: 100px;
	width: 950px;
}
#searchPorts .contentDiv {
	float: left;
	padding-top: 10px;
	width: 100%
}
#searchPorts .phoneLabelDiv {
	float: left;
	margin-right: 5px;
	margin-top: 4px;
	padding-left: 0px;
}
#searchPorts .numberSecDiv {
	float: left;
}
#searchPorts .seperatorDiv {
	float: left;
	margin-top: 4px;
}
#searchPorts .submitBtnDiv {
	float: left;
	margin-top: 3px;
	margin-left: 20px; *
	margin-left: 10px;
}
#searchPorts .numberTypeDiv {
	float: left;
	margin-right: 10px;
	width: 150px;
	margin-left: 5px;
	padding-left: 15px;
}
#searchPorts #numberType {
	width: 130px;
}

#searchPorts .resultsDiv {
	float: left;
	margin-top: 30px;
}
#searchPorts .headerTD {
	background-color: #5F6A72;
	color: white;
	font-weight: bold;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 5px;
	text-align: center;
	width: 130px;
}
#searchPorts .selectButTD {
	width: 90px;
}
#searchPorts .dataTd {
	text-align: center;
	padding-bottom: 5px;
	padding-top: 8px;
}
#searchPorts .submitBtnTd {
	padding-top: 5px;
}
#searchPorts .selectUserButton {
	background: url("/web/resources/images/common/btn_select.jpg") no-repeat scroll 0 0 transparent;
	border: medium none;
	height: 23px;
	width: 74px;
}
#searchPorts .selectUserButton:hover {
	background-position: 0 -30px;
	cursor: pointer;
}
#searchPorts .borderTop {
	border-top: 1px solid #5F6A72;
}
#searchPorts .borderBottom {
	border-bottom: 1px solid #5F6A72;
}
#searchPorts .borderLeft {
	border-left: 1px solid #5F6A72;
}
#searchPorts .borderRight {
	border-right: 1px solid #5F6A72;
}
#searchPorts .whiteLeftBorder {
	border-left: 1px solid #FFFFFF;
}
/****************************************************************************************************
END:	PORT FAILED QUEUE
****************************************************************************************************/
	/****************************************************************************************************
START:	PORT DETAILS
****************************************************************************************************/
#portDetails .backtoSearch {
	float: left;
	margin-top: 13px;
	font-weight: bold;
}
#portDetails .buttonsDiv {
	float: right;
	margin-top: 7px;
}
#portDetails .deletePortBtn {
	background: url("/cms/images/en/common/buttons/btn_deletePort.png")	no-repeat scroll 0 0 transparent;
	border: medium none;
	height: 23px;
	outline: medium none;
	width: 100px;
}
#portDetails .deletePortBtn:hover {
	background-position: 0 -30px;
	cursor: pointer;
	outline: medium none;
}
#portDetails .manualPortBtn {
	background: url("/cms/images/en/common/buttons/btn_manualPort.png")	no-repeat scroll 0 0 transparent;
	border: medium none;
	height: 23px;
	outline: medium none;
	width: 104px;
}
#portDetails .manualPortBtn:hover {
	background-position: 0 -30px;
	cursor: pointer;
	outline: medium none;
}
.portReqConfirmation {
	margin-top: 25px;
	margin-bottom: 50px;
}
/****************************************************************************************************
END:	PORT DETAILS
****************************************************************************************************/
/****************************************************************************************************
START:	PORT IN CONFIRMATION
****************************************************************************************************/
#portInCnf .portCnfDiv {
	float: left;
	width: 100%;
}
#portInCnf .cnfTextDiv {
	float: left;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 20px;
	font-weight: bold;
}
#portInCnf .confirmationTableDiv {
	width: 100%;
	float: left;
}
#portInCnf .confirmationTable {
	width: 40%;
}
#portInCnf .rightTd {
	width: 42%;
	text-align: right;
}
#portInCnf .leftTd {
	width: 58%;
	padding-left: 10px;
}
/****************************************************************************************************
START:	TNC CONFIRMATION 
****************************************************************************************************/
.manualTeleNumChangeBtn {
	background:url("/cms/images/en/common/buttons/btn_manualTeleNumChange.png") no-repeat scroll 0 0 transparent;
	border:medium none;
	color:transparent;
	height:23px;
	outline:medium none;
	width:235px;
}
.manualTeleNumChangeBtn:hover {
	background-position: 0 -30px;
	cursor: pointer;
	outline: medium none;
}
/****************************************************************************************************
START:	CONTACT US
****************************************************************************************************/
#contactUsMainSection .contactUsSideHead {
    color:#FFA500;
    font-size:17px;
    font-weight:bold;
    margin-bottom:5px;
    letter-spacing:0.5px;
}   
#contactUsMainSection  .contactUsRightSection .enquriryNum {
     font-weight:bold;
     color:#000000;
}   
#contactUsMainSection .contactUsRightSection .validationErrorDiv {
      margin-bottom:5px;
      width:80%;
}   
#contactUsMainSection .contactUsHeader {
     float:left;
     width:100%;
     margin-bottom:15px;
     height:30px;
}   
#contactUsMainSection .contactUsContent {
     color:#80898e;
}
#contactUsMainSection .contactUsRightSection {
	float:right;
	width:485px;
}    
.contactUsRightSection .resultFail {
    float:left;
    color:#CC0000;
}
#contactUsMainSection .contactUsRightSection .resultSuccess {
	float:left;
	color:#5f6a72;   
}
#contactUsMainSection .contactUsLeftSection {
	float:left;
	width:465px;
}
#contactUsMainSection .dailNum {
   font-weight:bold;
}
#contactUsMainSection .contactUsFormDiv{
	float:left;
	display:none;
	width:100%;
	
}
#contactUsMainSection .selectBoxDiv1{
	display:none;
}
#contactUsMainSection .selectBoxDiv2{
	display:none;
}
#contactUsMainSection .inputHolder{
	float:left;
	width:100%;
}
#contactUsMainSection .inputDiv{
	width:63%;
	float:left;
}
#contactUsMainSection .selectIPDiv{
	float:left; 
	width:63%;    	
}
     
#contactUsMainSection .labelDiv {
	color:#606a73;
	font-weight:bold;
	text-align:right;
	height:35px;
	float:left;
	width:35%;
	padding-right:5px;
	padding-top:3px;
}
#contactUsMainSection .chatrCustomer{
	display:none;
	float:left;
	width:100%;
}
#contactUsMainSection .submitBtnDiv{
	display:none;
	width:100%;
	float:left;		 
	margin-top:5px;
	margin-bottom:10px;
	text-align:right;  
}
#contactUsMainSection .commentDiv{
	display:none;
	float:left;
	width:100%;
	display:none;
}
#contactUsMainSection #specific{
	width:180px;
}
#contactUsMainSection .radioDiv{
	float:left;
	width:100%;
	padding-bottom:5px;
}

