body {
	font-family:verdana,arial;
	font-size:70%;
	margin:10px;
	min-width:762px;
	color:#CCC;
	background-image: url(../images/background.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #5A93A3;
}

body.popup {margin:0px;min-width:0px;}

a {
	color:#FF0;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color:#000;
	text-decoration: none;
	font-weight: bold;
}
a:active {
	color:#203239;
	text-decoration: none;
	font-weight: bold;
}



br.hidden, .textHidden {display:none;}

/* tools */
div.clear {clear:both;}
div.spacer10px {height:10px;}
div.padtop7px {padding-top:7px;}
div.padtopbot7px {padding-top:7px;padding-bottom:7px;}

div.fixA {height:1px;}

div.floatleft {float:left;}
div.floatright {float:right;}

span.smaller {font-size:80%;}
span.normal {text-decoration:none;font-weight:normal;}


/* header - AMENDED with headercontainer */
#header {
	overflow:hidden;
	;
	color:#fff;
	background-image: url(../images/top_logo.jpg);
	background-repeat: no-repeat;
}

#header div.logocontainer {
	width:auto;
	float:left;
}
#header div.logocontainer div.logo {
	width: auto;
	padding: 4px;
}
.headercontainer {

}

/* Telefonica logo */
#header div.logoright {
	float: right;
}
#header div.logoright div {
	padding-top: 20px;
	padding-right: 17px;
	padding-bottom: 0;
	padding-left: 0;
}
#header div.logoright a {background-image: none;padding:0;}


.whiteBG {background-color:#fff;border:0px;padding:0px;margin:0px;text-decoration:none;height:44px;}
#header div.toplinksearchcontainer {
	float:right;
	text-align:left;
	width:58%;
	font-size:90%;
	color:#000;
	padding-top: 20px;
}

#header div.toplinksearchcontainer a {
	padding-left:9px;
	padding-right:5px;
	color:#FF0;
	text-decoration:none;
	text-transform: uppercase;
}
#header div.toplinksearchcontainer a:hover {text-decoration:underline;}

#header div.toplinksearchcontainer div.toplinks {padding-top:7px;}

	/* top nav/pan */
	div.toplinksearchcontainer div.toplinks {
	float:left;
	width: 70%;
}
	div.toplinksearchcontainer div.topsearchpan {
	float:right;
	background-color:#caddee;
	width:180px;
	background-position:bottom left;
	background-repeat:no-repeat;
	text-align:left;
	padding-left:10px;
	padding-bottom:4px;
	padding-top:2px;/* not ideal (noeffect) */
	z-index:10;
}
	div.toplinksearchcontainer div.topsearchpan input.searchfield {width:130px;border:1px solid #ccc;font-size:100%;}


	
/* top nav */
	#topnav {overflow:hidden;background-color:#006;width:100%;}
	#topnav a {color:#fff;text-decoration:none;}
	
	#topnav div {background-position:left center;background-repeat:no-repeat;}
	#topnav div.normal {float:left;width:10%;text-align:center;}
	#topnav div.active {float:left;width:10%;text-align:center;}
	#topnav div.active a {color:#006;}
	
	#topnav div.normal div.back {background-image:url(http://www.o2.com/images_structure/nav_top_vertbar.gif);}
	#topnav div.normal div {padding-top:5px;padding-bottom:5px;padding-left:10px;padding-right:10px;}
	#topnav div.active div {padding-top:5px;padding-bottom:5px;padding-left:10px;padding-right:10px;background-color:#dadada;}
	
	
/* footer */
#footer {
	margin-left:14px;
	margin-right:14px;
	margin-top:3px;
	padding-bottom:7px;
}
#footer a {text-decoration:none;color:#666;}
#footer a:hover {text-decoration:underline;}

#footer div.footleft {float:left;}
#footer div.footleft a {color:#333;}

#footer div.footright {float:right;}

/* page */
/*#pagesetup {margin-top:0px;padding-top:0px;}*/
#pagesetup.home {margin-left:9px;margin-top:2px;}
#pagesetup.home div.pagetitle {
	float:left;
	padding-bottom:8px;
}


div.pagetitle {margin-top:12px;}
div.pagetitle h1 {margin:0px;padding:0px;}
div.shareprice {color:#006;text-align:right;margin-right:5px;margin-top:2px;font-size:90%;}





p {
	margin-top:0px;
	margin-bottom:10px;
	color:#FFF;
	text-align: left;
	padding: 5px;
	line-height: 18px;
	font-size: 11px;
}
label {
	font-weight:bold;
	color: #FFF;
	text-transform: uppercase;
}

h1 {margin-bottom:5px;margin-top:0px;padding:0px;color:#006;font-size:190%;font-family:arial;}
h1.smaller {font-size:120%;}
h2 {font-size:120%;color:#000;margin-top:0px;margin-bottom:3px;padding:0px;}
h2.larger {font-size:220%;color:#006;}
/*h2.stdcol {color:#000;}*/
/*#colmiddle h2 {color:#000;}*/
h3 {font-size:100%;color:#006;margin-top:0px;margin-bottom:3px;padding:0px;}
h4 {font-size:100%;color:#006;margin-top:0px;margin-bottom:3px;padding:0px;}

div.footleft2 {
	/*border: 1px solid #f00;*/
	float:left;
	width: 70%;
	color: #333;
}

#footer div.footleft2 a {
	color: #333;
}

div.footright2 {
/*	border: 1px solid #f00;*/
	float: right;
}

div.footright2 span {
	display:block;
	padding-top:5px;
}

div.footdropdown2 label {
	font-weight: normal;
	display: block;
	padding-bottom:3px;
}

/**************************************************/
/* CR 06/07 amends start here */
/**************************************************/
img {
	border: none;
}


div.footer {
	text-align: center;
	padding-top: 5px;
	font-size: 10px;
}



div.footer ul {
	padding:0;
	margin:0;
	text-align: center;

}

div.footer ul li {
	/* 	float: left;*/
	display: inline;
	padding: 0 5px 0 6px;
	border-left: 1px solid #29414D;
	list-style: none;
	margin:0;
}

div.footer ul li.first {
	border-left: none;
}

div.footer ul li a {
	color: #29414D;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

div.footer ul li a:hover {
	color: #FFF;
	text-decoration: none;
}

div.footer p {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-size: 10px;
	line-height: 12px;
}

div.footer p a {
	color: #666666;
	text-decoration: none;
}

div.footer p a:hover {
	text-decoration: underline;
}
/* Max width test */
/* new wrapper div called page around all the content */
#page_front {
	max-width: 1300px;
	padding: 5px;
	margin-right: auto;
	margin-left: auto;
	width: 1255px;
}


#container {
	width: 100%;
	float: left;
	margin-right: -23em;
/*	background: url(http://www.o2.com/images_structure/bg_homeblue.gif) 0 0 repeat-x #dce4e9;*/
	/*min-height: 165px;*/

/*	background-color: #f00;*/
}

* html #container {
/*	height: 165px;*/
}

#content {

/*	min-height: 165px;*/

}

* html #content {
/*	height: 165px;*/
}

#main {
	width: 700px;
	padding-right: 10px;
	padding-left: 10px;
	float: left;
/*	background: url(http://www.o2.com/images_structure/bg_homegrey.gif) 0 0 repeat-x #f2f2f2;*/
	/*margin-left: 150px;*/
/*	background-color: #0f0;*/
}
#main p{
	color: #FFF;
	font-size: 14px;
	line-height: 20px;
	text-transform: uppercase;
}
#main li {
	color: #FFF;
	font-size: 14px;
	line-height: 20px;
	list-style-image: url(../images/tag.jpg);
	text-transform: uppercase;
	text-align: left;
}



#sidebar {
	width: 23em;
	float: right;
}
#intro {
	height: 300px;
	width: 700px;
	float: left;
}
#border {
	border: 0.5px solid #FFF;
	margin: 0px;
	padding: 0px;
}
#sub-footer {
	font-size: 10px;
	color: #FFF;
	width: auto;
}
#pageback1 {
	max-width: 1020px;
	background-image: url(../images/pageback.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#twitterbox {
	height: auto;
	width: 250px;
	float: right;
}

#rpinkruler {
	border-right-width: 0.5px;
	border-right-style: dotted;
	border-right-color: #FFF;
	float: left;
	width: 5px;
	height: 300px;
	clear: right;
}
#sub-footer a{
	font-size: 10px;
	color: #FFF;
	width: auto;
	text-decoration: none;
}
#facebookbox {
	width: 140px;
	text-align: center;
	border: 0.5px solid #C09;
}
#rpinkruler_top {
	width: 1000px;
	height: 5px;
	border-top-width: 0.5px;
	border-top-style: dotted;
	border-top-color: #FFF;
	margin-top: 5px;
}
#rpinkruler_top1 {
	width: 350px;
	height: 5px;
	border-top-width: 0.5px;
	border-top-style: dotted;
	border-top-color: #FFF;
	margin-top: 5px;
	margin-left: 10px;
}
#box_frontpage {
	height: 457px;
	width: 290px;
	float: right;
	background-color: #2C4852;
}
#box_frontpage p{
	color: #FFF;
	font-size: 11px;
	text-transform: uppercase;
	text-align: justify;
	padding: 5px;
	line-height: 18px;
}
.yellowtext {
	font-weight: bold;
	text-transform: uppercase;
	color: #FF0;
}
#form2 {
	text-align: left;
}
#box_page {
	height: 300px;
	width: 270px;
	float: right;
}
#rpinkruler_top2 {
	width: 696px;
	height: 5px;
	border-top-width: 0.5px;
	border-top-style: dotted;
	border-top-color: #FFF;
	margin-top: 5px;
	margin-left: 10px;
}
#page {
	max-width: 1020px;
	padding: 5px;
	margin-right: auto;
	margin-left: auto;
	width: 1000px;
}
#main a {
	color: #FFF;
	font-size: 13px;
	text-transform: lowercase;
}
#main a.yellow {
	text-transform: uppercase;
	color: #FF0;
}

.yellowtextlargesize {
	font-weight: bold;
	text-transform: uppercase;
	color: #FF0;
	font-size: 16px;
}
#main a.b {
	color: #000;
	font-size: 13px;
	text-transform: uppercase;
	text-decoration: blink;
}
#main a.b:hover {
	color: #FF0;
	font-size: 13px;
	text-transform: uppercase;
	filter: Glow(Color=#FF0, Strength=20);
}
#main a.c {
	color: #FF0;
	font-size: 13px;
	text-transform: uppercase;
}
#main a.c:hover {
	color: #FF0;
	font-size: 13px;
	text-transform: uppercase;
}
.textbold {
	font-weight: bold;
	font-size: 12px;
	font-family: Tahoma;
}
#adflasher {
	font-size: 12px;
	text-decoration: blink;
	padding: 10px;
}
#adflasher1 {
	height: 120px;
	width: 450px;
	font-size: 12px;
	background-color: #314F57;
	border: 1px solid #FF0;
	padding: 0px;
	margin: 0px;
}
#adflasher a  {
	color: #999;
	text-transform: uppercase;
	font-family: Tahoma;
	font-weight: normal;
	font-size: 12px;
	text-decoration: blink;
}

#adflasher p {
	font-size: 12px;
	color: #FFF;
	text-align: center;
}
#adflasher a:hover {
	color: #FF0;
	text-transform: uppercase;
	font-family: Tahoma;
	font-weight: normal;
	font-size: 12px;
}