/* =============================================================================
   HTML5 Boilerplate CSS: h5bp.com/css
   ========================================================================== */

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,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;}body{font-size:1em;line-height:1.4;margin:0;}ol,ul{list-style:none;}table{border-collapse:collapse;border-spacing:0;}audio,canvas,video{display:inline;zoom:1;}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}html,button,input,select,textarea{font-family:sans-serif;color:#222;}a{color:#00e;}a:hover,a:active{outline:0;}abbr[title]{border-bottom:1px dotted;}blockquote{margin:1em 40px;}hr{display:block;height:1px;border:0;border-top:1px solid#ccc;margin:1em 0;padding:0;}ins{background:#ff9;color:#000;text-decoration:none;}mark{background:#ff0;color:#000;font-style:italic;font-weight:700;}pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em;}pre{white-space:pre-wrap;word-wrap:break-word;}small{font-size:85%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-.5em;}sub{bottom:-.25em;}ul,ol{margin:1em 0;padding:0 0 0 40px;}dd{margin:0 0 0 40px;}nav ul,nav ol{list-style:none;list-style-image:none;margin:0;padding:0;}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;}svg:not(:root){overflow:hidden;}fieldset{border:0;margin:0;padding:0;}label{cursor:pointer;}legend{border:0;margin-left:-7px;white-space:normal;padding:0;}button,input,select,textarea{font-size:100%;vertical-align:middle;margin:0;}button,input{line-height:normal;}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button;overflow:visible;}button[disabled],input[disabled]{cursor:default;}input[type=checkbox],input[type=radio]{box-sizing:border-box;width:13px;height:13px;padding:0;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;resize:vertical;}input:invalid,textarea:invalid{background-color:#f0dddd;}td{vertical-align:top;}.chromeframe{background:#ccc;color:#000;margin:.2em 0;padding:.2em 0;}h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}a{cursot:pointer;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:700;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table{margin-bottom:1em;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}blockquote,q,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after,q:before,q:after{content:none;}audio:not([controls]),[hidden]{display:none;}::-moz-selection,::selection{background:#fe57a1;color:#fff;text-shadow:none;}b,strong,h1,h2,h3,h4,h5,h6,strong{font-weight:700;}dfn,em{font-style:italic;}figure,form{margin:0;}a:active{outline:0 none;}


/* ===== Primary Styles ========================================================
   Author: Luke Sideris - mullen.com
   ========================================================================== */

html, body {
	width: 100%;
	height:100%;
	font-family: "Franklin Gothic", Helvetica, Arial, sans-serif;
	font-size: 12px;
	min-height: 1115px;
}
html {
	background: url(images/html-tile.png) repeat left -24px;
}
body {
	background: url(images/body-tile.png) repeat-x top left;
}
#wrapper {
	display: block;
	margin: 0 auto;
	margin-bottom: 40px;
	border: 2px solid #d8d9d8;
	border: 2px solid rgba(0,0,0,0.2);
	border-top: 0 none;
	border-bottom: 0 none;
	min-width: 320px;
	max-width: 1024px;
	position: relative;
}
.lt-ie7 #wrapper {
	width:expression(document.body.clientWidth 1040? "1040px" : "auto");
}
header, #main-menu, #slider {
	display: block;
	background: #FFF;
	width:100%;
}
header {
	padding: 25px 0;
	background: #fff;
	background-image: url(images/header-shadow.png);
	background-repeat: repeat-x;
	background-position: top left;
}
.granny-smith .bgcolor, #slider .granny-smith .bgcolor {
	background-color: #D2D357;
}
.granny-smith .color, #slider .granny-smith .color, #slider .granny-smith .color a {
	color: #bebf37;
}
.fourteen-carrots .bgcolor, #slider .fourteen-carrots .bgcolor {
	background-color: #D27326;
}
.fourteen-carrots .color, #slider .fourteen-carrots .color, #slider .fourteen-carrots .color a {
	color: #D27326;
}
.spring-azalea .bgcolor, #slider .spring-azalea .bgcolor {
	background-color: #dc7cb5;
}
.spring-azalea .color, #slider .spring-azalea .color, #slider .spring-azalea .color a {
	color: #dc7cb5;
}
.mystical-grape .bgcolor, #slider .mystical-grape .bgcolor {
	background-color: #674c87;
}
.mystical-grape .color, #slider .mystical-grape .color, #slider .mystical-grape .color a {
	color: #674c87;
}
.red .bgcolor, #slider .red .bgcolor {
	background-color: #ca2f2f;
}
.red .color, #slider .red .color, #slider .red .color a {
	color: #ca2f2f;
}
.daydream .bgcolor, #slider .daydream .bgcolor {
	background-color: #99c1d0;
}
.daydream .color, #slider .daydream .color, #slider .daydream .color a {
	color: #6ea2b5;
}
#logo {
	display: block;
	background-image: url(images/header-logo.png);
	background-position: top left;
	background-repeat: no-repeat;
	width: 294px;
	height: 50px;
	margin: 0 auto;
}
#french-canadian #logo {
	background-image: url(images/header-logo-fr.png);
}
#main-menu {
	background: #FFF url(images/inner-shadow.png) repeat-x bottom left;
	padding:3px 0 9px;
	position: relative;
}
#main-menu .wrapper {
	float: right;
	position: relative;
	left: -55%;
}
#main-menu #nav-inner {
	float: left;
	position: relative;
	left: 50%;
}
#main-menu #nav-inner a {
	border-right: 1px solid #d7d7d7;
	font-weight: bold;
	color: #000;
	display: block;
	float: left;
	font-size: 11px;
	line-height: 11px;
	padding:12px 10px;
	text-decoration: none;
}
#main-menu #nav-inner a:hover {
	color: #444;
	background: #f0f0f0;
}
#main-menu #nav-inner a.first {
	border-left: 1px solid #d7d7d7;
}
#register-btn {
	position: absolute;
	right:26px;
	top:5px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
.button {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	background-color: #000;
	background-image: url(images/button-shadow.png);
	background-repeat: repeat-x;
	background-position: left top;
	padding:8px 20px;
}
.button:hover {
	color: #FFF;
	background-image: none;
}
.button:active {
	background-position: left bottom;
}
.button .arrow {
	background: url(images/white-arrow.png) no-repeat right center;
	padding: 2px 20px 2px 0;
}
#slider-holder {
	height: 371px;
	position: relative;
	overflow: hidden;
	background: #FFF;
}
#slider {
	width: 2000px;
	position: relative;
}
#slider.hidden {
	display: none;
}
#slider .slide {
	float: left;
	width: 171px;
	height: 100%;
	display: block;
	position: relative;
	overflow: hidden;
}
#slider .slide.active {
	width: 438px;
}
#slider .slide .overlay {
	position: absolute;
	display: block;
	width:100%;
	height: 100%;
}
#slider .slide .overlay {
	display: none;
}


#slider .slide .slide-content {
	display: block;
	height: 100%;
	width: 100%;
}
#slider .slide .slide-content .text {
	padding:116px 0 0 20px;
	display: block;
	height: 255px;
	width:194px;
	float: left;
}
#slider .slide .slide-content .image {
	background-repeat: no-repeat;
	float: left;
	height: 371px;
	display: block;
	width: 100px;
}
#slider .slide.active .slide-content .image {
	width: 51%;
	min-width: 100px;
}
#slider .slide #granny-smith-content .image {
	background-image: url(images/hero-granny-smith.jpg);
	background-position: -250px 0;
}
#slider .slide #fourteen-carrots-content .image {
	background-image: url(images/hero-fourteen-carrots.jpg);
	background-position: -150px 0;
}
#slider .slide #spring-azalea-content .image {
	background-image: url(images/hero-spring-azalea.jpg);
	background-position: -210px 0;
}
#slider .slide #mystical-grape-content .image {
	background-image: url(images/hero-mystical-grape.jpg);
	background-position: -140px 0;
}
#slider .slide #red-content .image {
	background-image: url(images/hero-red.jpg);
	background-position: -220px 0;
}
#slider .slide #daydream-content .image {
	background-image: url(images/hero-daydream.jpg);
	background-position: -240px 0;
}
h3 {
	font-family: "Minion Pro", Times, "Times New Roman", serif;
	font-size: 26px;
	font-weight: normal;
}
#slider h3 {
	margin: 0 0 3px 0;
}
#slider .actions {
	font-family: "Minion Pro", Times, "Times New Roman", serif;
	padding:1px 0 0 62px;
}
#slider .actions a {
	text-decoration: none;
	color: inherit;
	display: block;
}
#slider .actions a:hover {
	font-weight: bold;
}
#slider .social-icons {
	padding-top:3px;
}
#slider .granny-smith .actions {
	background: url(images/swatch-granny-smith.png) no-repeat top left;
}
#slider .fourteen-carrots .actions {
	background: url(images/swatch-fourteen-carrots.png) no-repeat top left;
}
#slider .spring-azalea .actions {
	background: url(images/swatch-spring-azalea.png) no-repeat top left;
}
#slider .mystical-grape .actions {
	background: url(images/swatch-mystical-grape.png) no-repeat top left;
}
#slider .red .actions {
	background: url(images/swatch-red.png) no-repeat top left;
}
#slider .daydream .actions {
	background: url(images/swatch-daydream.png) no-repeat top left;
}
#content-divider {
	height: 36px;
	background-image: url(images/header-shadow.png);
	background-repeat: repeat-x;
	background-position: left -4px;
	display: block;
}
#content {
	background: url(images/content-tile.png) repeat-x bottom left;
	padding: 57px 0 60px;
}
#content .wrapper {
	display: block;
	min-width: 590px;
	width: 70%;
	margin: 0 auto;
	height: 204px;
	position: relative;
}
#content .wrapper .col {
	position: absolute;
	display: block;
	top:0;
	height: 100%;
}
#content .wrapper .left {
	left:0;
	width:168px;
}
#content .wrapper .center {
	left:50%;
	width:156px;
	margin-left:-78px;
}
#content .wrapper .right {
	right:0;
	width:183px;
}
#canadian #content .left .inner, #french-canadian #content .left .inner {
	left:0;
	width:173px;
}
#canadian #content .wrapper .center {
	left:50%;
	width:180px;
	margin-left:-90px;
}
#content {
	font-size: 12px;
}
#content a {
	text-decoration: none;
	font-weight: bold;
	color: #666666;
}
#content a:hover {
	color: #444;
}
#content .col .arrow {
	padding:1px 15px 1px 4px;
	background: url(images/gray-arrow.png) no-repeat right center;
	display: block;
}
#content .col#try-sample .arrow {
	padding-left: 13px;
}
.lt-ie7 #content .wrapper {
	width:expression(document.body.clientWidth 736? "732px" : "auto");
}
#color-stories-link, #try-sample-link, #explore-apps-link, #find-paint-colours-link {
	display: block;
	height: 186px;
	margin-bottom: 2px;
}
#color-stories-link {
	background: url(images/color-stories.png) no-repeat top left;
	width: 168px;
}
#canadian #color-stories-link {
	background: url(images/color-stories-ca.png) no-repeat top left;
	width: 173px;
}
#french-canadian #color-stories-link {
	background: url(images/color-stories-fr.png) no-repeat top left;
	width: 173px;
}
#find-paint-colours-link {
	background: url(images/colour-gallery.png) no-repeat top left;
	width: 180px;
}
#french-canadian #find-paint-colours-link {
	background: url(images/colour-gallery-fr.png) no-repeat top left;
	width: 180px;
}
#try-sample-link {
	background: url(images/try-sample.png) no-repeat top left;
	width: 156px;
}
#explore-apps-link {
	background: url(images/explore-apps.png) no-repeat top left;
	width: 183px;
}
#french-canadian #explore-apps-link {
	background: url(images/explore-apps-fr.png) no-repeat top left;
	width: 201px;
}
#store-locator {
	background: #fff url(images/store-locator-shadow.png) repeat-x bottom left;
	height: 34px;
	padding: 28px 36px;
	position: relative;
	z-index: 100;
}
#store-locator-logo {
	display: block;
	width: 226px;
	height: 34px;
	float: left;
	position: absolute;
	z-index: 101;
}
#store-locator-logo a {
	background: url(images/store-locator-logo.png) no-repeat top left;
	width: 196px;
	height: 34px;
	display: block;
	margin: 0 auto;
	text-indent: -5000px;
	font-size: 0;
}
#french-canadian #store-locator-logo a {
	background: url(images/store-locator-logo-fr.png) no-repeat top left;
	height: 36px;
}
#store-locator-search {
	display: block;
	width: auto;
	height: 34px;
	text-align: right;
	padding-left: 226px;
	padding-right: 130px;
	position: relative;
}
#french-canadian #store-locator-search {
	padding-right: 194px;
}
#store-locator-search .button {
	width: 88px;
	position: absolute;
	right:0;
	top: 1px;
}
#french-canadian #store-locator-search .button {
	width:152px !important;
}
#store-locator-search form {
	margin:0 24px 0 0;
	display: block;
	padding-top: 1px;
}
#store-locator-search input.default {
	color: #9d9d9d;
}
#store-locator-search input {
	border:1px solid #9a9a9a;
	width: 100%;
	display: block;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
	padding: 8px 12px;
	color: #707070;
	font-weight: bold;
	font-size: 12px;
	-webkit-box-shadow: 0px 0px 2px 1px #ccc inset;
	-moz-box-shadow: 0px 0px 2px 1px #ccc inset;
	box-shadow: 0px 0px 2px 1px #ccc inset;
}
#store-locator-search input:focus {
	border:1px solid #555;
	outline: 0 none;
}
#social-media-connect {
	position: absolute;
	right:-2px;
	bottom: -59px;
	height: 54px;
	display: block;
	padding: 2px 13px;
	border-left: 1px solid #EDEDED;
	border-left:1px solid rgba(0,0,0,0.1);
	border-bottom: 1px solid #d8d9d8;
	border-bottom:1px solid rgba(0,0,0,0.2);
	border-right: 2px solid #d8d9d8;
	border-right: 2px solid rgba(0,0,0,0.2);
	background:#FFF url(images/footer-shadow.png) repeat-x bottom left;
	text-align: center;
	color: #808285;
	font-size: 12px;
	font-weight: bold;
}
#social-media-connect .hint {
	display: block;
	margin-bottom: 4px;
}
#social-media-connect .social-icons a {
	margin-left:3px;
}
.social-icons a {
	background-image: url(images/social-icons-spritesheet.png);
	background-repeat: no-repeat;
	background-position-y: top;
	width:27px;
	height: 26px;
	display: block;
	font-size: 0;
	text-indent: -9999px;
	float: left;
	margin: 0 3px 0 0;
}
.social-icons a.facebook {
	background-position: 0 top;
}
.social-icons a.facebook:hover {
	background-position: 0 bottom;
}
.social-icons a.twitter {
	background-position: -31px top;
}
.social-icons a.twitter:hover {
	background-position: -31px bottom;
}
.social-icons a.youtube {
	background-position: -61px top;
}
.social-icons a.youtube:hover {
	background-position: -61px bottom;
}
.social-icons a.pinterest {
	background-position: -92px top;
}
.social-icons a.pinterest:hover {
	background-position: -92px bottom;
}
.social-icons a.flickr {
	background-position: -122px top;
}
.social-icons a.flickr:hover {
	background-position: -122px bottom;
}
#mainNavbar {
	display: none;
	height: 42px;
	width:100%;
	background: #000;
}
.mobile {
	display: none;
}


/******
	TABLET STYLES: 700 < width < 928
******/
body.medium #register-btn {
	right:5px;
	top:-39px;
	border:1px solid #FFF;
}
body.medium #main-menu .wrapper {
	left: -50%;
}
body.medium #wrapper {
	border-right: 0 none;
	border-left: 0 none;
}
body.medium #social-media-connect {
	border-right: 0 none;
	right:0;
}

/******
	TABLET STYLES: 594 < width < 700
******/
body.thin #main-menu #nav-inner a {
	padding:12px 4px 12px 5px;
	letter-spacing: -.3px;
}
body.thin #register-btn {
	right:5px;
	top:-39px;
	border:1px solid #FFF;
}

/******
	MOBILE STYLES: width < 594
******/
body.small .mobile {
	display: block;
}
body.small, body.small #wrapper {
	background: none !important;
	width: 100%;
	font-family: sans-serif;
	min-height: 0;
}
html {
	overflow-x: hidden;
	min-height: 0;
	font-family: sans-serif;
}
body.small #mainNavbar {
	display: block;
}
body.small #main-menu {
	display: none;
}
body.small header {
	height: 32px;
	padding: 0 0 0 0;
	background-position: left -4px;
}
body.small #slider-holder {
	padding-top: 13px;
	background: #FFF;
}
body.small #content-divider {
	display: none;
}
body.small header #logo {
	background: url(images/bm_logo_white.png) no-repeat top left !important;
	height: 22px;
	width:146px;
	margin: 5px 0 0 8px;
}
body.small #content, body.small #content .wrapper {
	padding: 0;
	background: transparent none;
	width:100%;
	display: block;
	min-width: 0;
}
body.small #content {
	background: #fff url(images/mobile-shadow.png) repeat-x bottom left;
}
body.small #content .wrapper .col, #canadian.small #content .wrapper .col {
	width:100%;
	position: static;
	display: block;
	border-bottom: 1px solid #cfcfcf;
	margin:0 !important;
	float: none!important;
	padding: 3px 0;
	height: 83px;
}
body.small #content .wrapper .col .inner {
	display: none;
}
body.small #content .wrapper .col .mobile {
	width:284px;
	margin: 0 auto;
}
body.small #color-stories-mobile-image, 
body.small #try-sample-mobile-image, 
body.small #explore-apps-mobile-image,
body.small #find-paint-colours-mobile-image {
	float: left;
	display: block;
	height: 83px;
	width: 89px;
	margin-right: 7px;
}
body.small #color-stories-mobile-image {
	background: url(images/mobile-color-stories.png) no-repeat 2px center;
}
body.small #try-sample-mobile-image {
	background: url(images/mobile-try-sample.png) no-repeat 2px center;
}
body.small #explore-apps-mobile-image {
	background: url(images/mobile-explore-apps.png) no-repeat left center;
}
#french-canadian #explore-apps-mobile-image {
	background: url(images/mobile-explore-apps-fr.png) no-repeat left center;
}
body.small #find-paint-colours-mobile-image {
	background: url(images/mobile-colour-gallery.png) no-repeat left center;
}
#french-canadian #find-paint-colours-mobile-image {
	background: url(images/mobile-colour-gallery-fr.png) no-repeat left center;
}
body.small #content .wrapper .col .mobile .name {
	font-size: 16px;
	color: #666;
	padding-top: 18px;
	display: block;
}
body.small #content .wrapper .col .mobile .cta {
	line-height: 21px;
	font-size: 16px;
	font-family: "Minion Pro", Times, "Times New Roman", serif;
}
#french-canadian #content .wrapper .col .mobile .name, #french-canadian #content .wrapper .col .mobile .cta {
	font-size: 13px;
	line-height: 15px;
}
#french-canadian #content .wrapper .col .arrow {
	font-size: 13px;
}
#french-canadian #content .wrapper .col .mobile .cta {
	font-size: 15px;
}
body.small #content, body.small #content .wrapper {
	height: auto;
}
body.small #content,body.small  #content .wrapper .col.right {
	border-bottom: 0 none;
}
body.small #store-locator-logo, body.small #addr {
	display: none !important;
}
body.small #store-locator {
	padding: 20px 36px;
}
body.small #store-locator-search {
	padding:0 !important;
	text-align: center;
	width: auto;
	display: block;
}
body.small #store-locator-search form {
	margin-right: 0;
	display: block;
	height: 100%
}
body.small #store-locator-search #store-locator-submit {
	position: relative !important;
	font-weight: bold;
	font-size: 17px;
	line-height: 17px;
	top:7px;
	outline:0 none;
	border:0 none;
}
body.small #store-locator-search #store-locator-submit .arrow {
	padding-right: 0;
	background: none;
}
body.small #wrapper {
	margin-bottom: 0;
	padding-bottom: 38px;
}
body.small #social-media-connect {
	width: 100%;
	padding: 0!important;
	position: static;
	height: 58px;
}
body.small #social-media-connect .wrapper {
	padding: 6px 32px;
}
body.small #social-media-connect .social-icons {
	display: inline-block;
	margin: 0 auto;
}
body.small #social-media-connect .social-icons a {
	margin: 0 12px !important;
}
body.small #social-media-connect {
	-webkit-box-shadow: 0px 0px 8px 0px #333;
	-moz-box-shadow: 0px 0px 8px 0px #333;
	box-shadow: 0px 0px 8px 0px #333;
}
body.small #store-locator {
	-webkit-box-shadow: 0px 3px 3px 0px #aaa;
	-moz-box-shadow: 0px 3px 3px 0px #aaa;
	box-shadow: 0px 3px 3px 0px #aaa;
}

body.small #slider-holder, body.small #slider {
	height: 522px;
	display: block;
	width: 100%;
	overflow: hidden;
	background: #FFF;
}
#french-canadian.small #slider-holder, 
#french-canadian.small #slider,
#canadian.small #slider-holder, 
#canadian.small #slider {
	height: 462px;
}
body.small #slider .slide {
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 100% !important;
 	height: 100%;
 	z-index: 100;
}
body.small #slider .slide.active {
	z-index: 200;
}
body.small #slider .slide.next {
	z-index: 150;
}
body.small #slider .slide .overlay {
 	display: none !important;
}
body.small #slider .slide .slide-content {
 	width: 100% !important;
 	background-position: center top !important;
 	padding: 285px 0 0 0 !important;
 	background-color: #FFF;
 	background-repeat: no-repeat;
}
body.small #slider .slide .slide-content .text {
	padding: 0 !important;
	width: 100% !important;
}
body.small #slider .slide .slide-content .image {
	display: none !important; 
}
body.small #slider .slide #granny-smith-content {
	background-image: url(images/mobile-granny-smith.jpg);
}
body.small #slider .slide #fourteen-carrots-content {
	background-image: url(images/mobile-fourteen-carrots.jpg);
}
body.small #slider .slide #spring-azalea-content {
	background-image: url(images/mobile-spring-azalea.jpg);
}
body.small #slider .slide #mystical-grape-content {
	background-image: url(images/mobile-mystical-grape.jpg);
}
body.small #slider .slide #red-content {
	background-image: url(images/mobile-red.jpg);
}
body.small #slider .slide #daydream-content {
	background-image: url(images/mobile-daydream.jpg);
}
body.small #slider .slide .slide-content h3, 
body.small #slider .slide .slide-content p {
	display: block;
	padding: 0 10px;
	margin-bottom: 0;
}
body.small #slider .slide .slide-content p {
	color: #959595!important;
	margin-bottom: 10px;
}
body.small #slider .slide .slide-content .actions a.actionlink, 
body.small #slider .slide .slide-content .actions .shareit {
	display: block;
	padding:1px 10px;
}
body.small #slider .slide .slide-content .actions {
	padding-left: 0;
	background: transparent none !important;
}
body.small #slider .slide h3 {
	font-size: 30px;
}
body.small #slider .slide .slide-content .actions a.actionlink, 
body.small #slider .slide .slide-content .actions .shareit, 
body.small #slider .slide .slide-content .actions .social-icons {
	border-top: 1px solid #d4d4d4;
	font-size: 23px;
	font-family: "Minion Pro", Times, "Times New Roman", serif;
}
body.small #slider .slide .slide-content .actions .social-icons {
	padding: 12px 10px;
	background: url(images/header-shadow.png) repeat-x left top;
}
body.small #slider .slide .slide-content .actions .arrow {
	float: right;
	padding-right: 6px;
}
body.small #mobile-navigation {
	position: absolute;
	width:304px;
	height: 49px;
	display: block;
	z-index: 300;
	top: 251px;
	left:50%;
	margin-left: -152px;
}
body.small #mobile-navigation div {
	margin-right: 15px;
	float: left;
	display: block;
	height: 100%;
	width: 38px;
	position: relative;
	overflow: hidden;
	background-image: url(images/mobile-swatches.png);
	background-repeat: no-repeat;
	cursor: pointer;
}
body.small #mobile-navigation div span {
	width: 100%;
	height: 8px;
	background: url(images/swatch-active.png) no-repeat center bottom;
	display: block;
	position: absolute;
	bottom: -8px;
}
body.small #mobile-navigation div.active span {
	bottom: 0;
}
body.small #mobile-navigation div.last {
	margin-right: 0;
}
body.small #mobile-navigation .granny-smith {
	background-position: 0 top;
}
body.small #mobile-navigation .fourteen-carrots {
	background-position: -40px top;
}
body.small #mobile-navigation .spring-azalea {
	background-position: -80px top;
}
body.small #mobile-navigation .mystical-grape {
	background-position: -120px top;
}
body.small #mobile-navigation .red {
	background-position: -160px top;
}
body.small #mobile-navigation .daydream {
	background-position: -200px top;
}


/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* =============================================================================
   Print Styles
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}