/* BASIC SETUP */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-size: 1em; font-family: 'Raleway', Helvetica, Arial, sans-serif; font-weight: 500; color: #424242; min-width: 980px; }

/* useful styles */
.hr hr { display: none; }
.hr { border-bottom: 1px solid #998a7c; margin: 30px 0; }
.hr:first-child { margin-top: 0; }
.error { color: #FF0000; }

/* responsive */
.desktop { display: block !important; }
col.desktop { display: table-column !important; }
span.desktop { display: inline !important; }
table.desktop { display: table !important; }
td.desktop, th.desktop { display: table-cell !important; }
tr.desktop { display: table-row !important; }
col.mobile, span.mobile, table.mobile, td.mobile, th.mobile, tr.mobile, .mobile { display: none !important; }

/* alignment */
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.valign-top { vertical-align: top; }
.valign-middle { vertical-align: middle; }
.valign-bottom { vertical-align: bottom; }
.clear { clear: both; font-size: 0; line-height: 0; height: 0px; }
.float-left { float: left; }
.float-right { float: right; }

/* common elements */
p { margin-bottom: 1em; line-height: 1.5em; }
img { border: 0; }
a { text-decoration: none; color: #555555; }
a:hover { color: #777777; }

b, strong { font-weight: 700; }
.light { font-weight: 300; }

iframe { display: block; max-width: 100%; }

/* HEADINGS */
h1, h2, h3, h4, h5, h6 { margin-bottom: 0.8em; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
h1 { font-size: 1.5em; }
h2 { font-size: 1.3em; }
h2.underline { font-weight: 300; border-bottom: 1px solid #998a7c; padding-bottom: .2em; display: inline-block; }
h2.underline:after { clear: both; font-size: 0; line-height: 0; height: 0px; }
h3 { font-size: 1.2em; }
h4, h5, h6 { font-size: 1.1em; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }


/* column styles */
.c25, .c33, .c50, .c66, .c75 { float: left; min-height: 1px; }
.c25.float-right, .c33.float-right, .c50.float-right, .c66.float-right, .c75.float-right { float: right; }
.c25 { width: 25%; }
.c33 { width: 33.3%; }
.c50 { width: 50%; }
.c66 { width: 66.6%; }
.c75 { width: 75%; }

.relative { position: relative; }

.lc { padding-right: 40px; text-align: right; }
.rc { padding-left: 40px; }

.social { margin-top: .2em; }
	.social a { display: inline-block; border-radius: 50%; border: 2px solid #998a7c; width: 1.8em; height: 1.8em; background: center/70% auto no-repeat transparent; }
	.social a.twitter { background-image: url(../images/social-icons/twitter-brown.png); }
	.social a.facebook { background-image: url(../images/social-icons/facebook-brown.png); }


.detail { margin-bottom: 1em; font-weight: 300; }
	.detail p { margin: 0; }


.fancybox-outer { background: #d3ccc6 !important; }
.fancybox-title { font-size: 1.1em !important; font-family: 'Raleway', Helvetica, Arial, sans-serif !important; line-height: 1.3em !important; }


.navi-arrow { display: block; position: absolute; top: calc(50% - 10px); width: 50px; height: 50px; background: center/contain no-repeat transparent; z-index: 1000; opacity: .8; }
.navi-arrow :hover { opacity: 1; }
.navi-arrow.left { background-image: url(../images/navi-arrow-left.png); left: -20px; }
.navi-arrow.right { background-image: url(../images/navi-arrow-right.png); right: -20px; }

.pager { position: absolute; bottom: 100px; right: 40px; z-index: 1000; }
.pager.low { bottom: 20px; }
	.pager span { display: inline-block; width: 12px; height: 12px; margin-left: 3px; border-radius: 50%; background: #ffffff; font-size: 0; cursor: pointer; }
	.pager span:hover { background: #cbbdaf; }
	.pager span.cycle-pager-active { background: #6e6358; }


.page-nav { padding: 20px 0; text-align: center; }


/* vertical menu */
.vertical-navigation { list-style-type: none; text-align: left; margin: 0 0 1.4em; padding: 0; font-size: .9em; }
	.vertical-navigation li { margin: 0; padding: 0; }
		.vertical-navigation li a { display: block; padding: .3em 0; }
			.vertical-navigation li a .n { font-weight: 700; float: left; }
			.vertical-navigation li a .text { display: block; margin-left: 2em; }
			


/* PAGE STRUCTURE */
.root { width: 100%; }
	.root > div { width: 980px; padding-left: 40px; padding-right: 40px; margin: 0px auto; position: relative; }
		
		
		header { background: #f4f0ec; position: relative; }
		.fixed header { height: 130px; } /* fixes jump when .main-navigation-box becomes fixed to top */
			header > div { padding: 25px 0 0; height: 90px; }
				
				header .logo { display: block; position: absolute; left: 40px; bottom: -70px; width: 200px; padding: 30px 20px; background: #5e5e5e; z-index: 1003; /*transition: all .3s ease;*/ }
					header .logo img { display: block; width: 100%; }
				.fixed header .logo { position: fixed; top: 0; bottom: auto; left: calc(50% - 490px + 40px); width: auto; height: 40px; padding: 0; z-index: 10003; }
					.fixed header .logo img { width: auto; height: 40px; padding: 5px 0; }
					
				header .text { min-height: 40px; float: left; width: 77%; text-align: right; padding-right: 15px; font-size: .85em; }
					header .text span.desktop { font-weight: 300; }
					
				#search-form { display: block; float: right; width: 23%; border: 2px solid #998a7c; background: #FFFFFF; }
					#search-form input[type="text"] { float: left; margin: 0; width: calc(100% - 2.3em); }
					#search-form input[type="image"] { float: right; background: #998a7c; width: 2.3em; height: 2.3em; padding: .5em; margin: 0; }
					
		
		
		.main-navigation-box { position: relative; background: #5e5e5e; border-bottom: 3px solid #998a7c; height: 43px; z-index: 1002; }
		.fixed .main-navigation-box { position: fixed; top: 0; left: 0; z-index: 10002; }
		
		#header-gap { height: 40px; }
		
		#google-map { width: 100%; height: 350px; margin-bottom: 30px; }
		
		#banner { position: relative; width: 100%; height: 400px; }
			.cycle-slideshow { width: 100%; height: 100%; }
			
			#banner .logo { display: block; width: 350px; height: 230px; padding: 25px; background-color: rgba(240,240,240,.9); position: absolute; z-index: 1001; top: calc(50% - 115px); left: calc(50% - 175px); }
			
			#banner .item { width: 100%; height: 100%; display: block; position: absolute; background-size: cover; background-position: center; }
				#banner .item .link { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
				#banner .item .text { position: absolute; bottom: 130px; right: 0; width: 66.6%; padding: 20px 40px 20px 10%; background-color: rgba(0,0,0,0.5); color: #FFFFFF; text-align: right; font-size: 1.3em; }
					#banner .item .text h1, #banner .item .text h2, #banner .item .text h3, #banner .item .text h4, #banner .item .text h5, #banner .item .text h6 { margin-bottom: .5em; font-weight: 300; }
					#banner .item .text p { margin: 0; }
					#banner .item .text :last-child { margin-bottom: 0; }
			
			#banner .links { position: absolute; bottom: 0; left: 0; z-index: 1001; overflow: hidden; width: 100%; }
				#banner .links .c33 { padding: 0 1px; }
					#banner .links .link { display: block; text-align: center; background-color: rgba(0,0,0,0.5); color: #FFFFFF; padding: .6em 2em; height: 86px; }
					#banner .links a.link:hover { background-color: rgba(255,255,255,.5); color: inherit; }
						#banner .links .link .title { display: block; font-size: 1.1em; text-transform: uppercase; }
					
					#banner .links .social {  }
						#banner .links .social a { border: 2px solid #FFFFFF; width: 1.4em; height: 1.4em; }
						#banner .links .social a.twitter { background-image: url(../images/social-icons/twitter-white.png); }
						#banner .links .social a.facebook { background-image: url(../images/social-icons/facebook-white.png); }
		
		
		
		/* main left column */
		.c33.lc {  }
		/*.c33.lc.padded { padding-top: 30px; }*/
			.c33.lc h1, .c33.lc h2 { padding-left: .5em; margin-bottom: 30px; }
			.c33.lc h1 { font-weight: 300; }
			.c33.lc h2, .c33.lc h1.h2 { font-weight: 700; color: #8E8277; }
			.c33.lc .c-footer { position: absolute; bottom: 0; left: 0; width: 33.3%; padding-right: 40px; }
			
			.c33.lc .small { font-size: 0.9em; }
			
			.c33.lc .social a { width: 2.6em; height: 2.6em; }
			
			.merrythought-logo { display: block; margin: 2.5em 0; }
				.merrythought-logo img { display: inline-block; width: 50%; opacity: .6; }
				.merrythought-logo:hover img { opacity: 1; }
		
		/* retailers map */
		#retailer-map { position: relative; width: 100%; position: relative; background: #EDEDED; margin-bottom: 30px; }
			#retailer-map .layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; }
			#retailer-map .layer.hotspots { z-index: 10; }
			#retailer-map .layer.bg { position: static; top: auto; left: auto; height: auto; }
			
			#retailer-map .logos { position: absolute; z-index: 10005; width: 100%; height: 100%; pointer-events: none; }
				#retailer-map .logos .logo { display: none; position: absolute; margin: 0 0 0 -105px;  }
					#retailer-map .logos .logo .popup { display: block; position: absolute; left: 0; bottom: 41px; width: 210px; background: #d3ccc6; }
						#retailer-map .logos .logo .logoimg { display: block; width: 100%; padding: 15px; }
						#retailer-map .logos .logo .text { display: block; padding: 20px; text-align: center; }
						#retailer-map .logos .logo .arrow { display: block; position: absolute; bottom: -40px; left: calc(50% - 26px); }
					
					
		.retailer-links { margin: 0 0 40px 0; }
			.retailer-links .c33 { position: relative; padding: 0 1% 10px; }
				.retailer-links a.logo { display: block; background: #ededed; position: relative; overflow: hidden; height: 200px; padding: 35px; }
				.retailer-links a.logo:hover { background-color: #FFFFFF; }
					.retailer-links img.corner { position: absolute; display: block; }
					.retailer-links img.tl { top: -9px; left: -9px; }
					.retailer-links img.tr { top: -9px; right: -9px; }
					.retailer-links img.bl { bottom: -9px; left: -9px; }
					.retailer-links img.br { bottom: -9px; right: -9px; }
					.retailer-links a.logo .image { display: block; width: 100%; height: 100%; background: center/contain no-repeat transparent; }
					/*.retailer-links .logo .logoimg { display: block; width: 100%; padding: 40px 40px; }*/
		
		
		/* list */
		#list {  }
			#list .root { padding: 30px 0; background: #f4f0ec; }
			#list .root:nth-child(even) { background: #e4dfdc; }
		
		
		/* large image in main text area */
		.page-image { position: relative; height: 350px; margin-bottom: 30px; }
			.page-image .pager { bottom: 20px; }
			.page-image .item { position: absolute; width: 100%; height: 100%; background-size: cover; background-position: center; }
				.page-image .item .link { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
		
		
		.signup, .creambox { background: #f4f0ec; padding: 30px 0; color: #635B52; }
			.signup input[type="email"], .signup input[type="submit"] {  }
			.signup input[type="email"] { float: left; width: 66.6%; }
			.signup input[type="submit"] { float: left; width: 33.3%; text-transform: uppercase; }
		.brownbox { background: #998a7c; padding: 30px 0; color: #FFFFFF; }
			.brownbox h1, .brownbox h2, .brownbox h3, .brownbox h4, .brownbox h5, .brownbox h6, .brownbox a { color: inherit !important; }
			.brownbox a { font-weight: 700; }
		
		
		.retailer-rotator { padding: 30px 0; background: url(../images/retailers-bg.jpg) center/cover no-repeat transparent; color: #FFFFFF; }
			.retailer-rotator .cycle-slideshow { width: 100%; height: 180px; }
				.retailer-rotator .group { position: absolute; width: 100%; height: 100%; }
					.retailer-rotator .c33 { height: 100%; position: relative; padding: 0 1%; }
						.retailer-rotator .logo { display: block; background: center/contain no-repeat #ededed; width: 100%; height: 100%; padding: 30px; }
						.retailer-rotator a.logo:hover { background-color: #FFFFFF; }
							.retailer-rotator .logo .image { display: block; width: 100%; height: 100%; background: center/contain no-repeat transparent; }
							/*.retailer-rotator .logo img { display: block; width: 100%; padding: 40px 40px; }*/

		
		
		.featured { background: #5e5e5e; color: #FFFFFF; padding: 30px 0; }
			.featured .c25, .featured .c33, .featured .c50, .featured .c66, .featured .c75 { padding: 3px; }
				.featured .content { display: block; color: #FFFFFF; border: 2px solid #FFFFFF; height: 200px; position: relative; }
				.featured a.content:hover { opacity: .8; }
					.featured .content .icon { display: block; position: absolute; top: 15px; left: 15px; width: 60px; height: auto; }
					.featured .content .title { display: block; position: absolute; bottom: 0; right: 0; border-top: 1px solid #FFFFFF; padding: .5em 0; margin: 0 15px; text-transform: uppercase; font-weight: 700; font-size: 1.4em; word-spacing: 1000px; text-align: right; }
					.featured .content .text { padding: 15px 15px 15px 100px; height: calc(200px - 4px); overflow-y: auto; }
					.featured .content .feed { font-size: .85em; }
						.featured .content .feed a { display: block; color: #FFFFFF; margin-bottom: 1em; }
							.featured .content .feed a span { display: block; margin-bottom: .2em; }
							
		
		
		#contact-form {  }
			#contact-form input[type="text"], #contact-form input[type="email"], #contact-form input[type="submit"], #contact-form textarea { padding: .8em 1em; font-size: 1.2em; }
			#contact-form input[type="submit"] { padding: 1em 2em; }
		
		
		.main { position: relative; padding: 30px 0; }
			.main table { width: 100%; font-size: .9em; border: 0 !important; }
				.main table tr {  }
					.main table th { font-weight: 700; text-transform: uppercase; }
					.main table th, .main table td { text-align: left; padding: .2em .5em .2em 0; vertical-align: top; min-height: 1em; border: 0 !important; }
					.main table.padded th, .main table.padded td { padding: .4em 1em .4em 0; }
						.main table p { margin: 0; }
			
			.main .c66 .creambox { padding: 30px; }
			
			.page-content { }
				.page-content a { text-decoration: underline; }
				.page-content ul, .page-content ol { margin-left: 1.5em; margin-bottom: 1em; }
					.page-content li { margin-bottom: 0.3em; }
			
			.page {  }
				.page .text { float: left; width: calc(100% - 300px); }
				.page .image { float: right; width: 260px; }
					.page .image a, .page .image img { display: block; width: 100%; }
				
			.grid {  }
				.grid .c33 { padding: 0 .5% 8px; }
				.grid .item { display: block; position: relative; }
					.grid .item img { display: block; width: 100%; }
					.grid .item .overlay { display: block; position: absolute; bottom: 0; left: 0; background-color: rgba(0,0,0,0.5); color: #FFFFFF; width: 100%; padding: .5em; text-transform: uppercase; font-size: .8em; width: 100%; }
		
		
		
footer { background: #f4f0ec; padding: 30px 0; font-size: 0.8em; }
	footer > div {  }

		footer .megamenu {  }
			footer .megamenu ul { margin: 0; padding: 0 30px 1.5em 0; list-style-type: none; }
			footer .megamenu ul.l1 { float: left; max-width: 40%; }
				footer .megamenuul li { margin: 0; padding: 0; }
				footer .megamenu ul li.large { font-size: 1.1em; text-transform: uppercase; }
					footer .megamenu ul li a { display: block; font-weight: 300; padding: 0 0 3px; }
					footer .megamenu ul li.large a { display: block; font-weight: 500; }
		
		footer .contact { font-size: 1.1em; }
			footer .contact .logo { float: right; display: block; width: 66.6%; height: auto; margin-bottom: 2em; }
			footer .contact b { text-transform: uppercase; }
		
		footer .social {  }
			footer .social .social-link {  }
		
		footer .info { margin: 2em 0 0; color: #AAAAAA; font-weight: 300; }
			footer .info a { color: #AAAAAA; }


/* FANCYBOX PAGE */
body.popup { background-image: none; }
	#popup-root {  }fieldset { border: 0; }

input, select, textarea { box-sizing: border-box; font-family: 'Raleway', Helvetica, Arial, sans-serif; font-size: .9em; -webkit-appearance: none; border-radius: 0; border: 0; }
input[type="text"], input[type="email"], input[type="password"], textarea { width: 100%; padding: .5em; vertical-align: middle; border: 0; margin-bottom: .3em; }

input[type="submit"], input[type="image"] { display: inline-block; padding: .5em; background: #998a7c; color: #FFFFFF; cursor: pointer; width: auto; text-align: center; }
input[type="submit"]:hover, input[type="image"]:hover { background-color: #000000; }


form.formhandler {
	background: #f4f0ec; 
	padding: 30px; 
	color: #635B52;
	width: 100%;
	margin: 30px auto;
}

form.formhandler fieldset {
	clear: both;
	width: 100%;
	margin: 0 0 -1em 0;
	padding: 0 0 1em 0;
	border-style: none;
	background-repeat: repeat-x;
}

form.formhandler legend {
	margin-left: 1em;
	color: #000000;
	display: none;
}

form.formhandler fieldset ol {
	/*padding: 1em 1em 0 1em;*/
	margin: 0 !important;
	list-style: none;
}

form.formhandler fieldset li {
	padding-bottom: 1em;
}

form.formhandler li input, form.formhandler li textarea { width: 100%; }

form.formhandler fieldset.submit {
	
	border-style: none;
}

form.formhandler label {
	float: left;
	width: 40%;
	margin-right: 1em;
}

form.formhandler label.inline, form.formhandler label.checkbox {
	float: none;
	display: inline;
	width: auto;
	margin: 0;
}

/* left aligned labels */
form.formhandler fieldset li {
	float: left;
	clear: left;
	width: 100%;
	padding-bottom: 0.5em;
}

form.formhandler fieldset {
	float: left;
	clear: left;
	width: 100%;
	margin: 0 0 1.5em 0;
	padding: 0;
}

/* background stuff */
form.formhandler fieldset.submit {
	float: none;
	width: auto;
	border-style: none;
	background-color: transparent;
}

form.formhandler fieldset.submit input {
	width: auto;
	cursor: pointer;
}

/* nested fieldsets */
form.formhandler fieldset fieldset {
	margin-bottom: 0;
	border-style: none;
	background-color: transparent;
	background-image: none;
}

form.formhandler fieldset fieldset label.legend {
	float: left;
	width: 100%;
	margin-right: 1em;
	vertical-align: top;
}

form.formhandler fieldset fieldset ol {
	position: relative;
	top: -1.5em;
	margin: 0 0 0 14em;
	padding: 0;
}

form.formhandler fieldset fieldset label {
	float: none;
	width: auto;
	margin-right: auto;
}
/* Copyright (c) Stu Nicholls. All rights reserved. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/final_drop.html */

.main-navigation { width: 100%; height: 40px; position: relative; z-index: 100; padding-right: 40px; }
	
	.main-navigation ul { list-style-type: none; margin: 0; padding: 0; float: right; }

		/* hide the sub levels and give them a positon absolute so that they take up no room */
		.main-navigation ul ul { visibility: hidden; position: absolute; height: 0; top: 40px; left: 0; width: 200px; }
	
		/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
		.main-navigation li { float: left; position: relative; margin: 0; padding: 0; }
		
			/* style the first level links */
			.main-navigation a, .main-navigation a:visited { display: block; padding: 0 10px; height: 40px; line-height: 40px; font-size: 0.7em; text-transform: uppercase; color: #FFFFFF; }
			
			.main-navigation a.active { text-decoration: underline; }
			.main-navigation a.first {  }
			.main-navigation a.last { border: 0; }
			/* style the first level hover */
			.main-navigation a:hover, .main-navigation ul ul a:hover{ background-color: #505050; }
			.main-navigation :hover > a, .main-navigation ul ul :hover > a { background-color: #505050; }
				
				/* style the second level links */
				.main-navigation ul ul li { float: none; }
					.main-navigation ul ul a, .main-navigation ul ul a:visited { text-align: left; height: auto; text-transform: none; border: 0; background-color: #505050; color: #FFFFFF; line-height: 1em; padding: 7px 10px; width: 100%; font-size: .75em; }
					.main-navigation ul ul a.active2 { text-decoration: underline; }
					.main-navigation ul ul a.first2 { padding-top: 15px; }
					.main-navigation ul ul a.last2 { padding-bottom: 15px; }
					/* style the second level hover */
					.main-navigation ul ul a:hover { background-color: #474747; }
					.main-navigation ul ul :hover > a { background-color: #474747; }


/* DON'T CHANGE */
/* style the table so that it takes no part in the layout - required for IE to work */
.main-navigation table { position: absolute; top: 0; left: 0; border-collapse: collapse; }
/* make the second level visible when hover on first level list OR link */
.main-navigation ul li:hover ul, .main-navigation ul a:hover ul{ visibility: visible; }.block-link { display: inline-block; border: 1px solid #998a7c; background: #e8e2db; font-weight: 300; padding: .7em 1em; margin: 1em 0; font-size: 1.1em; color: #635B52; text-decoration: none !important; }
.block-link:hover { background: #998a7c; color: #FFFFFF; }

.small { font-size: 0.75em; }
.large { font-size: 1.3em; }

.indent-left { float: left; margin: 0 1.5em 1.5em 0; }
.indent-right { float: right; margin: 0 0 1.5em 1.5em; }/* mobile */
@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) {
	
	body { font-size: .8em; min-width: 0;  }
	
	.hr { margin: 1em 0; }
	
	.mobile { display: block !important; }
	col.mobile { display: table-column !important; }
	span.mobile { display: inline !important; }
	table.mobile { display: table !important; }
	td.mobile, th.mobile { display: table-cell !important; }
	tr.mobile { display: table-row !important; }
	col.desktop, span.desktop, table.desktop, td.desktop, th.desktop, tr.desktop, .desktop { display: none !important; }
	
	/* .c25, .c33, */
	.c50, .c66, .c75, .c100 { float: none; width: 100%; }
	
	.lc { padding-right: 0; text-align: left; }
	.rc { padding-left: 0; }
	
	.pager, .pager.low { display: none; bottom: 10px; right: 0; text-align: center; width: 100%; }
		.pager span { width: 8px; height: 8px; margin: 0 1px; }
		
	.navi-arrow { top: calc(50% - 0px); width: 20px; height: 20px; }
	.navi-arrow :hover {  }
	.navi-arrow.left { left: 5px; }
	.navi-arrow.right { right: 5px; }
	
	
	.page-nav { padding: 10px 0; }
	
	/* vertical menu */
	.vertical-navigation { font-size: .85em; }
		.vertical-navigation li {  }
			.vertical-navigation li a { padding: .2em 0; }
				.vertical-navigation li a .n {  }
				.vertical-navigation li a .text {  }
	
	
	.fancybox-outer { padding: 0 !important; }
		.fancybox-inner { width: 100% !important; height: auto !important; }
			.fancybox-image { width: 100% !important; height: auto !important; }
	
	form.formhandler { padding: 15px; }
	
	
	
	
	
	.root { width: 100%; }
		.root > div { width: 100%; padding: 0 10px; }
	
		header, .fixed header { height: auto; padding: 0 10px 10px; }
			header > div { padding: 0; height: auto; }
				header .logo, .fixed header .logo { float: left; position: static; width: 40%; height: auto; margin: 0 0 10px; padding: 15px; }
					header .logo img, .fixed header .logo img {  }
					
				header .text { min-height: 0; float: right; width: 50%; text-align: right; padding: 10px 0; font-size: .7em; }
					header .text span {  }
					
				#search-form { display: block; float: none; width: 100%; }
					#search-form input[type="text"] {  }
					#search-form input[type="image"] {  }
		
		
		.main-navigation-box, .fixed .main-navigation-box { position: relative; top: auto; left: auto; overflow: hidden; border: 0; height: 40px; font-size: 1.1em; }
			.main-navigation { overflow: hidden; overflow-x: scroll; webkit-font-smoothing: antialiased; -webkit-overflow-scrolling: touch; z-index: 1000; }
				.main-navigation ul { float: none; display: block; white-space: nowrap; padding: 0 0 0 4px; }
					.main-navigation ul li { float: none; display: inline-block; margin: 0; padding: 0; }
					
						.main-navigation a, .main-navigation a:visited { padding: 0 7px; }
						.main-navigation a.active { background: #707070; }
						.main-navigation a.first {  }
						.main-navigation a.last { padding-right: 40px; }
						.main-navigation a:hover, .main-navigation ul ul a:hover {  }
						.main-navigation :hover > a, .main-navigation ul ul :hover > a {  }
					
						.main-navigation ul ul { display: none; visibility: hidden; }
						
			.main-navigation-box .fade { display: block; position: absolute; right: 0; top: 0; height: 40px; width: 60px; z-index: 1001; pointer-events: none; 
				background: -moz-linear-gradient(left,  rgba(94,94,94,0) 0%, rgba(94,94,94,1) 100%);
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(94,94,94,0)), color-stop(100%,rgba(94,94,94,1)));
				background: -webkit-linear-gradient(left,  rgba(94,94,94,0) 0%,rgba(94,94,94,1) 100%);
				background: -o-linear-gradient(left,  rgba(94,94,94,0) 0%,rgba(94,94,94,1) 100%);
				background: -ms-linear-gradient(left,  rgba(94,94,94,0) 0%,rgba(94,94,94,1) 100%);
				background: linear-gradient(to right,  rgba(94,94,94,0) 0%,rgba(94,94,94,1) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#525252', endColorstr='#525252',GradientType=1 );
			}
		
		.main-navigation-box.sub-navigation { background: #707070; }
			.main-navigation-box.sub-navigation .fade { 
				background: -moz-linear-gradient(left,  rgba(112,112,112,0) 0%, rgba(112,112,112,1) 100%);
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(112,112,112,0)), color-stop(100%,rgba(112,112,112,1)));
				background: -webkit-linear-gradient(left,  rgba(112,112,112,0) 0%,rgba(112,112,112,1) 100%);
				background: -o-linear-gradient(left,  rgba(112,112,112,0) 0%,rgba(112,112,112,1) 100%);
				background: -ms-linear-gradient(left,  rgba(112,112,112,0) 0%,rgba(112,112,112,1) 100%);
				background: linear-gradient(to right,  rgba(112,112,112,0) 0%,rgba(112,112,112,1) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#707070', endColorstr='#707070',GradientType=1 );
			}
			
		
		#header-gap { height: 10px; }
		
		#google-map { height: 170px; margin-bottom: 1em; }
		
		#banner { position: relative; width: 100%; height: 170px; }
			.cycle-slideshow {  }
			
			#banner .logo { width: 175px; height: 115px; padding: 10px; top: calc(50% - 57px); left: calc(50% - 87px); }
			
			#banner .item {  }
				#banner .item .link {  }
				#banner .item .text { bottom: 0; width: 100%; padding: .6em 1em; text-align: left; font-size: .8em; }
					#banner .item .text h1, #banner .item .text h2, #banner .item .text h3, #banner .item .text h4, #banner .item .text h5, #banner .item .text h6 { font-size: 1.3em; }
					#banner .item .text p {  }
					#banner .item .text :last-child {  }
			
			#banner .links { display: none; }
			/*#banner .links { position: absolute; bottom: 0; left: 0; z-index: 1001; overflow: hidden; width: 100%; }
				#banner .links .c33 { padding: 0 1px; }
					#banner .links .link { display: block; text-align: center; background-color: rgba(0,0,0,0.5); color: #FFFFFF; padding: .6em 2em; height: 86px; }
					#banner .links a.link:hover { background-color: rgba(255,255,255,.5); color: inherit; }
						#banner .links .link .title { display: block; font-size: 1.1em; text-transform: uppercase; }
					
					#banner .links .social {  }
						#banner .links .social a { border: 2px solid #FFFFFF; width: 1.4em; height: 1.4em; }
						#banner .links .social a.twitter { background-image: url(../images/social-icons/twitter-white.png); }
						#banner .links .social a.facebook { background-image: url(../images/social-icons/facebook-white.png); }*/
		
		
		
		/* main left column */
		.c33.lc { width: 100%; float: none; }
			.c33.lc h1, .c33.lc h2 { padding-left: 0; margin-bottom: 1em; }
				.c33.lc h1 br, .c33.lc h2 br, .c33.lc h3 br, .c33.lc h4 br, .c33.lc h5 br, .c33.lc h6 br { display: none; }
			.c33.lc h1 {  }
			.c33.lc h2, .c33.lc h1.h2 {  }
			.c33.lc .c-footer { position: static; bottom: auto; left: auto; width: 100%; padding-right: 0;  }
			
			.c33.lc .small { font-size: 0.9em; }
			
			.c33.lc .social a { width: 2.6em; height: 2.6em; }
			
			.merrythought-logo { display: none; }
		
		/* retailers map */
		#retailer-map { margin-bottom: 1em; }
			#retailer-map .layer {  }
			#retailer-map .layer.hotspots {  }
			#retailer-map .layer.bg {  }
			
			#retailer-map .logos {  }
				#retailer-map .logos .logo { margin: 0 0 0 -35px;  }
					#retailer-map .logos .logo .popup { bottom: 20px; width: 70px; }
						#retailer-map .logos .logo .logoimg { padding: 5px; }
						#retailer-map .logos .logo .text { display: block; padding: 5px; font-size: .8em; }
						#retailer-map .logos .logo .arrow { bottom: -20px; left: calc(50% - 13px); height: 20px; }
					
					
		.retailer-links { margin-bottom: 1em; }
			.retailer-links .c33 { padding: 0 1% 5px; }
				.retailer-links a.logo { padding: 5px; height: 80px; }
				.retailer-links a.logo:hover {  }
					.retailer-links img.corner {  }
					.retailer-links img.tl {  }
					.retailer-links img.tr {  }
					.retailer-links img.bl {  }
					.retailer-links img.br {  }
					.retailer-links .logo .logoimg { padding: 12px; }
		
		
		/* list */
		#list {  }
			#list .root { padding: 10px 0; }
			#list .root:nth-child(even) {  }
		
		
		/* large image in main text area */
		.page-image { height: 150px; margin-bottom: 1em; }
			.page-image .pager { bottom: 10px; }
			.page-image .item {  }
				.page-image .item .link {  }
		
		
		.signup, .creambox { padding: 10px 0; }
			.signup input[type="email"], .signup input[type="submit"] {  }
			.signup input[type="email"] {  }
			.signup input[type="submit"] {  }
		.brownbox { padding: 10px 0; }
			.brownbox h1, .brownbox h2, .brownbox h3, .brownbox h4, .brownbox h5, .brownbox h6, .brownbox a {  }
			.brownbox a {  }
		.signup p { font-size: .7em; }
		
		
		.retailer-rotator { padding: 20px 0; }
			.retailer-rotator .cycle-slideshow { height: 75px; }
				.retailer-rotator .group { padding: 0 20px; }
					.retailer-rotator .c33 {  }
						.retailer-rotator .logo { padding: 5px; }
						.retailer-rotator a.logo:hover {  }
							.retailer-rotator .logo img { padding: 12px; }

		
		
		.featured { padding: 10px 0; }
			.featured .c25 { width: 50%; }
			.featured .c50 { width: 100%; }
			.featured .c25, .featured .c33, .featured .c50, .featured .c66, .featured .c75 { padding: 3px; }
				.featured .content { height: auto; padding: 10px; }
				.featured a.content:hover {  }
					.featured .content .icon { position: static; top: auto; left: auto; width: 30px; margin-bottom: 10px; }
					.featured .content .title { position: static; bottom: auto; right: auto; padding: 10px 0 0 0; margin: 0; font-size: 1em; word-spacing: normal; }
					.featured .content .text { padding: 10px 10px 10px 60px; height: 200px; }
					.featured .content .feed { font-size: .8em; }
						.featured .content .feed a {  }
							.featured .content .feed a span {  }
							
		
		
		#contact-form {  }
			#contact-form input[type="text"], #contact-form input[type="email"], #contact-form input[type="submit"], #contact-form textarea {  }
			#contact-form input[type="submit"] {  }
		
		
		.main { padding: 2em 0; }
			.main table { font-size: .8em; }
				.main table tr {  }
					.main table th {  }
					.main table th, .main table td { padding: .1em .3em .1em 0; }
						.main table p {  }
			
			.main .c66 .creambox { padding: 10px; }
			
			.page-content { }
				.page-content a {  }
				.page-content ul, .page-content ol {  }
					.page-content li {  }
			
			.page {  }
				.page .text { width: 70%; }
				.page .image { width: 25%; }
					.page .image a, .page .image img {  }
				
			.grid {  }
				.grid .c33 { padding: 0 .5% 5px; }
				.grid .item { display: block; position: relative; }
					.grid .item img { display: block; width: 100%; }
					.grid .item .overlay { display: block; position: absolute; bottom: 0; left: 0; background-color: rgba(0,0,0,0.5); color: #FFFFFF; width: 100%; padding: .5em; text-transform: uppercase; font-size: .8em; width: 100%; }
		
		
		
footer { padding: 20px 0; }
	footer > div {  }

		footer .megamenu { float: none; text-align: center; }
			footer .megamenu ul, footer .megamenu ul.l1 { padding: 0 0 1em 0; float: none; max-width: none; }
				footer .megamenuul li {  }
				footer .megamenu ul li.large {  }
					footer .megamenu ul li a {  }
					footer .megamenu ul li.large a {  }
		
		footer .contact { float: none; width: 100%; text-align: center; margin-top: 2em; }
			footer .contact .logo { float: none; width: 30%; margin: 0 auto 1.5em; }
			footer .contact b {  }
		
		footer .social {  }
			footer .social .social-link {  }
		
		footer .info { margin: 2em 0 0; text-align: center; padding: 0 2em; }
			footer .info a {  }
			
	
}