html,
body {
	height: 100%;
}

body {
	color: #555;
	background-color: #f7f7f7;
}

body.curHome,
body.curNewarrivalsMenu,
body.curWaterMenu,
body.curMenMenu,
body.curWomenMenu {
	background-color: #fff;
}

body.curAbout {
	background: #f7f7f7 url(/images/bg_bicycle.jpg) center 127px no-repeat;
}


div#wrapper {
	position: relative;
	min-height: 100%;
	height: auto !important;
	width: 100%;
	min-width: 990px;
}


div#headerFrame {
	position: fixed;
	top: 0;
	z-index: 18;
	width: 100%;
	height: 132px;
}
div#headerWrapper {
	position: relative;
	width: 100%;
	height: 127px;
	background-color: #fff;
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
		-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
			box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}
div#header {
	position: relative;
	margin: 0 auto;
	padding: 0;
	height: 127px;
	width: 990px;	
	font-family: "franklin-gothic-urw-cond", "Arial Narrow", "Lucida Grande", "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-style: normal;
	overflow: hidden;
}



a.logoer {
	display: block;
	position: absolute;
	z-index: 20;
	top: 9px;
	left: 50%;
	margin-left: -59px;
	width: 112px;
	height: 112px;
}
a.logoer img {
	display: block;
	width: 100%;
	height: 100%;
}
body.curHome a.logoer {		cursor: default;}



div#nav_left,
div#nav_right {
	clear: none;
	width: 50%;
	float: left;
	padding-top: 80px;
}
div#nav_left ul,
div#nav_right ul {
	width: auto;
	height: 47px;
	overflow: hidden;
}

div#nav_left ul {		margin-right: 60px; margin-left: 10px;}
div#nav_right ul {		margin-right: 10px; margin-left: 60px;}

div#nav_left li,
div#nav_right li {
	float: left;
	display: block;
	height: 100%;
}

li#navNewarrivals {	width: 29%;}
li#navWater {		width: 16%;}
li#navMen { 		width: 13%;}
li#navWomen {		width: 18%;}
li#navBuy {			width: 24%;}

li#navAbout { 		width: 21%;}
li#navDifference {	width: 44%;}
li#navNews { 		width: 15%;}
li#navContact { 	width: 20%;}

div#nav_left li a,
div#nav_right li a {
	display: block;
	height: 31px;
	padding-top: 16px;
	text-align: center;
	color: #afa7a3;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 1.0em; /* 16px / 16px */
	line-height: 0.875em; /* 14px / 16px */
	letter-spacing: 0.5px;
	word-spacing: 1.0px;
}



body.curNewarrivalsMenu li#navNewarrivals a,
body.curWater li#navWater a,
body.curWaterMenu li#navWater a,
body.curMen li#navMen a,
body.curMenMenu li#navMen a,
body.curWomen li#navWomen a,
body.curWomenMenu li#navWomen a,
body.curAbout li#navAbout a,
body.curDifference li#navDifference a,
body.curNews li#navNews a,
body.curContact li#navContact a,
body.curBuy li#navBuy a {
	color: #007194;
}

div#nav_left li a:hover,
div#nav_right li a:hover {
	color: #796d65;
}
div#nav_left li a:active,
div#nav_right li a:active {
	color: #007194;
}


div.form_mobile_wrapper {
	display: none;
}


div#nav_utility {
	position: absolute;
	z-index: 13;
	top: 0px;
	right: 0px;
	width: 300px;
	padding-top: 20px;
}

p#navFacebook {
	text-align: right;
	text-transform: uppercase;
	font-size: 0.875em; /* 13px / 16px */
	letter-spacing: 0.5px;
	word-spacing: 1.0px;
	padding-right: 22px;
	margin-bottom: 27px;
}
p#navFacebook a {
	color: #afa7a3;
	text-decoration: none;
	padding: 3px 26px 3px 0;
	background: url(../images/facebook.gif) right top no-repeat;
}
p#navFacebook a:hover {
	color: #796d65;
	background-position: right -200px;
}

p#navFind {
	text-align: center;
	color: #007194;
	text-transform: none;
	font-size: 0.875em; /* 13px / 16px */
	letter-spacing: 0.5px;
	word-spacing: 1.0px;
	margin-bottom: 4px;
}
p#navFind span {
	display: none;
}


form.zipper {
	position: relative;
	background: url(/images/search.png) left 2px no-repeat;
    width: auto;
	height: 50px;
    margin: 0;
	
}
input.zip_input {
	-webkit-appearance: none;
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(hsla(0,0%,100%,0)), to(hsla(0,0%,100%,0)));
		background: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0));
	width: 84px;
	font-size: 13px;
	font-family: "myriad-pro", "Lucida Grande", "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	letter-spacing: 1px;
	margin-top: 7px;
	padding-left: 13px;
}

.blur {		color: #796d65 !important;}

form button {
	position: absolute;
	left: 95px;
	top: 2px;
	width: 79px;
	height: 29px;
	padding-bottom: 4px;
	font-family: "franklin-gothic-urw-cond", "Arial Narrow", "Lucida Grande", "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 100%;
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	text-align: center;
	text-shadow: 0px 1px 1px #00394a;
	background: url(/images/search_button.png) left center no-repeat;
	text-decoration: none;
	font-size: 0.875em; /* 13px / 16px */
	letter-spacing: 0.5px;
	color: #fff;
}
form button:hover {
	background-position: -200px center;
	cursor: pointer;
}



div#contentHome {
	clear: both;
	position: relative;
	width: 100%;
	overflow: hidden;
	background: #f7f7f7; /* Old browsers */
		background: -moz-linear-gradient(top, #f7f7f7 0%, #eeeeee 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top, #f7f7f7 0%, #eeeeee 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top, #f7f7f7 0%, #eeeeee 100%); /* Opera 11.10+ */
						background: -ms-linear-gradient(top, #f7f7f7 0%, #eeeeee 100%); /* IE10+ */
							background: linear-gradient(to bottom,  #f7f7f7 0%, #eeeeee 100%); /* W3C */
								filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#eeeeee', GradientType=0 ); /* IE6-9 */
}

div.slider-container {
	position: relative;
	width: 100%;
}


a.slider-prev,
a.slider-next {
	z-index: 20;
	position: absolute;
	bottom: 0;
	width: 10%;
	height: 100%;
	text-decoration: none;
	color: #fff;	
	
	opacity: 0.0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; /* IE 8 hack */
			filter: alpha(opacity = 00); /* IE 5-7 hack */
	-webkit-transition: opacity 0.10s linear;
		-moz-transition: opacity 0.10s linear;
			-o-transition: opacity 0.10s linear;
				transition: opacity 0.10s linear;
}

a.slider-prev {		left: 0;}
a.slider-next {		right: 0;}


div.slider-container:hover a.slider-prev,
div.slider-container:hover a.slider-next {
	opacity: 0.5;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 hack */
			filter: alpha(opacity = 50); /* IE 5-7 hack */
}


a.slider-prev span,
a.slider-next span {
	display: block;
	position: absolute;
	top: 50%;
	text-align: center;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 1.0);
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.5);
	font-size: 3.5em;
	line-height: 0.875;
	margin-top: -0.5em;
	padding: 0 0.2em 0.2em 0.2em;
	-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
			border-radius: 8px;    
}

a.slider-prev span {	left: 50%; margin-left: -0.25em;}
a.slider-next span {	right: 50%; margin-right: -0.25em;}

a.slider-prev:hover span,
a.slider-next:hover span {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.8);
}

a.slider-prev:active span,
a.slider-next:active span {
	background-color: #000;
	text-shadow: 0px 0px 6px rgba(255, 255, 255, 1.0);
}



div.swap-controls {
	position: absolute;
	z-index: 10;
	bottom: 10px;
	left: 50%;
	width: 66px;
	margin-left: -33px;
	height: 22px;
	/*-moz-border-radius: 12px;
		-webkit-border-radius: 12px;
			border-radius: 12px;
	background-color: rgb(255, 255, 255);
		background-color: rgba(255, 255, 255, 0.8);*/
}

div.swap-controls ol {
	position: relative;
	/*float: left;*/
	/*width: 200px;*/
	height: 22px;
}

div.swap-controls ol li {
	float: left;
	width: 22px;
	height: 22px;
}
div.swap-controls ol li a {
	display: block;
	width: 12px;
	margin: 5px 5px;
	height: 12px;
	-moz-border-radius: 12px;
		-webkit-border-radius: 12px;
			border-radius: 12px;
	opacity: 0.6;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE 8 hack */
			filter: alpha(opacity = 60); /* IE 5-7 hack */
	background-color: #fff;
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.75);
		-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.75);
			box-shadow: 0 0 6px rgba(0, 0, 0, 0.75);
	text-indent: -5000px;
	overflow: hidden;
}

div.swap-controls ol li a:hover {	opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 hack */ filter: alpha(opacity = 100); /* IE 5-7 hack */}
div.swap-controls ol li a:active {	opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 hack */ filter: alpha(opacity = 50); /* IE 5-7 hack */}


li.swap-button.current a {
	opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 hack */
			filter: alpha(opacity = 100); /* IE 5-7 hack */
}

a.slider-prev,
a.slider-next,
div.swap-controls {
	display: block;
}


ul.slider {
	position: relative;
	width: 80%;
	max-width: 1200px;
	margin: 0 auto;
	background-color: #ccc;
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
		-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
			box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
}

@media only screen and (orientation: portrait) {
	ul.slider {
		width: 100%;
	}
}

ul.slider li {
	display: none;
}
ul.slider li.current {
	display: block;
	height: 100%;
}
ul.slider li.next {
	z-index: 2;
	position: absolute;
	top: 0px;
	left: 0px;
}

ul.slider li img {
	position: relative;
	width: 100%;
}




div.content {
	clear: both;
	position: relative;
	margin: 0 auto;
	width: 890px;
	padding: 0 50px;
}
div.contentTop {
	padding-top: 159px;
	padding-bottom: 60px;
}

body.curAbout div.contentTop {
	height: 448px;
	overflow: hidden;
	padding-bottom: 0;
	background: url(/images/section_divider_up.png) center 100% no-repeat;
}




/* Begin content divs for About page */
div#contentAboutRichmondWrapper {
	clear: both;
	position: relative;
	width: 100%;
	height: 660px;
	background: #ddd url(/images/img_richmond_1080x660.jpg) center top no-repeat;
}
div#contentAboutRichmond {
	position: relative;
	margin: 0 auto;
	width: 760px;
	padding: 175px 115px 0 115px;
	color: #fff;
	text-align: center;
}
div#contentAboutRichmond img {
	display: none;
}
div#contentAboutRichmond a {
	color: #fff;
	font-weight: 700;
	text-decoration: none;
}
div#contentAboutRichmond a:hover {
	text-decoration: underline;
}

div#contentCatchCudas {
	padding-top: 40px;
	padding-bottom: 80px;
	background: url(/images/section_divider_down.png) center top no-repeat;
}
div#catchPlaces {
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
	background: url(/images/section_divider_down.png) center 100% no-repeat;
	padding-bottom: 9px;
}
div#catchPlaces img {
	float: left;
	width: 25%;
}
/* End content divs for About page */



div#contentMenu {
	clear: both;
	position: relative;
	width: 100%;
	padding: 127px 0 60px 0;
}
div#contentNews {
	width: 640px;
	margin: 0 auto;
}
div#contentNews img {
	float: left;
	width: 200px;
	margin: 4px 24px 16px 0;
	-moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
		-webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
			box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
}
div#contentNews img.imgNewsHorizontal {
	width: 280px;
}
div#contentNews img.imgNewsWide {
	float: right;
	width: 400px;
	margin: 4px 0 16px 24px;
}




div#contentLeft {
	float: left;
	width: 490px;
	height: 450px;
	overflow: hidden;
	margin: 0;
}
body.curBuy div#contentLeft {			width: 520px; padding: 0 0 0 5px; height: auto; overflow: visible;}
body.curDifference div#contentLeft {	width: 230px; padding: 0; height: auto; overflow: visible;}


img.imgSecondary {
	margin-left: 4px;
	border: 1px solid #d7d3d1;
}
body.curBuy img.imgSecondary {
	margin-bottom: 20px;
	margin-left: -1px;
} 


div.slideshowWrapper {
	overflow: hidden;
	height: 450px;
}
body.curDifference div.slideshowWrapper {	height: auto;}

div.slideshow {
	overflow: hidden;
	background-color: #fff;
	border: 1px solid #d7d3d1;
	width: 480px;
	height: 360px;
	margin-bottom: 14px;
	margin-left: 4px;
}

body.curDifference div.slideshow {			width: 640px; height: 480px; margin: 0 auto;}

div.slideshow img {
	width: 100% !important;
	height: 100% !important;
}


ul.gallery {

}
ul.gallery li {
	display: block;
	float: left;
	width: 90px;
	height: 70px;
	margin: 0 10px 10px 0;
}
body.curDifference ul.gallery li {	width: 110px; height: 105px;}

ul.gallery li.last {
	margin-right: 0 !important;
}
ul.gallery a {
	display: block;
	text-align: center;
	width: 82px;
	height: 62px;
	padding: 4px;
	
	color: #796D65;
	font-size: 0.825em;
	letter-spacing: 0.5px;
	line-height: 1.125em;
	text-decoration: none;
	text-transform: uppercase;
	font-family: "franklin-gothic-urw-cond", "Arial Narrow", "Lucida Grande", "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
		
	-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
			border-radius: 5px;
	-webkit-transition: background 0.15s linear;
		-moz-transition: background 0.15s linear;
			-o-transition: background 0.15s linear;
				transition: background 0.15s linear;
}
body.curDifference ul.gallery a {		width: 102px; height: 97px;}

ul.gallery a:hover {					background-color: #796d65; color: #fff;}
ul.gallery a:active {					background-color: #222; color: #fff;}
ul.gallery a.activeSlide,
ul.gallery a.activeSlide:hover,
ul.gallery a.activeSlide:active {		background-color: #796d65; color: #fff;}


ul.gallery a img {
	border: 1px solid #d7d3d1;
	width: 80px;
	height: 60px;
}
body.curDifference ul.gallery a img {	width: 100px; height: 75px; margin: 0 auto 4px auto;}

ul.gallery a:hover img {				border-color: #796d65;}
ul.gallery a:active img {				border-color: #222;}
ul.gallery a.activeSlide img,
ul.gallery a.activeSlide:hover img,
ul.gallery a.activeSlide:active img {	border-color: #796d65;}




div#contentRight {
	margin-left: 510px;
	padding-bottom: 35px;
}
body.curBuy div#contentRight {			margin-left: 550px; padding-right: 5px; padding-left: 60px; background: url(/images/section_divider_right.png) left top no-repeat;}
body.curAbout div#contentRight {		margin-left: 390px;}
body.curDifference div#contentRight {	margin-left: 248px; padding-top: 4px;}


div#browse {
	position: relative;
	padding-bottom: 0px;
	min-height: 26px;
}
div#browse ul {

}
div#browse li {
	display: inline;
	float: left;
}

div#browse a {
	text-decoration: none;
	color: #000;
	font-size: 0.75em; /* 12px / 16px */
	letter-spacing: 0.5px;
	line-height: 2;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	opacity: 0.6;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE 8 hack */
			filter: alpha(opacity = 60); /* IE 5-7 hack */
}
div#browse a:hover {
	opacity: 1.0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 hack */
			filter: alpha(opacity = 100); /* IE 5-7 hack */
}


div#browse a span.arrowCircle {
	display: inline-block;
	vertical-align: top;
	background-color: #fff;
	border: 1px solid #000;
	-moz-border-radius: 3em;
		-webkit-border-radius: 3em;
			border-radius: 3em;
	margin-top: 0.4375em;
	height: 0.875em;
}
div#browse a span.arrowLeft {
	display: inline-block;
	border-top: 0.375em solid transparent;
	border-right: 0.375em solid #000;
	border-bottom: 0.375em solid transparent;
	/*content: "";*/
	height: 0;
	vertical-align: top;
	width: 0;
}
div#browse a span.arrowRight {
	display: inline-block;
	border-top: 0.375em solid transparent;
	border-bottom: 0.375em solid transparent;
	border-left: 0.375em solid #000;
	/*content: "";*/
	height: 0;
	vertical-align: top;
	width: 0;
}



ul#back {
	float: left;
}
ul#back li a {
	padding-right: 1em;
}



ul#paginator {
	float: right;
}
ul#paginator li {
	
}
ul#paginator li.next {
	border-left: 1px solid #d7d3d1;
}


ul#paginator li.previous a {
	padding-right: 1em;
}

ul#back li a span.arrowCircle,
ul#paginator li.previous a span.arrowCircle {	margin-right: 0.5em; padding: 0.125em 0.375em 0 0.3125em;}


ul#paginator li.next a {
	padding-left: 1em;
}
ul#paginator li.next a span.arrowCircle {	margin-left: 0.5em; padding: 0.125em 0.3125em 0 0.375em;}





div.hdrSecondary,
div.hdrProduct {
	padding-bottom: 10px;
}
body.curNews div.hdrSecondary {
    padding-bottom: 24px;
}
div.hdrSecondary {
	padding-top: 24px;
}
div.hdrProduct {
	padding-top: 4px;
}



div#imgCategory {
	width: 100%;
	background: #f7f7f7; /* Old browsers */
		background: -moz-linear-gradient(top, #f7f7f7 0%, #eeeeee 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top, #f7f7f7 0%, #eeeeee 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top, #f7f7f7 0%, #eeeeee 100%); /* Opera 11.10+ */
						background: -ms-linear-gradient(top, #f7f7f7 0%, #eeeeee 100%); /* IE10+ */
							background: linear-gradient(to bottom,  #f7f7f7 0%, #eeeeee 100%); /* W3C */
								filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#eeeeee', GradientType=0 ); /* IE6-9 */
}
div#imgCategory img {
	width: 80%;
	max-width: 1200px;
	margin: 0 auto;
	-moz-animation-name: tada;
		-webkit-animation-name: tada;
			animation-name: tada;
}
@media only screen and (orientation: portrait) {
	div#imgCategory img {
		width: 100%;
	}
}



h2 {
	color: #796d65;
	font-family: "franklin-gothic-urw-cond", "Arial Narrow", "Lucida Grande", "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 3.25em; /* 52px / 16px */
	line-height: 1.0;
	letter-spacing: 0.5px;
	word-spacing: 1.0px;
}


/* Begin headers for About page */
body.curAbout div.contentTop h2 {
	text-align: right;
	margin-bottom: 15px;
	margin-left: 140px;
}

div#contentAboutRichmond h2 {
	color: #fff;
	margin-bottom: 10px;
	text-shadow: 0px 1px 10px rgba(0, 0, 0, 0.9);
}
div#contentCatchCudas h2 {
	text-align: center;
	margin-bottom: 30px;
}
/* End headers for About page */



/* Begin headers for Buy and Difference page */
body.curBuy div.contentTop h2 {			margin-bottom: 20px;}
body.curDifference div.contentTop h2 {	text-align: center; margin-bottom: 10px;}

/* End headers for Buy and Difference page */


h3 {
	color: #b6aca4;	
	font-family: "franklin-gothic-urw-cond", "Arial Narrow", "Lucida Grande", "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	font-size: 1.25em; /* 20px / 16px */
	line-height: 1.25;
	letter-spacing: 0.5px;
	word-spacing: 1.0px;
	margin-top: -1px;
}

body.curBuy h3 {	margin-bottom: 30px;}


ul.menu {
	clear: both;
	position: relative;
	margin: 0 auto;
	padding-top: 10px;
	width: 888px;
	font-family: "franklin-gothic-urw-cond", "Arial Narrow", "Lucida Grande", "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-style: normal;
}

@media all and (min-width: 1110px) {
	div#contentMenu ul.menu {
		width: 1110px;
	}
}
@media all and (min-width: 1332px) {
	div#contentMenu ul.menu {
		width: 1332px;
	}
}

ul.menu li {
	display: block;
	float: left;
	width: 222px;
	margin-bottom: 12px;
}
ul.menu li a {
	position: relative;
	display: block;
	padding: 11px 11px 22px 11px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 1.0625em; /* 17px / 16px */
	line-height: 1.125em; /* 18px / 16px */
	letter-spacing: 0.5px;
	word-spacing: 1.0px;
	color: #796d65;
	background-color: #fff;
	-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
			border-radius: 10px;
	-webkit-transition: background 0.15s linear;
		-moz-transition: background 0.15s linear;
			-o-transition: background 0.15s linear;
				transition: background 0.15s linear;
}


ul.menu li a:hover {		background-color: #796d65;}
ul.menu li a:active {		background-color: #b6aca4;}

ul.menu li a:hover,
ul.menu li a:hover span.category,
ul.menu li a:hover span.newhue,
ul.menu li a:active,
ul.menu li a:active span.category,
ul.menu li a:active span.newhue {		color: #fff;}


ul.menu img {
	width: 200px;
	height: 150px;
	margin-bottom: 5px;
}


ul.menu li a span.category {
	color: #b6aca4;
	font-size: 0.75em; /* 12px / 16px */
	padding-left: 4px;
}
ul.menu li a span.newer {
	position: absolute;
	top: 12%;
	right: 12%;
	display: block;
	text-align: center;
	font-size: 0.75em; /* 12px / 16px */
	line-height: 1.6em;
	color: #fff;
	background-color: #007194;
	border: 2px solid #fff;
		-moz-border-radius: 18px;
			-webkit-border-radius: 18px;
				border-radius: 18px;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
		-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
   			box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	padding: 6px 4px;
}
ul.menu li a span.newhue {
	display: block;
	position: absolute;
	bottom: 5px;
	left: 0;
	width: 100%;
	text-align: center;
	font-family: "myriad-pro", "Lucida Grande", "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.6875em;
	letter-spacing: 0.5px;
	word-spacing: -0.5px;
	line-height: 1.5em;
	font-weight: 700;
	text-transform: lowercase;
	color: #007194;    
}




ul.details {
	padding-top: 6px;
	padding-bottom: 14px;
	border-bottom: 1px solid #d7d3d1;
	margin-bottom: 10px;
}
body.curAbout ul.details {
	padding-top: 20px;
	padding-bottom: 40px;
	border-bottom: none;
}

ul.details li,
div.columnTwo ul li {
	padding-left: 15px;
	background: url(/images/bullet.png) left 9px no-repeat;
	min-height: 15px;
}

ul.details li {			margin-bottom: 6px;}
div.columnTwo ul li { 	margin-bottom: 0px;}


div.columnTwo {
	width: 190px;
	float: left;
	padding-bottom: 20px;
}
div.columnTwo ul {
	padding-top: 10px;
	padding-bottom: 20px;
}


h4 {
	font-family: "franklin-gothic-urw-cond", "Arial Narrow", "Lucida Grande", "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	font-size: 1.125em; /* 18px / 16px */
	line-height: 1.0em; /* 16px / 16px */
	letter-spacing: 0.5px;
	word-spacing: 1.0px;
	text-align: left;
	color: #796d65;
	padding-top: 10px;
	margin-bottom: 8px;
}
body.curNews h4 {		padding-top: 0; margin-bottom: 0;}
body.curDifference h4 {	margin-right: 4px; margin-left: 4px;}


h5 {
	font-family: "franklin-gothic-urw-cond", "Arial Narrow", "Lucida Grande", "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-style: normal;
	text-transform: none;
	font-size: 1.125em; /* 18px / 16px */
	line-height: 1.0em; /* 16px / 16px */
	letter-spacing: 0.5px;
	word-spacing: 1.0px;
	color: #978c84;
	padding-top: 10px;
	margin-bottom: 8px;
}
body.curNews h5 {
	clear: both;
	padding-top: 5px;
	margin-bottom: 20px;
}


h6 {
	font-size: 0.75em; /* 12px / 16px */
	line-height: 1.25em; /* 20px / 16px */
	font-weight: 400;
	font-style: normal;
	letter-spacing: 1px;
	word-spacing: 1px;
	border-top: 1px solid #d7d3d1;
	color: #777777;
	padding-top: 6px;
	margin-bottom: 2px;
	text-transform: uppercase;	
}


body.curNews div#contentRight div.eventer {
	position: relative;
	min-height: 62px;
	margin-bottom: 24px;
}
body.curNews div#contentRight img {
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
		-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
			box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}
body.curNews div#contentRight h6,
body.curNews div#contentRight p {
	margin-left: 62px;
}

div.content p,
ul.details li,
div.columnTwo ul li {
	font-size: 0.875em; /* 14px / 16px */
	line-height: 1.375em; /* 22px / 16px */
	letter-spacing: 0.5px;
	word-spacing: 1.0px;
}
div.content p {
	margin-bottom: 1.125em; /* 18px / 16px */
}

div.content p.clicker {
	font-size: 0.75em; /* 12px / 16px */
	line-height: 1.125em; /* 18px / 16px */
	letter-spacing: 1.0px;
	color: #777;
	margin-bottom: 10px;
}


body.curBuy div#contentLeft p {		margin-right: 40px;}


div.content p.abouter {
	margin-bottom: 25px;
	margin-left: 320px;
}
div#contentAboutRichmond p {
	font-size: 1.25em;
	line-height: 1.3;
	text-shadow: 0px 1px 8px rgba(0, 0, 0, 0.9);
}

body.curDifference p {		text-align: center;}


div#creators {
	margin-left: 400px;
}
div#creators img {
	float: right;
	width: 280px;
	height: 210px;
	margin-bottom: 8px;
	margin-left: 20px;
	-moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
		-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
			box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}
div#creators h4 {			margin-left: 0;}


div.content p a,
ul.details li a,
div.columnTwo ul li a {
	font-weight: 700;
	color: #007194;
	text-decoration: none;
}
div.content p a:hover,
ul.details li a:hover,
div.columnTwo ul li a:hover {
	text-decoration: underline;
}


/* Begin styles for rectangular Facebook button on Contact page */
div.content p.contactFacebook {
	margin-bottom: 30px;
}
div.content p.contactFacebook a {
	color: #fff;
	background: #5476a8 url(/images/button_facebook.gif) left top no-repeat;
	padding: 2px 16px 2px 30px;
	border: 1px solid #29447e;
	-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
			border-radius: 5px;
}
div.content p.contactFacebook a:hover {
	background-color: #142a53;
	text-decoration: none;
}
div.content p.contactFacebook a:active {
	background-color: #5476a8;
}
/* End styles for rectangular Facebook button on Contact page */



ul#colors {
	position: relative;
	overflow: hidden;
	padding: 0 80px 12px 0;
}
ul#colors li {
	display: block;
	float: left;
	width: 26px;
	height: 26px;
	margin-right: 10px;
	margin-bottom: 10px;
}
ul#colors li a {
	display: block;
	width: 22px;
	height: 22px;
	padding: 2px;
	-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
			border-radius: 3px;
	-webkit-transition: background 0.15s linear;
		-moz-transition: background 0.15s linear;
			-o-transition: background 0.15s linear;
				transition: background 0.15s linear;
}
ul#colors li a:hover {						background-color: #796d65;}
ul#colors li a:active {						background-color: #222;}
ul#colors li a.activeSlide,
ul#colors li a.activeSlide:hover,
ul#colors li a.activeSlide:active {			background-color: #796d65;}

ul#colors li span {
	display: block;
	width: 20px;
	height: 20px;
	border: 1px solid #d7d3d1;
	text-indent: -5000px;
	overflow: hidden;
}


ul#colors li a:hover span {					border-color: #796d65;}
ul#colors li a:active span {				border-color: #222;}
ul#colors li a.activeSlide span,
ul#colors li a.activeSlide:hover span,
ul#colors li a.activeSlide:active span {	border-color: #796d65;}


ul#colors li span.colorBlack {			background-color: #000;}
ul#colors li span.colorWhite {			background-color: #fff;}
ul#colors li span.colorGrey {			background-color: #bbb;}
ul#colors li span.colorBrown {			background-color: #503430;}
ul#colors li span.colorNatural {		background-color: #a48858;}
ul#colors li span.colorBronze {			background-color: #7d5026;}
ul#colors li span.colorTan {			background-color: #714624;}
ul#colors li span.colorNavy {			background-color: #1b3d7e;}
ul#colors li span.colorLightBlue {		background-color: #9cd5e7;}
ul#colors li span.colorNavy {			background-color: #1b3d7e;}
ul#colors li span.colorBlue {			background-color: #3776b5;}
ul#colors li span.colorBerry {			background-color: #79d2e0;}
ul#colors li span.colorFuschia {		background-color: #d42b62;}
ul#colors li span.colorPink {			background-color: #f9bec1;}
ul#colors li span.colorGuava {			background-color: #fe8594;}
ul#colors li span.colorGreen {			background-color: #7c8035;}
ul#colors li span.colorOlive {			background-color: #868a57;}
ul#colors li span.colorTurquoise {		background-color: #4faabc;}
ul#colors li span.colorOrange {			background-color: #e26e20;}
ul#colors li span.colorTangerine {		background-color: #ff9933;}
ul#colors li span.colorYellow {			background-color: #fbed53;}
ul#colors li span.colorLemon {			background-color: #fff153;}
ul#colors li span.colorRed {			background-color: #a80000;}
ul#colors li span.colorGold {			background-color: #e0ca91;}
ul#colors li span.colorPewter {			background-color: #9b8578;}

ul#colors li span.colorBlackWhite {		background: url(/images/swatches/black-white.gif) left top no-repeat;}
ul#colors li span.colorBlackGrey {		background: url(/images/swatches/black-grey.gif) left top no-repeat;}
ul#colors li span.colorGreyBlack {		background: url(/images/swatches/grey-black.gif) left top no-repeat;}
ul#colors li span.colorNavyNatural {	background: url(/images/swatches/navy-natural.gif) left top no-repeat;}
ul#colors li span.colorNaturalBrown {	background: url(/images/swatches/natural-brown.gif) left top no-repeat;}

ul#colors li span.colorLeopard {		background: url(/images/swatches/leopard.gif) left top no-repeat;}
ul#colors li span.colorZebra {			background: url(/images/swatches/zebra.gif) left top no-repeat;}



div#liker {
	width: 100px;
	margin: 0;
	min-height: 20px;
}
div.fb-like {
	min-height: 20px;
}



ul.retailers {
	
}
ul.retailers li {
	display: block;
	float: left;
	width: 220px;
	height: 100px;
	margin: 0 40px 36px 0;
}
ul.retailers li a,
ul.retailers li a img {
	display: block;
	width: 220px;
	height: 100px;
}
ul.retailers li a {
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
		-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
			box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
	-webkit-transition: background 0.15s linear;
		-moz-transition: background 0.15s linear;
			-o-transition: background 0.15s linear;
				transition: background 0.15s linear;
}
ul.retailers li a:hover {
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.75);
		-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.75);
			box-shadow: 0 1px 4px rgba(0, 0, 0, 0.75);
}



ul.states {
	font-family: "franklin-gothic-urw-cond", "Arial Narrow", "Lucida Grande", "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-style: normal;
	
	border-top: 1px solid #d7d3d1;
	padding-top: 20px;
}
ul.states li {
	display: block;
	float: left;
	width: 20%;
}
ul.states li a {
	display: block;
	
	text-align: center;
	font-size: 1em; /* 16px / 16px */
	line-height: 2.5em;
	letter-spacing: 1px;
	color: #007194;
	background-color: #fff;
	-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
			border-radius: 20px;
	text-decoration: none;
	margin: 0 7px 14px 7px;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
		-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
			box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}
ul.states li a:hover {
	color: #fff;
	background-color: #007194;
}
ul.states li a:active {
	color: #fff;
	background-color: #796d65;
}



/*** Admin Styles  ***/

div#admin .odd {
	background-color: #dfdfdf;
}
div#admin table th {
	font-size: 14px;
	color: #683d0c;
	text-align: left;
}
div#admin table td {
	font-size: 12px;
	padding: 2px;
}
div#admin.edit_link {
	color: #000;
 }
#admin table td input {
	border: 1px solid #000;
	outline: 1;
	cursor: pointer;
}



div#footer {
	clear: both;
	z-index: 2;
	position: absolute;
	bottom: 0;
	width: 100%;
}
div#footer p {
	font-family: "franklin-gothic-urw-cond", "Arial Narrow", "Lucida Grande", "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 100%;
	font-weight: 700;
	font-style: normal;	
	color: #999;
	text-align: center;
	text-transform: uppercase;
	font-size: 0.6875em; /* 11px / 16px */
	letter-spacing: 0.5px;
	word-spacing: 1.0px;
	padding-top: 30px;
	padding-bottom: 20px;
}


@media screen and (max-width: 989px)
{
	div#wrapper {
		min-width: 768px;
	}
	div#header {
		/*width: 768px;*/
		width: auto;
	}
	
	
	div#nav_left ul {		margin-right: 50px; margin-left: 10px;}
	div#nav_right ul {		margin-right: 10px; margin-left: 50px;}
	
	div#nav_left li a,
	div#nav_right li a {
		font-size: 0.875em; /* 13px / 16px */
		letter-spacing: 1.5px;
		word-spacing: 0.0px;
		height: 29px;
		padding-top: 18px;
	}
	
	div#nav_utility {
		padding-top: 28px;
	}
	
	
	p#navFacebook {
		font-size: 0.6875em; /* 11px / 16px */
		letter-spacing: 1.5px;
		word-spacing: 0.0px;
		margin-bottom: 25px;
	}
	p#navFacebook a {
		padding: 5px 26px 3px 0;
	}
	
	
	div.content {
		width: 720px;
		padding-right: 24px;
		padding-left: 24px;
	}
	
	div#contentAboutRichmond {
		width: 720px;
		padding-right: 24px;
		padding-left: 24px;
	}
	
	
	
	body.curBuy div#contentRight {	margin-left: 520px; padding-right: 5px; padding-left: 20px;}
	
	body.curAbout div.contentTop h2 {
		text-align: left;
	}
	body.curAbout div.contentTop h2 span {
		display: block;
	}
	body.curAbout div.contentTop h2,
	body.curAbout div.contentTop h4,
	div.content p.abouter {
		margin-left: 210px;
	}
	
	body.curDifference h4 {
		text-align: center;
		margin-right: 0;
		margin-left: 0;
	}
	
	div#creators {
		margin-left: 310px;
	}
	div#creators img {
		width: 200px;
		height: 150px;
		margin-bottom: 16px;
		margin-left: 20px;
	}
	div#creators h4 {
		padding-top: 0;
	}
	
	
	body.curDifference div#contentLeft {
		float: none;
		height: auto;
		margin: 0 auto;
		width: 720px;
	}
	body.curDifference ul.gallery li.last {
		margin-right: 10px !important;
	}
	body.curDifference div#contentRight {
		margin: 0 auto;
	}	


	
	ul#back {
		display: none;
	}
	ul#paginator {
		float: none;
	}
	ul#paginator li.previous {
		float: left;
	}
	ul#paginator li.next {
		float: right;
		border-left: none;
	}
	
	
	div.columnTwo {
		padding-bottom: 10px;
	}
	
	
	ul.menu {
		width: 666px;
	}
	
	
	ul#colors {
		padding-right: 0;
	}
	
	
	ul.states li {		width: 25%;}
	
	ul.states li a {	margin: 0 4px 7px 4px; line-height: 2.25em;}
	
}


@media screen and (max-width: 960px)
{
	div#nav_left li a,
	div#nav_right li a {
		text-transform: none;
		letter-spacing: 0.75px;
	}
}


@media screen and (max-height: 645px)
{
	div#headerFrame {
		position: absolute;
	}	
	
	
	div#footer {
		z-index: auto;
		position: relative;
		bottom: auto;
		width: 100%;
	}
}





@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2),
screen and (min-device-pixel-ratio: 2)
{
	form button,
	ul.details li,
	div.columnTwo ul li	{
		-webkit-background-size: 100%;
			-moz-background-size: 100%;
				-o-background-size: 100%;
					background-size: 100%;
	}
	
	
	form button {
		background-image: url(/images/search_button_2x.png);
		background-size: 79px 31px;
	}
	form button:hover {
		background-position: left top;
	}
	
	
	ul.details li,
	div.columnTwo ul li {
		background-image: url(/images/bullet_2x.png);
		background-size: 5px 5px;
		background-position: left 7px;
	}
}