/*reset*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
/*table{border-collapse:collapse;border-spacing:0;}*/
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
/*fonts*/
body{font:13px Arial, Helvetica, sans-serif;*font-size:small;*font:x-small; background:#fff;}
table {font-size:inherit;font:100%;}
select, input, textarea {font:99%  Arial, Helvetica, sans-serif;}
pre, code {font:115% monospace;*font-size:100%;}
body * {}
/* IMAGES ---------------------- */	
img, a img {border: none;}
/* TABLES ---------------------- */
table {margin-bottom: 1.2em;font-size: 1em;}
/* FORMS ----------------------- */
form {margin: 0;}
/* CLEARS n FLOATS ----------------------- */
.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;}
.floatleft {float:left;}
.floatright {float:right; margin:0 0 15px 15px; clear:both;}
.screen-readers {position:absolute;left:-9999px;top:-9999px;z-index : 2;}

/* LAYOUT BLOCKS ----------------------- */

body { text-align:center; padding:0 0; background:#8B0025 url(../i/elements/back-main.jpg) repeat-x 0 0; }

#wrapper { text-align:left; margin:0 auto 12px auto; padding:0 0; width:920px; background:#fff;}

#header { width:100%; height:282px; background:#BC0032  url(../i/elements/masthead.jpg) no-repeat 0 0; padding:0 0 0 0; position:relative }
#logo {background: url(../i/home/logo.gif) no-repeat 0 0; width:229px; height:71px; float:left;}
#contact-info { width:200px; height:71px; float:right; background: url(../i/elements/contacts.gif) no-repeat 0 0;}
#strapline { height:30px; float:left; background:#fff; width:100%; }

#main {float:left; padding:0 0 15px 0; width:100%; background: url(../i/elements/wrapper-back.gif) repeat-y 0 0; }	

#pri { float:left; width:656px; background:#fff; display:inline; margin:20px 0 0 0 ;}
#sec { float:left; width:264px; padding:0; margin:0 0;display:inline;}
#col1 { float:left; width:361px;    margin:0  15px ; display:inline; padding:0 0;}
#col2 { float:left;  width:250px;  margin:0 0 0 0;display:inline;}


h1.pagetitle  { background:#FFF; padding:12px 20px;  position:absolute; bottom:0; left:0; font-size:22px; font-weight:normal; color:#777;}

/* NAV  */
#leftnav { padding: 0px; margin:0 auto;  float:right; background:#C50035 url(../i/elements/menu-back.jpg) repeat-x 0 0; width:264px; height:282px; }

#leftnav ul {  float:left;  margin:15px 0 0 0; }
#leftnav li {  margin:0 0 0 0; float:left; width:264px;}
#leftnav a { display:block; margin:0; height:38px; border-bottom:#A50029 1px solid;padding: 0 0 0 8px;}

#leftnav_home { background: url(../i/elements/nav-home.gif) no-repeat 0 0;}
#leftnav_buy { background:url(../i/elements/nav-buythecard.gif) no-repeat 0 0;}
#leftnav_restaurants { background:url(../i/elements/nav-restaurants.gif) no-repeat 0 0;}
#leftnav_how { background:url(../i/elements/nav-howitworks.gif) no-repeat 0 0;}
#leftnav_faqs { background:url(../i/elements/nav-faqs.gif) no-repeat 0 0;}
#leftnav_contact { background:url(../i/elements/nav-contact.gif) no-repeat 0 0;}

#ctl00_leftnav_mortgages:hover, #ctl00_leftnav_cf:hover, #ctl00_leftnav_debt:hover, #ctl00_leftnav_iva:hover, #ctl00_leftnav_loans:hover  { background-position:-227px 0;}
.leftnav_selected,.leftnav_selected:hover{background-position:-227px 0!important;}


/* ------- TYPOGRAPHY ------- */
#col1 h1, #col2 h1 {font-size:30px; color:#B30038; font-weight:normal; margin:0 0 15px 0; }
#col1 h2, #col2 h2 {font-size:17px;color:#B30038;font-weight:bold;margin:10px 0 18px 0;padding:0 0 5px 0;border-bottom:#B30038 1px solid;}
#col1 p, #col2 p {  line-height:135%; margin:0 0 15px 0;}


/* ------- RIGHT COL ------- */

.colright { background:url(../i/elements/head-back.jpg) repeat-x 0 0;  margin:0 0 20px 0; padding:10px; clear:both; }
.searchbox {  }
.featured {}

.featured .fetres a { display:block; width:236px; height:260px; padding:4px; margin:10px 0 20px 0; background:#F78C26; }
.featured .fetres a:hover { background:#F55E17!important; text-decoration:none; }
.featured h4 { margin:0 0 0 0; padding:8px; font-size:18px; color:#fff; }
.featured p { margin:0 0 15px 0; color:#B30038; font-size:12px; }




/* ------- HOMEPAGE ------- */

.home #col1 { float:left; width:273px;    margin:0 15px ; display:inline; padding:0 0; }
.home #col2 { float:left;  width:338px;  margin:0 0 0 0;display:inline;}

.homebanner { background:#E95814; float:left; width:626px; margin:15px 0 0 15px; display:inline;}
.homebanner img { display:block;}
.home-how { background:#FFFFFF; float:left; margin:0 14px 14px 14px; width:598px; display:inline;}
.home-how ul { margin:10px 20px; color:#666;}
.home-how ul li { padding:0 0 5px 20px; background:url(../i/home/bullet-squarered.gif) no-repeat 0 3px;}

.home-how h3 { padding:10px 20px 0 20px;}

/* HOW IT WORKS  */

ul.howpoints { margin:20px 20px 20px 0; color:#333;}
ul.howpoints li { padding:0 0 11px 20px; background:url(../i/home/bullet-squarered.gif) no-repeat 0 3px;}

.latestrestaurants { background:#F55E17; margin:15px 0;}
.latestrestaurants h3 {padding:15px; color:#fff; font-size:19px;}
.latestrestaurants ul {margin:5px 20px 0 20px; color:#fff;}
.latestrestaurants li {color:#fff; padding:0 0 6px 20px; background:url(../i/home/bullet-squarewhite.gif) no-repeat 0 3px; font-size:15px; font-weight:bold}
.latestrestaurants p {padding:15px; color:#fff; font-size:13px;}
.latestrestaurants a { color:#fff;}


/* -------BUY CARD------- */

.buy #col1{ background:#F5F5F5;float:left; width:626px; margin:0 0 0 15px; border:#CACACA 1px solid; display:inline}
.buy .buy-top { float:left; width:580px;  border-bottom:#cbcbcb 1px solid; margin:20px; padding-bottom:20px; display:inline} 
.buy .buy-form { float:left; width:100%; margin:0 0 0 0; } 
.buy .buy-form ul { margin:0 0 0 20px; } 
.price { font-size:13px; color:#1A3665; font-weight:bold;}

/* ------- RESAURANT MAIN ------- */

.restaurants #col1 { float:left; width:626px; margin:15px 0 0 15px;}
.restaurants #col1 ul { float:left; width:280px; margin:15px 20px 0 0; font-size:14px; font-weight:bold;}
.restaurants #col1 li {padding:0 0 2px 0;}
.restaurants #col1 li a {color:#1A3665;  }

/* ------- RESAURANT TEMPLATE ------- */

#restaurants-template #col1 h1 {border-bottom:#ccc 1px solid; padding:0 0 10px 0; font-size:34px;}
#restaurants-template #col2 p { color:#666;}

.imageviewer { background:#87ABEF; padding:7px; float:left; margin:0 0 0 0;}
.imageviewer ul { margin:6px 0 0 0; }
.imageviewer ul li { float:left; display:block; margin:0 4px 0 0; color:#FFF; font-size:14px; font-weight:bold;}
.imageviewer ul li a { display:block; padding:3px 5px; color:#FFF;}
.imageviewer ul li a:hover { background:#5E7DD1; text-decoration:none;}
.imageviewer ul li a.selected { background:#fff; color:#87ABEF;}
#restaurants-template #col2 .imageviewer p {float:right;width:90px;color:#fff;margin:3px 0 0 0;text-align:right;font-size:12px;}

.contacts {  margin:20px 0; border-top:#ccc 1px solid; padding:5px 0;}
.contacts dl { margin-bottom:10px; }
.contacts dt { color:#898989; margin-bottom:2px; }
.contacts dd { color:#444; font-weight:bold; }

.menusample { }
.menusample h3 { font:13px bold; font-style: italic; color:#B30038;}
span.menuprice { color:#990033;}

.offer-row {  border-bottom:#ccc 1px solid; margin:0 0 10px 0; width:351px; float:left; clear:both;  padding:0 5px 10px 5px; }
.offer-icon {float:left; margin-right:10px;width:150px;}
#col1 .offer-icon li { display:inline; margin:0 3px 0 0; padding:0; float:left;}
#col1 .offer-icon li img { margin:0; padding:0; display:block;}
.offer-txt {float:left;width:191px; }
#col1 .offer-txt p { margin:0; font-size:12px;}

.location { float:left;width:100%; margin-top:10px; }
.location img {display:block; width:351px; height:231px;}

.offers { position:relative;}

p.offers-key {float:right; position:absolute; top:2px; right:2px; font-size:12px;}
/*p.offers-key a { background:#F4C73D; border:#FF9900 1px solid; padding:2px 5px; color:#fff;}
p.offers-key a:hover { background:#FF9900; border:#FF9900 1px solid; text-decoration:none;}*/


p.offers-key a {  border-left:#ccc 1px solid; padding:0 0 0 5px;}
p.offers-key a:hover { color:#B30038;text-decoration:none;}

/* ------- FAQs  ------- */
.faqs #col1 { float:left; width:273px;    margin:0 15px ; display:inline; padding:0 0; }
.faqs #col2 { float:left;  width:338px;  margin:0 0 0 0;display:inline;}
.faqs .faqsbox { border-top:#cbcbcb 1px solid; float:left; width:626px; margin:0 0 0 15px; padding:0 0 0 0; display:inline}
.faqs .faqsbox h3 { font-size:14px; color:#1A3665; margin:24px 0 12px 0;}
.faqs .faqsbox p { line-height:135%; margin:0 0 15px 0;}

/* ------- FOOTER ------- */
#footer-wrapper { margin:0 auto; width:920px;}
#footer { float:left; width:100%; margin:0 0;  height:40px;}
#footer-banner { float:left; width:100%; margin:20px 0;  height:150px;}
#footer-banner img { margin-bottom:20px;}
#footer ul { float:left; margin:0 0;  padding:11px 0 0 0;}
#footer ul li { float:left;font-size:12px; margin: 0 15px 0 0; padding:0 15px 0 0; color:#fff; border-right:#fff 1px solid;}
#footer a { color:#fff; }
#footer p { color:#fff; float:right;padding:11px 0 0 0; font-size:12px; }
#footer li.footlast { border:none;}



/* ------- TABLES ------- */

table.formtable { width:100%;  margin:0 0 20px 0;}
table.formtable td { padding:8px 10px; font-size:12px; color:#333;  }
table.formtable td.form-col1 { text-align:right; width:260px; }
table.formtable td.form-col2 { text-align:left;}


/* ------- FORMS ------- */

/* enquiry forms  */
.searchbox a {color:#002250; }
.searchbox .form-field {  margin: 0 0 14px 0; }
.searchbox .row { margin:2px 0 0 0; width:100%; float:left; display:inline;}
.searchbox label {   display:block; margin:0 0 8px 10px; color:#730017; font-size:12px; }
.searchbox input, #searchbox textarea {  font-size:12px; color:#666; margin:0 0 0 10px;  width:210px; background:#fff; border:#A9ABCB 1px solid; padding:6px;}
.searchbox select {width:222px; background:#fff; border:#A9ABCB 1px solid; height:30px; margin:0 0 0 10px;}
.searchbox img { margin-left:10px;}


.searchbox ul.formchoose { margin:0; padding:0 }
.searchbox ul.formchoose li { list-style:none; padding:0; margin:0; clear:both }
.searchbox ul.formchoose label {padding:0; margin:0; height:20px; clear:none;float:left; color:#838491;}
.searchbox input.checkbox {width:16px; padding:0; margin:0; border:none; float:left}
.searchbox ul.formchoose span {  margin:0 0 0 5px; padding:0; }
.searchbox label.disclaimer { font-size:11px; margin:10px 0}
p.btn-search {  margin:30px 0 0 0;}
p.btn-search.btn2 {  margin:30px 0 0 10px;}
p.btn-search a { padding:8px 18px; background:#D13137; font-size:17px; color:#FFF; font-weight:bold;  }
p.btn-search a:hover { text-decoration:none; background:#F55E17;}

.formtable input, .formtable select { width:260px; padding:6px; font-size:13px; color:#444; background:#FFF; border:#999 1px solid;}
.formtable input.shortdrop, .formtable select.shortdrop { width:90px;}

/* TYPOGRAPHY ------------------------- */

h1 {font-size:34px; color:#B30038; font-weight:normal; }
h2 {font-size:24px; font-weight:bold;color:#B30038; }
h3 {font-size:18px; color:#B30038; font-weight:bold; padding: 0; }
h4 {font-size:108%;color:#333; font-weight:bold;padding: 0;}
p { color:#444; font-size:13px;  }
em { font-style:italic;}
a {color:#B30038; text-decoration:none;}
a:hover { text-decoration:underline;}
strong { font-weight:bold;}



.noborder {border:none!important;}
.nopadding {padding:0!important;}

/* ----- float fix ----- */
.inner:after, .box:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.inner, .box {display:block;}
/*  \*/
.inner, .box {min-height:1%;}
* html .inner, * html .box {height:1%;}
 /*  */
/* ----- end float fix ----- */