html  {
	overflow: -moz-scrollbars-vertical !important;
	}
body{
	padding: 0 0 20px 0;
	margin: 0;
	text-align: center;
	color: #333;
	font: normal 75% Arial, sans-serif;
	background: url(../media/images/vm-background.jpg) no-repeat fixed center 70px #770000;
	}

.trackingCode {
	position: absolute;
	top: -10px;
	left: 0;
	}


/*Defines page width with a vertical repeating 1px high background*/
#document{
	margin: 0 auto; 
	width: 820px; 
	text-align: left; 
	background: #ffffff;
	border-radius: 0px 0px 5px 5px;
	padding: 30px;
	padding-top: 0px;
}
#document-wrap{
	width: 940px;
	margin: auto;
	margin-bottom: 30px;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3c000000', endColorstr='#3c000000'); /* IE */
	padding-bottom: 30px;
	border-radius: 0px 0px 5px 5px;
}

/*Heading*/
#header{
	position:relative;
	background: none repeat scroll 0 -75px #000000;
    border-top: 2px solid #DD1D00;
    height: 100px;
	min-width: 940px
}
.sprite {
    background: url(../media/images/header-footer.png) repeat scroll 0 0 transparent;
}
#header #global-header {
    display: block;
    margin: 0 auto;
    padding: 0;
    position: relative;
	width:940px;
}
h1#vm-logo {
    margin: 0;
}
h1#vm-logo a {
    background-position: 0px 0px;
    display: block;
    float: left;
    height: 65px;
    margin: 0;
    position: relative;
    text-indent: -300em;
    top: 15px;
    width: 100px;
    z-index: 1;
}
#footer-nav:after, #global:after, #mainnav:after, #top-nav:after, #sub-nav-wrap:after, #sub-nav:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
#footer-nav {
    background: none repeat scroll 0 0 #000000;
}
.copyright 				{background: transparent url(../media/images/footer-logo.png) no-repeat;color: #9A9899; margin-top: 7px;padding-left:49px;height:21px;padding-top:8px;}

#footer{
    background: transparent url(../media/images/px_footer_bg.gif) no-repeat;
	position: relative; 
	height: 80px; 
	clear: both; 
	font-size: 90%;
	color: #2F2F2F;
	margin-top: 0px;
	}

#footerpadding{
	padding:15px 20px;
	}
.bottomlinks 			{ width; auto;  margin-top: 1px;}
.bottomlinks a,
.bottomlinks a:active,
.bottomlinks a:link,
.bottomlinks a:visited 	{ color: #333; }	
.bottomlinks a:hover 	{ color: #888; text-decoration: underline; }

#cookie052012-btn{float:right;margin-top:15px;}
#cookie052012-btn a{color:#fff;display:block;padding: 2px 10px 5px 10px !important;text-decoration:none;}

.headerlink {
	position: absolute;
	margin-top: 75px;
	margin-left: -115px;
	}
.headerlink arrow {
    margin-top: 3px;
}

/* Visit Virgin Media Link */
.visitvmmedia {
	position: absolute;
	margin-top: 75px;
    margin-left: -115px;
    _margin-left: -92px;    
}
.visitvmmedia img {
    margin-top: -4px;
    _margin-top: -1px;
    vertical-align:middle;
}
html>body .visitvmmedia	{ /* \*/margin-left: 10px; /* */}

.visitvmmedia a			{ color: #000 !important; text-decoration: none !important; font-weight: normal; font-size: 90%; }




/*Breadcrumb block*/

#breadcrumb {
	font-size: 90%;
    background: #2f2f2f;
	padding-bottom: 6px;
    padding-top: 6px;
    color: white;
    text-align:left;
    width: 800px;
    margin: 0px auto;
}
#breadcrumbwrap{
    background: #2f2f2f;
}

.logofloat 					
{
	float: left;
	margin-left: 10px;
}

#mainsearch
{
	margin-top: 6px !important;
	margin-top: 2px;
	float: right;
	width: 273px;
}
	


/* column layout styles */

#contentfullscreen{
	width: 750px; 
	position: relative; 
	margin: 0px auto;
	/*padding-bottom: 20px;*/
	}

#contentOneColPlus{
	position: relative;
	width: 570px; 
	margin-top: -15px;
	padding-bottom: 0px;
	overflow:hidden;
	margin: 0px auto;
	}

#contenttwocols{
	width: 760px;
	margin-top: -15px;
	padding-bottom: 20px;
	background: url("../media/images/nav_bg2.gif") 0 30px repeat-y;
	clear: both;
	}


	
#secondaryCol {
	width:176px;
	_width:160px;
	float:right;
	margin-right: 0; 
	margin-top:22px;
	}
	


/* Rich C - increased the width of this by 4 px as noticed it was too narrow when building tarrifs page. Return to hc590 if 
it causes other issues */

#pagecontentwrap{
	margin: 0;
	/* IE bug workaround */ 
	_margin:0;
	_float:left;
	}
.indent.themeBlack,
.indent.themeYellow {
	float: left;
	_float:none;
	}


#pagecontentwrap .twoCol{
	padding: 14px 0 20px 10px;
	width:603px;
	float:left;
	margin:0;
	_overflow:hidden;
}

.resultsstrip{
	background-color: #F4F4F4;
	margin-right: -8px;
	display: block;
	padding: 4px 7px 4px 16px;
	margin-bottom: 4px;
	margin-top: 10px;
	}

.sortstrip{
	background-color: #eee;
	margin-right: -8px;
	display: block;
	padding: 5px 12px 3px 16px;
	margin-bottom: 16px;
	_margin-bottom:0;
	}
.sortimg { float: left; width: 98px; margin: 5px 20px 0 4px; }
.sortstrip table { width: 580px !important; border: 1px #eee solid; margin-top:0 !important; }
.sortstrip form { border: 0 !important; margin:3px 0 0;padding:0; }
.sortstrip td { vertical align: middle; padding: 0 12px 0 0; }
.sortstrip td img { margin-top: 2px; }

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

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


.shortpara {
	width: 420px;
	}



/* Search results styles
------------------------------------------ */
#searchBody {
	text-align: left;
	margin:0 0 0 10px;
	padding:0;
	width: 510px;
	}
.webapp_structure_searchpage_frame {
	width: 538px;
	height: 800px;
	scroll: auto;
	/*margin-left: -7px;
	margin-bottom: 20px;*/
	margin-left:auto; 
	margin-right:0px;
	display:inline-block:
	}
.webapp_structure_searchpage,
.searchresultsinfo,
.searchresultslist li  { 
	text-align: left !important;
	width: 505px !important;
	position: relative;
	margin-bottom:5px;
	}

.searchagain {
	margin-top:-6px;
	background-color: #eee;
	padding:13px 10px 8px;
	}
.searchagain label {
	float: left;
	width: 55px;
	margin-top: 5px;
	}

.searchresultsinfo {
	background-color: #eee;
	padding:11px 0px 3px;
	}
.searchresultsinfo p {
	padding-left: 10px;
	float: left;
	}
.searchresultsinfo p.searchpagination {
	float: right;
	padding-right: 10px;
	}
.searchresultsinfo p.searchpagination a {
	padding: 0 2px;
	}
	
.searchresultslist {
	margin: 0 0 -6px 0;
	padding: 0;
	list-style: none;
	background-image: none;
	}
.searchresultslist li {
	list-style: none;
	background-image: none;
	margin: 10px 0;
	padding-bottom: 10px;
	padding-left: 3px;
	border-bottom: 4px #eee solid;
	}	
.searchresultslist li a {
	font-weight: bold;
	display: block;
	margin-bottom: 2px;
	}

.searchseealso {
	border: 4px #eee solid;
	padding: 8px 10px 12px;
	margin: -6px 0 20px;
	}
.searchseealso ul {
	margin:0;
	padding:0;
	}
ul li {
	margin:0 0 2px;
	padding:0;
	list-style:none;
	}
.searchseealso .logoarea {
	text-align: center;
	padding: 15px 0 5px;
	margin:0;
	}
.searchseealso .logoarea img {
	margin-bottom: 10px;
	}
/*Allowance tabs 6/7/09 K Knight*/
ul.tabNavigation{
position: absolute;
margin: 0;
padding: 0;
top: -29px;
left: -2px;
}
ul.tabNavigation li{
float: left;
}
ul.tabNavigation li {
margin: 0 5px 0 0;
}
/**/
ul.tabNavigation li a{
-webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-radius-topleft:4px; 
-webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-radius-topright:4px;
}
ul.tabNavigation li a{
display: block;
padding: 5px 8px 5px 8px;
font-weight: bold;
background: #cc0102;
color: #fff;
text-decoration: none;
border: 0 solid #cc0102;
border-width: 2px 2px 2px 2px;
border-bottom-color: #a60000;
text-shadow: 0 .2em 0 rgba(0,0,0,.3);
}
ul.tabNavigation li a.selected{
background: #fff;
color: #444;
text-align: center;
padding-bottom: 7px;
border: 0 solid #e0e0e0;
border-width: 2px 2px 0 2px;
cursor: default;
height: 15px !important;/*Safari fix*/
_width:100px;/*IE6 fix*/
text-shadow: none;
}

/*Allowance filtering 6/7/09 K Knight*/
div#filter, div#tariffs, #tabContent{
position: relative;
width: 575px;
border: 2px solid #ddd;
-webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-radius-bottomleft:4px; 
-webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-radius-bottompright:4px;
-webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-radius-toppright:4px;
margin: 15px 0 15px 0;
_margin-top: 30px;/*IE6 fix*/
padding-right: 6px !important;
padding-right: 0;
padding-top: 3px;
color: #444;
}
div#tariffs{
margin-bottom: 30px;
}
#filter{
-webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-radius-topleft:4px;	
}

div#filter table{
background: #efeeef url(../media/images/shop/allowancesgradient.jpg) repeat-x 0 bottom;
margin: 0px 3px 3px 3px;
}

div#filter table td{
padding: 8px 10px 8px 10px;
border: 0px dotted #c9c9c9;
border-top-width: 1px;
border-right-width: 1px;
}
div#filter table td.filterHeading{
border: 0;
font-weight: bold;
padding: 10px;
}
div#filter table td.noRightBorder{
border-right-width: 0px                             
}
div#filter table td.noBorder{
border: 0;
}
/*Allowance selection 6/7/09 K Knight*/
div#tariffs, #tabContent{
padding-bottom: 2px;/*Set as 2px in addition to .tariff border of 1px*/	
}
#tariffs{
top: 30px;	
}
.tariff{
width: 555px;
background: #efeeef url(../media/images/shop/allowancesgradient.jpg) repeat-x 0 bottom;
padding: 5px 5px 15px 15px;
margin: 0 3px 0 3px;
color: #555;
border: 0 solid #fff;
border-bottom-width: 1px;
}
.tariff h3{
margin: 0;
padding: 0;
color: #444;
font-size: 13pt;
font-weight: bold;
padding: 3px 0 5px 0;
border: 0 dotted #c9c9c9;
border-bottom-width: 1px;
}	
.tariff .obligatories{
float: left;
width: 160px;
}
.tariff .electives{
float: right;
width: 380px;

padding-bottom: 5px;
}
.tariff .allowances{
margin-top: 5px;
}
.tariff .action{
clear: both;
padding: 0 10px 0 0;
text-align: right;
}
.tariff #alert{
position: absolute;
text-align: center;
font-size: 8pt;
background: #efeeef url(../media/images/shop/alertarrow.gif) no-repeat left 0;
margin-left: 8px;
padding: 4px 0;
width: 263px;
height: 22px;
display: none;
}
.tariff .allowances ul{
list-style: none;
margin: 5px 0;
padding: 0;
}
.tariff .allowances ul li{
margin: 8px 0;
}
.tariff .button{
border: none;
color: transparent;
*+padding: 0 0 0 9999px;/*Accessibilty - shift input value */
cursor: pointer;
}
.tariff .choosetariff{
height: 24px;
width: 104px;
background:transparent url(../media/images/buttons/bt_choosetariff_states.gif) 0 0 no-repeat;
text-indent:-9999px;
}
.tariff .addtobasket{
height: 24px;
width: 104px;
background:transparent url(../media/images/buttons/bt_addtobasket_states.gif) 0 0 no-repeat;
text-indent:-9999px;
}
.tariff .changeyourtariff{
height: 24px;
width: 139px;
background:transparent url(../media/images/buttons/btn_change_your_tariff.gif) 0 0 no-repeat;
}

.tariff .buttonLocked{
cursor: default;
background-position: 0 bottom;
}
.tariff .button img{
border: 0;
}
/*Handset details page*/
div#tabContent .detailsLeft{
position: relative;
width: 102px;
float: left;
margin: 7px 10px 10px 0;
}
div#tabContent .detailsLeft a, div#tabContent .detailsLeft img.promoImage{
display: block;
}
div#tabContent .detailsLeft a{
color: #000;
padding: 15px 0 0 0;
text-align: center;
}
#tabContent .detailsLeft a.magnifyGlass{
background: url(../media/images/icons/magnifyGlass.gif) 0 13px no-repeat;
text-align: left;
padding-left: 20px;
}
div#tabContent .detailsRight{
float: right;
width: 438px;
padding: 5px 5px 0 0;
}
div#tabContent .detailsRight img.promoImage{
border: none;
float: right;
}
/*Overview boxes*/
div.overviewContent{
position: relative;
float: left;
width: 179px;
height: 210px;
margin: 0 3px 8px 3px;
padding: 3px;
border: 2px solid #ddd;
-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
overflow: hidden; 
background: url(../media/images/shop/overviewbg.gif) no-repeat 0 bottom;
}
div.overviewContent h4{
margin: 0;
padding: 5px 5px 2px 5px;
background-color: #eee;
height: 33px;
font-size: 9pt;
text-transform: uppercase;
}
div.cornerFlash h4{
padding: 5px 5px 2px 54px;
}
div.overviewContent img.cornerPromo{
position: absolute;
top: -8px;
left: 0;
}
div.overviewContent img.handsetImage{
border: none;
margin-top: 9px;
float: left;
}
div.overviewContent div.rightInfo,
div.overviewContent div.promoOfferText{
width: 122px;
right: 3px;
} 
div.overviewContent div.rightInfo{
position: absolute;
margin-top: 9px;
overflow: hidden;
height: 100px;
}
div.overviewContent p.promoOffer{
margin: 0;
padding: 0;
color: #cc0102;
font-weight: bold;
}
div.overviewContent div.rightInfo ul{
margin: 0;
padding: 3px 0 0 5px;
list-style: none;
}
div.overviewContent div.rightInfo ul li{
padding-left: 8px;
background: url(../media/images/themes/bullet_red.gif) no-repeat 0 5px;
font-size: 8pt;
}
div.overviewContent div.promoOfferText{
position: absolute;
bottom: 7px;
}
div.overviewContent div.promoOfferText p{
margin:0 0 5px 0;
padding: 0;
color: #cc0102;
font-weight: bold;
line-height: 9pt;
}
div.overviewContent div.promoOfferText p span{
font-size: 8pt;
color: #000;
font-weight: normal;
}
div.overviewContent div.promoOfferText img{
border: none;
}
div.highlight{
width: 565px;
background-color: #eee;
padding: 10px;
}
div.highlight p{
margin: 0;
padding: 0;
float: left;
}
div.highlight a{
display: block;
float: right; 
}
/*Overwrite old styles to reflect new design*/
#whatYouGetLoads ul, #whatYouGetPlus ul{
padding: 0; 
margin: 10px 0 10px 0;
}
#whatYouGetLoads ul li, #whatYouGetPlus ul li{
padding: 0 0 5px 5px; 
background-position: 0 2px !important;
}
.phoneTable th, p#phoneTableSmPrint{
background: none;
}
.phoneTable th{
font-weight:normal;
border:0 solid #fff;
border-bottom-width:1px;
}
.phoneTable td{
background-color: #fff;
border:0 solid #efeeef;
border-bottom-width:1px;
}
.phoneTable caption{
margin: 0;
padding: 4px 0 4px 2px;
width: 100%;
text-align:left;
font-size:10pt;
font-weight: bold;
text-transform:capitalize;
color: #fff;
background-color: #aaa;
border:0;
}
th.sectionHead{
margin: 5px 0;
padding: 5px 0;
font-size:10pt;
color: #c00;
text-transform:capitalize;
width: 300px;
}
h2{
padding-bottom: 5px;
}
/* Phone problems table K Knight */
div#phoneProblemStatus{margin:0 0 30px 0;padding:4px 8px 4px 8px;width:397px;background:#eee;-moz-border-radius:5px;-webkit-border-radius:5px; -o-border-radius:5px;border-radius:5px;}
div#phoneProblemStatus ul.statusList{list-style:none;margin:0;padding:5px 0 0 0;}
div#phoneProblemStatus ul.statusList li{margin:0 0 10px 0;font-weight:bold;background-color:#fff;padding:4px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:15px;border-radius:5px;}
div#phoneProblemStatus ul.statusList li>span{margin:0;font-weight:bold;padding:4px;}
.goLeft{float:left;}
.goRight{float:right;}
div#phoneProblemStatus .clearFloats{clear:both;overflow:hidden;}
div#phoneProblemStatus ul.statusList li span.handset{width:235px;}
div#phoneProblemStatus div.status{margin:0 4px;padding:10px 0 10px 0;width:inherit;font-weight:normal;border:0 solid #eaeaea;border-top-width:1px;}
div#phoneProblemStatus span.statusDescription{width:270px;}
p.phoneProblemInformationBox{margin:10px 10px 10px 0;padding:4px 8px 4px 8px;background:#eee;text-align:center;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;border-radius:5px;float:left;}
p.phoneProblemInformationBox span{display:block;font-weight:bold;font-size:160%;}
form.handsetManufacturerForm{margin:0;padding:0px 36px 10px 10px;background:#eee;-moz-border-radius:5px;-webkit-border-radius:5px; -o-border-radius:5px;border-radius:5px;display:inline-block;}
form.handsetManufacturerForm select{margin-left:10px;}
form.handsetManufacturerForm span{font-weight:bold;}
div.noJavaScript ul#manufacturerList{margin:0;padding:0;}
div.noJavaScript ul#manufacturerList li{float:left;padding:10px;width:80px;}

form.loader{background: #eee url('../media/images/icons/loader.gif') no-repeat right 50%;}


#countryListLength{padding-left : 3px;padding-right : 3px;}

#VMHheaderTabsContainer > div {
	margin:0 auto;
	width:940px;
}

#VMHheaderTabsContainer {
	background:#FFF;
	text-decoration:none;
	font-size:13px;
	list-style: none;
	margin: 0;
	padding: 5px 0 0;
}
#VMHheaderTabsContainer:after{
clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

#VMHheaderTabsContainer > div {
	margin:0 auto;
	width:940px;
}
#VMHheaderTabsContainer ul {
	margin:0;
	padding-left: 0px;
}
#VMHheaderTabsContainer li {
	display: inline;
	margin: 0;
}
#VMHheaderTabsContainer li a {
	background: #f3f3f3;
	border:1px solid #999;
	border-bottom:0;
	border-radius: 5px 5px 0 0;
	color: #999;
	cursor: pointer;
	float: left;
	text-decoration: none;
	margin: 0 0 0 3px;
	padding:2px 8px 1px;
}
#VMHheaderTabsContainer li:first-child a {
	margin:0;
}
#VMHheaderTabsContainer li#active a,
#VMHheaderTabsContainer li a:hover {
	background:#dc1d00;
	color:#FFF;
}

.pull-right {
float: right;
}

#mainnav {
color: #FFF;
padding: 58px 0 0 110px;
}

#mainnav ul {
	margin:0;
	padding-left: 0px;	
}
.ie7 #mainnav ul {
	margin:0;
}
#mainnav ul.right {
	margin:0;
}
#mainnav li {
	-moz-transition: .2s linear-gradient .5s linear;
	-webkit-transition: .2s linear-gradient .5s linear;
	transition: .2s linear-gradient .5s linear;
	
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

#mainnav li > a {
	display:block;
	font-family:Arial, sans serif;
	font-weight:300;
	font-size:18px;
	line-height:18px;
	margin: 0 0 5px;
	color:#FFF;	
	padding:10px 15px;	
	text-decoration: none;
}
#mainnav li a:hover {
	text-decoration:none;
}
#mainnav li:hover,
#mainnav li.active {
	background: #ef3f33;
	background-image: -moz-linear-gradient(top,  #ef3f33 15%, #940700 50%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(15%,#ef3f33), color-stop(50%,#940700));
	background-image: -webkit-linear-gradient(top,  #ef3f33 15%,#940700 50%);
	background-image: -o-linear-gradient(top,  #ef3f33 15%,#940700 50%);
	background-image: -ms-linear-gradient(top,  #ef3f33 15%,#940700 50%);
	background-image: linear-gradient(top,  #ef3f33 15%,#940700 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef3f33', endColorstr='#940700',GradientType=0 );
	color:#FFF;
	text-decoration:none;
}

#mainnav li {
	float:left;
	position:relative;
	margin-left:3px;
}
#mainnav li:first-child {
	margin-left:0;
}
#sub-nav-wrap {
	background:#2f2f2f;
}
.searchTextBox{
	width: 146px;
	border-radius: 5px;
	height: 16px;
	font-size: 14px;padding: 7px 10px;
}


.searchButton{
    background: linear-gradient(to bottom, #C21715 0%, #780C09 100%) repeat scroll 0 0 transparent;
    color: #FFFFFF;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	padding: 7px 15px;
	border-width: 0px;
	border-radius: 4px 4px 4px 4px;
	background-color:#C21715;
	cursor: pointer;
}
.searchButton:hover, .searchButton:active, .searchButton.active, .searchButton.disabled, .searchButton[disabled] {
    background: linear-gradient(to bottom, #780C09 0%, #C21715 100%) repeat scroll 0 0 transparent;
}

#footer-nav {
	background:#000;
}
#footer-nav > div {
	width:940px;
	margin:0 auto;
}
#footer-nav p {
	color:#CCC;
	display:inline;
	float:right;
	margin:15px;
	line-height: 28px;
}

#footer-logo {
	color: #CCCCCC;
    display: inline;
    float: right;
    line-height: 35px;
    margin: 11px;
}
div.copyright p {
	float:left;
	padding-top:16px;
	margin:0 auto;
}
.disclaimer ul {
	margin: 0 0 9px;
}
.disclaimer ul li {
	float: left;
}
#footer-nav li a {
	color: #CCC;
	float:left;
	margin: 20px 5px 20px 0;
	border-left: 1px solid white;
	padding: 0 2px 0 10px;
	width: auto;
}
#footer-nav nav.disclaimer li:first-child a {
	border-left:none;
	padding: 0 2px 0 0;
}