/* Fido.com CSS */
body {
background-color:#000000;
}

body, p,  ul, li, ol, a {
color:#666666;
font-family: verdana, sans-serif; 
font-size:11px;
}

body.popup {
margin: 0px;
}

form { 
margin-bottom: 0 ;
margin-top: 0 ; 
}

.under {
text-decoration: underline;
}

p, li, ol, ul {
line-height: 1.5em;
}

.subhead{
font-family: verdana, sans-serif; 
font-weight:bold; 
font-size:12px;
}

.subheadcolor{
font-family: verdana, sans-serif;
font-weight:bold;
font-size:12px;
color:#996600;
}

.subsubheadcolor{
font-family: verdana, sans-serif;
font-weight:bold;
font-size:11px;
color:#996600;
}

.subheadcolorpromo13{
font-family: verdana, sans-serif;
font-weight:bold;
font-size:12px;
color:#663399;
}

.subsubhead{
font-family: verdana, sans-serif; 
font-weight:bold; 
font-size:11px;
}

a.subheadlink, a.subheadlink:hover{
text-decoration:none; 
font-family: verdana, sans-serif; 
font-weight:bold; 
font-size:12px;
color:#666666;
}

.bold {
font-weight:bold; 
}
	
.italic {
font-style: italic;
}	
	
a {
text-decoration:underline; 
color:#666600;  
}

a:hover {
text-decoration:underline; 
color:#000000;  
}

a.bread {
font-size:10px;
font-weight:bold;
}

.bread {
font-size:10px;
color:#996600; 
}

.boldbread {
font-size:10px;
color:#996600;
font-weight:bold; 
}

a.sidenav {
text-decoration: none;
font-size:10px;
}

a.sidenav:hover, a.sidenav:active {
text-decoration: underline;
font-size:10px;
}

.sidenav {
font-size:10px;
color:#996600; 
}

a.sidenavOn {
text-decoration: underline;
font-size:10px;
color:#663300; 
}


a.search {
text-decoration: none;
font-size:10px;
}

a.search:hover, a.search:active {
text-decoration: none;
font-size:10px;
color:white
}

.search {
font-size:10px;
color:#999999; 
}

a.searchOn {
text-decoration: underline;
font-size:10px;
color:#000000; 
}


a.footer:visited, a.footer:active, a.footer:link {
font-size: 10px;
color:#666666; 
text-decoration: none;
}
	
a.footer:hover {
font-size: 10px;
color:#666666; 
text-decoration: underline;
}	

a.login {
font-size:10px;
color:#996600; 
}

a.login:hover {
font-size:10px;
color:#663300; 
}
	
.footer {
color:#666666;
font-size: 10px;
}	

img {
border:0;
}

.header1 {
font-size: 14px;
font-weight: bold;
color:#C5B040;
}	

.header2	 {
font-size: 12px;
font-weight: bold;
color:#666666;
}
	
.header3	 {
font-size: 11px;
font-weight: bold;
color:#666666;
}

.error {
font-weight: bold;
color:#ff0000;
}

.fixed {
font-family: "Courier New", Courier, monospace;
font-size: 11px;
}

.quicklinks {
color:#666666;
font-family: Arial, "Times New Roman", sans-serif, serif;
font-size: 10px;
width: 170px;
}

.jobsearch {
color:#666666;
font-family: Arial, "Times New Roman", sans-serif, serif;
font-size: 10px;
width: 140px;
}

.loginmenu {
color:#666666;
font-family: Arial, "Times New Roman", sans-serif, serif;
font-size: 10px;
width: 150px;
}

a.loginmenu {
font-family: Arial, "Times New Roman", sans-serif, serif;
font-size:10px;
color:#996633;
}

a.loginmenu:hover{
font-family: Arial, "Times New Roman", sans-serif, serif;
font-size:10px;
color:#663300;
}

.fixedTxt {
font-family: "Courier New", Courier, monospace;
font-size: 10px;
}

.greyBG {
background-color:#BDBCBC;
}

.loginTxt {
font-family: Arial, "Times New Roman", sans-serif, serif;
font-size:10px;
font-weight: bold;
color:#666666;
}
	
.contentTable { 
margin-left: 33px; 
margin-right: 33px;
}	

.RightMargin { 
margin-right: 33px;
}	

.LeftMargin { 
margin-left: 30px; 
}	

.customerZoneTable { 
margin-left: 25px; 
margin-right: 33px;
}

.customerZoneLeftMargin { 
margin-left: 20px; 
}	

.customerZoneLeftMarginFr { 
margin-left: 10px; 
}	

.squarebullet {
color:#996633;  
font-weight:bold; 
}

.packagesTable {
margin-left: 4px; 
margin-right: 4px;
margin-top: 4px;
font-weight:bold; 
}

.monthlyTable {
margin-left: 4px; 
margin-right: 4px;
margin-top: 4px;
margin-bottom: 4px;
}

.monthlyTableInner {
margin-left: 10px; 
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;
}


li.table {
line-height: 1.02em;
}

.mouse, .small {
font-size:10px;
color:#999999;
}

.welcomeLeftMargin { 
margin-left: 10px; 
margin-right: 10px;
line-height: 1.5em;
}	

.popupLeftMargin { 
margin-left: 10px; 
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;
}	

.subsubnav {
color:#999999;
font-size: 10px;
}

.glossaryPopup {
position: absolute;
background: #FFFFFF;
border: 2px solid #808080;
padding: 15px;
width:500px;
visibility:hidden;
z-index: 100;
}

.glossaryTerm {
border-bottom: 2px dotted #996600;
background-color: #FFFFFF;
cursor: help;
}

.disabledTextBox { 
background-color: #EEEEEE; 
color: black
}

.loginbox{
text-decoration:none;
font-weight:bold;
font-family: verdana, sans-serif;
font-size:10px;
color:#666666;
}

a.loginbox {
text-decoration:none;
font-family: verdana, sans-serif;
font-weight:bold;
font-size:10px;
color:#666666;
}

a.loginbox:hover{
text-decoration:none;
font-family: verdana, sans-serif;
font-weight:bold;
font-size:10px;
color:#996600;
}

.selectsms {
color:#666666;
font-family: Arial, "Times New Roman", sans-serif, serif;
font-size: 11px;
}

/* ------------ Fido WBN specific CSS --------------- */

/* General */
.text {
color: #666666;
font-family: verdana, sans-serif; 
font-size: 11px;
}

hr
{
 color: #cccccc;
 background: #cccccc;
 border: 0;
 height: 1px;
}

/* Game Details */
a.gameLink
{
text-decoration: none;
color: #405C60;
}

/* Phone selection page */
a.phoneLink
{
text-decoration: none;
color: #405C60;
}

a.phoneLink:hover
{
text-decoration: underline;
color: #405C60;
}

/* Select Phone and Category */
#selectPhoneCategory {
background: url(/brandstore/storefront/fido/images/select_bg.gif);
background-repeat: no-repeat;
background-position: top center;
line-height: 1.1em;
margin-top: 10px;
padding: 0;
}

/* for ring header */
#ringSelectPhoneCategory {
/*background: url(/BrandStore/resources/htdocs/storefront/fido/images/en/header_bg.gif);/*
background-repeat: no-repeat;
background-position: top center;
line-height: 1.1em;
margin-top: 10px;
padding: 0;
}



.selectPhoneCategoryCell {
padding: 4px 2px 2px 10px;
color: blue;
}

#phoneSelectionBar
{
background: url(/brandstore/storefront/fido/images/select_bg_2.gif);
background-repeat: no-repeat;
width: 580px;
padding: 0;
margin-top: 10px;
color: #6A6A6A;    
}

.selectPhoneCell {
padding: 8px 2px 2px 4px;
}

#categorySelectionBar
{
background: url(/brandstore/storefront/fido/images/select_bg_2.gif);
background-repeat: no-repeat;
width: 580px;
padding: 0;
margin-top: 10px;
color: #6A6A6A;    
}

.selectCategoryCell {
padding: 0px 2px 2px 10px;
height: 36px;
text-align: left;
}

/* Category listing */
.categoryHeader {
background: url(/brandstore/storefront/fido/images/category_header.gif);
background-repeat: no-repeat;
width: 580px;
padding: 7px 10px;
color: #FFFFFF;
font-weight: bold;
}

.contentClassRight
{
    border-bottom: dotted 1px #cccccc;
    padding: 4px;
}

.contentClassRightBottom
{
    border-left: dotted 1px #cccccc;
    padding: 4px;
}

.contentClassLeft
{   
    border-right: solid 1px #cccccc;
    width: 92px;
    padding: 5px;
}

.contentClassLeftBottom
{
    width: 112px;
    padding: 5px;
}

/* Phone Number Entry */
#EnterMSISDNBox
{
width: 580px;
padding: 0;
margin-top: 10px;
color: #6A6A6A;
}

#phoneAreaCode, #phoneNumber
{
color: #666666;
font-family: verdana, sans-serif; 
font-size: 11px;
}

.body-errMsg
{
color: #CD9933;
font-family: Arial, Helvetica;
font-size: 12px;
font-weight: bold;
border: 1px solid #CD9933;
padding: 10px;
}

.promoText
{
    padding:0;
    margin: 0;
    font-size: 8pt;
    line-height: 120%;
}


.searcharea{
margin-left:10px;
	width:250px;
	float:left;
	clear:right;
	/*background-color:#CC9900;*/
	
	
}

.searchbox
{
	/*margin:5px 0px 25px 0px;*/
	padding:3px;
	float:left;
	display:inline;
	width:213px;
	height:22px;
	background:url(/storefront/findoNew/images/searchbox-border.jpg) no-repeat;
}
#searchInput
{
	background:url(../images/magnifier_box.jpg) no-repeat;
	border:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#CCCCCC;
	float:left;
	width:180px;
	padding-top: 2px;
	padding-right: 3px;
	padding-left: 25px;
}


#mlayout {
	background-color: #ffffff;
	float: left;
	height: auto;
	width: 1004px;
	margin-left:3px;
	margin-bottom: 20px;
}

#rpanel {
	width:250px;
	margin-left:9px;
	float: left;
	z-index:-1;
}

#packageDetailsMasterDiv
{
	display:block;
	padding-left: 16px;
}

#beforeMasterDiv{
	width:250; left:845px; right:149px; position:absolute;top: 94px;
}

.menutitle{
	cursor:pointer;
	margin-bottom: 5px;
	/*background-color:#ECECFF;*/
	color:#FFFFFF;
	width:250px;
	text-align:center;
	font-weight:bold;
	background-image:url(/storefront/fidonew/images/rgt_btn_grad.jpg);
	height: 25px;
	padding-top: 5px;
	/*border:1px solid #fff;*/

}


#right_link_lists{
	width:251px;
	margin-left: 0px;
	background-colour: #f0f0f0;
	/* background:  url(../images/rgt_lnk_grad.jpg)  repeat-x; */
}
#right_link_lists ul{
	margin-left: -30px;
	padding-left: 0px;
	padding-top: 0px !important;
	padding-top: 10px;
	margin-top: 10px !important;
	margin-top: 20px;
	display:block;
	list-style:none;
}

#right_link_lists li{
	display:block;
	list-style:none none;
	background:  url(http://fido.ca/web/framework/skins/fido/images//right_arrow.gif) 14px 5px no-repeat;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size:11px;
	color:#666666;
	margin:0px 0 0px 0 !important;
	margin:3px 0 3px 0;
	line-height:20px;
	vertical-align: middle;
}

#right_link_lists ul ul li{
	display:block;
	list-style:none none;
	background:  url(http://fido.ca/web/framework/skins/fido/images/right_arrow.gif) 14px 5px no-repeat;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size:11px;
	color:#666666;
	margin:0px 0 0px -10px !important;
	margin:0px 0 0px -10px;
	line-height:20px;
	vertical-align: middle;
}
#right_link_lists li a{
	display: block;
	height: auto;
	margin-left: 30px;
	margin-top: 2px;
	margin-bottom: 1px;
	font-size:11px;
	font-family: Helvetica, Arial, Verdana, sans-serif; 
	color:#666666;
	text-decoration:none;
}
#right_link_lists li a:hover{
	font-size:11px;
	font-family: Helvetica, Arial, Verdana, sans-serif; 
	color:#000000;
	text-decoration:none;
}
#right_link_lists ul ul li a{
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size:11px;
	color:#666666;
	text-decoration:none;
	display:block;
}
#right_link_lists ul ul li a:hover{
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size:11px;
	color:#000000;
	font-weight:bold;
	display:block;
}
#right_link_lists #current a
{
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size:11px;
	color:#666666;
	font-weight:bold;
	
}
#right_link_lists li #current a
{
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size:11px;
	color:#000;
	font-weight:bold;
	
}


#right_link_lists li.dot_ctn{
	/* background:  url(../images/dottedline_main.gif) repeat-x; */
	/* margin:0px 2px 0px 2px; */
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	list-style:none none;
	padding: 0px 0px 0px 0px;
/*	border: 1px solid red;*/
}

#right_link_lists li li.dot_ctn{
	/* background-image: url(../images/dottedline_main.gif) repeat-x; */
	margin: 0px 0px 0px -9px;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	list-style:none none;
	padding: 0px 0px 0px 0px;
}

#right_link_lists li li.dot_ctn{
	/* background-image: url(../images/dottedline_main.gif) repeat-x; */
	/* margin: 0px 3px 0px -9px; */
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	list-style:none none;
	padding: 0px 0px 0px 0px;
}

