/*

LAYOUT STYLE SHEET FOR [ATTIK DESIGNS]
Created by [ADRIAN CORCORAN]
[http://www.attikdesigns.ie]

*/
@font-face {
    font-family: '';
    src: url('/fonts/.ttf');
    src: url('/fonts/.ttf?#iefix') format('embedded-opentype'),
         url('/fonts/.ttf') format('truetype')
    font-weight: normal;
    font-style: normal;
}
div#cookie-msg{
	max-width:100%!important;
	overflow:hidden;
	}
/* --------- 2. layout	--------- */
div.layout {
		width:100% !important;
}
div.wrapper{
	width:100% !important;
	}
div#layout-tippy-top,
div#layout-banner,
div#layout-banner.homepage,
div#layout-top,
div.desktop,
p#desktop-title{
	display:none!important;
	}
div.mobile{
	display:block!important;
	}
.desktop{
	display:none;
	}
.mobile{
	display:block!important;
	}
div#layout-mobile-top{
	display:block!important;
	}
div.product-description.summary-mobile{
	width:100%!important;
	min-width:320px;
	}
div.contentCentre div.table div.row div.options {
    width: 30%;
	cleaqr:both!important;
}
p#title-summary-mobile{
	font: normal 16px/1.5em 'Fira Sans', arial, sans-serif;
	color: #030303 !important;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 2;
	margin-bottom:10px;
	padding-left:10px;
	}
p.remove{
	font: normal 16px/1.5em 'Fira Sans', arial, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 2;
	margin-bottom:10px!important;
	}
div.contentCentre div.table div.row div.price.summary-data{
	margin-top:20px;
	}
div.price.summary-data p{
	line-height:2!important;
	}
/*LOGO*/
div#logo, div#logo a {
	display:none;
}
div#logo-mobile{
	display: block;
	width: 60%;
	margin: 25px auto 5px;
	z-index: 9999;
	max-width:290px;
}
div#logo-mobile img{
	width: 100%;
	height:auto;
}
/*Nav Menu*/
div#layout-nav{
	display:none;
	}
div.dropdown-menu{
	float:right;
	}
div.panel-content.top-menu{
	margin-bottom:0!important;
	padding:0!important;
	display: none;
	}
div#layout-mobile-top a.top-nav.right{
	color:#FFF;
	font-size:2.5em;
1	float:left;
	background:url(/mainpics/nav/bg-layout-nav.jpg) repeat-x top #0d181f;
    line-height: 2.4;
    padding:0px 15px;
	float:none!important;
	text-decoration:none;
	}
div#layout-mobile-top a.top-nav.right img{
    margin-top:20px;
	}
div#layout-mobile-top a.top-nav.right.menu-open{
1	background:#25408F;
	}
div#layout-mobile-top a.top-nav.right.menu-open img{
	padding:0 5px;
	}
div#layout-mobile-top a.top-nav.right.menu-open,
div#layout-mobile-top a.top-nav.right.menu-closed{
	position:absolute;
	top:0px;
	right:0;
	z-index:9999!important;
	height:77px;
	}
div#layout-mobile-top a.top-nav.right.menu-open{
1	top:-77px;
	}
div.slider-content.menu.hide{
	position:absolute;
	right:1px;
	top:77px;
	z-index:9999;
	width:240px;
	background:#0d181f;
	box-shadow: 1px 1px 1px 1px #CCC;
	display:none;
	}
#nav-menu-mobile li{
	display:block;
	float:none!important;
	}
#nav-menu-mobile a {
	display:block;
	float:none!important;
	width:200px;
	border-top: 1px solid #919392;
	font-size: 1.8em;
	color: #FFF;
	display: block;
	text-decoration: none;
	display: block;
	line-height: 2;
	text-align:left;
	padding: 10px 20px;
}
#nav-menu-mobile a:hover,
#nav-menu-mobile a.on {
	background:#CCDAE8;
	color: #0d181f;
	padding: 10px 20px;
	border:0;
	border-top: 1px solid #919392;
}
/*BUY BUTTONS MOBILE*/
div#buy-buttons-mobile{
		margin:10px 0;
		clear:both;
		text-align:center;
		padding-top:10px;
		}
div#buy-buttons-mobile a{
	text-decoration:none;
		}
div#buy-buttons-mobile a#checkout-top-button{
	margin:10px auto;
	}
div#buy-buttons-mobile p{
	font-size:1.4em;
	color:#fff;
	}
div#buy-buttons-mobile p span.text-red a{
	color:#fff!important;
	}
/*BANNER*/
div#banner-mobile{
	display:block;
	}
#banner-mobile img{
	width:100%!important;
	height:auto!important;
	}
#banner-mobile ol#controls,
#banner-mobile div.banner-text{
	display:none;
	}
/*MAIN CONTENT*/
#content-sidebar-holder.desktop{
	display:none;
	}
div.contentCentre.mobile,#content-sidebar-holder.mobile{
	display:block;
	}
div.main-panel {
    padding: 5px;
    margin-right:0px!important;
}
/*Homepage Panels*/
.homepage-panel,
.homepage-panel.last,
div.gallery-list-item,
div.gallery-list-item.last,
div.content.full div.two-thirds.left,
div.content.full div.third.left
 {
    width: 95%;
    margin-left:2.5%;
    margin-bottom:1em;
	float:left;
}
div.content.full div.third.left
 {
    width: 91%;
}
/*SHOP*/
div#cat-holder div.item.category div.mainImage {
	width:200px!important;
    height: 160px!important;
	margin:0 auto;
}
div#cat-holder div.item.category div.mainImage img{
	width:100%!important;
    height: auto!important;
}
@media all and (max-width: 720px) {
	div#cat-holder div.item.category {
		width: 41%!important;
	 }
	div.contentCentre div.table div.row div.price {
		width: 17%!important;
	}
	div.contentCentre div.table div p.quantity span.label{
		width:100%!important;
		}
	span.decrease-button{
		margin-left:10px;
		}
}
@media all and (max-width: 520px) {
div#cat-holder div.item.category {
    width: 39%!important;
 }
div#cat-holder div.item.category div.mainImage {
    width: 95%!important;
 }
 div.headings p.price, div.ticket-row.discount div.price {
    width: 40%!important;

}
div.contentCentre div.table div.row div.price {
    width: 21%!important;
}
}
@media all and (max-width: 450px) {
div#cat-holder div.item.category {
    width: 37%!important;
 }
div#cat-holder div.item.category div.mainImage {
    width: 95%!important;
 }
}
@media all and (max-width: 420px) {
div.contentCentre div.table div.row div.price {
    width: 23%!important;
}
}
@media all and (max-width: 390px) {
	div#cat-holder div.item.category {
		float: left;
		width: 85%!important;
		height: 245px;
		text-align: center;
		font-size: 1.6em;
		margin: 0 10px;
		margin-bottom: 20px;
		padding: 10px;
		text-align: center;
		border: none;
	}
	div#cat-holder div.item.category:hover {
		border: 1px solid #DADADA;
	}
	.products p.title {
		font-size: 1.4em;
		font-weight: normal;
	}
	.products p.description {
		font-size: 1.4em;
			}
	 div.headings p.price, div.ticket-row.discount div.price {
		width: 40%!important;
	}
	div.headings p.quantity, div.ticket-row.discount div.quantity {
		width: 15%!important;
	}
	/*	normal */
	/*	discount - extra columns 	*/
	.discount div.price-holder {
		width:40%;
		float:left;
		padding-left:1%;
		}
	.discount div.price-holder p.price,
	.discount div.price-holder div.price {
		clear: left !important;
		width:100% !important;
		}
}
div#category-products div.category-description {
	clear:both;
}
div.content div.category-description p {
		margin-bottom: 2em;
		}
.products div.content {
    height:auto!important;
}
div.contentCentre div#checkoutBreadCrumb p {
    position: relative;
    display: block;
    float: none!important;
	width:45%;
    padding: 5px 20px!important;
	margin:10px auto;
    border: none;
    font-size: 1.1em;
    color: #030303;
}
div.info-table-mobile p{
	display:block;
	float:none!Important;
	}
/**/
div.gallery-thumb{
    width: 90%;
	clear:both;
	height:auto;
	}
div.gallery-thumb.last{
	float:left;
	}
div.gallery-homepage-thumbnail,div.gallery-thumb{
	float:none!important;
	margin:0!important;
	margin:0px auto!important;
	margin-bottom:2em!important;
	}
div.homepagePanelImage img{
    width: 100%!important;
	height:auto!important;
}
.homepage-panel h2,.homepage-panel.blue h2,.homepage-panel.last h2{
    width: 88%;
	background:none;
	box-shadow:none;
	color:#B11D09!important;
	}
.homepage-panel.blue h2{
	color:#116191!important;
	}

div.contentCentre div.right.two-thirds,
div.contentCentre.three-quarters,
div.contentCentre.right.two-thirds{
	width:90%!important;
	float:none!important;
	margin:0 auto;
	}

div#homepage-sidebar-holder.left.third,
div#content-sidebar-holder,
div.contentLeft.third.left,
div#content-right-holder{
	clear:both!important;
	float:none!important;
	width:90%!important;
	margin:0 auto!important;
	margin-top:1em;
	}

div.contentCentre iframe,
div.contentCentre div#map_canvas{
	max-width:85%;
	height:300px;
	margin:0 auto;
	}


div.contentCentre h1,
div.contentCentre h2,
div.contentCentre h3,
div.contentCentre p {
    text-align: left!important;
}

div.contentCentre h1 {
    font-size: 3.2em;
}

div.content p{
    font-size: 1.8em;
}
div.content ul,div.content ol {
    font-size: 1em;
}

div.contentCentre h2,div.contentCentre h2 {
    font-size: 2.8em;
}

/*Images*/
div.contentCentre img {
    max-width: 95%;
    height: auto;
}
div.contentCentre div#customerInformation, div.contentCentre div#deliveryInformation {
    width: 98%!important;
    margin-right: 0px;
}
form#redeemCodeForm div.quarter.right,
form#verifyOrderForm div.quarter.right{
    width: 98%!important;
    margin-right: 0px;
	clear:both;
	}
/*Contact Form*/
/*Remove default Iphone Styles FOr Inputs*/
textarea,
input[type="text"],
input[type="password"],
input[type="button"],
input[type="submit"] {
     -webkit-appearance: none;
     border-radius: 0;
}
div.form-container div.half{
	width:95%!important;
	float:left!important;
	}
form,
form#contact-form,
fomr#newsletterSignUpForm{
	margin-bottom:2em;
	width:95%;
	}
div.form-holder,
form p.field.third,
form p.field.third.left,
form#contact-form p.field.third.left,
form#contact-form p.field.third,
form#newsletterSignUpForm p.field.third.left,
form#newsletterSignUpForm p.field.third{
	clear:both!important;
	width:95%;
	margin:0 auto;
	text-align:left!important;
	}
form p.field.two-thirds.left,
form#contact-form p.field.two-thirds.left,
form#newsletterSignUpForm p.field.two-thirds.left{
	clear:both!important;
	width:95%;
	margin:0 auto;
	}
form p.field.two-thirds.left input,
form#contact-form p.field.two-thirds.left input,
form#newsletterSignUpForm p.field.two-thirds.left input{
	width:95%!important;
1	max-width:310px!important;
	}
form p.field.two-thirds input,
form#contact-form p.field.two-thirds input,
form#newsletterSignUpForm p.field.two-thirds input{
	width:100%!important;
1	min-width:265px!important;
1	max-width:310px!important;
	}
form p.field.two-thirds textarea,
form#contact-form p.field.two-thirds textarea,
form#newsletterSignUpForm p.field.two-thirds input{
	width:95%!important;
1	min-width:265px!important;
1	max-width:310px!important;
	}
form p.field.two-thirds.left input.submit-button,
form#contact-form p.field.two-thirds.left input.submit-button,
form#newsletterSignUpForm p.field.two-thirds input.submit-button{
	padding:10px;
1	max-width:310px!important;
	background:url(/mainpics/nav/bg-layout-nav.jpg) repeat-x top #022754;
	float:left;
	width:97%!important;
	}
form p.field.two-thirds.left input.submit-button:hover,
form#contact-form p.field.two-thirds.left input.submit-button:hover,
form#newsletterSignUpForm p.field.two-thirds.left input.submit-button:hover{
	background:url(/mainpics/nav/bg-layout-nav.jpg) repeat-x bottom #105E8E;
	z-index:9999;
	}
form p.field.checkbox,
form#contact-form p.field.checkbox{
	width:100%!important;
	border:none!important;
	box-shadow:none!important;
	}
form#contact-form p.field.checkbox input[type=checkbox]{
	width: 20px;
	height: 20px;
	top: 0px;
	border-radius: 4px;
	box-shadow: 0px 1px 1px #FFF inset, 0px 1px 3px rgba(0, 0, 0, 0.5);
	background: -moz-linear-gradient(center top , #FCFFF4 0%, #DFE5D7 40%, #B3BEAD 100%) repeat scroll 0% 0% transparent;
	float:left;
	}
form.checkoutForm p.field {
    width: 90%;
}
div.contentCentre div.table div.row div.additional-info-div {
    width: 95%;
}
div.contentCentre div.table.foot div.cell-right {
    width: 65%;
}
div.contentCentre div.table div.row div.additional-info-div input,
div.contentCentre div.table div.row div.additional-info-div textarea{
    width: 90%;
	clear:both;
}
div.contentCentre div.table div.row div.additional-info-div p{
    min-width: 90%;
	clear:both;
	font-size:1.6em;
}
div#footer{
	width:93%!important;
	margin:0 auto;
	}
div#footer-left {
	width: 100%;
}
div#footer-right {
	width: 100%;
}
div#footer-right img {
	float: none;
	display: block;
	margin: 20px auto;
}

div#footer div.half{
	width:100%!important;
	margin:0 auto!important;
	}

div#footer h2, div.faqs-item a#back-link {
    font-size: 3em;
}

div#footer p,div#footer h3 {
    font-size: 2em;
}

div#termsFooter a{
	display:block;
	float:none!important;
	margin-bottom:2em;
	}

div#services-sidepanel a, div#providers-sidepanel a,div.nav-side a, div.nav-side a.province-link, div.nav-side p.province-link  {
    font-size: 2.5em;
    padding: 25px 25px;
}

div#testimonial-slideshow .has-slider-content a.closed,div#testimonial-slideshow .has-slider-content a.open {
    font-size: 2.8em;
}

div#footer div.panel{
	clear:both!important;
	float:none!important;
	width:90%!important;
	margin:0 auto!important;
	border-right: none;
	border-bottom: 1px solid #AA7350;
	padding-bottom:2em;
	}
/*CART SUMMARY*/
div.contentCentre div.table div.row div.description div {
    min-height: 20px;
}
div.contentCentre div.table div.row div.options {
    clear: both;
}
div.contentCentre div.table div.row div.additional-info-div div.input-row div.divider {
    width: 95%;
	margin-bottom:20px;
}
div.contentCentre div.table div.row div.description {
    width: 95%;
	margin-bottom:20px;
}
div.contentCentre div.table div.row div.options {
 1   width: 95%;
	1margin-bottom:20px;
}

/* checkout pages */
div.contentCentre div.checkoutInfoPanel {
	clear: both;
	float: left;
	width: 98%!important;
	margin-right: 0px;
}
.blank-line {
	display: none !important;
}
div.contentCentre div.checkoutInfoPanel.half.right {
	margin-top: -11px;
}
div.contentCentre div.checkoutInfoPanel.full p.label {
	width: 30%;
}
div.contentCentre div.checkoutInfoPanel.full p.field {
	width: 60%;
}
#back-to-shop {
	background: none !important;
  border: 1px solid #0d181f !important;
  color: #0d181f !important;
}
div.content div.slot-picker-div div.row p {
	clear: both;
}


/* recaptcha */
div.contentCentre .recaptcha-holder iframe {
 	max-width: 100% !important;
	height: auto !important;
	margin: auto !important;
}