@charset "utf-8";
/* CSS Document */

/* Mobiles */
div.shophero {background-color:#fff; width:758px; height:135px; margin-bottom:12px;}

div.mobilebox {float:left; width:180px; _width:180px; height:143px; margin-right:10px; position:relative; border:1px solid #ccc; background-color:#f5f5f5; cursor:pointer; margin-bottom:12px;  position:relative;}
div.mobilebox.last {margin-right:0;}
div.mobilebox.hover {border:1px solid #5C2D91; background-color:#fff;}
div.mobile-wrapper {padding:10px 10px 10px 12px; height: 98px; width:158px; _width:158px;}
.broadband-tile {margin-right: 7px!important;}
/* END Mobiles */

div.filterNav {margin-right:10px}

/* mobilebox */

div.handsetDetails {font-weight:bold; width:90px;}

div.handsetImage {position:absolute; top:10px; right:10px;}

span.model {font-size:1.25em; line-height:18px;}

div.handset-price {color:#888; line-height:18px; position:absolute; left:12px; top:70px;}
div.handset-price.colourhover {color:#5C2D91;}

div.priceline {font-size:1.25em; color:#333; font-weight:bold;}

span.discount_price {font-weight:bold;}

div.mobilebox div.controls {background-image:url(/images/general/dotted_lightgrey.gif); background-repeat:repeat-x; background-position:top; height:23px; line-height:23px; text-align:right; padding-right:12px; color:#888; position:absolute; top:120px; left:0; width:168px; font-size:0.88em;}
div.mobilebox div.controls a {color:#888; text-decoration:none; background-image:url(/images/general/arrow_small_grey.gif); background-position:0 9px; background-repeat:no-repeat; padding-left:9px; margin-left:12px;}
div.mobilebox div.controls a:hover {color:#5C2D91; background-image:url(/images/general/arrow_small_colour.gif); text-decoration:none;}

div.mobilebox div.controls a.aleft {float:left;} 
div.mobilebox div.controls a.aright {float:right;} 

.text-bolder {font-weight:bold;}


/* END mobilebox */

/* Filter mobiles */

div.filtermobiles {height:90px; margin-bottom:12px;}
div.filtermobiles ul {clear:both; border-bottom:1px solid #e5e5e5; padding:12px 0 12px 0; height:20px;}
.filtermobiles ul li {list-style:none; float:left; margin-right:10px;line-height:20px;}
.filtermobiles ul li label {margin-left:5px;}

ul.shopping_process {width:758px; background:url(/images/general/dotted_grey.gif) bottom repeat-x; height:20px; margin-top:22px; margin-bottom:12px;}
ul.shopping_process li {float:left; font-size:0.88em; color:#999; list-style:none; background:url(/images/general/bg_span_arrow_lightgrey.gif) top left no-repeat; padding-left:11px; margin-right:5px;}
ul.shopping_process li.active {color:#5C2D91; background:url(/images/general/bg_span_arrow_colour.gif) top left no-repeat;}
ul.shopping_process li a {color:#999; text-decoration:none;}
ul.shopping_process li a:hover {text-decoration:underline;}

div.handset_img {float:left; width:140px; height:311px; margin-right:15px; text-align:center;}

div.tabs {float:right;padding-bottom:20px;}

a.btn.request_call {padding-right:83px; _padding-bottom:3px;}

div.img_thumbnail {height:312px; width:140px; background:url(/images/general/dotted_grey.gif) bottom repeat-x; margin-bottom:10px;}

p.viewdemo {background:url(/images/general/dotted_grey.gif) bottom repeat-x; padding-bottom:10px; color:#999; margin:0;}
p.viewdemo a {color:#999; text-decoration:underline;}
p.viewdemo a:hover {color:#5C2D91; text-decoration:none;}
p.viewdemo img {margin-right:5px;}

ul.colour_variants {clear:both; background:url(/images/general/dotted_grey.gif) bottom repeat-x; height:25px; padding:0 0 0 5px;}
ul.colour_variants li {list-style:none; float:left; margin-right:4px; color:#999; height:20px!important;}
ul.colour_variants li.last {margin:0;}
ul.colour_variants li.active {background-image:url(/images/general/selected_arrow.gif)!important; background-repeat:no-repeat; background-position:4px 16px;}

/* Your Cart box */

.shopping_cart{padding-bottom:2px!important; position:relative;}

.purchase{height:100px; margin-bottom:2px; padding-left:35px;}

.handset-thumbnail{float:left; height:98px; width:49px; margin-right:5px;}
.plan-thumbnail{float:left; margin-top:10px; width:59px;}

.purchase-details {background-color:#e5e5e5; width:176px; margin-left:3px; margin-bottom:2px;}

/* Purchase Details Table */

.purchase-details table {color:#494949; font-weight:bold; margin:0 auto; margin-top:2px;}
.purchase-details span {font-weight:normal;}
.purchase-details span.online-savings {font-weight:bold; color:#ed1c24}
.purchase-details tbody td.greyline{background:url(/images/general/dotted_darkgrey.gif) repeat-x bottom; font-size:0; line-height:0; margin:0; padding:0; height:5px;}
.purchase-details td{padding:7px 0 9px 0}
.purchase-details td.leftalign{text-align:left; vertical-align:top; width:100px;}
.purchase-details td.pack-includes{text-align:left;}
.purchase-details td.pack-includes ul{list-style:none; font-weight:normal; padding:0; margin:8px 0; line-height:14px}
.purchase-details td.rightalign{text-align:right; vertical-align:top; width:55px;}
.purchase-details tfoot td {color:#000; border-top:1px solid #000; padding:10px 0 15px 0;}

img.buybtn_cart {margin-left:3px;}

/* Price Plans Table */

div.PricePlanTable_title {padding:0; margin:0;}
div.PricePlanTable_title h3 {font-size:1.63em;}
.priceplans{width:758px;clear:both; margin-top:20px;}

.left-wider h3 span {font-size:0.88em; font-weight:normal;}
.left-wider h3 img {margin:0 5px;}

div.PricePlanTable {padding:3px 0; background:url(/images/general/dotted_grey.gif) 0 0 repeat-x; margin-top:10px;}
.PricePlanTable table thead {background-color:#e6e4e5; vertical-align:middle; color:#494949;}
.PricePlanTable table {width:100%!important;}
.PricePlanTable table th {font-weight:bold; padding:5px 5px 5px 5px; text-align:center;}
.PricePlanTable table th.leftalign {text-align:left; width:170px; padding-left:5px;}
.PricePlanTable table td.leftalign {text-align:left; width:190px; padding-left:5px;}

/* Added 19/11 to accommodate priceplans with longer names */
/* .ppWider { width: 115px; } */
.PricePlanTable table td.rightalign {text-align:right;}
.PricePlanTable table thead td {height:30px; vertical-align:middle;}
.PricePlanTable table tbody td {text-align:center; border-bottom:1px solid #ccc; padding:3px 2px 0 2px; vertical-align:middle; height:56px;}
.PricePlanTable tr.selectedPricePlan td{border-top:2px solid #5c2d91; border-bottom:2px solid #5c2d91; background-color:#f3f3f3; color:#000;}
.PricePlanTable tr.selectedPricePlan td.leftalign {border-left:2px solid #5c2d91;}
.PricePlanTable tr.selectedPricePlan td.centered {border-right:2px solid #5c2d91;}
.PricePlanTable tr.selectedPricePlan td.highlighted-column, .PricePlanTable tr th.highlighted-column {background-color:#dcdcdc;}
.PricePlanTable tr td.highlighted-column {background-color:#eee;}

.PricePlanTable table td.last {text-align:right;}

.PricePlan-Desc {}
.PricePlan-Bubble {float:left; margin:2px 12px 0 0;position:relative; height:54px;}
.PricePlan-Link {float:left; margin-top:18px}
.PricePlan-Link a {color:#333; text-decoration:underline;}
.PricePlan-Link a:hover {color:#5C2D91; text-decoration:none;}
.selectedIcon {height:24px; width:22px; position:absolute; top:10px; left:-30px;}
.totalcolumn {font-size: 1.425em; font-weight: bold;}

div.filters {height: 26px;}
div.filters em {display: block; width: 165px; float: left;}
div.filters label {padding-left: 6px; padding-right: 12px;}
div.filters.links {margin-top: 4px;}
div.filters a {font-weight: bold;display: block; padding: 0 8px; border-right: 1px solid #CCC; float: left;}
div.filters a.first {padding-left: 0px;}
div.filters a.last {border-right:0;}

div.filterNav ul li {position:relative;}
img.openArrow { position:absolute; top:5px; right:0;}

/* Logos */

div.more_info {margin:25px 0 0 0; color:#333; text-align:center; height:40px; line-height:40px; padding:0; }
div.more_info ul {margin:0 auto; text-align:center; width:758px;}
div.more_info ul li {float:left; list-style:none; margin-right:7px; line-height:28px;}
div.more_info ul li.last {margin:0;}
div.more_info  a {color:#333; text-decoration:none;}
div.more_info  a:hover {color:#000; text-decoration:underline;}

li.entrust {width:168px; height:31px; padding-top:3px; }
/*li.entrust a {width:168px; height:31px; background:url(/images/logos/payment_methods/entrust_on.jpg) 0 -31px no-repeat; cursor:pointer; display:block;}
li.entrust a:hover {width:168px; height:31px; background:url(/images/logos/payment_methods/entrust.jpg) 0 0 no-repeat; cursor:pointer; display:block;}*/

li.mastercard {width:46px; height:29px;}
/*li.mastercard a {width:46px; height:29px; background:url(/images/logos/payment_methods/mastercard.jpg) 0 -29px no-repeat; cursor:pointer; display:block}
li.mastercard a:hover {width:46px; height:29px; background:url(/images/logos/payment_methods/mastercard.jpg) 0 0 no-repeat; cursor:pointer; display:block }*/

li.visa {width:52px; height:22px; padding-top:3px; }
/*li.visa a {width:52px; height:22px; background:url(/images/logos/payment_methods/visa.jpg) 0 -22px no-repeat; cursor:pointer; display:block; padding-top:3px;}
li.visa a:hover {width:52px; height:22px; background:url(/images/logos/payment_methods/visa.jpg) 0 0 no-repeat; cursor:pointer; display:block; padding-top:3px; }*/

li.visa_debit {width:52px; height:32px; padding-top:3px; }

li.laser {width:27px; height:28px;}
/*li.laser a {width:27px; height:28px; background:url(/images/logos/payment_methods/laser.jpg) 0 -28px no-repeat; cursor:pointer; display:block}
li.laser a:hover {width:27px; height:28px; background:url(/images/logos/payment_methods/laser.jpg) 0 0 no-repeat; cursor:pointer; display:block }*/

li.v3 {width:46px; height:29px;}
/*li.v3 a {width:46px; height:29px; background:url(/images/logos/payment_methods/3v.jpg) 0 -29px no-repeat; cursor:pointer; display:block}
li.v3 a:hover {width:46px; height:29px; background:url(/images/logos/payment_methods/3v.jpg) 0 0 no-repeat; cursor:pointer; display:block }*/


/* Accordion */

#accordion a.accordion-header {display:block!important; height:25px!important; background-color:#eee; color:#888888; font-size:1.2em;font-weight:bold; border-bottom:2px solid #FFFFFF; padding:8px 0 0 10px; background-image:url(/images/shop/accordion/bar-open-grey.gif); background-position:right center; background-repeat:no-repeat; text-decoration:none!important;}
#accordion a.accordion-header:hover {background-color:#885bb7; text-decoration:none; color:#FFFFFF; background-image:url(/images/shop/accordion/bar-open-white.gif); background-position:right center; background-repeat:no-repeat;}
#accordion a.accordion-header.selected {background-color:#5c2d91; color:#FFFFFF; background-image:url(/images/shop/accordion/accordion-selected-bar.gif); background-position:right center; background-repeat:no-repeat;text-decoration:none!important;}

#accordion a.accordion-header span.descp {font-weight:normal; background-image:url(/images/shop/accordion/arrow-small-grey.gif); background-repeat:no-repeat; background-position:left center; padding-left:10px;}
#accordion a.accordion-header:hover span.descp, #accordion a.accordion-header.selected span.descp {font-weight:normal; background-image:url(/images/shop/accordion/arrow-small-white.gif); background-repeat:no-repeat; background-position:left center; padding-left:10px;}

#accordion-controls {float: right; text-align: right; clear: both; width:200px; margin:0; padding:0; height:21px; _height:auto;}

/* Modal dialogs - Buy Now */

div.filtermobiles {display: none;}
div.newCustomer p, div.newCustomer h4 {margin-bottom: 8px;}
div.alreadyCustomer {margin-top:8px; padding-top:5px; border-top: 1px solid #CCC;}

/* Quotes */

div.quotes {background:url(/images/shop/blockquote-review-bg.gif) 0 0 no-repeat; padding:23px 0 0 15px; width:235px; height:55px; font-size:1.065em; font-weight:bold;}
a.quotelink {font-weight:bold;}

/* USPs */

.overview-text ul.usp {margin:20px 0; padding:0}
.overview-text ul.usp li{float:left; list-style:none; color:#fff; background-image:url(/images/shop/ho_usb.png); width:55px; padding-top:12px; text-align:center; font-weight:bold; font-size:10px; margin-right:8px; background-repeat: no-repeat; height: 58px}
.overview-text ul.usp li.usp-red{background-image:url(/images/shop/ho_usb_red.png);background-repeat:no-repeat; }
.overview-text ul.usp li.usp-skysports {background-image:url(/images/usp/usp_free_skysports.png)!important;background-repeat:no-repeat;}
.overview-text ul.usp li.usp-skysports span {display:none;}

/* Request Call */

form.requestCallForm {text-align:left; padding-left:10px; font-size:11px; font-family:Tahoma, Geneva, sans-serif; padding-bottom:10px;}
form.requestCallForm textarea {width:140px; font-size:11px; font-family:Tahoma, Geneva, sans-serif; padding:2px; border:1px solid #999; margin-bottom:8px;}
form.requestCallForm select {width:140px; font-size:11px; font-family:Tahoma, Geneva, sans-serif; padding:2px; border:1px solid #999;}
form.requestCallForm input.txt{width:140px; font-size:11px; font-family:Tahoma, Geneva, sans-serif; padding:2px; border:1px solid #999;}
form.requestCallForm label {width:140px; font-size:11px; font-family:Tahoma, Geneva, sans-serif; text-align:left; padding:0!important; margin:0; height:20px; line-height:20px; color:#666;}
ul.onlineFeatureList { text-align: left; list-style-type: none; width: 158px; margin:0 0 10px 6px!important; padding: 0!important;}
ul.onlineFeatureList li { font-size: 1.1em; list-style-image: url(/images/general/arrow_small_grey.gif); list-style-position: outside; margin-left: 15px!important; padding-bottom: 3px!important;}

/* Ajax loader */
#loading {z-index: 9999; position:absolute;}
#loading img, #loading h2  {position: relative; top:85px; left: 200px; }
#loading-wider img, #loading-wider h2  {position: relative; top:85px; left: 300px; }
#loading h2 {text-align:center}

/* Mobiles Nav */
.filterNav {width:170px; padding:0px 0 0 0px; float:left;}
.filterNav ul {padding:0 0 2px 0; margin:5px 0 0 0; list-style: none; }
.filterNav ul li.selected {font-weight:bold; background-color:#ededed;}
.filterNav ul li.subli {margin-left:10px!important}
.filterNav ul li.subli2 {margin-left:20px!important}
.filterNav ul li.subli3 {margin-left:30px!important}
.filterNav ul li {margin: 0 0 1px 0px; padding: 4px 1px 6px 0!important; background-image:url(/images/general/dotted_grey.gif)!important; background-repeat:repeat-x; background-position:bottom!important;}
.filterNav ul li img {margin-right:5px;}
.filterNav a {color:#333;text-decoration:none;}
.filterNav a:hover {color:#000;text-decoration:underline;}
.filterNav ul li span.secondline {margin-left:11px;}
.bold {font-weight: bold;}
.featureList label {width: 160px; display: block; margin-top: 4px; font-weight: normal; line-height: 16px;}
.featureList label input {margin-right: 8px!important}


.mobilecontainer {width:568px; margin:5px 0px 10px 0px; padding:0 0 20px 0; line-height:1.4; float:left; position:relative;}
.broadband, .simonly {width:758px!important;}
.wide {width:768px!important;}

img.out-of-stock { position: relative; left: 18px; top: -11px;}
#oos-form {display: none; position: relative;}
span.smaller {font-size: 0.625em; display: block; margin-top: -3px; font-weight: normal!important}

/* Bug fix */
.table3 tbody td {height:24px!important; vertical-align:middle; text-align:center; border-bottom:1px solid #ccc; padding:2px;}

td.description {height: auto!important; padding-bottom: 14px!important; }

span.monthly-cost {font-size: 1.875em;}
div.plan-section {margin-bottom: 12px;}
.left-padded {padding-left: 5px;}
a.pp-info {
	text-decoration: none!important;
}

a.pp-info span{
	text-decoration: underline;
}
a.pp-info span:hover {
	text-decoration: none;
}
.chosen-plan {text-align: center; width: 60px; float: right;}
.save {color:#5c2d91; font-size: 1.2em; font-weight: bold;}

div.mobilesFilterInfo { background-color:#EEE; font-size:1.15em; padding:10px; width:725px; clear:both; margin-bottom:12px;}
div.mobilesFilterInfo span.selected { font-weight:bold;}

ul.iphone-features {float: left!important;}
ul.iphone-features li {list-style:none;}
ul.iphone-features li img {float:left; margin-right:8px; }
ul.iphone-features li p {float:left; margin-right:8px; margin-top:0!Important; padding-top:0!Important; width:200px;}



ul.variant-list {padding:0 0 2px 0; margin:5px 0 0 0; list-style: none; }
ul.variant-list li {margin: 0 0 1px 0px; padding: 4px 1px 6px 0!important; background-image:url(/images/general/dotted_grey.gif)!important; background-repeat:repeat-x; background-position:bottom!important;}
ul.variant-list li.selected {font-weight: bold; background-color: #ededed;}
ul.variant-list li img {margin-right:5px;}
ul.variant-list a {color:#333;text-decoration:none;}
ul.variant-list a:hover {color:#000;text-decoration:underline;}
ul.variant-list li span.secondline {margin-left:11px;}

/* Added for iPhone Modal content */
#iphone-modal { background:url(/images/shop/iphone-modal-bg.jpg) 0 0 no-repeat; width: 315px; height: 49px; padding: 8px 10px; font-weight: bold; color: #FFF; }