body {
	font: 100% Verdana, Arial, Helvetica, sans-serif; 
	background: #666666; 
	font-size: 12px;
	margin: 0; 
	padding: 0; 
	text-align: center; 
	color: #000000; 
}
a, a:link, a:visited, a:active
{
	color: #396584;
	text-decoration: underline;
}
a:hover
{
	text-decoration: none;
}

#content 
{
	padding: 20px;
}

#content .floatright {float: right;}
#content .news {padding-top: 20px;margin: 0px;font-size: 12px;color: #0c5fab;}

/*******************************************************************************************************************
Primary body container (giant box) - Note: it envelopes all contents on page, header, promo, contents, footer etc.
*******************************************************************************************************************/
#container {width: 900px; background: #FFFFFF;margin: 0 auto;border: 1px solid #7099c8; text-align: left;}

/*******************************************************************************************************************
Page Header, includes: Logo, top havigation (home, about etc.), Bell logo, *required on every page
*******************************************************************************************************************/
#header {background: #DDDDDD;height: 70px;
	background-image: url(/images/header-bg.jpg); 
	background-position: top left;	border-bottom:1px;	
	border-bottom-style:solid;border-bottom-color:#a0b0c8;}
#header img {float:left;}

/*---------Top Navigation (Home, about etc.)--------*/
#nav { float: left; font-size: 10px; margin-left: 0px; width: 610px; }
#nav ul {
	list-style-type:none;
	margin: 0px;
	padding: 0px;
	margin-left: 300px;
}

/*---------Top Navigation unordered LIST box, with dot graphic as bg--------*/
#nav ul li { float: left; padding-left: 0px;	padding-right: 23px; margin-top: 45px;
			  list-style-image: url(/images/dot.gif);}
			  
/*---------Top Navigation unordered LINK box--------*/
#nav ul li a { font: 100% Arial, Helvetica, sans-serif; width: 180px; height:32px;
	text-decoration:none; padding-right: 0px; color: #FFFFFF; font-size: 13px; 
	letter-spacing: 0px; font-weight: bolder;letter-spacing: 0px;}
	
/*---------Top Navigation current button selected page --------*/
#nav a.current {color:#FFFF66;}

/*---------Top Navigation current button hover --------*/
#nav a:hover {color:#FFFF66;}
#social-media {
	float: left;
	width: 22px;
	height: 22px;
	margin-top: 38px;
	margin-right: 10px;
}
#social-media img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/*---------Top nav bell LOGO--------*/
#bell {	padding: 2px 2px 2px 2px;}

/*******************************************************************************************************************
Page Header end
*******************************************************************************************************************/

/*******************************************************************************************************************
Login forms styles
*******************************************************************************************************************/
/*---------Corporate LOGIN Form --------*/
#form1 {
	width: 296px; 
	float: left;
	background-image: url(/images/login.jpg);
	height: 122px; background-repeat: no-repeat;
	margin-top: 10px; padding-right: 36px;
}
#form1 h2
{
	padding: 5px 0px 0px 15px; margin: 0px 0px 0px 0px;
	font-size: 14px; color: #46607b;
	font-variant: normal; font-weight: bold;
}
/*---------General input text box styles --------*/
.inputtxt {font-size: 11px; width: 200px; margin-left: 15px; color: #000000; padding-top: 3px;}
.inputtxt2 {font-size: 11px; width: 200px; margin-left: 15px; color: #000000; padding-top: 15px;}
.inputtxtbox {
	height: 12px;
	font-size: 11px;
	width: 150px;
	background-color: #9eaec7;
	color: #FFFFFF;
	margin-left: 15px;
	padding: 0px 5px 0px 5px;
	border: solid 1px #9eaec7;
}
/*---------General login button styles --------*/
.button {
	height: 20px; width: 53px;
	font-size: 11px;
	vertical-align: middle;
	color: #000000; 
	border: 1px solid #9CAEC6;
	background-color: #FFFFFF; 
	text-align: center;
	background-image: url(/images/button.gif);
	margin: 5px 0px 0px 15px;
}
/*---------EPP promo code LOGIN Form, NOTE: General login styles are shared by EPP promo login form --------*/
#form2 {
	width: 296px; float: left;
	background-image: url(/images/login2.jpg);
	height: 122px; background-repeat: no-repeat;
	margin-top: 10px;
}
#form2 h2
{
	padding: 5px 0px 0px 15px; margin: 0px 0px 0px 0px;
	font-size: 14px; color: #46607b;
	font-variant: normal; font-weight: bold;
}
/*******************************************************************************************************************
END Login forms styles
*******************************************************************************************************************/

/*---------Subfooter box area with Glossary and FAQ links, needed on all pages--------*/
#subfooter {
	text-align: center;
	font-weight: bold;
	font-variant: small-caps;
	color: #6C6C6C;
	font-size: 12px;
	margin-top: 10px;
}

#subfooter a:hover{color: #949494;}

/*---------Footer area with shade and copyright texts--------*/
#footer {
	padding: 20px 0px 30px 0px;
	text-align: center;
	color: #526b87;
	background-image: url(/images/footer-shade.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
} 
/*******************************************************************************************************************
Wireless.htm subnavigation (left side)
*******************************************************************************************************************/
/*------------------Left navigation main box container---------------*/
#navlist {
	font-size: 12px;
	width: 151px;
	padding: 0px 0px 0px 0px;
	background-image: url(/images/barshade.gif);
	list-style:none;
	margin: 10px 3px 0px 12px;
}

/*------------------Left navigation a:link boxes---------------*/
#navlist a:link,a:visited,a:active, a:visited {width: 140px;text-decoration:none;}

/*------------------For IE, to ignore list padding and margins forcefully, IE puts them auto if not defined---------------*/
#navlist li {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

/*------------------Left navigation list a:link boxes, mainly defining base colors of the buttons---------------*/
#navlist li a:link, a:active, a:visited {width: 140px;}
/*------------------Left nav list hover reaction effect---------------*/
#navlist li a {
	padding: 10px 0px 10px 10px;
	border: solid #C0D0DC 1px;
	border-bottom-width: 0px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	display: block;
	text-decoration:none;
	}
#navlist li a:hover {
	border: solid #224260 1px;
	border-bottom-width: 0px;
	color: #FFFFFF;
	background-color:#224260;
}
/*------------------for the top and bottom images inside navigation container (top.gif, bottom.gif)---------------*/
#navlist li img {border: none 0px; padding: 0px; margin: 0px; float:left;}

/*------------------class that defines current highlighted link page that is active, example: if we're on wireless.htm, wireless button will have this effect active---------------*/
#navlist a.navi {border: solid 1px #224260; border-bottom-width: 0px; background-color:#224260; color: #FFFFFF;}
/*------------------Sub navigation for wireless.htm, (colored blue area, phones, rate plans etc.)---------------*/
#navlist a.subnavlist {
	background-color: #3E79AE;
	border-color: #33638E;
	font-size: 10px;
	height: 7px;
	padding-top: 5px;
	color:#FFFFFF;
}
/*------------------Sub navigation hover effect---------------*/
#navlist a.subnavlist:hover{color: #FFFF00; background-color:#548EC2; border-color: #548EC2;}

h1
{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	margin-top: 4px;
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: bold;
	color: #5e7996;
}
h2
{
	margin-top: 4px;
	margin-bottom: 4px;
	font-weight: bold;
	font-size: 15px;
	color: #3e79ae;
}
h3
{
	margin-top: 3px;
	margin-bottom: 3px;
	font-weight: bold;
	font-size: 13px;
	color: #3e79ae;
}
h4
{
	margin-top: 3px;
	margin-bottom: 3px;
	font-weight: bold;
	font-size: 12px;
	color: #333333;
}
/* Wireless Industry News */
div.NewsStory
{
	padding-top: 3px;
	padding-bottom: 15px;
}
div.NewsTitle
{
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 4px;
}
div.NewsAbstract
{
	font-size: 9pt;
	padding-bottom: 2px;
}

/* store locations */
table.StoreLocation
{
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #333333;
}
table.StoreLocation td
{
	vertical-align: top;
	text-align: left;
	padding: 3px;
}
table.StoreLocation td.image
{
	width: 410px; 
	text-align: center;
	padding: 3px;
}
div.DealerName
{
	font-weight: bold;
	color: #990000;
	padding-bottom: 5px;
}
div.StoreAddress
{
	padding-left: 3px;
	padding-bottom: 6px;
}
div.StoreInfo
{
	padding: 3px;
}
div.BackToTop
{
	font-size: 8pt;
	padding-bottom: 8px;
}



/* iphone css */
#iPhone-600containor {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	border: 1px solid #CCCCCC;
	float: left;
}
/*iPhone 4 css */
#iPhone4 {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	border: 1px solid #d6d6d6;
	float: left;
	text-align: center;
}
#iPhone4  p {
	margin: 0px;
	padding: 0px;
}
#iPhone4  h1 {
	color: #666;
	font-size: 25px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
#iPhone4   ul {
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	margin: 0px;
	list-style-type: none;
}
#iPhone4  ul  li {
	padding-bottom: 3px;
	background-image: url(/images/assets/iPhone4/iphone-bullet.gif);
	background-repeat: no-repeat;
	padding-left: 16px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -2px;
}
#iPhone4-top {
	height: 340px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 35px;
	width: 475px;
	text-align: left;
}
#iPhone4-imagetext {
	float: left;
	width: 250px;
}
#iPhone4-image {
	float: left;
	height: 340px;
	width: 222px;
}
#iPhone4-navbar {
	background-image: url(/images/assets/iPhone4/nav-bar-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 50px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
#iPhone4-bottom {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	text-align: left;
}
#iPhone4-specs {
	padding-right: 20px;
	padding-left: 20px;
}


/*iPhone 4S css */
#iPhone4S {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	border: 1px solid #d6d6d6;
	float: left;
	text-align: center;
}
#iPhone4S  p {
	margin: 0px;
	padding: 0px;
}
#iPhone4S  h1 {
	font-size: 25px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
#iPhone4S   ul {
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	margin: 0px;
	list-style-type: none;
}
#iPhone4S ul li {
	padding-bottom: 3px;
	background-image: url(/images/assets/iPhone4S/iphone-bullet.gif);
	background-repeat: no-repeat;
	padding-left: 16px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -2px;
}
#iPhone4S-top {
	height: 340px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 35px;
	width: 475px;
	text-align: left;
}
#iPhone4S-imagetext {
	float: left;
	width: 250px;
}
#iPhone4S-image {
	float: left;
	height: 340px;
	width: 222px;
}
#iPhone4S-navbar {
	background-image: url(/images/assets/iPhone4S/nav-bar-bg.jpg);
	background-position: center top;
	height: 50px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
#iPhone4S-bottom {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	text-align: left;
}
#iPhone4S-specs {
	padding-right: 20px;
	padding-left: 20px;
}
#iPhone4S ol {
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	margin: 0px;
}
#iPhone4S ol li {
	padding-bottom: 3px;
	margin-right: 0px;
	margin-left: 25px;
}
#iPhone4S  li.colour {
	background-image: none;
	display: inline;
	padding-left: 0px;
	padding-right: 10px;
}
#iPhone4S li.title {
	font-size: 15px;
	color: #333333;
}