/* remember to define focus styles! */
	:focus {
		outline: 1px solid #f8f8ff;
	}
	ol, ul {
        list-style: none;
    }
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: separate;
		border-spacing: 0;
    }
	caption, th, td {
		text-align: justify;
		font-weight: normal;
		}

	blockquote:before, blockquote:after, q:before, q:after {
        content: "";
    }
    blockquote, q {
        quotes: "" "";
    }

    body {
		font-size: 68.75%;
		color: #666666;
		font-family: Verdana, Arial, Tahoma, Helvetica, Sans-serif;
		background-color: #ffffff;
		line-height: 1.5em;
		text-align: left;
	}


/********* New Generic Style for I-mode ************/
#beboContainer {
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
h2{
	margin:6px 0 6px 0;
	font-size: 16px;
	color:#0069b3;
	}
#beboContainer li{
	color:#333333;
	}

/*************** Specific to Home page ************/
/** left column **/
#leftColumnBeboHome {
	float:left;
	width: 305px;
	padding: 6px 20px 10px 0;
}
#leftColumnBeboHome img {
	float:left;
	padding:0 0 0 0;
}
/** right column **/
#rightColumnBeboHome {
	float:right;
	width: 263px; 
	padding: 6px 0 10px 0;
} 

/****************** Option Box ***********************/
.option {
	clear:both;
	float:left;
}
.option h2{
	padding:8px 0 20px 0;
	font-size:13px;
	color:#006bbd;
}
.option h2.first{
	padding:0px 0 20px 0;
}
.option h3 {
	padding:20px 0 0 0;
	font-size:13px;
	font-weight:bold;
	color:#66ccff;
}
.option img {
	float:left;
	margin:0 20px 0 0;
}

/************** Individual content panels ***********/
.hidden_content {
	clear: both;
	width:94.8%;
	margin: 5px 0 20px 0;
	padding:20px 15px 20px 15px;
	border: #d1e2f0 1px solid;
}
/*** Tabs ****/
#tabContainer {
	display: none;
	margin: 15px 0 0 3px;
}
#tabContainer ul li {
	display: inline;
	margin: 0 0 0 0!important: margin: 0 3px 0 0;
	border-top: #d1e2f0 1px solid;
	border-right: #d1e2f0 1px solid;
	border-left: #d1e2f0 1px solid;
	padding: 5px 12px 5px 12px;
	background-color: #f4fafe;
}
#tabContainer ul li a {
	color: #54b6e7;
	text-decoration: none;
}
#tabContainer ul li a:hover {
	text-decoration: underline;
}
#tabContainer ul li.active {
	background-color: #54b6e7;
}
#tabContainer ul li.active a {
	color: #fff;
}
#tabContainer ul li.active a:hover {
	text-decoration: none;
}

/**************** List ********************/
.listBebo ul {
	margin:0em;
	padding:0em;
	vertical-align:top;
	list-style:none;
}
.listBebo li {	
	padding: 0em 0 1em 2em;
	vertical-align:top;
	background-image:url(/wps/wcm/resources/file/eb94264a335ef32/13x14_blue_bebo_check.jpg);
	background-position: 0em 0.3em;
	background-repeat: no-repeat;
}
.listBebo_small li {	
	padding: 0em 0 0.4em 2em;
	vertical-align:top;
	background-image:url(/wps/wcm/resources/file/eb94264a335ef32/13x14_blue_bebo_check.jpg);
	background-position: 0em 0.2em;
	background-repeat: no-repeat;
}
.nonLinkableList li {
	margin:0px;
}
.number ul {
	margin:15px 0 15px 0;
}
.number li {
	padding: 5px 0 5px 0;
}

ul.default, ul.quicklinks, ul.features {
	margin: 1em 0;
	list-style: none;
	padding: 0 0 0 0 em;
}

ul.default li,
ul.quicklinks li,
ul.features li {
	padding: 0 0 0 1.7em;
	padding-bottom: 1em 
}

ul.default ul {
	margin: 0.5em 0;
}

/* ##    List paddings and margins all set now. No further      ## */
/* ##    changes to these should be made background-images      ## */
/* ##    in lieu of list-bullet-styles ONLY!                    ## */

ul.default li {
	background: url(http://www.o2online.ie/wps/wcm/resources/file/eb5aa64a0e4f083/bullet_second_level.gif) 0.5em 0.55em no-repeat;
}

ul.default ul li {
	background: url(http://www.o2online.ie/wps/wcm/resources/file/eb5aa64a0e4f083/bullet_second_level.gif) 0.5em 0.55em no-repeat;
}

ul.features li {
	background: url(http://www.o2online.ie/wps/wcm/resources/file/eb974d087f8c0e9/ElementVink.gif) 0.5em 0.25em no-repeat;
}

ul.quicklinks li {
	background-image: url("http://www.o2online.ie/wps/wcm/resources/file/eb52f8070e069dc/Fc_SiteWide_link_bullet.gif");
	background-repeat: no-repeat;
	background-position: left 55%;
}


/*************** Other style ***************************/
.h2bigblue {
	margin:0px;
	padding:10px 0 0 0;
	font-size:28px;
	color:#66ccff;
	font-weight:500;
}.h3blue {
	font-size:13px;
	color:#66ccff;
	font-weight:500;
}
.blue{
	font-size:13px;
	color:#006bbd;
	font-weight:bold;
}

/*************** Terms and Conditions ***************/
.termesAndConditions {
	margin: 20px 0 0 0;
	padding:10px 0 0 0;
	}
.termesAndConditions p {
	font-weight: normal;
	font-size:0.92em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#cccccc;
}