/*default article styles*/
div.article p{margin:0 0 1.3em 0;}
div.article ul{list-style:disc; margin:1.3em;}
div.article ul li{margin-bottom:0.5em;}
div.article ol{list-style:decimal; margin:1.5em;}
div.article ol li{margin-bottom:0.5em;}
div.article div.clr{display:block; clear:both;}

/*Promo page styles*/
.promopage-content {padding:15px 15px 20px 15px; margin-bottom:30px; line-height:1.5em; font-size:1.1em}
.promopage-content .imgleft {border:1px solid #CCC; padding:10px; margin:0 15px 15px 0}
.promopage-content .imgright {border:1px solid #CCC; padding:10px; margin:0 0 15px 15px}
.promopage-content p {padding:0 0 20px 0; margin:0}
.promopage-content h1 {color:#64379b; font-size:1.1em; border-bottom:2px solid #ccc; margin:10px 0; padding-bottom:10px; font-weight:bold; clear:both}
.promopage-content h2 {color:#64379B; font-size:1.0em; padding:0 0 10px 0; margin:10px 0 10px 0; border-bottom:1px solid #CCC}
.promopage-content h3 {color:#666; font-size:1.0em; padding-bottom:10px; margin:10px 0 17px 0; border-bottom:1px solid #CCC; clear:both}
.promopage-content h4 {color:#666; font-size:1.0em; margin:10px 0 5px 0;}
.promopage-content ul.flowlist {float:none; margin:0;padding:0; margin-left:30px}
.promopage-content li.flowlist {float:none; margin:0;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:medium none!important; background-color:#EBF7DF!important; color:#69BE28!important}


/*Chat form interface */
.chatformlinksbt {width:462px;height:186px; margin:0 0 15px 10px; background:url("/images/6/Livechat/bg_choose_to_contact.gif"); background-repeat:no-repeat}
.chatformlinksbt ul {padding:70px 0 0 0; margin:0 0 0 155px; color:#fff; font-size:1.2em; width:300px}
.chatformlinksbt ul li a { color:#0063B0; text-decoration:none; line-height:23px}
.chatformlinksbt a:hover { text-decoration:underline}
.chatformlinksbt ul li {list-style-image: url(/images/6/Livechat/pointer.gif); vertical-align:top}
.flchat1 {width:99%; float:left}
.flchat2 {float:left; margin:0; padding:0}


/*Vista promo */

#vista td th, .subcolour, .subhead {text-align:center}
#vista th, .subhead {color:#fff}
#vista table {padding:2px;border:1px solid #296994; margin:0 0 20px 0}
#vista td {background-color:#ECF4FD;text-align:center}
#vista th {background-color:#296994}
#vista .subhead {background-color:#72AFD8;font-weight:bold}
#vista ul {margin:0;background-color:#FFF7D6;padding:10px 0 10px 30px}
#vista .subcolour {background-color:#CCE1F2}
#vista li {padding:5px}
#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}
#vista .vistabox {border:1px solid #B7C9FF; background-color:#EFF3FF;padding:5px;background:url("/images/1/article_images/footer_aurora3.jpg") repeat-x left bottom;}
#vista .wboxwhite {background-color:#FFF}
#vista .holder {background-color:#392C21;width:100%}
#vista .centered {width:300px; margin-left:auto; margin-right:auto}
#vista .leftvista {float:left;width:20%}
#vista .rightvista {float:right;width:20%}
#vista .backvista {background-color:#fff;text-align:center;padding:5px}
#vista .listvista {text-align:center; margin-left:auto;margin-right:auto; width:55%}
#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_blue {background-color:#e2eef7!important;border:medium none!important;color:#005293!important;padding:10px;line-height:15px;margin:10px 0;height:1%;width:97%; overflow:hidden}
.pullout_green {background-color:#e2eef7!important;border:medium none!important;color:#005293!important;padding:10px;line-height:15px;margin:10px 0;height:1%;width:97%; overflow:hidden}
.pullout_yellow {background-color:#e2eef7!important;border:medium none!important;color:#005293!important;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 {background-color:#e2eef7;border:medium none;color:#005293;line-height:20px;overflow:hidden;padding:20px 20px 20px 20px;}
div.article .pullout p {margin:0}




/****** Gareth styles *******/

/*Article text size change*/
div.article {font-size:1em;line-height:1.5em;}

.article .btbd h2{
font-size:1.2em;
margin:0 0 20px 0!important;
padding:3px 0 3px 20px;
display:block;
background-color:#EEE!important;
color:#69BE28!important;
font-weight:700;
clear:both;}

.article .btbd h3{
font-size:1em;
margin:10px 0;
padding:0 20px 0 20px;
color:#666;
font-weight:700;
display:block;}

.article .btbd p{
font-size:1em;
line-height:1.3em;
margin:0 0 10px 0;
padding:0 20px!important;
display:block;}

.article .btbd ul{
font-size:1em;
line-height:1.3em;}

.article .btbd ol{
font-size:.7em;
line-height:1.3em;}

.article .btbd li{
padding:0 0 10px 0;}

.article .btbd h4{
font-size:.9em;
font-weight:700;
padding:10px 20px;}

.article .btbd img.header{
float:none;
margin-left:-40px;
background-color:#FFF;}

.article .btbd img.right{
float:right;
padding:0 0 20px 20px;
background-color:#FFF;}

.article .btbd img.left{
float:left;
padding:0 20px 20px 0;
background-color:transparent;
clear:both;}

.article .btbd a{color:#005293; font-weight:700; text-decoration:none;}

.article .btbd a:hover{text-decoration:underline;}

.article .btbd table{
margin: 0 0 0 0;
font-size:1em;
line-height:1.4em;
clear:both;}

/*.article .btbd td{
padding: 6px 20px;
border-bottom: solid 1px #E7F2FF;}*/

.article .btbd td{
padding: 6px 20px;
border-bottom: solid 1px #FFF;}

.article .btbd tr.green{
background-color:#EBF7DF;}

.article .btbd tr.white{
background-color:#FFFFFF;}

.article .btbd th{
background-color:#69BE28;
color:#FFF;
padding: 6px 20px;
font-size:1em;
}

.article .btbdtwocolumn{
width:740px;
padding-bottom:20px;}
	
.article .btbdlist2 .btbdtwocolumn {line-height:20px; padding:0 20px 10px 20px; height:1%}
.article .btbdlistleft, .btbdlistright {float:left; width:46%; margin-left:0}
.article .btbdlistleft ul, .btbdlistright ul {margin:20px 20px 25px 20px; padding:0}
.article .btbdlistleft li, .btbdlistright li {margin:0 0 0 20px; padding:0}

.article #btbdpullout {border:none; background-color:#e2eef7; padding:20px; line-height:20px; margin: 30px 20px 20px 0; overflow:hidden; color:#005293; width:678px}
.article #btbdpullout.left {float:left;width:30%}
.article #btbdpullout.right {float:left;width:65%; margin-left:20px}
.article #btbdpullout p {padding:0!important; font-size:1.0em}
.article #btbdpullout ul {padding:0 0 0 35px!important; display:block; font-size:1em}
.article #btbdpullout h2 {text-align:left; color:#005293!important; background-image:none; background-color:#e2eef7!important; padding:0; margin:0 0 10px 0; height:auto; font-size:1em}



/*Article left and right image positioning*/
.article .btbd .imgposright {float:right; padding:10px 0 10px 20px;background-color:transparent}
.article .btbd .imgposleft {float:left; padding:10px 20px 10px 0; background-color:transparent}


/* END GARETH STYLES */



#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:678px;background-color:#E2EEF7;margin:10px 0}
#pdfdownload a {display:block}
#pdfdownload h4 {background-color:#86B8DD;border-bottom:2px solid #FFF;color:#FFF;font-size:1.1em;margin-bottom:2px;padding:5px 5px 5px 10px}
#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/6/borders-r2.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/6/borders2.gif) 0 0 repeat-y;position:relative}
.artbox .bt{height:17px;margin:0 -12px;background:url(/images/6/box2.gif) 100% 0 no-repeat}
.artbox .bt div {width:18px;height:17px;background:url(/images/6/box2.gif) 0 0 no-repeat}
.artbox .bb {height:17px;margin:0 -12px;background:url(/images/6/box2.gif) 100% 100% no-repeat}
.artbox .bb div {width:18px;height:17px;background:url(/images/6/box2.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 #CCC;border-right:1px solid #CCC; border-bottom:#CCC;margin:20px 0}
.articleprodlist h4 {margin-left:10px!important}
.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}


/* Generic product list stack */
.stackprodlisthead {border:1px solid #CCC;clear:both;height:1%}
.stackprodtitle {width:40%;padding:10px 0; color:#64379B;float:left}
.stackprodincvat {width:65px;padding:10px 3px;text-align:center;color:#A60000;float:right}
.stackprodsaving {width:105px;padding:5px;text-align:center;color:#666;background-color:#E8F8Df;color:#69be28;}
.stackprodlist {border-left:1px solid #CCC; border-right:1px solid #CCC;border-bottom:1px solid #CCC; vertical-align:middle;clear:both;height:1%}
.stackprodimg {padding:5px;margin:0}
.stackprodname {width:34%;padding:5px 0 10px 0; margin:0}
.stackprodprice, .artprodbuybtn {padding:10px;margin:0;width:130px}
.stackprodprice2 {padding:10px 3px;width:65px;text-align:center}
.stackprodprice {padding:10px 3px;width:110px;text-align:center}
.stackprodbuybtn {margin:10px; text-align:right}
.stackprodincvat,.stackprodsaving,.stackprodprice2,.stackprodprice, .stackprodbuybtn {float:right}
.stackprodimg, .stackprodname {float:left}
.lprice2 {color:#69be28; font-weight:bold;background-color:#F1FBEC;padding-bottom:30px}/*specific to this fragment only*/

/* Xmas article */
.snow .head {background:url(/images/6/articles/snowed_in/header_bg.jpg) no-repeat;padding:1px 2px 1px 1px;background-color:#FFF}
.snow .snow2 {background:url(/images/6/articles/snowed_in/footer_bg.jpg) bottom left repeat-x;padding:5px 10px 30px 10px;background-color:#FFF}
.snow .snow3 {background:url(/images/6/articles/snowed_in/footer_bg2.jpg) bottom left repeat-x;padding:5px 10px 30px 10px;background-color:#FFF}
.snow .head2 {padding:1px 5px 1px 1px;height:57px;border-bottom:1px solid #fff;margin:1px 0 0 1px}
.snow h1, .snow h2, .snow h3, .snow h4{font-size:1em}
.snow h1 {background-color:#6B5595;margin-top:2px;clear:both;padding:5px;margin:5px 0 0 1px;color:#fff;height:18px}
.snow h1 a {color:#fff; text-decoration:underline; margin-right:15px}
.snow h2 {height:1%;background:url(/images/6/articles/snowed_in/heading_bg.jpg) repeat-x;padding:10px;margin:0;color:#6B5595;font-weight:bold;color:#666}
.snow h3 {color:#6B5595;font-size:1em;padding:5px 5px 5px 60px;margin-bottom:5px;display:block;background-color:#EFEBF5}
.snow h4 {padding:0;margin:0}
.snow h5 {padding:0 10px 0 0;clear:both;height:1%;margin-bottom:10px;color:#6B5595;font-size:1em}
.snow .intro {background:url(/images/6/articles/snowed_in/intro_bg.jpg) repeat-x;padding:10px}
.snow .intro img {border:1px solid #ccc; margin-right:20px}
.snow .article {padding:10px 10px 0 10px; margin:0;background:url(/images/6/articles/snowed_in/text_bg.jpg) repeat-x}
.snow .textarea {float:left;padding:0 0 0 10px;margin:0; width:90%}
.snow .prodimage {float:left;margin-right:10px;margin:0;border:1px solid #ccc}
.snow ul {margin-left:40px; padding:0}
.snow li p, .snow2 p {padding:0; margin:0}

/* Xmas shop */
.xmasborder {background:url(/images/6/themes/xmas_07/bg_top_dec_sm.gif) repeat-x top left}
.xmasmain {padding:35px 0 10px 0}
.xmasfooter {background:url(/images/6/themes/xmas_07/bg_top_dec_sm.gif) repeat-x top left; height:35px; margin-top:20px}