#phoneDetailsTabs
{
	display:none;
}


#tariffDetailsTabs, ul.domtabs
{
	display:none;
	
}

#phonePriceBox {
	/* box to hold the phone/price etc */
	width:130px;
	padding-top: 0px;
	float:left;
	text-align:center;
	}

#phonePriceBox strong {
	color:#c00;
	}

#phonePriceBox strong {
	font-size:3ex;
	padding: 0 3px 7px;
	display:block
	}

#phonePriceBox span {
	text-decoration:none;
	}

#phonePriceBox a span {
	color:black;
	text-decoration:underline;
	}
	

#add2basket
{
	margin:4px 0 0 2px;
}


#phoneDetailsPanel {
	padding-top: 8px;
	padding-bottom:8px;
	margin: 0;
	border: 1px #fff solid;
	z-index: 2;
	}
#phoneDetailsPanel th {
	text-align:right;
	font-weight:normal;
 	}
#phoneDetailsPanel p {
	/* setting the margin on p here as the general p tag has large margin top & bottom */
	margin: 0 0 7px;
	}





#phoneDetails {
	/* box to hold the tabbed info on the RHS */
	float:left;
	padding-top: 25px;
	width: 454px;
	}
	
	
#tariffDetails, div.domtab {
	/* box to hold the tabbed info on the RHS */
	/* float:left; */
	padding-top: 25px;
	width: 454px;
	}

.greyTabText {
	/* make the tab have a grey background - height and overflow set to control bottom aligned images */
	positoin: relative;
	top:0;
	/*padding: 5px 7px 10px 5px;*/
	}

.phoneBlub
{
	/*font-size:80%;*/
	line-height: 150%;
}

#phoneSpesh
{
	background-color:white;
	border:solid 4px #c00;
	padding:2px 8px 10px;
	position:relative;
	width:392px;
	width: 392px !important; /* for most browsers */
    width /**/:416px; /* for IE5.5's bad box model */
}

#phoneSpesh img
{
	position:absolute;
	top:-12px;
	_top:-10px;
	float:left;
	z-index:100;
}

#phoneSpesh h3
{
	color:#c00;
	display:inline;
	font-size:2em;
	font-weight:bold;
	margin-left:60px;
	text-transform:uppercase;
}

#phoneSpesh p
{
	display:block;
	font-weight:bold;
	font-size:1.6em;
	padding:0;
	margin:0;
	margin-top:12px !important;
	text-transform:uppercase;
}




/* Style to keep text in tabs away from hero img on right */	

/* use these two styles when there's a hero img on the right */
.imgSizer {
	float: right;
	width: 2px;
	height: 175px;
	}
.heroTxt {
	float: left; 
	width: 220px;
	padding-top: 5px;
	}
	
#pTab1Panel {
	_height: 175px;
	}
.greyTabText {
	background-color: #eee;
	}
.greyTabText ul {
	/* ensure the bullets in the spotlights have the correct display properties */
	margin: 5px 0 6px 15px;
	padding: 0;
	list-style: square;
	}
#phoneOnlineBonus {
	/* box to hold the bonus offer */
	margin-top:12px;
	float:left;
	width: 454px;
	}

#phoneOnlineBonus div div div div div {
	background-color: #FFD41F;
	padding: 6px 15px 7px 0px;
	}
	
#phoneOnlineBonus img {
	float:left;
	margin: 0 8px;
	position:absolute;
	top:-12px;
	}
.pushOverTxt {
	display:block;
	margin-left: 90px;
	}

#pTab2Panel
{
	padding:0;
	background-color:white;
	width:436px;
}	

#pTab3Panel,
#pTab4Panel
{
	padding:0 0 4px 0;
	overflow:hidden;
	width:436px;
}	



.phoneTable {
	width:432px;
	border:0;
	margin:0;
	border-collapse:collapse;
	}
.phoneTable td,
.phoneTable th,
.phoneTable caption {
	margin:0 !important;
	padding:4px 4px 4px 10px !important;
	}

.phoneTable caption {
	background-color:#cac6c7;
	color:white;
	text-align:left;
	width:432px
	}

.phoneTable caption span {
	display:block;
	font-weight:bold;
	}
.phoneTable th.sectionHead {
	color:#c00;
	font-weight:bold !important;
	text-transform:uppercase;
	}


.phoneTable th {
	vertical-align: middle;
	background-color:#eee;
	border-bottom:solid 1px white !important;
	width:256px;
	text-align:left !important;
	}

.phoneTable td {	
	margin:0 !important;
	vertical-align: middle;
	background-color:white;
	border-bottom:solid 1px #eee !important;
	}

#phoneTableSmPrint {
	margin:0 -2px 0 0 !important;
	padding:4px 4px 0 !important;
	background-color: #eee;
	}
	

#pTab4Panel {
	background-color: #eee;
	margin: 0 -2px 0 0;
	}
#pTab4Panel h3 {
	font-size: 110% !important;
	display: block;
	padding: 17px 8px 0;
	font-weight: bolder;
	}

#pTab4Panel h3 span
{		
	font-weight:bold;
}

#pTab4Panel ul {
	padding:0;
	margin:0;
	border-top:solid 1px white !important;
	}

#pTab4Panel li {
	border-bottom:solid 1px white !important;
	list-style-type:none;
	margin:0;
	padding:4px 8px 4px 31px;
	}

#pTab4Panel li.last
{
	border-bottom:none 0 #eee !important;
}

#whatYouGetLoads li
{
	background:url('../media/images/others/redOnGray-arrow.gif') no-repeat 9px 6px !important;
}

#whatYouGetPlus li
{
	background:url('../media/images/others/grayOnGray-arrow.gif') no-repeat 9px 6px !important;
}

#whatYouGetPlus h3
{
	color:#666;
}