/*>>Base element styles>>*/ 
html, body {
color:#666;
background:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
height:100%;
}

body {
background:url(../images/layout/bg.jpg) repeat-x 0 0;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
margin:0;
padding:0;
}

a {text-decoration:none;color:#00ADEE;}
a:hover {text-decoration:underline}
p {color:#333;margin:0 0 10px 0;font-size:.7em;}

fieldset,img{ border:0; font-size:.7em;}

address,caption,cite,code,dfn,th,var{
font-style:normal;
font-weight:normal;
}

table{
border-collapse:collapse;
border-spacing:0;
margin:0 0 10px 0;
}

th {color:#000;font-size:.75em;font-weight:700;}
td {font-size:.75em;}
td span {color:#00ADEE;font-weight:700;}
th,td {padding:2px 6px;color:#333;}
td p {font-size:1em;}


li{ list-style:none;font-size:.7em;  }

caption,th{ text-align:left; }

h1,h2,h3,h4,h5,h6{
font-size:100%;
font-weight:normal;
color:#fff;
margin:0 0 10px 0;
}

h1 {color:#344248;font-size:1.25em;}
.product-details h1 {border-bottom:1px solid #ccc;padding:0px 0 4px 0;}
h2 {color:#344248;font-size:1.125em;}
h2 a{color:#344248;}
h3 a{color:#fff !important;}
h3.bluebar {background:#00ADEE;color:#fff;padding:5px 10px;font-weight:700;font-size:.75em;}

.fullwidth {
width:590px;
height:21px;
background:#EFEFEF;
color:#344248;
font-size:0.875em;
padding:4px 0 0 10px;
font-weight:700;
}

q:before,q:after{ content:''; }

abbr,acronym{
border:0;
font-variant:normal;
}

sup{ vertical-align:text-top; }
sub{ vertical-align:text-bottom; }

input, textarea, select{
font-family:inherit;
font-size:inherit;
font-weight:inherit;
}

/* Resizing for IE */
input,textarea,select{ *font-size:100%; }
legend{ color:#fff; }
del,ins{ text-decoration:none; }

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/*<<Base element styles<<*/ 

/*>>Layout element styles>>*/

#wrapper {
width:100%;
margin:auto;
min-height:100%;
position:relative;
background:url(../images/layout/footerbg.gif) repeat-x 0 100%;
}

#container {
width:790px;
margin:auto;
padding:0 0 180px 0; /*height of footer*/
min-height:100%;
}

#header, #nav, .content, #footer {
width:790px;
}

#header {
height:228px;
position:relative;
margin:0 0 10px 0;
}

#header a, #footer a {color:#fff;text-decoration:none;}
#header a:hover, #footer a:hover {text-decoration:underline}

.headercontrols {
position:absolute;
right:8px;
top:0;
height:24px;
color:#fff;
}

.basketcontrol {
position:absolute;
right:97px;
top:0;
}

.headercontrols ul {background:url(../images/layout/thingreybarbody.gif) no-repeat 0 0;height:20px;padding:4px 0 0 7px;}
.headercontrols li {float:left;}
.headercontrols a {padding:0 5px;}

.headercontrols span {
height:24px;
width:8px;
display:block;
background:url(../images/layout/thingreybarcorner.gif) no-repeat 0 0;
position:absolute;
top:0;
right:-8px;
}

#mainlogo {
position:absolute;
z-index:100;
}

#latestdeal {
height:200px;
width:600px;
}

#headtelephonenumber {
position:absolute;
right:0;
top:60px;
}

#nav {
width:471px;
height:40px;
position:absolute;
right:0;
top:168px;
z-index:150;
}

#nav li {
float:left;
}

#nav li a {
background:url(../images/layout/nav.jpg) no-repeat 0 0;
float:left;
height:40px;
display:block;
text-indent:-3000px;
margin:0 2px 0 0;
}

#nav .navhome a {width:92px;background-position:0 0;}
#nav .navhome a:hover {background-position:0 -40px;}
.index #nav .navhome a {background-position:0 -80px;}

#nav .navmobiles a {width:79px;background-position:-92px 0;}
#nav .navmobiles a:hover {background-position:-92px -40px;}
.phones #nav .navmobiles a {background-position:-92px -80px;}

#nav .navtarrifs a {width:73px;background-position:-171px 0;}
#nav .navtarrifs a:hover {background-position:-171px -40px;}
.tariffdetails #nav .navtarrifs a, .tariffs #nav .navtarrifs a {background-position:-171px -80px;}

#nav .navcompetitions a {width:117px;background-position:-244px 0;}
#nav .navcompetitions a:hover {background-position:-244px -40px;}
.competitions #nav .navcompetitions a {background-position:-244px -80px;}


#nav .navcontact a {width:102px;background-position:-361px 0;margin:0;}
#nav .navcontact a:hover {background-position:-361px -40px;}
.contact #nav .navcontact a {background-position:-361px -80px;}

.content {
margin:0 0 10px 0;
}

#mainsearch {
background:#344248;
height:35px;
}

#mainsearch label {
color:#fff;
}

#mainpanel {
float:left;
width:600px;
}

.maincontent {
width:600px;
margin:0 0 10px 0;
}

.phonesdetailsbox {
width:578px;
height:248px;
padding:10px;
border:1px solid #aaa;
position:relative;
margin:0 0 10px 0;
}
.phonesdetailsbox img {float:left;margin:0 5px 0 0;}
.phonesdetailsbox h2 {}
.phonesdetailsbox p {width:425px;}

.phonesfeatures {
width:150px;
height:268px;
float:right;
border-left:1px solid #aaa;
position:absolute;
top:0;
right:0;
}

.phonesfeaturesvoucher {
background:#344248;
width:150px;
height:40px;
color:#fff;
font-size:.75em;
text-align:center;
font-weight:700;
padding:5px 0 0 0;
position:absolute;
bottom:30px;
}

.phonesfeatures dl {margin:10px 0 0 10px;}
.phonesfeatures img {float:none;}

.productbox {
width:192px;
height:312px;
background:url(../images/layout/productboxbody.gif) repeat-y 0 0;
position:relative;
float:left;
margin:10px 12px 0 0;
}

.productbox.last {
margin-right:0;
}

.productbox a {
font-size:.75em;
color:#fff;
font-weight:700;
}

.productbox h3 {
width:177px;
background:url(../images/layout/productboxtop.gif) no-repeat 0 0;
padding:10px 0 6px 15px;
color:#fff;
}

.productboxbottom,
.phonesfeaturesbottom {
width:177px;
height:25px;
padding:5px 15px 0 0;
text-align:right;
background:url(../images/layout/productboxbottom.gif) no-repeat 0 0;
display:block;
position:absolute;
bottom:0;
left:0;
}

.phonesfeaturesbottom {
background:#00ADEE;
color:#fff;
font-size:.75em;
width:140px;
height:23px;
padding:7px 10px 0 0;
font-weight:700;
}

.productvoucher {
background:url(../images/layout/productboxvouchers.gif) no-repeat 0 0;
width:76px;
height:50px;
position:absolute;
right:10px;
bottom:70px;
color:#fff;
font-size:.75em;
font-weight:700;
padding:4px 0 0 0;
text-align:center;
}

.productbox dl {
text-align:right;
float:right;
margin:0 10px 0 0;
width:85px;
}

.productfeatures dt ,
.productfeatures dd {
font-size:.7em;
margin:0 0 4px 0; 
}

.productfeatures dt {
color:#000;
text-transform:uppercase;
font-weight:700;
}

.productfeatures span {color:#00ADEE;font-weight:700;}

.productvoucher span {
text-indent:-3000px;
display:block;
}

.productboxbuy {
position:absolute;
right:10px;
bottom:38px;
width:129px;
height:25px;
background:url(../images/layout/productbuybutton.gif) no-repeat 0 0;
}

.buyorange {background-position:0 0;}
.buyorange:hover {background-position:0 -25px;}
.buytmobile {background-position:-129px 0;}
.buytmobile:hover {background-position:-129px -25px;}
.buythree {background-position:-258px 0;}
.buythree:hover {background-position:-258px -25px;}

.networklogo {
position:absolute;
left:10px;
bottom:38px;
}

.producthandset {
margin:0 0 0 5px;
}

.phonesdetailsbox .productboxbuy {bottom:12px;right:158px;}

#rightpanel {
float:right;
width:170px;
}

.rightbox {
width:170px;
background:url(../images/layout/rightpanelbody.gif) repeat-y 0 0;
margin:0 0 10px 0;
}

.rightbox h3,
.phonesfeatures h3 {
font-size:1.125em;
font-weight:700;
padding:8px 0 8px 13px;
margin:10px 5px;
font-size:.75em;
background:#00ADEE;
width:147px;
color:#fff;
}

.phonesfeatures h3 {
width:140px;
margin:0;
padding:8px 0 8px 10px;
}

.rightbox a {color:#00ADEE;text-decoration:none;font-weight:700;font-size:1.079em;}
.rightbox a:hover {text-decoration:underline;}
.rightbox ul {margin:0 0 0 18px;}
.rightbox li {margin:0 0 2px 0;}
.rightbox img {margin:0 5px;}

.rightbox h3.rightboxtoplarge,
.rightbox h3.rightboxtopsmall {
background:url(../images/layout/rightpaneltoplarge.gif) no-repeat 0 0;
height:47px;
width:152px;
margin:0 0 10px 0;
padding:11px 0 0 18px;
}

.rightbox h3.rightboxtopsmall {
background:url(../images/layout/rightpaneltopsmall.gif) no-repeat 0 0;
height:33px;
}

.rightboxbottom {background:url(../images/layout/rightpanelbottom.gif) no-repeat 0 0;height:18px;width:170px;display:block;}

/******** Tabbed Content ********/

.tabcontainer {
width:420px;
float:right;
position:relative;
height:151px;
}

.tabcontainer ul {
position:absolute;
width:100%;
z-index:200;
}

.tabcontainer li {float:left;}

.tabcontainer li a {
float:left;
background:#eeeeef;
border:1px solid #ccc;
padding:2px 10px;
margin:0 4px 0 0;
display:block;
color:#333333;
font-weight:700;
}

.tabcontainer li a.selected {background:#fff;border-bottom:1px solid #fff;}

.tabcontent{
display:none;
float:left;
width:418px;
border:1px solid #ccc;
position:absolute;
top:19px;
z-index:0;
height:121px;
}

.overview {
width:398px;
overflow-y:scroll;
padding:10px;
height:101px;
}

.tabvoucher {
background:url(../images/layout/productboxvouchers.gif) no-repeat 0 0;
width:76px;
height:50px;
position:absolute;
right:12px;
top:12px;
color:#fff;
font-size:.75em;
font-weight:700;
padding:4px 0 0 0;
text-align:center;
}

.tabvoucher span {
text-indent:-3000px;
display:block;
}

.networkimage {position:absolute;top:12px;left:12px;}
.tabcontent .productboxbuy {bottom:12px;}
.tabcontent table{position:absolute;top:7px;left:50px;}

/* <<<<<< */

.networkscontrols,
.tariffscontrols {
width:600px;
height:50px;
background:#F0F1F4;
margin:0 0 10px 0;
position:relative;
}

.tariffscontrols {
height:25px;
}

.networkscontrols h2 {
height:14px;
border-bottom:1px solid #fff;
background:#00adee;
padding:5px 10px;
font-size:.75em;
color:#fff;
font-weight:700;
}

.controlnav {position:absolute;bottom:6px;left:10px;}
.controlnav li {float:left;margin:0 5px 0 0;}
.controlnav li a {padding:2px;color:#333;}
.controlnav li a.selected {background:#ccc;font-weight:700;}

.tarifftable{border-spacing:1px;border-collapse:separate;width:600px;margin:0 0 10px 0;}
.baskettable {width:600px;margin:0 0 10px 0;}
.tarifftable th, .baskettable th {background:#00adee;color:#fff;}
.tarifftable tr {background:#EFEFEF;}
.tarifftable .even {background:#fff;}

.tarifftable th, .tarifftable td, .baskettable th, .baskettable td {padding:6px 7px;}
.tarifftable td {text-align:center;}
.tarifftable a {color:#333;text-decoration:none;}
.tablevoucher {background:#344248;color:#fff;font-weight:700;}

/******* basket ********/
p.process_sections_text {
	float: left;
	border: 1px solid #F0F1F4;
	width: 110px;
	background-color: #F0F1F4;
	text-align: center;
	color: #BABABA;
	margin: 0 10px 10px 0;
	font-weight: bold;
	padding: 3px 0;
}
p.process_sections_text_nomargin {
	margin: 0 0 10px 0 !important;
}
p.process_sections_highlight {
	color: #fff;
	background-color: #00ADEE;
	border: 1px solid #00ADEE;
}
p.process_sections_completed {
	color: #fff !important;
	background-color: #7FD6F6 !important;
	border: 1px solid #7FD6F6 !important;
}

p.basketerror {
	background-color: #F0F1F4;
	border: 1px solid #F0F1F4;
	padding: 7px;
	color: #344248;
	font-size: 0.75em;
}

div.formline {
	
	clear: both;
}
div.formlineclear {
	float: left;
	clear: both;
	margin: 15px 0;
	font-weight: bold;
	font-size:.75em;
}
div.formelm {
	clear: both !important;
	font-size:.75em;
}
form.formelm {
	background: #FFF !important;	
}
form .formelm {
		clear:				both;
		overflow:			hidden;
	}
	
	form .formelm label {
		display:			block;
		float:				left;
		width:				230px;
		padding-top:			7px;
		padding-bottom:			7px;
		margin-right:			8px;
		border-bottom:			1px solid #868686;
	}
	
	form.contact label{
		border-bottom:			0;
		width:					150px;
	}

	form .formelm sup {
		color:				#BA4447;
	}
	
	form .formelm input.textbox, form .formelm textarea {
		width:				270px;
	}

	form .elmbreak {
		margin-top:			8px;
	}
	
	form .formelm input.submit {
		margin-top:			8px;
	}
	
	form .formelm textarea {
		height:				150px;
	}
	
	form .noBorder label {
		border:				0px;
	}
	
.generaltext a {font-size:.75em;}
.generaltext li a {font-size:1.075em;}
.generaltext p a {font-size:1em;}
.generaltext li {list-style:square;margin:0 0 0 20px;}

.networklogos li {margin:0 10px 0 0;}

.formline li, .normalweighttext li {font-size:1em;}

#footer {
position:absolute;
bottom:0;
height:180px;
}

#footer p {color:#fff;}

.footernavlinks {
width:100%;
height:31px;
margin:0 0 10px 0;
}

.footernavlinks li {
height:23px;
float:left;
padding:8px 0;
text-align:left;
margin:0 5px 0 0;
color:#fff;
}

.copyright {font-size:.7em;float:left;background:url(../images/layout/mmmminilogo.gif) no-repeat 0 0;padding:9px 0 9px 36px;color:#000;}

.footerpolicylinks {margin:0 0 10px 0;}
.footerpolicylinks li {color:#fff;margin:0 5px 0 0;display:inline;}

/**** TERMS ****/

ul.terms, ol.terms {
	margin:0 0 10px 20px;
	padding:0;
}
ol.terms li {
	margin:5px 0;
	list-style-type:lower-alpha !important;
	margin:0 0 0 20px;
}
ul.terms li {
	list-style-type:square !important;
	margin:0 0 0 20px;
}
ul.terms li li,ol.terms li li {font-size:1em;}

/*<<Layout element styles<<*/ 

/*>Form element styles>>*/ 

.text {
padding:2px;
}

input:focus, select:focus, textarea:focus { border:2px solid #00ADEE }

.button {
padding:3px 5px 2px 5px;
cursor:pointer;
color:#333;
font-weight:700;
display:block;
font-size:.75em;
}

#finder_submit {
background:url(../images/layout/searchgo.gif) no-repeat 0 0;
border:0;
width:36px;
height:20px;
text-indent:-3000px;
margin:1px 0 0 0;
}

#standard_submit, #competition_submit {
background:url(../images/layout/sendbutton.gif) no-repeat 0 0;
border:0;
width:51px;
height:20px;
text-indent:-3000px !important;
position:absolute;
right:10px;
bottom:10px;
}

#competition_submit {
bottom:30px;
}

#proceed_checkout {
background:url(../images/layout/proceedcheckout.gif) no-repeat 0 0;
border:0;
width:141px;
height:20px;
text-indent:-3000px;
}

#tandclink {position:absolute;right:10px;bottom:10px;color:#00ADEE;font-size:.7em;}

#mainsearch ul {padding:6px 0 0 15px;}
#mainsearch label {display:block;margin:4px 0 0 0;}
#mainsearch li {float:left;height:20px;margin:0 10px 0 0;}
#mainsearch select {min-width:150px;}

.standardform {
border:1px solid #ccc;
padding:10px;
margin:0 0 10px 0;
position:relative;
width:580px;
}

.standardform dl {
width:49%;
float:left;
font-size:.7em;
}

.standardform label {display:block;float:left;padding:4px 4px 0 0;text-align:right;width:110px;}
.standardform input {width:155px;} 
.standardform dd {margin:0 0 10px 0;}

.radiobutton {}
.radiobutton span {margin:0 0 0 20px;}
.radio {width:20px !important;}
.standardform dl.a-right {width:43%;margin:0 20px 0 0;}
.standardform dl.a-right label {width:158px}
.standardform dl.a-right.formright {width:50%}


/*<<Form element styles<<*/ 

/* switches */
.block {display:block}
.height100 {height:100%}
.width100 {width:100%}
.paddingfifteen { padding:15px}
.borderbottom {border-bottom:1px solid #EA6022}
.bordertop {border-top:1px solid #EA6022}
.borderleft {border-left:1px solid #00adee}
.borderright {border-right:1px solid #EA6022}
.dotted {border-bottom:1px dotted #ccc;cursor:help;}
.nofloat {float:none}
.floatleft {float:left}
.floatright {float:right}
.nomargin {margin:0}
.nopadding {padding:0}
.standardform .nopaddingtop {padding-top:0;}
.autoof {overflow:auto}
.hiddenof {overflow:hidden}
.paddingten {padding:10px}
.marginten {margin:10px 0}
.relative {position:relative}
.absolute {position:absolute}
.autoheight {height:auto}
.red, .rederror {color:#C10000}
.error {border:1px solid #C10000;color:#C10000}
.strong {font-weight:700}
.nounderline {text-decoration:none}
.indent {text-indent:-3000px}
.a-center {text-align:center;}
.a-left, td.a-left {text-align:left;}
.a-right {text-align:right;}
.large {font-size:1.3em;}
.blue {color:#00adee;}
.lightgrey {background:#F0F1F4;}
.strikethrough {text-decoration: line-through;}
/* switches */
