/* *--- Content part --- */
.left
{
	 float: left;
	 width: 170px;
	 height: 800px;
	 position:absolute;	
	 top:270px;
	 border-top: solid 1px silver;
	 border-right: solid 1px silver;
	 border-bottom: solid 1px silver;
	 text-align: center;
	 background-color: #ACB4BF;
	 
} 
.center
{
	 float: left;	 
	 height: 800px;
	 width: 620px;
	 position:absolute;	
	 top:270px;
	 border-top: solid 1px silver;
	 border-bottom: solid 1px silver;
	 margin-left: 170px;
	 background-image: url('../images/sc.png');	
	 background-repeat: no-repeat;
	 background-position: top center;		
}	
.maincontent
{
	margin-left: 10px;
	margin-right:10px;
	margin-top: 10px;
	height: 400px;
	background-image: url('images/sc.png');
	background-repeat: no-repeat;
	background-position: top center;			
}	

.right
{
     float: left;
	 width: 169px;
	 height: 800px;
	 position:absolute;	
	 top:270px;
	 border-top: solid 1px silver;
	 border-bottom: solid 1px silver;
	 border-left: solid 1px silver; 	 
	 margin-left: 790px;	 
	 background-color: #ACB4BF; 	
}
.top
{
	width: 958px;
	height: 94px;	
	position:absolute;	
	top:6px;
	border-bottom: solid 1px silver;
}
.rings
{
	width: 958px;
	height: 170px;			
	position:absolute;	
	top:101px;
	text-align: center;
}
.bottom
{
	width: 960px;
	height: 50px;	
	position:absolute;	
	top:1070px;	
	text-align: center;
	font-size:10pt;
	background-color: white;
	background-image: url('../images/Whitebottom.png');
	
}
.bottomnote
{
	margin-top:8px;	
}	
.bottomnotea
{
		margin-top:8px;
		font-size: 8pt;	
		color: #646D7E;	
}	
html
{
	background: #31659C;	
	width: auto;	
	height: auto;
}
body
{	
	font-family: verdana;
	color: #262865;
	font-size: 10pt;
	margin-top:10px;
	width: 960px;
	height: 1110px;
	margin-left: auto;
	margin-right: auto;	
	background-color:white;	
}		
.mainmenutable
{	
	width:960px;
	height:99px;	
}
.mainmenutext
{
	font-size: 12pt;	
}	
.mainlogo
{
	width: 150px;
	text-align: center;
}
.mainsec
{
	width:auto;
	font-size: 21pt;		
}

/* --- main menu --- */
.menufixed
{
	color: #262865;
	background-color: White;
	padding: 5px 5px;
	font-size: 12pt;	
}
.menuhover
{	
	background: #31659C;
	color: white;
}	
.topright
{
	 font-size: 10pt;  
	 text-align:center;
}
.noborder
{
		border-style: none;	
}	

/* --- anchor normal and hover --- */
a:hover.nodecoration
{
	background: #31659C;	
	color: White;
	padding: 6px 0px 6px 0px;	
}	
.nodecoration
{
	text-decoration: none;
	color: #262865;
}
a:hover.nodecorationa
{
	background: #31659C;	
	color: White;
	padding: 8px 0px 8px 0px;	
}	
.nodecorationa
{
	text-decoration: none;
	color: #262865;
}


/* --- Content left navigation NORAML --- */
.leftnav
{
	width: 171px;
	color: #262865;
	font-size: 10pt;
	text-align: left;
	border-bottom: solid 1px white;
}	
.leftnav td
{
	height: 25px;		
}


.leftnav a:hover
{
	text-decoration: none;
	color: white;	 
}	
.leftnav a
{
	text-decoration: none;
	color: #262865;	 	
}
.rows
{
	border-top: solid 1px white;
	border-bottom: solid 1px white;
	border-right: none;
	border-left: none;
}	
/* --- Content left navigation SUBMENU --- */	
.leftnavsub td
{
	height: 25px;		
}

.leftnavsub td:hover
{	
	display: block;	
	background: #31659C;
					
}
.leftnavsub a:hover
{
	text-decoration: none;
	color: white;	 
}	
.leftnavsub a
{
	text-decoration: none;
	color: #262865;	 	
}
.rowssub
{
	border-top: dashed 1px white;
	border-bottom: dashed 1px white;
	border-right: none;
	border-left: none;
	font-size: 8pt;
}	


/* --- Content left navigation for REWARDS pages --- */
.rtopandbottom
{
	width: 960px;
	height: 25px;
	position:absolute;
	top:100px;	
	background-color: #71B220;	
}	
.rleft
{
	width: 170px;
	height: 600px;
	position:absolute;
	top:125px;	
	background-color: #ACB4BF;
}
.rright
{
	width: 790px;
	height: 545px;
	position:absolute;
	top:125px;	
	margin-left: 170px;		
}
.rrightinner
{
	margin-left: 10px;
	margin-right:10px;
	margin-top: 10px;
	margin-bottom: 20px;
}
.shoppingtable
{
	margin-left: 95px;
	margin-right: 90px;

}		
.dynamicitems
{
	width: 779px;
	height: 975px;		
	margin-left: 10px;
	position:absolute;	
	top:45px;
	left: 0px;
}	
.dynamicselecteditem
{
	width: 200px;
	height: 500px;			
	position:absolute;	
	top:45px;
	margin-left: 590px;	
	background-image: url('../images/GreyBackground.png');
	background-repeat: no-repeat;
	background-position: left top;
	left: 0px;
}	
.grand
{
	width: 40px	;
	background-color: #FFFFFF; 
	border-color: #FFFFFF;
	border-style: none;
	text-align: center;
}
.grand2
{
	width: 80px;	
	background-color: #FFFFFF; 
	border-color: #FFFFFF;
	border-style: none;
	text-align: center;
}
.checkout
{
		
}			
/* --- For login page --- */
.login
{
	width: 300px;	
	background-color: white;
	font-size: 13pt;
	margin-left: 330px;
	border-style: solid;
	border-color: silver;
	border-width: 1px;	
}
.centerlogin	
{
	border: 1px solid silver;
	width: 958px;
	height: 400px;
	position:absolute;	
	top:270px;	
	background-image: url('loginbackground.jpg');	
	background-repeat: no-repeat;
	background-position: top center;
	
}

/* --- Breadcrumbs --- */
.breadc
{
	font-size: 8pt;	
	color: #646D7E;	
}
.breadc a
{
	color: #646D7E;	
}		
.id
{
	font-size: 11pt;
	color: #262865;
}
.nb
{
	border-style: none;
}
.datapager
{
	font-size: 12pt;
	color: #262865;	
	margin-left: 4.5cm ;
}	

/***** rewards allow page to extend (also need to adjust .dynamicitems) ******/
.htmchange
{
	background: #31659C;	
	width: 960px;	
	height: auto;
}
.bottomchange
{
	width: 960px;
	height: 50px;	
	position:absolute;	
	top:1075px;	
	text-align: center;
	font-size:10pt;
	background-color: white;
	background-image: url('../images/Whitebottom.png');
}
.bodychange
{
	font-family: verdana;
	color: #262865;
	font-size: 10pt;
	margin-top:10px;
	width: 960px;
	height: 1100px;
	margin-left: auto;
	margin-right: auto;	
	background-color:white;
}
.landlinescompare
{
	margin-left: 0px;
	text-align:center;		
}
.landlinescompare td
{
	background-color: #31659C;
	color: White;
	border-style: none;
	border-width: 1px;
	height: 25px;
}	

.noline
{
	text-decoration: underline;
	color: #262865;	
}

a:hover.noline
{
	text-decoration: underline;
}

.landlinescompare2
{
	margin-left: 0px;
	text-align:center;
		
}
.landlinescompare2 td
{
	background-color: #31659C;
	color: White;
	border-style: none;
	border-width: 1px;
	height: 25px;
}

/* To reduce size of small content page */
.bottomadjust
{
	width: 960px;
	height: 50px;	
	position:absolute;	
	top:670px;	
	text-align: center;
	font-size:10pt;
	background-color: white;
	background-image: url('../images/Whitebottom.png');
	
}
.bodyadjust
{	
	font-family: verdana;
	color: #262865;
	font-size: 10pt;
	margin-top:10px;
	width: 960px;
	height: 710px;
	margin-left: auto;
	margin-right: auto;	
	background-color:white;	
}	

/* -- single bill clickable icons -- ----*/
.singlebilltable	
{
	width: 450px;
	height: 300px;
	margin-left: 83px;
}
.nb
{		
		border-style: none;		
}

/* *--- Content for product with quote with 400px height --- */
.centerquote
{
	 float: left;	 
	 height: 400px;
	 width: 520px;
	 position:absolute;	
	 top:270px;
	 border-top: solid 1px silver;	
	 margin-left: 170px;		
}		
.rightquote
{
     float: left;
	 width: 269px;
	 height: 400px;
	 position:absolute;	
	 top:270px;
	 border-top: solid 1px silver;
	 border-bottom: solid 1px silver;
	 border-left: solid 1px silver; 	 
	 margin-left: 690px;	 
	 background-image: url('../images/quoteback.png');	
}
/* *--- Content for product with quote at 800px height --- */
.rightquoteextended
{
     float: left;
	 width: 269px;
	 height: 800px;
	 position:absolute;	
	 top:270px;
	 border-top: solid 1px silver;
	 border-bottom: solid 1px silver;
	 border-left: solid 1px silver; 	 
	 margin-left: 690px;	 
	 background-image: url('../images/quotebackextended.png');	
}
.centerquoteextended
{
	 float: left;	 
	 height: 800px;
	 width: 520px;
	 position:absolute;	
	 top:270px;
	 border-top: solid 1px silver;	
	 margin-left: 170px;
	 background-image: url('../images/sc.png');	
	 background-repeat: no-repeat;
	 background-position: top center
	 		
}	


/* *--- Content for product with quote with 800px height --- */
.rightquotea
{
     float: left;
	 width: 269px;
	 height: 800px;
	 position:absolute;	
	 top:270px;
	 border-top: solid 1px silver;
	 border-bottom: solid 1px silver;
	 border-left: solid 1px silver; 	 
	 margin-left: 690px;	 
}
/* *--- ***** --- */
	
.leftquote
{
	 float: left;
	 width: 170px;
	 height: 400px;
	 position:absolute;	
	 top:270px;
	 border-top: solid 1px silver;
	 border-right: solid 1px silver;
	 border-bottom: solid 1px silver;
	 text-align: center;
	 background-color: #ACB4BF;	 
}
.rightnoquote
{
     float: left;
	 width: 169px;
	 height: 400px;
	 position:absolute;	
	 top:270px;
	 border-top: solid 1px silver;
	 border-bottom: solid 1px silver;
	 border-left: solid 1px silver; 	 
	 margin-left: 790px;	 
	 background-color: #ACB4BF; 	
}

.vodafonelinks{ color: Red; }