/**
 * Theme Name: Makro Fuel Card
 * Theme URI: http://www.blocblue.com
 * Author: Rob Simpkins - Blocblue
 * Author URI: http://www.blocblue.com
 * Description: Bespoke WordPress theme developed for UK Fuels
 * Version: 1.0
 */

/** Fonts */
@font-face {font-family:'Frutiger LT Std 75 Black'; font-weight:normal; src:url('fonts/Frutiger-LT-Std-75-Black.woff.woff');}
@font-face {font-family:'Frutiger LT Std 65 Bold'; font-weight:bold; src:url('fonts/Frutiger-LT-Std-65-Bold.woff');}


/** Reset - http://meyerweb.com/eric/tools/css/reset/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time {border:0; margin:0; outline:0; padding:0; font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit; vertical-align:baseline;}
article {display:block;}
body {background:#fff; line-height:1;}
ol {list-style:none;}
blockquote {quotes:none;}
blockquote:before {content:''; content:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration: line-through;}
table {border-collapse:collapse; border-spacing:0;}


/** HTML5 Block and Inline Elements */
article, aside, dialog, figure, footer, header, hgroup, menu, nav, section {display:block;}
audio, canvas, datalist, eventsource, mark, meter, output, progress, time, video {display:inline;}


/** Structure */
html {height:101%;}
body {background-color:#b4dcff; color:#333; font-size:62.5%; font-family:Tahoma, Arial, Sans-Serif; height:100%; line-height:1.3; text-align:center;}
.wrapper {margin:0 auto; text-align:left; position:relative; width:990px; z-index:1;}


/** Typography */
h1 {clear:both; color:#1694d1; font-family:'Frutiger LT Std 75 Black', Tahoma, Arial, Sans-Serif; font-size:3.2em; font-weight:bold; line-height:1.1; margin:0 0 20px;}
h2 {clear:both; color:#1694d1; font-family:'Frutiger LT Std 75 Black', Tahoma, Arial, Sans-Serif; font-size:2em; font-weight:bold; line-height:1.1; margin:0 0 10px;}
h3 {background:transparent url(images/h3-background.jpg) repeat-x 0 0; clear:both; color:#fff; font-family:'Frutiger LT Std 75 Black', Tahoma, Arial, Sans-Serif; font-size:1.6em; font-weight:bold; height:30px; line-height:30px; margin:0 0 10px; padding:0 10px;}
h4 {color:#1694d1; font-size:1.6em; font-weight:bold; line-height:1.1; margin:0 0 10px;}
h5 {color:#1694d1; font-size:1.5em; font-weight:bold; line-height:1.1; margin:0 0 5px;}
p {font-size:1.4em; margin:0 0 20px;}
p.introduction {font-size:2.0em; font-weight:bold;}
p.small-print {clear:left; font-size:1.1em;}
small {font-size:0.917em;}
ul {font-size:1.4em; list-style-position:outside; list-style-type:none; margin:0 0 20px; padding:0;}
ul ul {font-size:1em;}
ul li {background:transparent url(images/blue-bullet.jpg) no-repeat 5px 5px; margin:0 0 15px; padding:0 0 0 25px;}
ol {font-size:1.4em; margin:0 0 20px; padding:0 0 0 25px;}
ol ol {font-size:1em;}
ol li {margin:0 0 20px; padding:0 0 0 5px;}
a {color:#1694d1; text-decoration:none;}
a:hover {text-decoration:underline;}
a:focus {outline:0;}
strong {font-weight:bold;}
em, i {font-style:italic;}
.text-maroon {color:#ac0000;}


/** Forms */
form {margin:0 0 10px; overflow:auto;}
.form-row {float:left; font-size:1.3em; margin:0 0 10px; overflow:auto; width:100%;}
.form-row label {float:left; font-size:0.846em; font-weight:bold; line-height:30px; padding:0 10px 0 0; text-align:right; width:150px;}
.form-row label.double-line {line-height:15px;}
.text-field {background:#fff url(images/text-field-background.png) no-repeat 0 0; border:1px solid #d0d0d0; float:left; font-family:Tahoma, Arial, Sans-Serif; font-size:1em; height:24px; padding:2px 5px; width:188px;}
#ie6 .text-field, #ie7 .text-field, #ie8 .text-field {line-height:24px;}
textarea {background:#fff url(images/textarea-background.png) no-repeat 0 0; border:1px solid #d0d0d0; float:left; font-family:Tahoma, Arial, Sans-Serif; font-size:1em; height:184px; overflow-y:scroll; padding:2px 5px; width:288px;}
.select-field {border:1px solid #d0d0d0; float:left; font-family:Tahoma, Arial, Sans-Serif; font-size:1em; height:30px; padding:2px 0; width:200px;}
.form-status {color:#ac0000; font-size:1.3em; font-weight:bold; margin:0 0 20px;}
.form-error {clear:both; color:#ac0000; display:block; font-size:11px; font-weight:bold;}
.form-error-offset {padding:5px 0 0 160px;}
.image-button {border:none; cursor:pointer; display:inline; float:left; font-size:0; line-height:999px; padding:0; overflow:hidden;}
.apply-now-button {background:transparent url(images/apply-now-en-button.png) no-repeat 0 0; display:inline; float:left; height:50px; text-indent:-9999px; width:250px;}
.fr .apply-now-button {background:transparent url(images/apply-now-fr-button.png) no-repeat 0 0;}
.nl .apply-now-button {background:transparent url(images/apply-now-nl-button.png) no-repeat 0 0;}
.submit-button {background:transparent url(images/submit-en-button.jpg) no-repeat 0 0; display:inline; float:left; height:30px; text-indent:-9999px; width:200px;}
.fr .submit-button {background:transparent url(images/submit-fr-button.jpg) no-repeat 0 0;}
.nl .submit-button {background:transparent url(images/submit-nl-button.jpg) no-repeat 0 0;}
.go-button {background:transparent url(images/go-en-button.jpg) no-repeat 0 0; display:inline; float:left; height:30px; text-indent:-9999px; width:30px;}
.fr .go-button {background:transparent url(images/go-fr-button.jpg) no-repeat 0 0;}
.nl .go-button {background:transparent url(images/go-nl-button.jpg) no-repeat 0 0;}
.go-wide-button {background:transparent url(images/go-en-wide-button.jpg) no-repeat 0 0; height:20px; text-indent:-9999px; width:40px;}
.fr .go-wide-button {background:transparent url(images/go-fr-wide-button.jpg) no-repeat 0 0;}
.nl .go-wide-button {background:transparent url(images/go-nl-wide-button.jpg) no-repeat 0 0;}
.download-button {background:transparent url(images/download-en-button.jpg) no-repeat 0 0; display:inline; float:left; height:25px; text-indent:-9999px; width:100px;}
.fr .download-button {background:transparent url(images/download-fr-button.jpg) no-repeat 0 0;}
.nl .download-button {background:transparent url(images/download-nl-button.jpg) no-repeat 0 0;}
.view-faqs-button {background:transparent url(images/view-faqs-en-button.jpg) no-repeat 0 0; display:inline; float:right; height:30px; text-indent:-9999px; width:133px;}
.fr .view-faqs-button {background:transparent url(images/view-faqs-fr-button.jpg) no-repeat 0 0;}
.nl .view-faqs-button {background:transparent url(images/view-faqs-fr-button.jpg) no-repeat 0 0;}


/** Positioning */
.assistive-text {left:-9999px; position:absolute;}
.clear {clear:both;}
.left {float:left;}
.right {float:right;}
.velocity-logo {position:absolute; right:30px; top:30px;}


/** Positioning: WordPress Images */
.aligncenter {display:block; margin:0 auto;}
.alignleft {float:left; margin-right:10px;}
.alignright {float:right; margin-left:10px;}
.wp-caption-text {font-size:1.2em; margin:0 0 10px;}


/** Header */
#header {background-color:#1b4480; display:block; height:150px; position:relative;}
#header .logo {background:transparent url(images/makro-logo.jpg) no-repeat 0 0; height:48px; left:0; position:absolute; top:46px; text-indent:-9999px; width:166px;}
#header #header-navigation {background:#158bc8 url(images/header-navigation-background.jpg) repeat-x 0 0; display:block; height:30px; left:0; position:absolute; top:0; width:100%; z-index:0;}
#header #header-navigation #add-this {float:right; height:16px; margin:7px 10px; overflow:hidden; width:108px;}
#header #header-navigation ul {float:right; font-family:'Frutiger LT Std 55 Bold', Tahoma, Arial, Sans-Serif; font-size:1.4em; font-weight:bold; height:30px; list-style:none; margin:0; padding:0;}
#header #header-navigation ul li {background:transparent; color:#fff; display:inline; float:left; height:30px; line-height:30px; margin:0; padding:0;}
#header #header-navigation ul li a {background:transparent url(images/header-navigation-item-background.png) no-repeat right 13px; color:#fff; float:left; height:30px; line-height:30px; padding:0 22px 0 10px;}
#header #header-navigation ul li a:hover, #header #header-navigation ul li.current-menu-item a {background-color:#1b4480; text-decoration:none;}
#header #header-navigation ul#menu-language li {margin:0 0 0 5px;}
#header #header-navigation ul#menu-language a {display:block; height:22px; margin:4px 0 4px 2px; padding:0; text-indent:-9999px; width:22px;}
#header #header-navigation ul#menu-language a.en {background:transparent url(images/en.png) no-repeat 0 0;}
#header #header-navigation ul#menu-language a.fr {background:transparent url(images/fr.png) no-repeat 0 0;}
#header #header-navigation ul#menu-language a.nl {background:transparent url(images/nl.png) no-repeat 0 0;}
#header #primary-navigation {background:transparent url(images/primary-navigation-background.png) repeat-x 0 0; display:block; height:40px; left:0; padding:4px 0; position:absolute; top:106px; width:100%; z-index:0;}
#header #primary-navigation ul {background:transparent url(images/primary-navigation-item-separator.jpg) no-repeat right 0; float:left; font-family:'Frutiger LT Std 75 Black', Tahoma, Arial, Sans-Serif; font-size:1.9em; font-weight:bold; height:40px; list-style:none; margin:0; padding:0 2px 0 0;}
#header #primary-navigation ul li {background:transparent url(images/primary-navigation-item-separator.jpg) no-repeat left 0; display:inline; float:left; height:40px; padding:0 0 0 2px;}
#header #primary-navigation ul li a {color:#fff; float:left; height:40px; line-height:40px; overflow:hidden; padding:0 20px;}
#header #primary-navigation ul li a:hover, #header #primary-navigation ul li.current-menu-item a {background:transparent url(images/primary-navigation-item-background.png) no-repeat center top; color:#1694d1; padding-bottom:6px; text-decoration:none;}
#header #primary-navigation ul li.home-menu-item a {background:transparent url(images/primary-navigation-home-item-background.png) no-repeat center 0 !important; padding:0; text-indent:-9999px; width:56px;}
#header #primary-navigation ul li.home-menu-item a:hover, #header #primary-navigation ul li.home-current-menu-item a {background-position:center -40px !important; padding-bottom:6px;}
	

/** Content */
#content {overflow:auto; padding:20px 0 30px;}
#content #main {background-color:#fff; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; overflow:auto; padding:30px; position:relative; width:930px; behavior:url(/wp-content/themes/makro/javascripts/PIE.htc);}
#content .has-sidebar {float:left; width:640px !important;}
#content #sidebar {float:right; margin:0 0 0 20px; width:270px;}


/** Content: Main */
#main .banner {margin:0 0 30px; position:relative; width:640px;}
#main .banner .apply-now-button {bottom:20px; position:absolute; right:20px;}
#main .column-left {float:left; width:335px;}
#main .column-right {float:right; margin:0 0 0 30px; width:275px;}
#main ul.tick-bullet-list {list-style:none; margin:0 0 30px; padding:0;}
#main ul.tick-bullet-list li {background:transparent url(images/tick-bullet.jpg) no-repeat 0 0; min-height:35px; _height:35px; padding:0 0 0 50px;}
#main ul.icon-bullet-list {list-style:none; margin:0 0 20px; padding:0;}
#main ul.icon-bullet-list li {background:transparent; line-height:1.3; min-height:50px; _height:50px; padding:0 0 0 58px; position:relative;}
#main ul.icon-bullet-list li img {left:0; position:absolute; top:0;}
#main ul.icon-bullet-list li strong {color:#1694d1; font-size:1.143em; line-height:1;}


/** Content: Sidebar */
#sidebar .widget-container {margin:0 0 20px;}
#sidebar .widget-container header {height:30px;}
#sidebar .widget-container header h3 {background:transparent url(images/h3-sidebar-background.png) repeat-x 0 0; font-size:1.4em; margin:0; padding:0 20px;}
#sidebar .widget-container .widget-content {background-color:#fff; border-radius:0 0 7px 7px; -moz-border-radius:0 0 7px 7px; -webkit-border-radius:0 0 7px 7px; overflow:auto; padding:20px 20px 10px; behavior:url(/wp-content/themes/makro/javascripts/PIE.htc);}
#ie6 #sidebar .widget-container .widget-content {padding-bottom:20px;}
#sidebar .widget-container .widget-content p {font-size:1.3em; margin:0 0 10px;}
#sidebar .widget-container .widget-content p.contains-button {min-height:30px;}
#ie6 #sidebar .widget-container .widget-content p.contains-button {height:30px;}
#sidebar .widget-container .widget-content ul {font-size:1.2em; font-weight:bold; list-style:none; list-style-image:none; list-style-type:none; padding:0;}
#sidebar .widget-container .widget-content ul li {background:transparent; margin:0 0 15px; padding:0;}
#sidebar .widget_ukf_faq .widget-content {background:#fff url(images/faq-widget-background.jpg) no-repeat 20px 20px; padding-left:90px;}
#sidebar .widget_ukf_newsletter .widget-content .text-field {background:#fff url(images/newsletter-field-background.png) no-repeat 0 0; margin:0 10px 0 0; width:178px;}
#sidebar .widget_ukf_referral_bonus .widget-content .text {float:left; width:190px;}
#sidebar .widget_ukf_referral_bonus .widget-content .go-button {float:right;}


/** Footer */
#footer {background:transparent url(images/footer-background.jpg) repeat-x 0 0; display:block; height:80px; position:relative;}
#footer p {color:#1694d1; font-size:1.2em; line-height:80px; text-align:center;}


/** Page: Manage Your Account */
#main .account-action {background:#fff url(images/manage-action-background.png) repeat-x 0 0; border:1px solid #ccc; display:inline; float:left; height:160px; margin:0 20px 20px 0; padding:20px; position:relative; text-align:center; width:158px;}
#main .account-action-last {margin:0 0 20px;}
#main .account-action h4 {font-family:'Frutiger LT Std 55 Bold', Tahoma, Arial, Sans-Serif; font-size:1.6em; font-weight:normal; margin:0 0 3px; text-align:left;}
#main .account-action p {font-size:1.2em; margin:0 0 7px; text-align:left;}
#main .account-action .go-wide-button {bottom:20px; position:absolute; right:20px;}


/** Page: Network */
#main .download-action {background:#fff url(images/download-action-background.png) repeat-x 0 0; border:1px solid #ccc; display:inline; float:left; height:120px; margin:0 20px 20px 0; padding:0; position:relative; text-align:center; width:120px;}
#main .download-action img {left:20px; position:absolute; top:15px;}
#main .download-action .instructions {font-size:1.2em; left:10px; position:absolute; text-align:center; top:65px; width:100px;}
#main .download-action .download-button {bottom:10px; left:10px; position:absolute;}
#main #site-locator {margin:0 -20px; width:970px;}


/** Page: Frequently Asked Questions */
#main .faq {clear:both; overflow:visible; margin:0 0 20px;}
#main .faq .faq-question {clear:both; overflow:auto;}
#main .faq .faq-question .faq-q {color:#1694d1; float:left; font-size:1.4em; width:20px;}
#main .faq .faq-question .faq-state {background:transparent url(images/faq-show-hide.png) no-repeat 0 0; float:right; height:14px; width:14px;}
#main .faq .faq-expanded-question .faq-state {background-position:0 -14px;}
#main .faq .faq-question p {float:left; margin:0; width:576px;}
#main .faq .faq-answer {clear:both; overflow:auto; padding:10px 0 0;}
#main .faq .faq-answer .faq-a {float:left; font-size:1.4em; width:20px;}
#main .faq .faq-answer p {float:right; width:620px;}


/** Page: News */
#main #posts .post {margin:0 0 20px;}
#main #posts .post h2 {font-size:1.6em; margin:0 0 3px;}
.single-post #main .post h1 {margin:0 0 3px;}
.single-post #main .post .date-time {color:#ac0000; font-size:1.2em; font-weight:bold; text-align:right;}
#main #posts .pagination a, #main #posts .pagination span {display:inline; padding:0 5px;}


/** Page: Contact */
.page-contact .column-left, .page-contact .column-right {width:290px !important;}
#main #contact .form-block {float:left;}
#main #contact .form-left-block {margin:0 20px 0 0; width:320px;}
#main #contact .form-left-block label {width:110px;}
#main #contact .form-error-offset {padding:5px 0 0 115px;}
#main #contact .form-right-block {width:300px;}
#main #contact .contact-message label {font-size:1.231em; line-height:1.2em; padding:0 0 7px; text-align:left;}
#main #contact #contact-submit {float:right;}
#main #location-map {float:right; width:300px;}


/** PIE CSS3 */
.pie {behavior:url(/wp-content/themes/makro/javascripts/PIE.htc); position:relative; z-index:1;}