﻿/* Expansys/8a/home */
#promo {margin:0 0 12px}
#promo img {display:block}

#spotlight {position:relative;height:384px;margin:0 0 16px;xbackground:rgba(0,0,0,.07)}
#spotlight img {display:block}
#spotlight a {color:#000;text-decoration:none}
#spotlight .spot {position:absolute;background:#fff}
#spotlight .p1 {top:0;left:0;width:482px;height:384px}
#spotlight .p2 {top:0;left:498px;width:233px;height:184px}
#spotlight .p3 {top:0;left:747px;width:233px;height:184px}
#spotlight .p4 {top:200px;left:498px;width:233px;height:184px}
#spotlight .p5 {top:200px;left:747px;width:233px;height:184px}

#megasl {position:absolute;top:0;left:0;width:980px;height:384px;background:#fff;z-index:50}/* full width mega banner*/

/* Category panels */
#f_category,#s_category {width:990px;margin:16px 0} /* Added extra px width to prevent wrapping with negative page zoom */
#f_category:after,#s_category:after,.category .brands:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
#f_category .c4,#s_category .c4 {margin-right:0} 
.category {float:left;width:231px;margin:0 16px 0 0;font-size:12px;border:1px solid #dedfe2;border-top:0}
#f_category .category {height:398px}
#s_category .category {height:202px}
.category ul {margin:0;padding:0;list-style:none}

.category h2 {margin:0;padding:0;font-size:20px;line-height:18px;font-weight:normal;letter-spacing:-1px;text-align:center;background:0}
.category h2 a {display:block;margin:0 -1px;padding:8px 4px 10px;color:#505a62;text-shadow:0 1px 0 rgba(255,255,255,.8);background:#ebeef1 url(/j/8a/images/pages/home/title_bg_light.png) repeat-x 0 0;text-decoration:none}
.category h2 a:hover {text-decoration:underline}

/* UK titles */
#region_uk .category h2 {font-weight:bold;}
#region_uk .category h2 a {display:block;margin:0 -1px;padding:8px 4px 10px;color:#5e6a71;text-shadow:0 1px 0 rgba(255,255,255,.8);background:#dedfe2;text-decoration:none}
#region_uk .category h2 a:hover {text-decoration:underline}

.category .brands {height:59px;overflow:hidden;padding:2px 0;border-top:none}
.category .brands li {float:left;width:108px;margin:2px 0 2px 6px}
.category .products {margin-top:4px;border-top:2px solid #dedfe2}
.category .products h3 {margin:4px 80px 0 0;max-height:42px;overflow:hidden;font-size:12px;line-height:14px}
.category .products h3 a {display:block}
.category .products ul {position:relative;height:96px;overflow:hidden;padding:0 6px;border-bottom:1px solid #dedfe2}
.category .products li:last-child ul{border:0}
.category .products a {color:#001722;text-decoration:none}
.category .products a:hover {text-decoration:underline}
.category .title {margin:0 0 6px}
.category .price {margin:0 20px 2px 0;font-size:13px;color:#56a61c;font-weight:bold}
.category .price sup {position:relative;top:4px;font-size:11px;line-height:0}
.category .secondary.c1 .price {margin-right:80px}
body:-moz-last-node .category .price sup {font-size:10px;top:5px} /*tweak for firefox*/
@media screen and (-webkit-min-device-pixel-ratio:0){.category .price sup {font-size:10px;top:3px}}/*tweak for webkit*/
/*.category .price .saving {position:absolute;top:16px;left:132px;padding:4px 8px;background:#7f1399;color:#fff;font-size:10px;line-height:11px;font-weight:bold;text-align:center;-moz-box-shadow:0 2px 3px rgba(0,0,0,.2);-moz-border-radius:4px;-webkit-box-shadow:0 2px 3px rgba(0,0,0,.2);border-radius:4px;box-shadow:0 2px 3px rgba(0,0,0,.2)}
.category .price .saving strong {display:block}*/
.category .price .exc_vat {display:block;font-size:10px;color:#9fc385;letter-spacing:normal;font-weight:normal}
.category .price .exc_vat sup {line-height:0;font-size:10px;line-height:0}
.category .price small {font-weight:normal}
.category .image {position:absolute;right:8px;top:12px;z-index:5}
.category .avg {margin:2px 0 0}
.category .details {margin:2px 72px 4px 0;font-size:11px;line-height:12px;color:#5f6a72;}
.category .network {position:absolute;top:-4px;left:-4px;width:44px;height:44px}
.category .vodafone {background:url(/j/6c/images/checkout_v3/contracts/overlay/vodafone.png) no-repeat 0 0}
.category .t-mobile {background:url(/j/6c/images/checkout_v3/contracts/overlay/t-mobile.png) no-repeat 0 0}
.category .o2 {background:url(/j/6c/images/checkout_v3/contracts/overlay/o2.png) no-repeat 0 0}

/* regional tweaks */
#region_pt .category h2 {font-size:12px;font-weight:bold;letter-spacing:0}
#region_kr .category h2 {font-size:18px;font-weight:bold;letter-spacing:0}
#region_fi .category h2 {font-size:12px;font-weight:bold;letter-spacing:0}


#promo_bar {margin:16px 0}
#promo_bar img {display:block}

/* ads */
.a_block {margin:16px 0;padding:0;list-style:none}
.a_block:after {display:block;font-size:0;content:" ";clear:both;height:0}
.a_block li {float:left;margin-right:16px}
.a_block img {display:block}

.a_2col .c2 {margin-right:0}
.a_3col .c3, .a_3col .c6 {margin-right:0}
.a_4col .c4 {margin-right:0}
.a_3col .c4, .a_3col .c5, .a_3col .c6 {margin-top:16px}

/* regional tweaks */
#region_cn #f_category .c3 .brands {height:59px}


/*mega category */
#m_category {width:988px} /*prevent wrapping on page zoom*/
#m_category .category {width:480px;xheight:500px;margin-bottom:16px}
#m_category .c2,#m_category .c4 {margin-right:0}
#m_category .category .brands {height:20px;overflow:hidden;padding:5px 0}
#m_category .category .brands li {width:auto}
#m_category .category .brands li a {padding-right:8px}
#m_category .category .products {margin-top:0}
#m_category .primary ul {height:186px;padding-left:188px}
#m_category .primary .image {position:absolute;left:14px;top:12px;width:162px;height:162px}

#m_category .logo  {position:absolute;bottom:4px;left:-10px;width:70px;height:70px;background:url(/j/8a/images/pages/category/brand_logo_bg.png) no-repeat 0 0;opacity:.95;-ms-interpolation-mode:bicubic}
#m_category .logo  img {display:block;margin:9px 10px}
#m_category .price sup {line-height:0}

#m_category .category .c2 {margin-right:0}
#m_category .secondary ul {border:0}
#m_category .primary h3 {margin:9px 2px 2px 0;max-height:52px;overflow:hidden;font-size:20px;font-weight:normal;line-height:24px;letter-spacing:-1px}
#m_category .primary h3 a {display:block}
#m_category .primary .price {margin:6px 0}
#m_category .desc {margin:8px 0 4px;padding-right:4px;font-size:11px;line-height:14px;color:#5f6a72}
#m_category .desc a {color:#0080B9;text-decoration:underline;font-weight:bold}
#m_category .desc a:hover {text-decoration:none}

#m_category .secondary {float:left;width:239px;border:0}
#m_category .secondary .image {position:absolute;left:4px;top:12px;width:72px;height:72px}
#m_category .secondary ul {padding-left:82px}
#m_category .secondary h3 {margin:6px 0 4px;max-height:30px;overflow:hidden;line-height:15px;}
#m_category .secondary .desc {margin:3px 0 0;color:#5f6a72;font-size:10px;line-height:11px}

/* savings */
#m_category .price .saving {position:absolute;top:6px;left:6px;padding:4px 8px;background:#7f1399;color:#fff;font-size:10px;line-height:11px;font-weight:bold;text-align:center;-moz-box-shadow:0 2px 3px rgba(0,0,0,.2);-moz-border-radius:4px;-webkit-box-shadow:0 2px 3px rgba(0,0,0,.2);border-radius:4px;box-shadow:0 2px 3px rgba(0,0,0,.2);z-index:100}
#m_category .price .saving strong {display:block}
#s_category .price .saving {position:absolute;top:6px;left:156px;padding:4px 8px;background:#7f1399;color:#fff;font-size:10px;line-height:11px;font-weight:bold;text-align:center;-moz-box-shadow:0 2px 3px rgba(0,0,0,.2);-moz-border-radius:4px;-webkit-box-shadow:0 2px 3px rgba(0,0,0,.2);border-radius:4px;box-shadow:0 2px 3px rgba(0,0,0,.2);z-index:100}
#s_category .price .saving strong {display:block}


#region_cn #m_category .desc {line-height:13px}
#region_cn #m_category .secondary .avg,#region_th #m_category .secondary .avg {display:none}
#m_category .primary .price span {display:inline;padding-left:3px}

/* box promo strip */

#box_promo ul {margin:16px 0;margin:0;padding:0;list-style:none}
#box_promo ul:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
#box_promo li {float:left}
#box_promo .c1,#box_promo .c2 {margin-right:16px}
#box_promo img {display:block}

/* updated box promo */
#box_promo-2015 ul {margin:0;padding:0;list-style:none}
#box_promo-2015 ul:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
#box_promo-2015 li {float:left;margin:0 16px 16px 0}
#box_promo-2015 a:hover {opacity:.9}
#box_promo-2015 .c3,#box_promo-2015 .c6 {margin-right:0}
#box_promo-2015 .c4,#box_promo-2015 .c5,#box_promo-2015 .c6 {margin-bottom:0}
#box_promo-2015 img {display:block}

/* forum */
#content .forumTable {width:100%;margin:16px 0} 
#content .forumTable thead {background:#c4bca5 url('/j/8a/images/pages/forum/forumHeader-980x34.png') no-repeat left top} 
#content .forumTable thead th {background:none;font-size:12px;margin:0;border:none;height:34px;line-height:34px;color:#fff;text-shadow:1px 1px 2px rgba(145,140,122,0.85);text-align:left;padding:0 15px;text-transform:uppercase} 
#content .forumTable tr:nth-child(2n) {background:#f4f4f4} 
#content .forumTable td {text-align:left;padding:0 15px;border-bottom:1px solid #ddd;border-left:1px solid #ddd;font-size:12px;color:#444}
#content .forumTable h2 {font-size:14px;line-height:14px;padding:6px 0 0;margin:0 0 4px;display:block;letter-spacing:0}
#content .forumTable h2 a {text-decoration:none}
#content .forumTable td .forumSubtitle {font-size:11px;color:#666;margin:0 0 6px}
#content .forumTable td .forumSubtitle a {font-size:11px}
#content .forumTable .first {width:62%}
#content .threadTable .first {width:58%}
#content .forumTable .last {border-right:1px solid #ddd;width:200px}
#content .forumTable .center {text-align:center}
#content .forumTable .right {text-align:right}
#content .forumTable .forumNumThreadsPosts {font-size:11px;color:#666}
#content .forumTable .forumLatestPostDetails {font-size:11px;color:#666}
#content .forumTable .forumLatestPostDetails a {font-size:11px} 
