html,
body {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10px/12px;
	text-align: left;	
	background-image: none;
	}

/* Reset to avoid publisher css overrides
************************************************/

#dianomiResponsivePromo applet, 
#dianomiResponsivePromo object, 
#dianomiResponsivePromo iframe,
#dianomiResponsivePromo blockquote, 
#dianomiResponsivePromo pre,
#dianomiResponsivePromo a, 
#dianomiResponsivePromo abbr, 
#dianomiResponsivePromo acronym, 
#dianomiResponsivePromo address, 
#dianomiResponsivePromo big, 
#dianomiResponsivePromo cite, 
#dianomiResponsivePromo code,
#dianomiResponsivePromo del, 
#dianomiResponsivePromo dfn, 
#dianomiResponsivePromo em, 
#dianomiResponsivePromo img, 
#dianomiResponsivePromo ins, 
#dianomiResponsivePromo kbd, 
#dianomiResponsivePromo q, 
#dianomiResponsivePromo s, 
#dianomiResponsivePromo samp,
#dianomiResponsivePromo small, 
#dianomiResponsivePromo strike, 
#dianomiResponsivePromo strong, 
#dianomiResponsivePromo sub, 
#dianomiResponsivePromo sup, 
#dianomiResponsivePromo tt, 
#dianomiResponsivePromo var,
#dianomiResponsivePromo b, 
#dianomiResponsivePromo u, 
#dianomiResponsivePromo i, 
#dianomiResponsivePromo center,
#dianomiResponsivePromo dl, 
#dianomiResponsivePromo dt, 
#dianomiResponsivePromo dd, 
#dianomiResponsivePromo ol, 
#dianomiResponsivePromo ul, 
#dianomiResponsivePromo li,
#dianomiResponsivePromo fieldset, 
#dianomiResponsivePromo form, 
#dianomiResponsivePromo label, 
#dianomiResponsivePromo legend,
#dianomiResponsivePromo caption, 
#dianomiResponsivePromo tbody, 
#dianomiResponsivePromo tfoot, 
#dianomiResponsivePromo thead, 
#dianomiResponsivePromo tr, 
#dianomiResponsivePromo th, 
#dianomiResponsivePromo td,
#dianomiResponsivePromo article, 
#dianomiResponsivePromo aside, 
#dianomiResponsivePromo canvas, 
#dianomiResponsivePromo details, 
#dianomiResponsivePromo embed, 
#dianomiResponsivePromo figure, 
#dianomiResponsivePromo figcaption, 
#dianomiResponsivePromo footer, 
#dianomiResponsivePromo header, 
#dianomiResponsivePromo hgroup, 
#dianomiResponsivePromo menu, 
#dianomiResponsivePromo nav, 
#dianomiResponsivePromo output, 
#dianomiResponsivePromo ruby, 
#dianomiResponsivePromo section, 
#dianomiResponsivePromo summary,
#dianomiResponsivePromo time, 
#dianomiResponsivePromo mark, 
#dianomiResponsivePromo audio, 
#dianomiResponsivePromo video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 10px;
	vertical-align: baseline;
	font-size: inherit;	
	}

#dianomiResponsivePromo h1 {
	margin: 10px 0;
	}

#dianomiResponsivePromo sup,
#dianomiResponsivePromo * sup{
	vertical-align: super;
	font-size: 0.6em !important;
	}

#dianomiResponsivePromo article, 
#dianomiResponsivePromo aside, 
#dianomiResponsivePromo details, 
#dianomiResponsivePromo figcaption, 
#dianomiResponsivePromo figure, 
#dianomiResponsivePromo footer, 
#dianomiResponsivePromo header, 
#dianomiResponsivePromo hgroup, 
#dianomiResponsivePromo menu, 
#dianomiResponsivePromo nav, 
#dianomiResponsivePromo section {
	display: block;
	}

#dianomiResponsivePromo ol, 
#dianomiResponsivePromo ul {
	list-style: disc;
	}

.blacktick {
list-style-image: url('http://www.dianomioffers.co.uk/img/tick.png') !important;
}


.redtick {
list-style-image: url('http://www.dianomioffers.co.uk/img/smalltick.gif') !important;
}



#dianomiResponsivePromo blockquote:before, 
#dianomiResponsivePromo blockquote:after,
#dianomiResponsivePromo q:before, 
#dianomiResponsivePromo q:after {
	content: '';
	content: none;
	}

#dianomiResponsivePromo table,	
#dianomiResponsivePromo tr, 
#dianomiResponsivePromo td {
	vertical-align: top;
	padding: 10px;
	margin: 0;
	}

#dianomiResponsivePromo li {
	font-size: inherit;
	}

#dianomiResponsivePromo strong,
#dianomiResponsivePromo strong *,
#dianomiResponsivePromo span.bold {
	font-size: inherit;
	font-weight: bold !important;	
	} 

#dianomiResponsivePromo span.italic,
#dianomiResponsivePromo em {
	font-size: inherit;
	font-style: italic;
	}


/* General styles
**********************/

#dianomiContent {
	float: right;
	margin: 0 auto;	
	max-width: 100% !important;
	}

.dianomiLayoutTableContentNoNav #dianomiContent {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	float: none;
	}

.clear {
	clear: both;
	}

.hide {
	display: none;
	}

#dianomiResponsivePromo .hidden {
	display: inline-block !important;
	}

/* Main Layout
******************************/

#dianomiHeadBottom {
	background: none;	
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
	}

#dianomiResponsivePromo {
	width: 630px;
	margin: 0 auto;
	}

.dianomiLayoutTableNav {
	float: left;
	}

	.dianomiLayoutTableNav#luluContainer {
		float: right;
		margin-right: 30px;
		}

		.dianomiLayoutTableNav#luluContainer #dianomiNav {
			border-width: 0px;
			}

div.offerRowHeading {
	color: #417489;
	padding: 15px 10px 13px 5px !important;
	font-size: 14px;
	background: gainsboro;
	font-weight: bold;
	}

div.highlightedProduct {
	height: 250px;
	}

div#responsiveRiskWarnings {
	max-width: 630px; 	
	margin: 0 auto;
font-size:12px !important; 
	}


/* Directory
******************************/

#dianomiShell {
	width: 100%;
	max-width: 970px;
	margin: 0 auto;
	}

#dianomiHead {
	padding: 10px 0;	
	}

#dianomiHead #logo {
	width: 280px;
	float: left;
	margin-left: 10px
	}

#dianomiNav,
.dianomiLayoutTableNav {
	display: block !important;
	}

#dianomiBody {
	width: auto;
	padding: 0;
	margin: 0;
	}

.dianomi {
	margin: 0 20px;
	}

.dianomiLayoutTableContent {
	padding: 5px;
	}

.dianomi #directory-header {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 15px 0;
	}

#directory-header-cell-left {
	text-align: left;	
	width: 65%;
	vertical-align: 20%;
	float: left;
	}

#directory-header-cell-right {
	float: left;
	text-align: center;
	}

.dianomi h1.header-heading1,
.dianomi h2.header-heading1,
.dianomi p.header-para1 {
	margin: 0 0 10px 0;
	}

img.header-hero {
	margin: auto !important;
	display: block;
	position: relative !important;
	top: auto !important;
	width: 232px;
	margin-left: 50%;	
	}

div.offerTable {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-width: 1px 0 0 0;
	padding: 10px 0;
	clear: both;
	}

div.offerRow {
	clear: both;
	width: 100%;
	padding: 10px 0;
	border-bottom: 1px solid #dfdfdf;
	float: left;
	}

div.productContainer {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 25%;
	float: left;
	padding: 5px;
	text-align: center;
	height: 100%;
	-webkit-transition: 100ms all ease-in-out;
	-moz-transition: 100ms all ease-in-out;
	transition: 100ms all ease-in-out;
	}

	div.productContainer:hover{
		background-color: #f3f3f3;
	}

div.productContainer .product_image_container img {
	display: block;
	margin: 0 auto;
	}

	.product_image_directory {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;		
		text-align: center;
		height: 100%;		
		display: inline-block;
		}

	.two,
	.three {
		float: left;
		}

	div#pid-0.product_image_container.two {		
		}

	div#pid-1.product_image_container.two {		
		margin-top: 20px;
		margin-left: -20px;
		}

	div#pid-0.product_image_container.three {
		margin-left: 10px;		
		}

	div#pid-1.product_image_container.three {		
		margin-top: 20px;
		margin-left: -30px;
		}

	div#pid-2.product_image_container.three {		
		margin-top: 40px;
		margin-left: -30px;
		}


p.productText {
	height: 28px;
}

div.productContainer a {
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	color: #000;
	line-height: 15px;
	text-decoration: none;
	}

a.dianomiNavCatToggle {
	cursor:	pointer;
	}

.productContainerTitle {
	min-height: 35px;
	}

/* Single Promotion
******************************/

#singlePromo2, #offer_disclaimer, #dianomiFooter {
	max-width: 630px;
	overflow: hidden;
	background-color:#FFFFFF !important;
	margin: 0 auto;
	}

#form-container {
	float: left;
	width: 315px;
	background: none;
	margin: 10px 0;
	position: relative;
	z-index: 999999;
	}
 
 .dianomiClickBackDialog {
 	z-index: 9999999;
	}
.ui-widget-overlay {
	z-index: 9999998 !important;
	}
#dianomiContent table.dianomiBrochureDetails,
#singlePromo2 table.brochure tr td {
    background: none !important;
    }

#dianomiContent #singlePromo2Bottom table.brochure {
    background: none !important;
	}

#dianomiContent #singlePromo2 table.dianomiBrochureDetails tr td {
    background: none !important;
	}

#singlePromo2 table.dianomiBrochureDetails tr td .dianomiSmallPrint {
	font-size: 11px !important;
    color: #000000
	}	

#dianomiResponsivePromo #dianomi_html_left {
    width: 305px;
    float: left;
    text-align: left;
    font-size: 12px;
    line-height: normal;
    position: relative;
	}

#dianomiResponsivePromo #dianomi_html_top_headline_inner ul,
#dianomiResponsivePromo #dianomi_html_left ul {
    margin-left: 30px;
    padding: 0;
    max-width: 295px;
	}

#dianomiResponsivePromo #dianomi_html_top_headline_inner ul li,
#dianomiResponsivePromo #dianomi_html_left ul li {
    margin: 8px 0;	
	}		

#dianomiResponsivePromo #dianomi_html_top_headline_inner p {
	max-width: 290px;
	}	    

#dianomiResponsivePromo #dianomi_html_top {
	margin-bottom: 20px;
	overflow: visible;
	position: relative;
	}

#dianomiResponsivePromo #dianomi_html_top * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

#dianomiResponsivePromo #dianomi_html_top_headline_inner {
	float: left; 
	margin: 10px 0 0 10px; 
	max-width: 325px;
	width: 100%;
	position: relative;
	}

#dianomi_html_top_brochure img {
	width: 220px; 
	position: relative;
	float: right; 
	margin: 30px 40px 0 0
	}

/* Responsive Form Layout */

#dianomiResponsivePromo #form-container * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	}

#dianomiResponsivePromo div.dianomi_form_row {
	width: 95%;
	clear: both;
	padding-top: 5px;
	}

#dianomiResponsivePromo div.please_select_product {
	float: right;
	padding-top: 5px;
	width: 220px;
	}

#dianomiResponsivePromo div.product_selection {
	//height: 30px;
	//line-height: 30px;
	}
#dianomiResponsivePromo .select_options {
    margin-left: 95px;
}
#dianomiResponsivePromo button.border,
#dianomiResponsivePromo select.border,
#dianomiResponsivePromo select.required,
#dianomiResponsivePromo input.border {
	width: 200px !important;
	color: #222;
	}

/* Responsive Form Styling */

#dianomiResponsivePromo .form_border_radius_all {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	}

#dianomiResponsivePromo label.dianomi_form_label {
	float: left;
	padding: 0 7px;
	width: 95px;
	font-weight: bold;
	font-size: 12px;
	line-height: 15px;
	text-align: right;
	}

#dianomiResponsivePromo label.error {
	text-align: right;
	width: 100%;
	float: right;	
	margin: -3px 0 8px 0;
	}

	#dianomiResponsivePromo label.required.error {
		float: none !important;
		margin: 0 !important;
		}

#dianomiResponsivePromo select.border,
#dianomiResponsivePromo select.required,
#dianomiResponsivePromo button.border,
#dianomiResponsivePromo input.border {
	padding: 4px 2px !important;
	margin: 0 0 2px 0 !important;
	border: 1px solid #ccc;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-size: 13px;
	}

#dianomiResponsivePromo div.responsiveExtraQuestionHolder {
	font-size:12px !important; 
	float: right;
	width: 200px;
	margin-bottom: 10px;
	margin-right: 3px;
	}

#dianomiResponsivePromo div.responsiveExtraQuestionHolder.date_format_holder {
	float: left;
	}

	#dianomiResponsivePromo input.border[type="checkbox"] {
		width: auto !important;
		display: inline !important;
		float: none !important;
		margin: 0;
		padding: 0;
		}

	#dianomiResponsivePromo .dianomiExplanation {
		width: 200px;
		font-size: 11px;
		display: inline !important;
		}

	/*div.responsiveExtraQuestionHolder input.required::before {
		content: "* ";
		color: red;
		}*/

#dianomiResponsivePromo input.border#dianomiRequestFormPostcode {
	width: 118px !important;
	float: left !important;
	margin-right: 5px !important;
	}

#dianomiResponsivePromo input#pcaButtonNZ53 {
	padding: 5px 6px 4px 6px;
	border: 1px solid #ccc;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #f0f0f0;
	cursor: pointer;
	font-size: 12px;
	}

	/**** Safari and Firefox Fixes
	--------------------------------------------*/

		@-moz-document url-prefix() {
		   	
		   	#dianomiResponsivePromo input.border#dianomiRequestFormPostcode {
				width: 103px !important;
				float: left !important;
				margin-right: 5px !important;
				}

			#dianomiResponsivePromo input#pcaButtonNZ53 {
				padding: 3px 6px 4px 6px;			
				}
		}

		@media screen and (-webkit-min-device-pixel-ratio:0) {
		    #dianomiResponsivePromo input.border#dianomiRequestFormPostcode {
				width: 109px !important;
				float: left !important;
				margin-right: 5px !important;
				}

			#dianomiResponsivePromo input#pcaButtonNZ53 {
				padding: 5px 6px 4px 6px;			
				}
		}

#dianomiResponsivePromo select#pcaSelectNZ53 {
	width: 200px !important;
	float: left;
	}

	#dianomiResponsivePromo div#pcaDivNZ53 {
		width: 200px;
	}

#dianomiResponsivePromo #dianomi_responsive_consent {
	width: 200px;
	float: right;
	margin: 10px 0;
	}

#dianomiResponsivePromo #dianomi_responsive_country {
	float: left;
	line-height: normal;
	width: 200px;
	font-size: 12px;
	}
#dianomiResponsivePromo #dianomi_responsive_country select{
	width: 100%;
}

.brochuresmallprint, 
.brochuresmallprint p {
	font-size: 11px !important;
	line-height: 17px;
	}
	
.brochuresmallprint.dianomiSmallPrint {
	font-size: 11px !important;
	font-family: Arial, Helvetica, Sans-Serif !important;
	line-height: 14px !important;
}

#dianomiResponsivePromo .emailSmallprint {
	float: right !important;
	font-size: 10px !important;
	}

div#dianomi_responsive_country .dianomiSmallPrint,
td.dianomiDetailsField .dianomiSmallPrint {
	font-size: 11px !important;
	font-family: Arial, Helvetica, Sans-Serif !important;
	}

#dianomiResponsivePromo span.consentBoxes input {
	margin: 10px 0;	
	}

	#dianomiResponsivePromo span.consentBox {
		font-size: 11px;
		}

#dianomiResponsivePromo button.submit, 
#dianomiResponsivePromo input.submit,
#dianomiResponsivePromo span.submit, 
input.submit {
	float: right;
	cursor: pointer;
	width: 200px;
	padding: 10px 10px 8px 10px;
	font-weight: bold;
	color: #fff;
	font-size: 16px;
	text-shadow: 2px 2px 3px #111;
	-webkit-box-shadow: 0px 1px 5px #333;
	-moz-box-shadow: 0px 1px 5px #333;
	box-shadow: 0px 1px 5px #333;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin: 0 0 10px 0;
	}


#dianomiResponsivePromo button.submit{
	width: 95%;
	margin: 2px 0 5px 0;
	margin-right: 5px;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 0;
	box-shadow: none;
	text-shadow: 1px 1px 4px #144;
	-webkit-box-shadow: 0px;
	-moz-box-shadow: 0px;
	box-shadow: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-color: rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.29);
	border-radius: 0px;
}
#dianomiResponsivePromo input.submit:hover,
input.submit:hover,
#dianomiResponsivePromo span.submit:hover,
#dianomiResponsivePromo button.submit:hover {
	-webkit-box-shadow: inset 0px 1px 5px #333;
	-moz-box-shadow: inset 0px 1px 5px #333;
	box-shadow: inset 0px 1px 5px #333;
	}

#dianomiResponsivePromo #postcodeContainer {
	width: 200px; 
	float: left;
	}

#dianomiResponsivePromo #dianomi_html_top_inner {
	z-index: 20;
	}

#dianomiResponsivePromo #dianomi_outter_html_top {
	position: relative;
	}

#dianomiResponsivePromo #dianomi_responsive_form_header {
	float: right;
	width: 200px;
	margin: 0 0 20px 0;
	text-align: right;
	margin-right: 15px;
	}

#dianomiResponsivePromo input#dianomiRequestFormEmail {
	margin-bottom: 3px;
	}

#dianomiResponsivePromo span.emailSmallprint {
	margin-bottom: 10px;
	width: 200px;
	}

#dianomiResponsivePromo div.label-top {
	padding: 5px 0;
	}

/*** Form bottom small print
****************************************/

.marketingConsentDetails, 
div.dianomiExplanation {
	font-size: 11px !important;
	font-family: Arial, Helvetica, Sans-Serif !important;
	line-height: 14px !important;
	}

.dianomi-form-consent {
    padding: 10px 0;
    box-sizing: border-box;
    display: block;
    /*background: #e8e9eb;*/
    margin: 0;
    border-top: 1px solid #ccc;
}

.marketing_responsive_consent:nth-child(1) {
    margin-top: 5px;
}

label.dianomi_form_label:empty {
    display: none;
}

#dianomi_marketing_responsive_consent, .marketing_responsive_consent, .dianomiFormDisclaimer{
    width: 95%;
    padding: 5px 15px;
    background: #f8f8fb;
    margin: 0 10px;
    margin-bottom: 5px;
}
.marketing_responsive_consent{
    margin: 0 10px;
}
.dianomiFormDisclaimer{
    margin-bottom: -5px;
    color: #000;
 }
/*** Disclaimer section handles
****************************************/

.product_promotion_footer_title {
	font-weight: bold;	
	cursor: pointer;
	color: #03c;
	}

div[class*='product_promotion_footer_'] {
	margin-bottom: 5px;
	}

#pp_disclaimer {font-size:12px !important;}

#pp_disclaimer_2_text {
font-size: 12px !important;
}

/*** Directory Overrides

****************************************/

table.dianomi_directory button.submit,
table.dianomi_directory input.submit,
table.dianomi_directory span.emailSmallprint {
	float: left !important;
	}

table.dianomi_directory button.submit,
table.dianomi_directory input.submit {
	background: #4FB8DD !important;
	border: 0px solid #fff !important ;
	}



/*** Cobrand
****************************************/

#dianomiHead.header-logo-gradient, #dianomiHead.header-no-logo-gradient {
	/* CSS Gradient background */
	background: #0c243b;
	background: -moz-radial-gradient(center, ellipse cover,  #0c243b 0%, #030f21 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#0c243b), color-stop(100%,#030f21));
	background: -webkit-radial-gradient(center, ellipse cover,  #0c243b 0%,#030f21 100%);
	background: -o-radial-gradient(center, ellipse cover,  #0c243b 0%,#030f21 100%);
	background: -ms-radial-gradient(center, ellipse cover,  #0c243b 0%,#030f21 100%);
	background: radial-gradient(ellipse at center,  #0c243b 0%,#030f21 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c243b', endColorstr='#030f21',GradientType=1 );

	padding: 10px;
	position: relative;
}


#dianomiHead.header-logo-gradient #logo {
	background: #ffffff;
	padding: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	position: absolute;
	left: 20px;
	top: 0;
	width: auto;
	min-width: 0;
	box-shadow: 0 4px 4px rgba(0,0,0,0.3);
}

#dianomiHead.header-logo-gradient #logo img {
	max-width: 200px;
	height: auto;
	max-height: 60px;
}  

#dianomiHead.header-logo-gradient .img_right img {
	max-width: 100px;
	padding: 10px;
}

.header-no-logo-gradient .img_right img {
	max-width: 100px;
	padding: 10px;
}

#dianomiHeadBottom.header-logo-gradient {
	border-width: 0;
	margin-bottom: 10px;
}

.blacktick {
list-style-image: url('/img/tick.png') !important;
}


.redtick {
list-style-image: url('/img/red-tick.gif') !important;
}

.bluetick {
list-style-image: url('/img/blue-tick.gif') !important;
}


.greentick {
list-style-image: url('/img/green-tick.gif') !important;
}


/* Disclaimer  */
.dianomi {
	margin: 0 !important;
	padding: 0px;
	box-sizing: border-box;
}

.legal-footer {
	padding: 0;
	max-width: 100%;
}

div#disclaimer {
	text-align: center;
	color: #0C1639;
}

div.disclaimer-footer, div.disclaimer-footer a {
	background-color: #0C1639 !important;
	color: #fff !important;
	text-align: center;
	color: #0C1639;
	font-size: 10px !important;
	padding: 0;
}

div.disclaimer-text {
	padding: 10px 20px;
	max-width: 640px;
	margin: 0 auto;
}

.disclaimer-links {
	padding: 5px 0 0;
}

div#disclaimer, div#disclaimer a, div.disclaimer-text {
	text-align: center;
	-webkit-font-smoothing: antialiased;
	color: #0C1639;
}

.powered-by-Dianomi {
	text-align: center;
	padding: 10px;
	margin: 10px 20px;
	border-top: 1px solid #fff;
	-webkit-font-smoothing: antialiased;
}

.dianomiLayoutTableContent.dianomiLayoutTableContentNoNav {
	padding: 0;
}