/* @override 
	https://www.dlook.com.au/staging/salesforce/whitelabel/generated-site/89803/css/styles.css
	https://www.dlook.com.au/staging/salesforce/whitelabel/generated-site/89803/css/whitelabel1.css
*/

/*
	Template CSS 
	Developed by Alliance Software
	
	
	==========================================================
	
	TABLE OF CONTENTS
	
		1. Reset and colours
		2. General Setup
		3. Tiny MCE Default Styles
		4. Layout
		5. Nav
		6. Header
		7. Content
		8. Footer
		9. Forms
	
	=========================================================

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

		1. RESET AND COLOURS
		
	*********************************
*/
	
	
	/*
		page colours go here for easy reference
	*/
	
	.errorBox, .successBox, .warningBox, .infoBox {
		border-width: 1px;
		border-style: solid;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		-moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.4);
		-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.4);
		box-shadow: 2px 2px 3px rgba(0,0,0,0.4);
		padding: .5em;
	}
	
	.errorBox {
		border-color: #990000;
		background-color: #ffdddd;
	}
	.successBox {
		border-color: #009900;
		background-color: #eeffee;
	}
	.warningBox {
		border-color: #cc9900;
		background-color: #ffee99;
	}
	.infoBox {
		border-color: #000099;
		background-color: #ddddff;
	}
		
	.error { color: red; }
	.required { color: red; }
	
	#gallery li {
		list-style-type: none;
		float: left;
		padding: 5px;
		margin: 5px 5px 10px;
		border: 1px solid #333;
		-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
		-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
		box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
	}
	#gallery a, #gallery img {
		margin: 0;
		padding: 0;
	}


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

		2. GENERAL SETUP
		
	*********************************
*/
	/* Selection colours (easy to forget) */
	::selection {
	  background: #ffff9e;
	}
	::-moz-selection {
	  background: #ffff9e;
	}
	img::selection {
	  background: transparent;
	}
	img::-moz-selection {
	  background: transparent;
	}
	body {
	  -webkit-tap-highlight-color: #ffff9e;
	}
	
	body{
		font-family:"puritan", "Helvetica Neue", Arial, Helvetica, Sans-serif;	
		font-size:82%;
		line-height:1.5;
		background-color:#fff;		
		color:#333;
		/*background:url(../images/16-col-grid-18px-baseline.png) repeat-y center 1px;*/
		-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
	}
	
	
	h1,h2,h3,h4,h5,h6{font-weight:normal; font-family:'Arvo', serif;}
	h1{font-size:2em; margin-bottom:0.5em; margin-top: 0; line-height:1em;}
	h2{font-size:1.5em; margin-bottom:1em; line-height:1em;}
	h3{font-size:1.333em; margin:0 0 .5em 0; line-height:1.125em;}
	h4{font-size:1.1666em; line-height:1.2857em;}
	h5, h6{font-size:1em;}
	
	p{margin:0em 0 1.5em;}
	em{font-style:italic;}
	strong{font-weight:bold;}
	.text-left{text-align:left;}
	.text-right{text-align:right;}
	.text-center{text-align:center;}
	
	pre, code{font-family:'andale mono', 'lucida console', monospace; font-size:1em;}
	pre{ white-space:pre;}
	table{border-collapse: collapse;margin: 1.5em 0;}
	table th, table td{ padding:4px; }
	caption{text-align: left;}
	th{text-align: left;}
	
	sup{ vertical-align:super; }
	sub{ vertical-align:sub; }
	abbr, acronym{ border-bottom: .1em dotted; cursor:help; }
	
	/* lists */
	.content ul, .content ol, .content dl{margin:1.5em 0;}																																											
	.content ol{list-style-type:decimal;}
	li{margin:0;}													
	.content ul{list-style-type:disc;}
	.content .no-bullet{list-style-type:none;}
	
	/* keep in LoVe HAte */
	a:link{}
	a:visited{} /* Remember to set a visited colour! */
	a:hover{ text-decoration:none;}
	a:active{}
	
	/* To force the blockquote to clear itself */
	blockquote:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
	blockquote {display:inline-block;}/* Hide from IE Mac \*/
	blockquote {display:block;}/* End hide from IE Mac */
	
	/* generic float and clear classes */
	.left{float:left;}
	.right{float:right;}
	.clear{clear:both;}
	.clear-left{clear:left;}
	.clear-right{clear:right;}
	
	/* clearfix enables self clearing floats, add class="clearfix" to any floated elements parent to clear itself */
	.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
	.clearfix {display:inline-block;}/* Hide from IE Mac \*/
	.clearfix {display:block;}/* End hide from IE Mac */



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

		4. LAYOUT 
		
	*********************************
*/

	.page{
		width: 936px;
		padding: 48px 48px 84px;
		color: #3c3c3c;
		margin: 0 auto;
		background: none;
	}
	
	.main-content {
	  width: 498px;
	  margin-right: 24px;
	  float: left;
	}
	.one-col .main-content,
	.one-col .secondary-content{
		width: auto;
		margin: 0 0 18px 0;
		float: none;
	}
	.one-narrow-one-wide .main-content{
		float: right;
		width: 528px;
		margin-left: 24px;
		margin-right: 0;
	}
	.two-equal-columns .main-content{
		width: 390px;
	}
	.secondary-content {
	  width: 300px;
	  float: right;
	}
	.one-narrow-one-wide .secondary-content{
		float: left;
	}
	.two-equal-columns .secondary-content{
		width: 390px;
	}
	.tertiary-content {
	  width: 896px;
	  clear: both;
	}
	
	
	/* Reviews */
	.review{
		border-bottom: 1px solid #E2E2E2;
		margin-bottom: 18px;
	}
	
	
	
	
/*	*********************************

		5. NAVIGATION
		
	*********************************
*/

	/*
	=================================
	Important for accessibility, skip
	navigation link initially hidden
	but shown on focus using keyboard
	=================================
	*/
	#skip a, #skip a:hover, #skip a:visited {
		position:absolute;
		left:-9999em;		
		overflow:hidden;
	}
	#skip a:active, #skip a:focus{
		position:static;
	}
	
	/* Main navigation bar */
	.nav {
	  /*overflow: hidden;*/
	  margin: 0;
	  margin-left: 1px;
	  padding: 0;
	  -webkit-border-radius: 6px;
	  -moz-border-radius: 6px;
	  border-radius: 6px;
	}
	.nav li {
	  float: left;
	  list-style-type: none;
	 }
	.nav a{
		text-decoration:none;
		color:#fff !important;
		display: block;
		padding: 0px 20px;
		font-size: 14px;
		font-weight: bold;
		text-transform:uppercase;
		line-height: 36px;
		
	}
	.nav a:hover{
		color: #fff;
	}


	.nav ul {
		padding: 0px;
		width: 230px;
		position:absolute;
	    z-index: 20;
		visibility:hidden;
	}

	.nav ul li {
		border: 0;
		width: 100%;
	}

	.nav li:hover {
		position:relative;
	}
	.nav li:hover > ul{visibility:visible;}

	
	/*.nav li:first-child{
		padding-left: 8px;
	}*/
		
	

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

		6. HEADER 
		
	*********************************
*/
	div.header {
		height: auto;
	}
	.header .logo, .header .title, .header .both {
		margin-bottom: 24px;
		margin-left: 20px;
		display: block;
		font-size: 18px;
		text-decoration: none;
		color: #333 !important;
		font-family:'Arvo', serif;
		position: relative;
		padding: 0;
		margin: 0 20px 0;
		height: 173px;
	}
	.header img {
		display: block;
		margin: 0;
		position: static;
		bottom: auto;
		left: 0;
	}
	.header .both img {
		bottom: auto;
	}
	.header-img{clear:both;}
	.header h1 {
		color: #333;
		font-size: 44px;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
		margin: 12px 0 6px;
		padding: 0;
		position: static;
		bottom: 0;
		left: 0;
	}
	.header .tagline {
		color: #333;
		font-size: 18px;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
		margin: 0;
		padding: 0;
		position: static;
		left: 0;
		bottom: 0;
	}
	.header .both h1, .header .both .tagline {
		left: 240px;
	}
	.logo-link{float: left; display: block; margin: 0 1em 1em 0;}
	.logo-link img{border:none;}
	
	.header h1.small { font-size: 32px; }
	.header h1.medium { font-size: 44px; }
	.header h1.large { font-size: 56px; }
	.header p.small { font-size: 14px; line-height: 16px; }
	.header p.medium { font-size: 18px; line-height: 20px; }
	.header p.large { font-size: 22px; line-height: 24px; }

  ul.social {
    top: 0;
    right: 10px;
    position: absolute;
  }
  ul.social li {
    float: left;
    list-style: none;
    padding: 10px;
  }

  @media only screen and (max-width: 767px) {
	  ul.social li {
		padding: 5px;
	 }
  }
  ul.social li a {
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    display: block;
  }
  li.twitter a {
    background: url(../images/twitter.png);
  }
  li.facebook a {
    background: url(../images/facebook.png);
  }

  li.linkedIn a {
    background: url(../images/linkedin.png);
  }

  li.pinterest a {
    background: url(../images/pinterest.png);
  }

  li.googleplus a {
    background: url(../images/google-plus.png);
  }

  li.youtube a {
    background: url(../images/youtube.png);
  }
	
/*	********************************* 
		
		7. CONTENT 
		
	*********************************
*/
	.content {
	  margin-top: 0px;
	  padding: 20px 20px;
 	}
 	
	.rotatingReviewsSection .content {
		padding: 0;
	}
	.rotatingReviewsSection ul {
		margin: 0;
		padding: 0;
	}
	.rotatingReviewsSection li {
		list-style-type: none;
		padding: 0;
	}
 	
	.header {
	  overflow: hidden;
	}
	
	.main-content {
	  float: left;
	  border-right: 1px solid #e2e2e2;
	  padding-right: 50px;
	}
	.one-col .main-content{
		float: none;
		border: none;
		padding-right: 0;
	}
	.one-narrow-one-wide .main-content{
		border-left: 1px solid #e2e2e2;
		padding-left: 30px;
		padding-right: 0;
		border-right: none;	
	}
	.two-equal-columns{
		
	}
	.box{
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		padding: 12px;
		background: #efefef;
		margin-bottom: 1.5em;
	}
	.box-content{
		background: #fff;
		padding: 6px;
	}
	
	.vcard{
		margin-bottom: 18px;
	}
	.vcard .adr{
		margin-bottom: 12px;
	}

	.article{
		margin-bottom: 1.5em;
	}

	ul.tags {
		margin-bottom: 1.5em;
		text-align: center;
	}
	.tags li {
		display: inline;
		margin: 0;
	}
	.tags a {
		padding: 0.5em;
		font-size: 1.2em;
		text-transform: uppercase;
		text-decoration: none;
	}
	.tags a:hover {
		text-decoration: underline;
	}
	.tags a:hover {
		border: none;
	}
	
	div.videoSection/*, div.facebookelement p, div.twitterelement p */{
		text-align: center;
	}
	
	div.contentElement {
		margin-bottom: 1em;
	}
	
	/* Coupons ---------------------------------------------------------*/
	div.couponsSection {
		font-family: verdana, arial, helvetica, clean, sans-serif;
		font-size: 10px;
	}
	div.couponsSection h3.sectiontitle {
		margin-bottom: 25px;
	}
	div.couponsSection img {
		margin: 0;
	}
	div.couponsSection h3 {
		font-family: verdana, arial, helvetica, clean, sans-serif;
		font-size: 18px;
		font-weight: bold;
	}
	div.coupon {
		position: relative;
		margin: 0 0 4em 0;
		border: 1px dashed #000;
		width: 100%;
	}
	div.coupon-inner {
		position: relative;
		background: white;
		border-bottom: 70px solid #E0239A;
		padding: 10px 300px 10px 10px;
		min-height: 178px;
	}
	.two-equal-columns div.coupon-inner, .one-narrow-one-wide div.coupon-inner, .two-col div.coupon-inner {
		padding: 10px;
		border-bottom-width: 110px;
	}
	
	div.coupon-dlook{
		position: absolute;
		bottom: -77px;
		left: 10px;
		height: 58px;
		text-align: left;
		vertical-align: middle;
		text-align: center;
	}
	.two-equal-columns div.coupon-dlook, .one-narrow-one-wide div.coupon-dlook, .two-col div.coupon-dlook {
		width: 100%;
		bottom: -70px;
		left: 0px;
		margin: 0 auto;
	}
	.two-equal-columns div.coupon-dlook img, .one-narrow-one-wide div.coupon-dlook img, .two-col div.coupon-dlook img {
		margin: 0 auto;
	}
	div.coupon-barcode{
		position: absolute;
		vertical-align: bottom;
		text-align: center;
		bottom: -65px;
		right: 0px;
		width: 280px;
		height: 58px;
		font-size: .9em;
	}
	.two-equal-columns div.coupon-barcode, .one-narrow-one-wide div.coupon-barcode, .two-col div.coupon-barcode {
		width: 100%;
		margin: 0 auto;
		bottom: -100px;
		right: 0;
	}
	div.coupon-barcode img{
		border-top: 10px solid #fff;
		border-bottom: 10px solid #fff;
	}
	
	div.coupon-logo {
		text-align: right;
		width: 280px;
		height: 158px;
		position: absolute;
		top: 20px;
		right: 20px;
	}
	.two-equal-columns div.coupon-logo, .one-narrow-one-wide div.coupon-logo, .two-col div.coupon-logo {
		width: 100%;
		position: relative;
		text-align: center;
		left: 0;
		top: 0;
		height: auto;
	}
	
	div.coupon-address{
		padding: 0;
		font-size: 1.3em;
		line-height: 1.2em;
		margin: 0;
		clear: both;
		bottom: 10px;
		left: 10px;
		right: 300px;
		position: absolute;
	}
	div.coupon-address p {
		vertical-align: bottom;
		float: left;
		width: 50%;
		margin: 0;
	}
	.two-equal-columns div.coupon-address, .one-narrow-one-wide div.coupon-address, .two-col div.coupon-address {
		margin: 1.5em 0 0;
		bottom: auto;
		left: auto;
		right: auto;
		position: relative;
	}
	
	div.coupon-text{
		padding: 0;
	}
	div.coupon-text h3 {
		font-size: 18px;
		margin: 0;
	}
	div.coupon-text p {
		padding-right: 280px;
		line-height: 100%;
		margin: 0.5em 0;
	}
	.two-equal-columns div.coupon-text p, .one-narrow-one-wide div.coupon-text p, .two-col div.coupon-text p {
		padding-right: 0;
	}
	
	img.scissors{
		position: absolute;
		top: -21px;
		left: 130px;
		width: 45px;
		height: 24px;
	}
	
	div.coupon .screen { display:block; }
	div.coupon .print { display:none; }
	div.coupon .coupon-text small {font-size:.8em;}
	div.coupon small.location-text { color: #E0239A; }
	div.coupon div.coupon-text h3.couponSmallFont { font-size: 12px; }
	/* End Coupons -----------------------------------------------------*/

	/* Paganation -------------------------------------------------------*/
	div.paganation {
		clear: both;
		margin-bottom: 1.5em;
		text-align: center;
		font-size: 1.2em;
	}
	div.paganation ul.pages {
		position: relative;
		top: .3em;
		max-width: 480px;
		margin: 0 auto;
		padding: 0;
	} 
	div.paganation ul.pages li { display: inline; }
	div.paganation ul.pages a.active {
		border: 1px solid #000000;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		padding: .2em .4em;
		cursor: default;
	}
	div.paganation ul.pages li a {
		border: 1px solid #000000;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		padding: .2em .4em;
		text-decoration: none;
		color: #000000;
	}
	/* End Paganation ----------------------------------------------------*/
	
	/* =========================================================================
	   Search page results
	   ========================================================================= */
	div.results { 
		float: left;
		margin: 0; 
		padding: 0;
		border: none;
		width: 100%;
	}
	
	div.listing{
		margin: 0 0 1em 0;
		width: 100%;
		border:1px solid #FFFFFF;
		-moz-border-radius:10px; 
		-webkit-border-radius:10px;
		border-radius:10px;
	}
	div.listing:hover {
		background-color:#FFFFFF;
		border:1px solid #BA0978;
	}
	
	.listing .content { padding:1em 2em 1em 1em; }
	
	.listing .categories,
	.listing .metainfo,
	.listing div.icons,
	.listing div.address {
		margin-left: 1em;
	}
	
	.listing p {line-height:1.2em;}
	.listing a.title {font-weight:bold; color:#000000; display:block; text-decoration:none; font-size:1.3em; margin: 0 0 .2em .8em;}
	.listing a.title:hover {color:#0099FF; cursor:pointer;}
	.listing p.categories, .listing p.metainfo {color:#444444; font-size:1em; margin-bottom: .5em;}
	
	div.icons {margin:0 0 .5em 1em; clear:both;}
	div.icons a, 
	div.icons p.premiumIcon {float:left; display:block; background-image:url("../images/glyphs.gif"); background-repeat:no-repeat; background-color: transparent; height:15px; margin:0;}
	div.icons p.premiumIcon {width:61px; background-position:0 -1330px;}
	div.icons a.infoIcon {width:67px; background-position: 0 -1557px;}
	div.icons a.quoteIcon {width:67px; background-position:0 -1347px;}
	div.icons a.webIcon {width:42px; background-position:0 -1381px;}
	div.icons a.emailIcon {width:49px; background-position:0 -1397px;}
	div.icons a.couponIcon {width:67px; background-position:0 -1364px;}
	div.icons a span, div.icons p.premiumIcon span{margin-left:9999em; display:none;}
	
	div.address{float:left; width:55%;}
	div.address p {margin:0;}
	div.address span {display:block;}
	div.address span.state {display:inline;}
	div.address span.postcode {display:inline;}
	
	div.contact { float:right; width:35%; }
	div.contact p { margin: 0; }
	div.contact span.phone,
	div.contact span.fax,
	div.contact span.mobile {
		white-space:nowrap;
		padding-left:28px;
		background-image: url(../images/glyphs.gif);
		background-repeat: no-repeat;
		background-color: transparent;
		display: block;
		height: 16px;
	}
	div.contact span.phone{
		background-position: 0px -972px;
	}
	div.contact span.fax{
		background-position: 0px -1016px;
	}
	div.contact span.mobile{
		background-position: 0px -994px;
	}
	
/* 
	*********************************

		8. FOOTER
		
	*********************************	
*/
	.footer{
		padding: 10px 20px;
		background: #f2f2f2;
		text-align: center;
	}
	
	.footer ul{
		margin: 0;
		padding: 0;
	}
	.footer li{
		display: inline-block;
		padding: 0;
		margin: 0 .35em;
		
	}
	.ie6 .footer li, 
	.ie7 .footer li{display:inline; zoom:1;}


/* 	*********************************
	
		9. FORMS

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

	form{ margin:1.5em 0; }
	form fieldset {
		border-width: 1px;
		border-style: solid;
		border-color: #7f9db9;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 10px;
		padding: 0 1em;
	}
	form legend{ font-size:1.1666em; font-weight:bold;}
	form li{margin-bottom:0.5em; list-style-type:none;}
	form li label{display:block; font-weight:bold;}
	form li label span { font-weight: normal; font-size: .9em; }
	form li.radio label, form li.checkbox label{display:inline-block;}
	form input[type="text"],form input[type="password"], form textarea, form select{
		font-family:"Helvetica Neue", Arial, Helvetica, Sans-serif; 
		font-size:1.0833em;
		border:1px solid #7f9db9;
	}
	form input[type="text"],form input[type="password"], form textarea{padding:.2em;}
	form input[type="text"]:focus, form input[type="password"]:focus, form textarea:focus, form select:focus{
		border:1px solid #4899BE;
		background-color:lightyellow;
	}
	
	.content form ul, .content form ol {
		margin: .2em 0;
		padding: 0;
	}