﻿/* global article styling */
div.article p{margin:0 0 1.3em 0;}
div.article ul{list-style:disc; margin:1.3em;}
div.article div.clr{display:block; clear:both;}
div.article div.product-merchant-wide{border:1px solid #F1F1F1; padding:8px;}
.product-merchant ul.info-icons {padding:5px 0;}

/*Promo page styles including Vista article*/
.promopage-content {padding:0 15px 0 15px; line-height:1.5em; font-size:1.1em}
.promopage-content .imgleft {border:1px solid #BBC6E0; padding:10px; margin:0 15px 15px 0}
.promopage-content .imgright {border:1px solid #BBC6E0; padding:10px; margin:0 0 15px 15px}
.promopage-content p {padding:0 0 25px 0; margin:0}
.promopage-content h1 {color:#369; font-size:1.1em; border-bottom:2px solid #BBC6E0; margin:10px 0; padding-bottom:10px; font-weight:bold; clear:both}
.promopage-content h2 {color:#369; font-size:1.0em; padding:0 0 10px 0; margin:10px 0 10px 0; border-bottom:1px solid #BBC6E0; clear:both}
.promopage-content h3 {color:#000; font-size:1.0em; padding-bottom:10px; margin:10px 0 17px 0; border-bottom:1px solid #BBC6E0; clear:both}
.promopage-content h4 {color:#000; font-size:1.0em; margin:10px 0 5px 0;}
.promopage-content ul.flowlist {float:none; margin:0 0 20px 30px; padding:0;}
.promopage-content li.flowlist {float:none; margin:0;padding:0;}
.promopage-content ul.flowlist2 {float:none; margin:0 0 20px 320px;padding:0}
.promopage-content ol {margin:0 0 20px 36px}
.promopage-content .greybox {width:98%; border:1px solid #EAEAEA; background-color:#f3f3f3;padding:10px; text-align:center; margin-bottom:15px}
.promopage-content table {margin-bottom:20px; border:0}
.promopage-content table th  { background-color:#D8D8D8; padding:5px}
.promopage-content table td  { background-color:#f3f3f3; padding:5px}
.promopage-content table caption { font-weight:bold }
.promopage-content .pullout { border:1px solid #CCC; background-color:#F0F0F0}

/*Chat form interface*/
.chatformlinks {width:462px;height:210px; margin:0 0 15px 10px; background:url("/images/1/Livechat/bg_choose_to_contact.gif"); background-repeat:no-repeat}
.chatformlinks ul {padding:75px 0 0 155px; margin:0 0 0 155px; color:#fff; font-size:1.2em; width:300px}
.chatformlinks ul li a {text-decoration:none; font-weight:bold; line-height:23px;}
.chatformlinks a:hover {text-decoration:underline; font-weight:bold}
.chatformlinks ul li {list-style-image: url(/images/1/Livechat/pointer.gif); background-position:bottom}
.flchat1 {float:none; width:99%}
.flchat2 {float:none;}

/*Vista article*/
.promopage-content #vista td th, .subcolour, .subhead {text-align:center}
.promopage-content #vista th, .subhead {color:#fff}
.promopage-content #vista table {padding:5px;border:1px solid #296994; margin:0 0 20px 0}
.promopage-content #vista td {background-color:#ECF4FD;text-align:center; padding:5px}
.promopage-content #vista th {background-color:#296994; padding:5px}
.promopage-content #vista .subhead {background-color:#72AFD8;font-weight:bold}
.promopage-content #vista .vistabox ul {margin:15px 0;background-color:#FFF7D6;padding:10px 0 10px 30px}
.promopage-content #vista .subcolour {background-color:#CCE1F2}
.promopage-content #vista li {padding:5px}
.promopage-content #vista caption {background-color:#FFF;border-top:1px solid #296994;border-left:1px solid #296994;border-right:1px solid #296994;border-bottom:1px solid #f3f3f3;font-size:12px;margin:0}
.promopage-content #vista .vistabox {border:1px solid #B7C9FF; background-color:#EFF3FF;padding:5px;background:url("/images/1/article_images/footer_aurora3.jpg") repeat-x left bottom;padding:20px; margin-bottom:30px}
.promopage-content #vista .vistabox p {padding:10px 0}
.promopage-content #vista .wboxwhite {background-color:#FFF}
.promopage-content #vista .holder {background-color:#392C21;width:100%}
.promopage-content #vista .centered {width:300px; margin-left:auto; margin-right:auto}
.promopage-content #vista .leftvista {float:left;width:20%}
.promopage-content #vista .rightvista {float:right;width:20%}
.promopage-content #vista .backvista {background-color:#fff;text-align:center;padding:5px}
.promopage-content #vista .listvista {text-align:center; margin-left:auto;margin-right:auto; width:55%}
.promopage-content #vista .listvista ul {line-height:15px;margin:0px!important}




/*****SGM UNIQUE STYLES*******/
#brandlogos {background-color:#F5F5FA;border:1px solid #fff;margin-bottom:15px}
#brandlist {background-color:#FFF7D6}
.logohold {float:left;background-color:#F5F5FA}
.brandhold {width:100%;margin:0 auto;background-color:#F5F5FA}
#brandlogos h4 {background-color:#BEB9DD;text-transform:capitalize; font-size:110%;border-bottom:2px solid #fff;padding:5px;margin:0}
#brandlogos {background-color:#F5F5FA;margin-bottom:15px;padding:0 0 15px 0;margin:0 0 15px 0}
#brandlogos .brandhold2 {width:390px;margin:0 auto}

/*BT broadband article */
.btoffertable {width:100%}
.btoffertable table {text-transform:capitalize; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px} 
.btoffertable table td {background-color:#F0F0F0} 
.btoffertable table th {background-color:#E6E6E6}
.btoffertable .option1,.option2,.option3{color:#FFF; height:30px} 
.btoffertable .s1, .s2, .s3 {line-height:17px; vertical-align:top} 
.btoffertable .s1 { background-color:#E1E1E1} 
.btoffertable .s2 { background-color:#DDE7F4} 
.btoffertable .s3 { background-color:#EBE8F4} 
.btoffertable .option1 { background-color:#666!important} 
.btoffertable .option2 { background-color:#3360A1!important} 
.btoffertable .option3 { background-color:#654DA3!important} 
dl.awards dt, dl.awards dd {float: left; margin:5px 0 30px 0} 
dl.awards dt {width: 50px} 
dl.awards dd {width: 200px; margin: 0 0 0 10px} 
caption {background-color:#e7e7e7;border:2px solid #fff;padding:5px;font-size:1.3em} 
#awardshold {float:left;background-color:#F3F7FE;width:100%;padding:0; margin:0 0 5px 0} 
#awardshold .awardsbox {float:left;width:46%; padding:8px} 
#awardshold .awardsbox2 {float:right;width:46%; padding:8px} 
#awardshold img {float:left;padding-right:10px}


/*Article styles*/
.artrightimg img.fr {padding:0 0 10px 10px}
.artleftimg img.fl {padding:0 10px 10px 0}
.artleftimg, .artrightimg {border:0;margin:20px 0}
.artleftimg h3, .artrightimg h3 {font-size:1.1em}
.artleftimg p, .artrightimg p {margin:0; padding:3px}
.pullout {border:1px solid #931E58; background-color:#FCF3F8;padding:10px;line-height:20px;margin:10px 0;width:97%; overflow:hidden}
.pullout_blue {border:1px solid #2B53A8; background-color:#2B53A8;padding:10px;line-height:15px;margin:10px 0;height:1%;width:97%; overflow:hidden}
.pullout_green {border:1px solid #008B47; background-color:#F0FFF0;padding:10px;line-height:15px;margin:10px 0;height:1%;width:97%; overflow:hidden}
.pullout_yellow {border:1px solid #FBC855; background-color:#FEF7E7;padding:10px;line-height:15px;margin:10px 0;height:1%;width:97%; overflow:hidden}
.pullout .left {float:left;width:30%}
.pullout .right {float:left;width:65%; margin-left:20px}
.pullout ul {margin-left:30px;padding:0}
.pullout h3 {text-align:center}
.lprice14 {font-size:14px; color:#f60}

.pulloutxmas {border:1px solid #931E58; background-color:#FCF3F8;padding:10px;line-height:15px;margin:10px 0;height:1%;width:97%;background:url(/images/1/themes/xmas/07/pullout_xmas_bg.gif); background-repeat:repeat-x;}
.pulloutxmas .left2 {float:left;width:30%}
.pulloutxmas .right2 {float:left;width:65%; margin-left:20px}
.pulloutxmas ul {margin-left:30px;padding:0}
.pulloutxmas h3 {text-align:center}

#linklist {width:100%;background-color:#FFF7D6;margin-bottom:10px}
#linklist p {margin:5px;padding:5px}
#linklist ul {margin-left:15px;padding:0}
#linklist li {margin-bottom:10px}
#linklist h4 {background-color:#FFD342;text-transform:capitalize;font-size:110%;padding:5px;margin-bottom:2px;border-bottom:2px solid #fff}
#linklist .yellowbgcontent {padding:15px}
#linklist img {margin:5px;padding:0}


/* Pdf download fragment */
#pdfdownload {width:100%;background-color:#EBEFFA;margin:10px 0}
#pdfdownload a {display:block}
#pdfdownload h4 {background-color:#859EE0;text-transform:capitalize; font-size:1.1em; padding:5px;margin-bottom:2px; border-bottom:2px solid #fff}
#pdfdownload .content {padding:5px 5px 20px 5px}
#pdfdownload img {margin:5px;padding:0}
#pdfdownload p {margin:5px; padding:5px;line-height:15px}
#pdfdownload li {line-height:15px;margin:0;padding:0}
#pdfdownload .content ul {margin:10px 0 10px 30px;padding:0}


/* Learnmore templates */
* html .rbroundbox, * html .rbroundboxw, * html .rbroundboxlb {height: 1%}
.rbroundbox {background: url(/images/1/nt.gif) repeat}
.rbroundboxw{background: url(/images/1/nt-white.gif) repeat}
.rbroundboxlb{background: url(/images/1/nt-lb.gif) repeat;margin:10px 0}
.rbtop div {background: url(/images/1/tl.gif) no-repeat top left}
.rbtopw div {background: url(/images/1/tl-white.gif) no-repeat top left}
.rbtoplb div {background: url(/images/1/tl-lb.gif) no-repeat top left}
.rbtop {background: url(/images/1/tr.gif) no-repeat top right}
.rbtopw {background: url(/images/1/tr-white.gif) no-repeat top right}
.rbtoplb {background: url(/images/1/tr-lb.gif) no-repeat top right}
.rbbot div {background: url(/images/1/bl.gif) no-repeat bottom left}
.rbbotw div {background: url(/images/1/bl-white.gif) no-repeat bottom left}
.rbbotlb div {background: url(/images/1/bl-lb.gif) no-repeat bottom left}
.rbbot {background: url(/images/1/br.gif) no-repeat bottom right}
.rbbotw {background: url(/images/1/br-white.gif) no-repeat bottom right}
.rbbotlb {background: url(/images/1/br-lb.gif) no-repeat bottom right}
.rbtop div, .rbtopw div, .rbtoplb div, .rbtop, .rbtopw, .rbtoplb, .rbbot div, .rbbotw div, .rbbotlb div, .rbbot, .rbbotw, .rbbotlb {height: 7px;font-size: 1px}
.rbcontent {margin: 10px}
.rbcontent h2 {text-align: center;color: #fff; font-size: 1.8em; margin: 0; padding: 0; font-weight: normal;text-transform:none; background: none;border: 0; height:1%}
.rbcontentw h2 {color: #000;font-size: 1.2em; font-weight:bold; text-align:center;padding:0;margin:0}
#lmarticle h3 {color: #f60!important; text-align: center; font-size: 1.6em!important}
#lmarticle .bluepara {color: #302263; font-weight: bold}
#lmarticle .bcleft {width: 170px!important}
.rbroundbox {margin: 1em auto}
.rbcontent ul{margin: 0; padding: 0 0 0 20px; list-style:none;}
.rbcontent li{background:url(/images/1/bulletpoint.gif) no-repeat 0 .6em; font-weight: bold; padding: 10px 0 10px 26px}


/* Single line expandable box fragment*/
.artbox {padding:0 12px 0 0; background:#FFF url(/images/1/borders-r.gif) 100% 0 repeat-y} 
.artbox a, h4 {font-weight:bold}
.artbox h4 {font-size:1.3em;margin:10px 0 10px 0; padding:0}
.artbox .bi{padding:0 0 0 12px;background:#fff url(/images/1/borders.gif) 0 0 repeat-y;position:relative}
.artbox .bt{height:17px;margin:0 -12px;background:url(/images/1/box.gif) 100% 0 no-repeat}
.artbox .bt div {width:18px;height:17px;background:url(/images/1/box.gif) 0 0 no-repeat}
.artbox .bb {height:17px;margin:0 -12px;background:url(/images/1/box.gif) 100% 100% no-repeat}
.artbox .bb div {width:18px;height:17px;background:url(/images/1/box.gif) 0 100% no-repeat}
.artbox .bcleft {border-right:1px solid #A2B3D9;text-align:center;width:auto;float:left;position:relative;margin:5px 15px 5px 5px}
.artbox ul {padding-left:100px}
.artbox .bcright2 {margin-left:10px; border-left:1px solid #fff}
.artbox .bi .bcright2 ul {padding:0;margin:0 0 10px 170px}
.artleftimg p {margin:0; padding:3px}
.artboxbtn {height:18px;margin-bottom:10px}/*button height for IE6*/


/* Article product list */
.articleprodlist {border-left:1px solid #ADB6D6;border-right:1px solid #ADB6D6;margin:20px 0}
.articleprodlist table.ruler tbody tr {background-color:#f5f7fa;}
.articleprodlist table.ruler tbody tr.ruled {background-color:#E8EAF3;}


/* Product spot elements */
.prodspot {width:465px;margin:20px auto}
.prodspot .prodspot1 img {padding:0 0 5px 28px}
.prodspot p {padding:5px 5px 10px 5px;margin:0;background-color:#E7EBF7}
.prodspot1 {background:url("/images/Article/fragments/3col_bg.gif");float:left;width:150px;padding-top:5px;margin:0 4px 0 0;height:1%}
.prodspotfooter {background:url("/images/Article/fragments/3col_footer_bg.gif");line-height:11px;color:#F60;font-weight:100;font-size:1.3em;padding:6px 5px 0 5px;height:29px;width:140px;clear:both}
.prodspot .vat {font-size:0.7em}
.prodspot .price {float:left;width:50%}
.prodspotfooter .morebtn {float:right!important;margin-top:-20px}

/*2 column list pullout*/
.colintroyellowbox {margin:20px 0}

/*article product list */
.articleplist {margin: 0 -10px 10px -10px}
.articleplist td {text-align:left;padding:5px 10px!important}
.articleplist th {padding:5px 10px!important}

/*Service products*/
.btbus .head {background:url(/images/3/articles/bt_serv_sol/header_bg.jpg) repeat-y;padding:1px 2px 1px 1px}
.btbus .head2 {padding:1px 5px 1px 1px;height:57px;border-bottom:1px solid #fff;margin:1px 0 0 1px;background:url(/images/3/articles/bt_serv_sol/strap_bg.jpg) left bottom}
.btbus h1 {float:right; padding:18px; line-height:15px;margin:0; font-size:1.1em; vertical-align:top; width:60%; text-align:right}
.btbus h2 {font-size:1em;border-bottom:1px solid #fff;padding:5px 5px 5px 10px;margin:0; background-color:#4D79C4; color:#FFFFFF }
.btbus h3 {font-size:1em;margin:0;padding:3px}
.btbus h4 {font-size:1em;background-color:#7B95C5;clear:both;margin:0 0 10px 1px;color:#FFF;padding:3px 5px 7px 10px}
.btbus h5 {width:90%;padding:4px 4px 0 4px;margin:0 0 0 1px; font-size:1em; border-bottom:1px solid #fff;}
.btbus .head h2 img {border:1px solid #A4BCDD}
.btbus .logos {float:left}
.btbus ul {margin:0;padding:0 10px 20px 40px;width:80%;clear:both}
.btbus p {margin:0;padding:5px;}
.btbus .panelleft2 {margin-top:10px;float:left; width:270px;margin-right:5px}
.btbus .panelleft {width:49%;float:left;background:url(/images/3/articles/bt_serv_sol/bg_single_panel.jpg) repeat-y;margin-right:3px}
.btbus .panelleft h5 p {padding:5px 5px 5px 10px;margin:0}
.btbus .panelright {width:49%;float:right;background:url(/images/3/articles/bt_serv_sol/bg_single_panel.jpg) repeat-y;margin:0}
.btbus .panelleft h5 strong {line-height:20px;padding-left:5px}
.btbus .panelright h5 strong {line-height:20px;padding-left:5px}
.btbus .row1 {margin-bottom:10px;clear:both;padding:0;height:1%}
.btbus .allpage {padding:5px}
.btbus .navimage ul {margin:3px 3px 5px 0;padding:10px;float:left; background-color:#EEF3F9; border:1px solid #A4BCDD;width:98%}
.btbus .navimage li {display:inline}
.btbus .navimage {background-color:#E1EAF4;float:left;padding:10px 15px 10px 10px; margin:3px 10px 3px 0;border:1px solid #A4BCDD;width:97%}
.btbus .navimage img {text-align:center; border:1px solid #A4BCDD; margin:5px 10px 10px 0}

/*Xmas store*/
.xmasborder { background-color:#CCC; height:1%; background:url(/images/1/themes/xmas/07/bg_top_dec.gif) repeat-x top left}
.xmasborder h2 {font-size:100%}
.xmasmain {padding:55px 10px 10px 10px}
.xmasfooter {background:url(/images/1/themes/xmas/07/bg_top_dec.gif) repeat-x top left; height:65px}
.xmassubheads {background:url(/images/1/themes/xmas/07/xmas_store_headings2.jpg); width:100%; height:60px;margin:0;padding:0}
.xmassubheads h2 {color:#FFF; padding:18px 0 0 30px; font-size:100%; width:80%}

/*articles header*/
.articlesubhead {padding:5px 10px 10px 10px}
.articlesubhead h2 {margin:5px -10px 0 -10px;color:#369;background:url("/images/1/tableheader.gif");border-bottom:1px solid #BBC6E0;border-left:1px solid #BBC6E0;border-right:1px solid #BBC6E0;border-top:1px solid #BBC6E0;padding:3px 7px;text-align:left;text-transform:capitalize;font-size: 1.1em}

