body{
margin:0;
font-size: 69%;
font-family: verdana, arial, helvetica, sans-serif;
color: #000; 
background:#fff;
line-height:1.4em;
text-align:center;
height:100%;
background:url(https://barclaycard.metafaq.com/clients/barclaycard/resources/Bonus_bg-CGO.jpg) 48% 70px no-repeat;
}
body#collections_leeds, body#collections_lpf{
background:#fff;
}
body#collections_leeds #header, body#collections_lpf #header,
body#collections_leeds #mainbody, body#collections_lpf #mainbody{
border:1px solid #ccc;
}
body#collections_leeds #header, body#collections_lpf #header{
border-width:0 1px;
}
body#collections_leeds #mainbody,
body#collections_lpf #mainbody{
	border-top:0;
}

form, img, p, ul, li, a, li a, h1, h2, h3, h4, h5, h6{
margin: 0;
padding: 0;
font-size:1em;
}
a{
color: #404040;
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
p{
margin: 0 0 1.5em 0;
}
p.small{
font-size: 0.8em;
}
ul{
list-style:none;
margin:0 0 1em 0;
}
.red{
color:#c00;
}
h1, h2, h3, h4, h5, h6{
margin: 0 0 1em 0;
color: #666;
font-weight: normal;
}
h1{
font-size: 1.5em;
}
h2{
font-size: 1.25em;
font-weight:bold;
color:#d80b8c;
}
h3{
font-size:1.1em
}
h4{
font-size:1em;
}
img, fieldset{
border: 0;
}
input, select, textarea{
font-family: verdana arial helvetica, sans-serif;
color: #666;
font-size: 1em;
margin:0;
}
.hidden{
position:absolute;
left:-3000px;
}






/* main section positioning */

#wrapper {
width: 745px;
margin:0 auto;
text-align:left;
padding: 0 0 20px 0;
}
#mainbody{
clear: both;
float: left;
width: 744px;
padding: 0.5em 0 1em 0;
background:#fff;
}
#browseNav{
width: 184px;
margin: 0 20px 0 10px;
float: left;
background:#fff;
}
.maincontent{
background:url(resources/background.jpg) bottom left no-repeat;
float:left;
width:530px;
min-height:400px;
background:#fff;
}
#content{
clear:both;
float:left;
padding:15px 10px;
width:510px;
background:url(resources/divider.jpg) top left no-repeat;
}
.sidePanel{
width:170px;
padding:1em 4px 0 10px;
float: left;
background:url(resources/module_top.gif) top left no-repeat;
margin-bottom:1em;
}



/* header */

#header{
float:left;
width:744px;
}
#header a img{
float: left;
margin: 8px 0 0 5px;
}
#header a #mainLogo, body#collections_leeds #mainLogo{
margin:27px 0 24px 25px;
}
body#collections_lpf #mainLogo, body#collections #mainLogo{
margin:12px 0 12px 25px;
}
a.skipNav{
position:absolute;
left:-1000px;
}
a.skipNav:focus, a.skipNav:active{
left:0;
display:block;
padding:1em;
background:#ff9;
}
.contNavRight{
width:196px;
float:right;
margin:20px 0 10px 0;
}
 .contNavRight p{
 background:url(resources/acntBgTop.jpg) top left no-repeat #d6dff0;
padding:0.7em 0.5em 0 10px;
margin:0;
font-weight:bold;
color:#2F3F6F;
}
.contNavRight ul{
background:url(resources/acntBgBot.gif) bottom left no-repeat;
padding:0 0 7px 3px ;
float:right;
width:193px;
margin:0;
}




/* browse nav */


#subtopics{
margin: 0 0 0.2em 0.5em;
font-size:0.9em;
}
#subtopics li.topicNav{
background: url(resources/blackArrow.gif) 0 0.55em no-repeat;
padding: 0 0 0 7px;
}
#subtopics li.current-topic{
background: url(resources/pinkArrow.gif) 0 0.55em no-repeat;
}
#subtopics li a{
font-weight:normal;
}
.current-module a, .current-topic a{
color:#d80b8c;
}
ul#tvModNav{
font-weight:bold;
}
ul#tvModNav li{
padding: 0 0 3px 0;
}
.panelBtm{
background:url(resources/hpboxbase.gif) bottom left no-repeat;
margin-top:1em;
height:15px;
width:184px;
position:relative;
left:-10px;

}


/* search form */


.searchFormItem{
clear:left;
float:left;
padding-bottom:0.5em;
}
 label{
width:110px;
float:left;
font-weight:bold;
font-size:1.05em;
}
#nlpq, #kb{
width:300px;
float:left;
margin-right:10px;
color:#111;
}
#kb{
width:303px;
}
#submit{
float:left;
margin-top:-1px;
color:#111;
}


/* lists and answer page*/

ul.faqList li, ul#result_list li, .faqs ul li, .announcements ul li{
background: url(resources/blackArrow.gif) 0 0.55em no-repeat;
padding: 0 0 0 7px;
margin-bottom:0.3em;
}
ul#result_list{
padding-left:5px;
}
ul#result_list li, #answer ul li{
margin-bottom:0.5em;
}
#answer ul{
list-style:disc outside;
padding-left:2em;
}

#related{
margin-top:1em;
padding:1em 0 0 0;
background:url(resources/divider.jpg) top left no-repeat;
}


#qa-pair{
margin-bottom:15px;
}
#qa-pair a{
text-decoration:underline;
}


#answer p{
padding:0.2em 0;
}


#spellchecking a{
text-decoration:underline;
}
/* paging */

#paging{
font-size:0.9em;
margin-left:10px;
color:#999;
}
#paging li{
float:left;
margin-right:0.6em;
}
#paging li#selectedPage{
font-weight:bold;
color:#333;
}
#paging a{
font-size:1em;
text-decoration:underline;
}


/* search tips */


.search-tips ul, #emailPage{
padding: 0 10px;
margin: 0 0 10px;
line-height: 1.4em;
}
.search-tips ul li{
list-style:inside;
padding-bottom:5px;
}



/* breadcrumbs */

.breadcrumbs {
padding:0 0 0 7px;
font-size:0.9em;
color:#999;
margin-top:-3px;
}
.breadcrumbs a{
margin-left:-0.5em;
color:#999;
}


/* email page */


#email_err{
color: #800;
font-weight: bold;
}
#email_fm{
width: 38em; 
}
.elem_desc{
display: block;	
float: left;
padding-right: 3px;
text-align: right;
width: 11em;
}
.fm_elem{
float: left;
margin-bottom: 6px;
width: 25em;
}
#emailsubmit{
clear: both;
display: block;
margin-left: 11em;
}
form#rate_form label{
font-size:0.9em;
text-transform:capitalize;
}



/* ratings */

#rater, #showRater{
clear:right;
padding:1em 0 2.5em 0;
background:url(resources/divider.jpg) top left no-repeat;
}
#showRater{
padding:1em 0 0 0;
}
.rating, #showScore1, #showScore2, #showScore3, #showScore4, #showScore5{
width:120px;
height:24px;
margin:0;
padding:0;
list-style:none;
position:relative;
background:url(resources/stars-matrix.gif) no-repeat 0 0;
}
#rater span{
float:left;
padding:3px 6px 0 0;
}
ul.rating{
float:left;
padding-right:6px;
}
ul.rating li{
cursor: pointer;
float: left;
text-indent:-999em;
list-style-type: none;
}
ul.rating li a{
position: absolute;
left: 0;
top: 0;
width: 24px;
height: 24px;
text-decoration: none;
z-index: 200;
}
ul.rating li.one a{left: 0}
ul.rating li.two a{left: 24px;}
ul.rating li.three a{left: 48px;}
ul.rating li.four a{left: 72px;}
ul.rating li.five a{left: 96px;}
ul.rating li a:hover{
z-index: 2;
width: 120px;
height: 24px;
overflow: hidden;
left: 0;
background: url(resources/stars-matrix.gif) no-repeat 0 0
}
#showScore1, #showScore2, #showScore3, #showScore4, #showScore5{
margin-bottom: 0.8em;
}
ul.rating li.one a:hover, #showScore1{background-position: 0 -24px;}
ul.rating li.two a:hover, #showScore2{background-position: 0 -48px;}
ul.rating li.three a:hover, #showScore3{background-position: 0 -72px;}
ul.rating li.four a:hover, #showScore4{background-position: 0 -96px;}
ul.rating li.five a:hover, #showScore5{background-position: 0 -120px;}



/* footer */

#footer{
clear:both;
float:left;
padding:0.5em 1% 1em 1%;
width:98%;
background:#fff;
color:#aaa;
}
#footer ul li{
float:right;
border-left:1px solid #ccc;
padding:0 0.7em;
}
#footer ul li.lastListItem{
border:none;
}
body#account #footer ul li{
border:0;
}



div.clear{
clear: both;
}

.faqList div.myContainer{
padding-bottom:3px;
}
.faqList div.myContainer .myInnerContainer {
padding-bottom:7px;
}


#no-entries a, #confidence a{
text-decoration:underline;
}






a[href$='.pdf']{
padding-right:17px;
background:url(http://www.metafaq.com/clients/resources/pdficon.gif) top right no-repeat;
}
a[href$='.doc']{
padding-right:17px;
background:url(http://www.metafaq.com/clients/resources/docicon.gif) top right no-repeat;
}
}
form, img, p, ul, li, a, li a, h1, h2, h3, h4, h5, h6{
margin: 0;
padding: 0;
font-size:1em;
}
a{
color: #404040;
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
p{
margin: 0 0 1.5em 0;
}
p.small{
font-size: 0.8em;
}
ul{
list-style:none;
margin:0 0 1em 0;
}
.red{
color:#c00;
}
h1, h2, h3, h4, h5, h6{
margin: 0 0 1em 0;
color: #666;
font-weight: normal;
}
h1{
font-size: 1.5em;
}
h2{
font-size: 1.25em;
font-weight:bold;
color:#d80b8c;
}
h3{
font-size:1.1em
}
h4{
font-size:1em;
}
img, fieldset{
border: 0;
}
input, select, textarea{
font-family: verdana arial helvetica, sans-serif;
color: #666;
font-size: 1em;
margin:0;
}
.hidden{
position:absolute;
left:-3000px;
}






/* main section positioning */

#wrapper {
width: 745px;
margin:0 auto;
text-align:left;
padding: 0 0 20px 0;
}
#mainbody{
clear: both;
float: left;
width: 744px;
padding: 0.5em 0 1em 0;
background:#fff;
}
#browseNav{
width: 184px;
margin: 0 20px 0 10px;
float: left;
background:#fff;
}
.maincontent{
background:url(resources/background.jpg) bottom left no-repeat;
float:left;
width:530px;
min-height:400px;
background:#fff;
}
#content{
clear:both;
float:left;
padding:15px 10px;
width:510px;
background:url(resources/divider.jpg) top left no-repeat;
}
.sidePanel{
width:170px;
padding:1em 4px 0 10px;
float: left;
background:url(resources/module_top.gif) top left no-repeat;
margin-bottom:1em;
}



/* header */

#header{
float:left;
width:744px;
}
#header a img{
float: left;
margin: 8px 0 0 5px;
}
#header a #mainLogo{
margin:27px 0 24px 25px;
}
a.skipNav{
position:absolute;
left:-1000px;
}
a.skipNav:focus, a.skipNav:active{
left:0;
display:block;
padding:1em;
background:#ff9;
}
.contNavRight{
width:196px;
float:right;
margin:20px 0 10px 0;
}
 .contNavRight p{
 background:url(resources/acntBgTop.jpg) top left no-repeat #d6dff0;
padding:0.7em 0.5em 0 10px;
margin:0;
font-weight:bold;
color:#2F3F6F;
}
.contNavRight ul{
background:url(resources/acntBgBot.gif) bottom left no-repeat;
padding:0 0 7px 3px ;
float:right;
width:193px;
margin:0;
}




/* browse nav */


#subtopics{
margin: 0 0 0.2em 0.5em;
font-size:0.9em;
}
#subtopics li.topicNav{
background: url(resources/blackArrow.gif) 0 0.55em no-repeat;
padding: 0 0 0 7px;
}
#subtopics li.current-topic{
background: url(resources/pinkArrow.gif) 0 0.55em no-repeat;
}
#subtopics li a{
font-weight:normal;
}
.current-module a, .current-topic a{
color:#d80b8c;
}
ul#tvModNav{
font-weight:bold;
}
ul#tvModNav li{
padding: 0 0 3px 0;
}
.panelBtm{
background:url(resources/hpboxbase.gif) bottom left no-repeat;
margin-top:1em;
height:15px;
width:184px;
position:relative;
left:-10px;

}


/* search form */


.searchFormItem{
clear:left;
float:left;
padding-bottom:0.5em;
}
 label{
width:110px;
float:left;
font-weight:bold;
font-size:1.05em;
}
#nlpq, #kb{
width:300px;
float:left;
margin-right:10px;
color:#111;
}
#kb{
width:303px;
}
#submit{
float:left;
margin-top:-1px;
color:#111;
}


/* lists and answer page*/

ul.faqList li, ul#result_list li, .faqs ul li, .announcements ul li{
background: url(resources/blackArrow.gif) 0 0.55em no-repeat;
padding: 0 0 0 7px;
margin-bottom:0.3em;
}
ul#result_list{
padding-left:5px;
}
ul#result_list li, #answer ul li{
margin-bottom:0.5em;
}
#answer ul{
list-style:disc outside;
padding-left:2em;
}

#related{
margin-top:1em;
padding:1em 0 0 0;
background:url(resources/divider.jpg) top left no-repeat;
}


#qa-pair{
margin-bottom:15px;
}
#qa-pair a{
text-decoration:underline;
}


#answer p{
padding:0.2em 0;
}


#spellchecking a{
text-decoration:underline;
}
/* paging */

#paging{
font-size:0.9em;
margin-left:10px;
color:#999;
}
#paging li{
float:left;
margin-right:0.6em;
}
#paging li#selectedPage{
font-weight:bold;
color:#333;
}
#paging a{
font-size:1em;
text-decoration:underline;
}


/* search tips */


.search-tips ul, #emailPage{
padding: 0 10px;
margin: 0 0 10px;
line-height: 1.4em;
}
.search-tips ul li{
list-style:inside;
padding-bottom:5px;
}



/* breadcrumbs */

.breadcrumbs {
padding:0 0 0 7px;
font-size:0.9em;
color:#999;
margin-top:-3px;
}
.breadcrumbs a{
margin-left:-0.5em;
color:#999;
}


/* email page */


#email_err{
color: #800;
font-weight: bold;
}
#email_fm{
width: 38em; 
}
.elem_desc{
display: block;	
float: left;
padding-right: 3px;
text-align: right;
width: 11em;
}
.fm_elem{
float: left;
margin-bottom: 6px;
width: 25em;
}
#emailsubmit{
clear: both;
display: block;
margin-left: 11em;
}
form#rate_form label{
font-size:0.9em;
text-transform:capitalize;
}



/* ratings */

#rater, #showRater{
clear:right;
padding:1em 0 2.5em 0;
background:url(resources/divider.jpg) top left no-repeat;
}
#showRater{
padding:1em 0 0 0;
}
.rating, #showScore1, #showScore2, #showScore3, #showScore4, #showScore5{
width:120px;
height:24px;
margin:0;
padding:0;
list-style:none;
position:relative;
background:url(resources/stars-matrix.gif) no-repeat 0 0;
}
#rater span{
float:left;
padding:3px 6px 0 0;
}
ul.rating{
float:left;
padding-right:6px;
}
ul.rating li{
cursor: pointer;
float: left;
text-indent:-999em;
list-style-type: none;
}
ul.rating li a{
position: absolute;
left: 0;
top: 0;
width: 24px;
height: 24px;
text-decoration: none;
z-index: 200;
}
ul.rating li.one a{left: 0}
ul.rating li.two a{left: 24px;}
ul.rating li.three a{left: 48px;}
ul.rating li.four a{left: 72px;}
ul.rating li.five a{left: 96px;}
ul.rating li a:hover{
z-index: 2;
width: 120px;
height: 24px;
overflow: hidden;
left: 0;
background: url(resources/stars-matrix.gif) no-repeat 0 0
}
#showScore1, #showScore2, #showScore3, #showScore4, #showScore5{
margin-bottom: 0.8em;
}
ul.rating li.one a:hover, #showScore1{background-position: 0 -24px;}
ul.rating li.two a:hover, #showScore2{background-position: 0 -48px;}
ul.rating li.three a:hover, #showScore3{background-position: 0 -72px;}
ul.rating li.four a:hover, #showScore4{background-position: 0 -96px;}
ul.rating li.five a:hover, #showScore5{background-position: 0 -120px;}



/* footer */

#footer{
clear:both;
float:left;
padding:0.5em 1% 1em 1%;
width:98%;
background:#fff;
color:#aaa;
}
#footer ul li{
float:right;
border-left:1px solid #ccc;
padding:0 0.7em;
}
#footer ul li.lastListItem{
border:none;
}
body#account #footer ul li{
border:0;
}



div.clear{
clear: both;
}

.faqList div.myContainer{
padding-bottom:3px;
}
.faqList div.myContainer .myInnerContainer {
padding-bottom:7px;
}


#no-entries a, #confidence a{
text-decoration:underline;
}






a[href$='.pdf']{
padding-right:17px;
background:url(http://www.metafaq.com/clients/resources/pdficon.gif) top right no-repeat;
}
a[href$='.doc']{
padding-right:17px;
background:url(http://www.metafaq.com/clients/resources/docicon.gif) top right no-repeat;
}