/* Expansys/8a/basket */
#upsell h1 {font-size:20px;line-height:17px;letter-spacing:-1px;font-weight:normal;background:url(/j/8a/images/pages/product/title_bg.png) no-repeat 100% 100%}
#upsell h1 strong {font-size:26px;line-height:24px;font-weight:bold;letter-spacing:-1px}

#content h2 {margin:12px 0;padding:6px 8px;font-size:18px;line-height:18px;color:#fff;background:#5f6a72 url(/j/8a/images/generic/subtitle_bg.png) repeat-x 0 0;clear:both;text-shadow:0 -1px 0 rgba(0,0,0,.3);-moz-border-radius:4px;border-radius:4px;-moz-box-shadow:0 2px 3px rgba(0,0,0,.1);-webkit-box-shadow:0 2px 3px rgba(0,0,0,.1);box-shadow:0 2px 3px rgba(0,0,0,.1)}

#upsell:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
#upsell_primary {float:left;width:648px;padding-right:15px;border-right:1px solid #eee}
#upsell_aside {float:left;width:283px;padding:0 16px}

#upsell_primary ul {margin:0;padding:0;list-style:none}
#upsell_primary .delivery {padding:4px 8px;border-bottom:1px solid #eee}
#upsell_primary .delivery ul {float:right;margin-top:-65px}
#upsell_primary .delivery li {font-size:11px;margin:4px 0}
#upsell_primary .delivery select {width:200px;border:1px solid #ccc;background:none}

#upsell_primary .basket_total {font-size:13px;color:#56a61d;text-align:right}
#upsell_primary .basket_total strong {font-size:18px} 

#upsell_primary .just_added {}
#upsell_primary .just_added .item {padding:8px 0;border-top:1px solid #eee;border-bottom:1px solid #eee}
#upsell_primary .just_added .item:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
#upsell_primary .just_added .item li {margin-left:124px}
#upsell_primary .just_added .item .image {float:left;margin:0 12px}
#upsell_primary .just_added .title h3 {margin:3px 0 2px;font-size:12px;line-height:15px;}
#upsell_primary .just_added .version {margin:4px 0;font-size:11px;color:#666}
#upsell_primary .just_added .price {margin-top:12px;font-size:13px;color:#56a61d;font-weight:bold}
#upsell_primary .just_added .contract_details {margin-top:12px;padding-right:20px;font-size:11px;color:#666}

#upsell_primary .buttons {margin:16px 0}
#upsell_primary .buttons:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
#upsell_primary .buttons .continue {float:left;padding:10px 0;font-weight:bold}
#upsell_primary .buttons .basket {float:right}

/* Accessories */
#also_ordered:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
#also_ordered ul {float:left;width:140px;overflow:hidden;height:180px;margin:0 16px 0 0;padding:0 5px;list-style:none;text-align:center}
#also_ordered .c4,#also_ordered .c8,#also_ordered .c12 {margin-right:0}
#also_ordered h4 {margin:0;font-size:11px;line-height:13px;max-height:40px;overflow:hidden}
#also_ordered h4 a {color:#001722;text-decoration:none}
#also_ordered h4 a:hover {color:#5f6a72;text-decoration:underline}
#also_ordered .title {margin:4px 0;font-size:11px;line-height:13px;max-height:40px;overflow:hidden}
#also_ordered .price {margin:4px 0;font-weight:bold;font-size:13px;color:#56a61d}

#recently_viewed:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
#recently_viewed ul {float:left;width:140px;overflow:hidden;height:180px;margin:0 16px 0 0;padding:0 5px;list-style:none;text-align:center}
#recently_viewed .c4,#recently_viewed .c8,#recently_viewed .c12 {margin-right:0}
#recently_viewed h4 {margin:0;font-size:11px;line-height:13px;max-height:40px;overflow:hidden}
#recently_viewed h4 a {color:#001722;text-decoration:none}
#recently_viewed h4 a:hover {color:#5f6a72;text-decoration:underline}
#recently_viewed .title {margin:4px 0;font-size:11px;line-height:13px;max-height:40px;overflow:hidden}
#recently_viewed .price {margin:4px 0;font-weight:bold;font-size:13px;color:#56a61d}

#primary_accessories:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
#primary_accessories ul {float:left;width:140px;overflow:hidden;height:180px;margin:0 16px 0 0;padding:0 5px;list-style:none;text-align:center}
#primary_accessories .c4,#primary_accessories .c8,#primary_accessories .c12 {margin-right:0}
#primary_accessories h4 {margin:0;font-size:11px;line-height:13px;max-height:40px;overflow:hidden}
#primary_accessories h4 a {color:#001722;text-decoration:none}
#primary_accessories h4 a:hover {color:#5f6a72;text-decoration:underline}
#primary_accessories .title {margin:4px 0;font-size:11px;line-height:13px;max-height:40px;overflow:hidden}
#primary_accessories .price {margin:4px 0;font-weight:bold;font-size:13px;color:#56a61d}
#primary_accessories .image {width:100px;height:100px;margin:0 auto}

/*right*/
#upsell_aside {font-size:13px;text-align:center}

/* empty basket */
#empty {margin:30px 0;text-align:center}
#empty h2 {font-size:20px;background:none;text-shadow:none;color:#5f6a72}
#empty font {font-size:13px;color:#001722;letter-spacing:0;font-weight:normal;line-height:16px;color:#7f898f} /* arrgh font tag! */

/* Contract Phone */
#contractBestDealHeading {margin:0 0 16px}
#contractBestDealTariff {overflow:hidden;margin:0 0 18px}
#contractBestDealTariff img {float:left;position:relative;top:2px}
#contractBestDealTariff p {margin:0 0 0 38px;font-weight:bold;font-size:12px}
#contractBestDealPanel #contractBestDealDetails {margin:0 0 20px 20px;padding:0;list-style:disc}
#contractBestDealPanel #contractBestDealDetails li {font-size:13px;line-height:1.5} 

.contractTabs {margin:0;padding:0;overflow:hidden;float:left}
*+html .contractTabs {margin-top:16px;margin-bottom:-12px}
* html .contractTabs {height:36px;clear:both}
.contractTabs li {float:left;display:inline}
.contractTabs li a,#contractTabsViewAll {float:left;display:inline;text-decoration:none;margin:0 2px 0 0;height: 36px} 
.contractTabs li a img { display: block; } 

.contractTabPanes { clear: both; margin: 0; }
* html .contractTabPanes {zoom:1}
.contractTabPane {border-top:3px solid #079bdc;padding:0}
.vodafonePane {border-color:#dc0707}
.threePane {border-color:#7915c0}
.tmobilePane {border-color:#dc0771}
.orangePane {border-color:#ff6601}
.o2Pane {border-color:#1265a8}
.contractTabPanes h3 {color:#333;font-weight:normal;background:none;margin:0 0 6px;padding:0;font-size:22px;padding:16px 0 0} 
.contractDealsTable {margin:0;width:100%}
.contractDealsTable td, .contractDealsTable th {border-bottom:1px solid #ddd;text-align:center}
.contractDealsTable td.left, .contractDealsTable th.left {text-align:left}
.contractDealsTable th {padding:8px 20px; color: #333;background: #f9f9f9}
.contractDealsTable td {border-right:1px solid #ddd;padding:8px 12px}
.contractDealsTable .stripe td {background:#f9f9f9}
.contractDealsTable td.last {border-right:none}
.contractDealsTable p {margin:0;color:#333}
.contractDealsTable .tariffName {font-weight:bold;font-size:11px;line-height:1.2;width:80px}
.contractDealsTable ul {margin:0 0 0 16px;padding:0;font-size:11px}
.contractDealsTable ul li {margin:4px 0;line-height:1.2;color:#333}
.monthlyCost, .phoneCost {font-size:18px;font-weight:bold}
.contractDealsTable .phoneCost {margin:5px 0 10px} 
/* END Contract Phone */
