/*
Title:				Global Style sheet
Author: 			Ross Boardman
Date Modified: 		05 April 2006
Last Updated By: 	David Whitehouse
*/

/* Global */

@import url(p4umasthead.css);

/* Positioning
*******************************************************************************/	

/* Text */
		.redText			{font-weight:bold; color:#EF0003;}
		.price				{font-size:16px; font-weight:bold; color:#EF0003;}
		.name				{font-size:18px; font-weight:bold; color:#47B7CB;}
		.description		{font-size:12px; color:#000000; text-align:justify;}
		.blueText			{font-size:14px; color:#47B7CB;}
		
		/* Div */
		.phoneDetails		{font-size:14px; border:#47B7CB solid 1px; padding:10px; background-color:#F5F5F5; color:#7F7F7F;}
		.phoneDetailsNet	{font-size:11px; border:#47B7CB solid 1px; padding:6px; background-color:#FFFFFF; color:#7F7F7F;}
		
		.phoneDetailsNet td	{border-bottom:#47B7CB solid 1px;}
		
		




body {
	text-align:center;
	font: 70.5%/1.3em  Arial, Verdana,  Helvetica, sans-serif;
	margin:0;
	}
	
body#paymonthly h1{
		background: #ef1209;
}

body#payasyougo h1{
		background: #10238a;
}

body#simfree h1{
		background: #39c;
}

body#homephones h1{
		background: #859307;
}

body#accessories h1{
		background: #108a75;
}
	

table {
	font: 1em Arial, verdana, Helvetica, sans-serif;
}

#container {
	width:775px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0;
	padding:0;
	text-align:left;
	}
		
html>#container	{
	width: 772px;
	} 		
	
#pascontainer {
	width:400px;
	margin-right:auto;
	margin-left:auto;
	margin-top:10px;
	margin-bottom:10px;
	padding:0;
	text-align:left;
	}
		
html>#pascontainer	{
	width: 400px;
	} 
	
			

/* Topnav
*******************************************************************************/	

#topnav {
	padding: 1em 0;
	text-align:center;
	}

#topnav ul {
	padding:0;
	margin:0;	
	}

#topnav li {
	display: inline;
	list-style-type: none;
	padding-right: 1.75em;
	height:0;
	}
	
#topnav li a{
	font-weight:bold;
	height:0;
	}	

/* Search functions
*******************************************************************************/
	
/*findaphone*/



#findaphone {
	background: #10238A;
	border-top: 4px solid #ccc;
	border-bottom: 4px solid #ccc;
	padding: 5px 0;
	margin: 0 0 14px 0;
	color:#fff;
	width: 775px; 
	}

#findaphone table{
	width:750px;
	padding: 0;
	margin: 0;
	}
	
#findaphone table td{
	background: #10238A;
	padding: 0;
	margin: 0;
	color:#fff;
	font-size:11px;
	}	

html>#findaphone {
	width: 772px;
	} 	


/*findanetwork*/

#findanetwork {
	border-top: 4px solid #ccc;
	border-bottom: 4px solid #ccc;
	padding:0;
	margin: 5;
	color:#000;
	clear: both;
	}

#findanetwork img{
	padding: 0 8px 0 0;
	margin:0;
	border:0;
	}

#findanetwork form{
	padding:5px;
	margin:0;
	}
	
#findanetwork table{
	width:750px;
	padding:0;
	margin:0;
	}
	
#findanetwork table td{
	padding: 0;
	margin: 0;
	font-size:11px;
	}		

/* Header
*******************************************************************************/

#header {
	border-bottom: 4px solid #ccc;
	color:#000;
	background: #10238A url(/images/header/head-bg.gif);
	width:775px;
	height:121px;
	margin: 10px 0 0 0;
	position:relative;
	}

#headerssl {
	border-bottom: 4px solid #ccc;
	color:#000;
	background: url(/Phones4u/images/header/head-bg.gif);
	width:775px;
	height:121px;
	margin: 10px 0 0 0;
	position:relative;
	}

#headnav {
	padding:0;
	margin:0;
	width:340px;
	position:absolute;
	top:12px;
	left:12px;
	}
	

	
#headnav ul {
	padding: 0;
	margin:0px;
	border:0px solid #fff;
	position:absolute;
	top:0px;
	left: 115px;
	}	

#headnav p {
	padding: 11px 0 0 0;
	margin:0;
	}

#headnav li {
	display: inline;
	list-style-type: none;
	padding: 0;
	}

#headnav li a {
	font-weight:bold;
	border-left: 1px solid #99C;
	border-right: 1px solid #003;
	padding: 3px 5px;
	height:0;
	}

#headrigcol {
	color: #fff;
	text-align:center;
	position:absolute;
	margin:0;
	padding:0;
	width:266px;
	top:12px;
	right:0px;
	}

#headrigcol ul {
	padding: 0;
	margin:0px 0 13px 0;
	
	}

#headrigcol p{
	padding:0;
	margin:8px 0 10px;
	}	

#headrigcol form{
	padding:0;
	margin:0;
	}	

#headrigcol li {
	display: inline;
	list-style-type: none;
	}

#headrigcol a {
	font-weight:bold;
	}

#headrigcol li a {
	font-weight:bold;
	border-left: 1px solid #F99;
	border-right: 1px solid #900;
	padding: 3px 5px;
	height:0;
	}

#headrigcol table{
	margin-top:3px 0 0;
	text-align:left;
	width:100px;
	}


/*small padding elements */

#headnav .norightpad, #topnav .norightpad, #headrigcol .norightpad, #footernav .norightpad{
	padding-right: 0;
	border-right: 0px solid #000;
	}

#headnav .noleftpad, #headrigcol .noleftpad, #footernav .noleftpad {
	padding-left: 0; 
	border-left: 0px solid #000;
	}

#jackhead {
	padding:0;
	margin:0;
	height:121px;
	width:169px;
	float:left;
	}

.randomclass {
	float:left
	}	
	
.icklespace {margin-left:5px;}	

.keysearch {
	font-size:11px;
	margin:0px;
	padding:0px;
	}

.inline {
	display: inline;
	}	

	
.icon{
	border: 0;
	padding-right: 5px;
	}		

/* Breadcrumb
*******************************************************************************/

#bcrumb{
	padding: 0;
	margin: 10px 0;
	color:#10238A;
	}


/* Links
*******************************************************************************/	

a:link, a:visited {
	text-decoration: underline;
	color: #CC0000;
	background: transparent; 
	}

a:hover {
	color: #EF1209;
	background: transparent; 
	}

a:active {
	color: #99C;
	background: transparent;  
	}
	
#headnav a, #headnav a:link, #headnav a:Visited  {
	color: #fff;
	}			
	
#headnav a:hover{
	color:  #99C;
	}	
	
#headrigcol a, #headrigcol a:link, #headrigcol a:Visited {
	color: #fff;
	}		
	
#headrigcol a:hover{
	color:  #F99;
	}		
	
	
.spacer{
	clear : both;
	height:5px;
	}	

/* Typography 
*******************************************************************************/	
	
h1, h2, h3, h4, h5, h6 {
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	letter-spacing: -1px;
	font-weight: bold;
	line-height: 1.2em;
	color: #636363;
	}
	
h1 {
	font-size: 1.6em;
}

h1 a, h1 a:link, h1 a:Visited  {
	color: #10238A;
	text-decoration:none;
	}			
	
h1 a:hover{
	color:  #EF1209;
	}	
	
	
h1 {
	border-top: 4px solid #ccc;
	border-bottom: 4px solid #ccc;
	margin:0;
	padding:0.4em 0;
	text-align:center;
	background:#fff;
	}		

h2 {
	margin: 1.3em 0 1em;
	font-size: 1.2em;
}


h2 a, h2 a:link, h2 a:Visited  {
	text-decoration:none;
	}			
	


h3 {
	margin: 2em 0 1em;
	font-size: 1.1em;
}

h4 {
	margin: 1.6em 0 0.5em;
	font-size: 1.2em;
}

h5 {
	margin: 1.2em 0 0.5em;
	font-size: 1.15em;
}

h6 {
	margin: 1em 0 0.5em;
	font-size: 1.15em;
}

p {
	margin: 0.5em 0 1em;
	font-size: 1em;
}

 

#contentdetails ul, #contentdetails ol {
	margin: 15px 25px 15px 45px;
	padding: 0;
	border: 0px solid #ccc;
	line-height: 1.5em;
 	}	


					
#bodycontent { 
	margin-bottom:5px;
  	}					

hr {
	color: #ccc;
	height: 2px;
	width: 100%;
	margin: 5px 0 5px;
}


/* Localnav
*******************************************************************************/	
#localnav{
    float: left;
	width: 198px;
	border-bottom: 4px solid #ccc;
	margin: 0;
	padding: 0;
	}	
	
#localnav h2{	
	width: 198px;
	padding:0.4em 0;
	position: relative;
	margin:0;
	border-top: 4px solid #ccc;
	border-bottom: 4px solid #ccc;
	text-align:center;	}
	
#localnav h2 a{	
display:block;
}	

#localnav ul {
	margin: 0;
	padding: 10px 0;
	list-style-type: none;

	}

#localnav ul ul {
	margin: 0;
	padding: 0 0 10px 30px;
	}
	
#localnav ul ul ul {
	margin: 0;
	padding: 0 0 10px 30px;
	}

#localnav ul li a {
	font-weight : bold;
	display: block;
	padding: 5px;
	width: 188px;
	background-color: #fff;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	margin:0;
	}

#localnav ul ul li a {
	font-weight : normal;
	width: 158px;
	}

#localnav ul ul ul li a {
	font-weight : normal;
	width: 128px;
}

#localnav ul li a:hover {
	background: #fff;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	width: 188px;
	}	


#localnav ul ul li a:hover {
	font-weight: normal;
	background: #fff;
	color: #EF1209;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	width: 158px;
	}
	
#localnav ul ul ul li a:hover {
	font-weight: normal;
	background: #fff;
	color: #EF1209;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	width: 128px;
	}	

#contentdetails {
 	float: right;
 	width: 555px;
 	margin: 0;
	padding: 0;
 	}	


/*
Redefine All Tables On The Site
*********************************/
th {
	color:#10238A;
	text-align: left;
	background: #F2F2F2;
}


/*td {
	text-align: left;
}*/

#contentdetailsmain{ border-top: 4px solid #ccc; padding:0; margin:0;}


#contentdetailsmain table{
 	margin: 0 0 20px 0;
	border: 1px solid #ccc;
	width:100%;
	 }	

#contentdetailsmain th{
 	color:#10238A;
	background: #F2F2F2;
	vertical-align:top;
	border: 1px solid #ccc;
	padding:5px;
	 }	

#contentdetailsmain td{
 	color:#000;
	background: #fff;
	vertical-align:middle;
	border: 1px solid #CCC;
	padding:5px;
	text-align:left;
	}	
		

#contentdetails th a:link, #contentdetails th a:visited {
	color: #fff;
	font-weight : bold; 
	text-decoration : underline;
	}

#contentdetails th a:hover {
	color: #9999CC;
	}

/* Form Elements
*******************************************************************************/	

form {
	margin:0;
	padding:0;
	}

label span {
	padding: 0 15px 0 20px;
	width: 100px;
	} 


.formfap {
	padding: 0 10px;
	margin:0;
	}

	
	
	
	
	
	

select {
    color: #333;
    font-size: 11px
	}


/* Footer
*******************************************************************************/	

#footer {
	margin:0;
	padding:0;
	}
	
#footer img {
	border: 0px solid #fff;
	}

#footernav {
	float:left;
	margin:0;
	padding:0;
	text-align: center;
	}

#footernav  ul {
	border: 0px solid #000;
	padding: 10px 0 0;
	margin: 0;
	}

#footernav li {
	display: inline;
	list-style-type: none;
	}
	
#sec li
	{
		background: url(../Images/basket/padlock.gif) no-repeat;
		background-position: 0 .8em;
		padding-left: .8em;
	}


#footernav li a {
	font-weight : bold;
	border-left: 0px solid #FE6563;
	border-right: 1px solid #10238A;
	padding: 3px 5px;
	}

#footerbacktotop {
	float:right;
	text-align:right;
	padding:0;
	margin:0;
	}
	
#footertext {
	width:765px;
	text-align:center;
	font-size:11px;
	color: #B0B0B0;
	}
	
	#footertext a:link {
	color: #B0B0B0;
	text-decoration: none;
	}
	
	#footertext a:visited {
	color: #B0B0B0;
	text-decoration: none;
	}
	#footertext a:active  {
	color: #B0B0B0;
	text-decoration: none;
	}
	
	#footertext a:hover {
	color: #B0B0B0;
	text-decoration: underline;
	}
	

/* Site Down or Error
*******************************************************************************/	

#sitedown{
		width:500px;
		margin-right:auto;
		margin-left:auto;
		margin-top:0;
		padding:10px;
		text-align:left;
		position:relative;
		}
	

/* Images
*******************************************************************************/
#contentimg {
	float:right;
	margin: 0 0 20px 20px;
	width:185px;
	text-align:center;
	height:100%;
	}	

#contentimg p {
	text-align:center;
	}



/***** Top 10 Phones *****/
/*Top 10 Chart Table */
#charttable {
	width: 100%
}

/* Set Borders */
#contentdetails table {
	border-collapse: collapse;
	text-align: center;
}

#charttable th, #charttable td {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-collapse: collapse;
	text-align: center;
}

/* Table Section Header */
#charttable thead th.tblhead h2 {
	margin: 0;
	padding: 5px 0 0;
}

#charttable thead th.tblhead {
	background: #fff;
	text-align: left;
	border-top: 4px solid #ccc;
}

/* Head */
#charttable thead th {
	margin: 0;
	padding: 10px;
	border: 1px solid #ccc;
	color: #10238A;
	text-align: center;
	background: #f2f2f2;
}

/* Body */
#charttable tbody td {
	margin: 0;
	padding: 5px 5px;
}

#charttable tbody td h3 {
	font-size: 14px;
	margin: 0;
	padding: 10px 0 5px;
}

#charttable tbody td.chartnumber {
	font-weight: bold;
	font-size: 14px;
	color: #10238A;
	width: 50px;
}

#charttable tbody td.phonedesc {
	text-align: left;
}

/* Hover Effect */
#charttable tr.ruled {
	background: #F2F2F2;
	color: #000;
}

/* Links */
#charttable th a {
	font-weight: bold;
	color: #10238A;
}

#charttable th a:hover {
	font-weight: bold;
	color: #EF1209;
}
		
#charttable td a {
	color: #10238A;
}

#charttable td a:hover {
	color: #EF1209;
}

/* Table Lists */
#charttable tbody td ul {
	margin: 0 0 0 5px;
	padding: 0;
	list-style-type: none;
	text-align:left;
}

#charttable tbody td li {
	margin: 5px 0;
	padding: 0;
}


/*Lists*/

dl {border:1px solid #ccc; border-top:4px solid #ccc; clear:both; float:left; width:100%; margin:0 0 10px 0;}

dl h2 {margin:0px; margin-bottom:10px; padding:5px; border-bottom:1px solid #ccc;}

dt{display:block;}

dd{padding:0px; margin:0; margin-left:10px;border:0px solid #ccc;}

dd ul{float:left; margin:0; padding:0;}

dd ul li{list-style:none;}

dd img{ margin:0; padding: 0; border:0px solid #ccc; float:left;}







/* Stores
*******************************************************************************/

#storeloc table{
 	margin-bottom:20px;
	border: 0px solid #ccc;
	margin: 0px;
	}	

#storeloc th{
	color:#FFF;
	background: #fff;
	border: 0px solid #ccc;
	padding:0px;
	margin: 0px;
	 }	

#storeloc td{
	background: #D7D9DF;
	border: 0px solid #CCC;
	padding:0px;
	margin: 0px;
	 }			
	
#storeloc td .storelocdb{
	color:#fff;
	background: #6E83BD;
	border: 0px solid #CCC;
	padding:0px;
	margin: 0px;
	 }					
	
.storeloclb{
	background: #CCCCFF;
	}



#contentdetails UL {
margin: 0 5px 0 15px;
padding: 0 0 0 10px;
list-style-type:square;
text-align:left;
}

#contentdetails LI {
	margin: 7px 0;
	padding: 0;
}
/* WHATS IN THE BOX 
*******************************************************************************/

tr.boxtop{
background-color:#DFE6EE;
padding: 2px 1px 2px 1px;
}

td.boxcenter{
text-align:center;
}

.boxleft{
text-align:left;
padding-left:6px;
}

table.boxcontainer
{
background-color:#F2F2F2;
font-size:11px;
text-align:center;
width:100%;
height:75%;
}
#content .boxcontainer li {
	list-style-image: url(../images/mobile-bullet.gif);
}