* {
  margin: 0;
  padding: 0;
}

body {
  font-size: 62.5%;
  font-family: Geneva, Helvetica, Verdana, sans-serif;
  background-color: #E9E6E4;
}

img {
  border: none;
	-ms-interpolation-mode: bicubic;
}

a {
  color: #33669A;
}

h1 {
  font-size: 1.4em;
}

h2 {
  font-size: 1.1em;
}

h3 {
  font-size: 1em;
}

.clear {
  clear: both;
}

#header-tagline {
  background-color: #468EDA;
  color: #fff;
  padding: 2px;
  font-size: 1.2em;
  letter-spacing: 1px;
}

#footer-tagline {
  margin-bottom: 50px;
}

#site {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 840px;

}

#bgwrapper {
  /*padding: 0 3px;*/
	border: 1px solid #2A5480;
  /*background: transparent url( /images/content-bg.gif ) 0 0 repeat-y;*/
}

#inside {
}

#inside-bottom {
  height: 9px;
  background: transparent url( /images/content-bottom.gif ) 0 0 no-repeat;
}

#top {
  background-color: #EFEFEF;
  padding: 5px;
  height: 15px;
}

#top h1 {
  width: 250px;
  color: #fff;
  font-weight: normal;
  font-size: 2em;
  text-align: left;
  margin-left: 15px;
  float: left;
  height: 15px;
  line-height: 15px;
}

#top h1 a {
  text-decoration: none;
}

#top li {
  padding: 0 10px;
  border-right: 1px solid #333;
  float: right;
  list-style: none;
  height: 15px;
  line-height: 15px;
}

#top li a {
  color: #333;
  text-decoration: none;
}

#top li a:hover {
  color: #999;
}

#top li.first {
  border: 0;
}

.nav-info {
  font-size: 1.2em;
}

#header {
  height: 57px;
  background: #33669A url( /images/header-bg.jpg ) 0 0 repeat-x;
  position: relative;
  text-align: left;
}

#header .logo {
  float: left;
  width: 101px;
  height: 46px;
  text-align: center;
  margin-top: 5px;
  margin-left: 10px;
}

#header .logo a {
  display: block;
  height: 46px;
  background: transparent url( /images/vpl-logo.jpg ) 0 0 no-repeat;
}

#header .logo a:hover {
  background-position: -101px 100%;
}

#header .logo img {
  border: 0;
}

.site-info {
  width: 230px;
  float: left;
  margin-top: 7px;
  margin-left: 25px;
  font-size: 1.8em; /*font-weight: bold;*/
  text-align: center;
  color: #fff;
}
#search-bar {
    width: 250px;
    float: right;
    margin-top: 20px;
    margin-right: 20px;
}
.search-button {
    float: right;
}
.search-input {
    float: right;
    margin-right: 10px;
    border: 1px solid #666;
    height: 20px;
}
.header-low-price {
  float: left;
  font-size: 1.8em;
  width: 200px;
  text-align: center;
  margin-top: 3px;
}

.header-low-price a {
  color: #eee;
}

#nav-lifts {
  height: 25px;
  background: #333 url( /images/nav-bg.jpg ) 0 0 repeat-x;
  line-height: 25px;
  font-size: 1.2em;
}

#nav-lifts ul.depth-0 {
  border-right: 1px solid #1D1D1D;
}

#nav-lifts li {
  float: left;
  list-style: none;
  border-right: 1px solid #1D1D1D;
  border-left: 1px solid #787878;
}

#nav-lifts a {
  display: block;
  background: #333 url( /images/nav-bg.jpg ) 0 0 repeat-x;
  padding: 0 10px;
  color: #fff;
  text-decoration: none;
}
#nav-lifts .depth-1 li {
	float: none;
}
#nav-lifts a:hover {
  background-position: 100% -25px;
}
.js-dropdown ul {
	z-index: 99;
}
#content-box {
  background-color: #fff;
  min-height: 850px;
  font-size: 1.2em;
  padding: 10px;
  text-align: left;
	z-index: 1;
}

* html #content-box {
  height: 400px;
}

#content-box li {
  margin-left: 25px;
}

#titleBar {
  border-bottom: 1px solid #333;
  margin: 0 5px 10px 5px;
  padding: 1px 0;
  text-align: left;
}

#titleBar h1 {
  width: 50%;
  display: inline;
  text-align: left;
  font-size: 1.4em;
  margin-left: 0;
  margin-right: auto;
}

#titleBar p.call-us {
  width: 40%;
  float: right;
  text-align: right;
  font-size: 1.3em;
}

#breadcrumbs li {
  list-style: none;
  display: inline;
  margin-right: 10px;
}
.banner-area {
	text-align: center;
	padding: 10px;
}
img.lock {
  float: right;
  margin: 10px;
}

#contact-left {
  width: 200px;
  float: left;
  margin: 10px;
}

#contact-form-wrapper {
  margin-left: 210px;
  border-left: 1px solid #666;
  padding-left: 20px;
}

.contact-form-header {
  font-weight: bold;
  color: #33669A;
  margin-bottom: 10px;
  font-size: 1.1em;
}

#contact-form-wrapper th {
  color: #333;
  text-align: right;
  padding-right: 10px;
}

#contact-left .label {
  font-weight: bold;
  color: #33669A;
  margin-top: 15px;
}

img.low-price {
  float: left;
  margin: 5px 10px;
}
/* for clumping */
#lightbox {
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#lightbox a img {
	border: none;
}

#outerImageContainer {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#imageContainer {
	padding: 10px;
}

#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

#imageContainer>#hoverNav {
	left: 0;
}

#hoverNav a {
	outline: none;
}

#prevLink, #nextLink {
	width: 49%;
	display: block;
}

#prevLink {
	left: 0;
	float: left;
	background: url( /includes/lightbox/images/prevlabel.gif ) left 0 no-repeat;
}

#nextLink {
	right: 0;
	float: right;
	background: url( /includes/lightbox/images/nextlabel.gif ) right 0 no-repeat;
}

#imageDataContainer {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
}

#imageData {
	padding: 0 10px;
}

#imageData #imageDetails {
	width: 100%; /*float: left;*/
	text-align: left;
}

#imageData #caption {
	font-weight: bold;
}

#imageData #numberDisplay {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}

#imageDetails #closeButton {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}

#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter: alpha( opacity = 60 );
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

* html>body .clearfix {
	display: inline-block;
	width: 100%;
}

* html .clearfix {
/* Hides from IE-mac \*/
	height: 1%; /* End hide from IE-mac */
}
	
#metaBar {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 25px;
	text-align: center;
	background-color: blue;
	padding: 5px 0;
	color: white;
	border-top: 2px inset black;
	text-decoration: none;
	display: block;
	font-size: 12px;
	z-index: 3000;
}

#metaBar.editing {
	height: 100px;
}

#metaBarTitle {
	padding-left: 5px;
}

#metaBar #currentTags li {
	float: left;
	width: 250px;
	list-style-type: none;
	margin: 2px;
	padding: 2px;
	padding-top: 0;
	margin-top: 0;
}

#metaBar #metaTags  li {
	width: 250px;
	float: left;
	list-style-type: none;
	margin: 2px;
	padding: 2px;
}

#metaBar ul li textarea {
	width: 250px;
	text-align: left;
}

#metaBar .button {
	float: left;
	text-align: center;
	padding: 5px 5px 5px 5px;
	border: 1px #a9a9a9;
	text-decoration: none;
	vertical-align: middle;
}

#metaBar .enabled {
	background: #e1ddc8 url(/admin/images/button.gif) repeat-x;
	color: #0a1f62;
	border-style: outset;
}

#metaBar .enabled:hover {
	background: #f1e3d5 url(/admin/images/button-hover.gif) repeat-x;
}

#metaBar .enabled:active {
	border-style: inset;
}

#metaBar .disabled {
	background: #d8d8d7 url(/admin/images/button-disabled.gif) repeat-x;
	color: #777;
	border-style: dotted;
	cursor: default;
}

#metaButtons {
	border: 1px solid blue;
	float: left;
	width: 150px;
	margin-top: 5px;
	text-align: left;
	padding-left: 5px;
}

#metaBarMessage {
	font-size: .9em;
	font-weight: bold;
	line-height: 35px;
	float: right;
	vertical-align: middle;
	margin-right: 4px;
	padding: 3px;
	width: 80px;
	color: green;
	background-color: #FAEBD7;
	border: 1px solid white;
	text-align: center;
}

a#showInAdmin {
	background-color: #FFA500;
	padding: 5px 0;
	color: black;
	border-top: 1px dotted black;
	text-decoration: none;
	float: right;
	width: 150px;
	margin-right: 5px;
}

a#showInAdmin:hover {
	background-color: #FFD53C;
}
.localeSelector {
	cursor: pointer;
	position: relative;
	float: right;
	background-color: #99ff99;
	padding: 3px;
	border: 1px solid #006633;
	z-index: 97;
}

.localeSelector:hover {
	background-color: #9999ff;
}

.localeSelectorMenu {
	cursor: pointer;
	position: absolute;
	background-color: #99ff99;
	padding: 0;
	border: 1px solid #006633;
	z-index: 101;
}

div.localeSelectorMenu {
	padding: 3px 3px 3px 3px;
}

.localeSelectorMenu div:hover {
	background-color: #9999ff;
}

span.error, div.error {
	font-weight: bold;
	color: red;
	margin-left: 5px;
	background-image: url(/images/exclamation-16.png);
	background-repeat: no-repeat;
	padding-left: 20px;

}

span.error a, div.error a {
	color: red;
}

.editable-in-place {
	cursor: pointer;
	border: 1px dotted transparent;
}

.editable-in-place:hover {
	background-color: #ffffcc;
	border-color: #999999;
}

.edit-in-place {
	z-index: 100;
	padding: 5px;
	border: 2px inset #009999;
	background-color: #ffffff;
}

.edit-in-place input {
	font-size: 11px;
	margin-right: 3px;
	float: left;
	border: 1px solid #99ccff;
}

.edit-in-place textarea {
	height: 500px;
	width: 700px;
	font-size: 11px;
	padding: 5px;
	margin-right: 3px;
	border: 1px solid #99ccff;
}

.edit-in-place .buttons {
	display: block;
}

.edit-in-place a.edit-in-place-button {
	border: 1px outset #999999 !important;
	text-decoration: none !important;
	background-color: #99ccff !important;
	color: #000000 !important;
	float: right !important;
	padding: 2px !important;
	margin-right: 3px !important;
	font-size: 12px !important;
}

.edit-in-place.textarea a {
	margin-top: 5px;
}

.edit-in-place a.edit-in-place-button:hover {
	background-color: #ccffff;
}

.edit-in-place a.edit-in-place-button:active {
	border: 1px inset #999999;
}

.edit-in-place .localeSelector {
	display: inline;
	float: left;
	margin-right: 4px;
}

.edit-in-place .localeSelector img {
	width: 23px !important;
	height: 15px !important;
}

.edit-in-place.textarea .localeSelector {
	margin-top: 5px;
}

.tooltipped {
	cursor: help;
}

#tooltip {
	background-color: #ffffcc;
	border: 1px solid #666666;
	padding: 2px;
	max-width: 200px;
	z-index: 97;
}

#hiddenNotice,
#unpublishedNotice {
	position: fixed;
	top: 0;
	left: 0;
	text-transform: uppercase;
	width: 100%;
	padding: 20px;
	text-align: center;
	font-size: 50px;
	background-color: #cccccc;
	border-bottom: 1px solid #999999;
	opacity: 0.4;
	z-index: 10000;
}

#lutraDebugger {
	position: fixed;
	top: 50px;
	left: 200px;
	padding: 10px;
	background: #ffcccc;
	border: 1px solid #ff3333;
}

#lutraDebugger a.close {
	float: right;
	border: 1px outset #cccccc;
	padding: 2px;
	cursor: pointer;
	text-decoration: none;
}

#lutraDebugger a:hover.close {
	background: #ccffcc;
}

#lutraDebugger a:focus.close {
	border: 1px inset #cccccc;
}

#lutraDebugger ul {
	list-style: none;
	font-weight: bold;
	clear: right;
}

#lutraDebugger ul li {
	padding: 3px;
}

#lutraDebugger ul li.odd {
	background: #ffaaaa;
	border-top: 1px solid #dd0000;
	border-bottom: 1px solid #dd0000;
}

#lutraDebugger ul li.odd.last {
	border-bottom: none;
}
#alreadyReviewed,
#reviewSaved {
	text-align: center;
	padding: 10px;
}

#product {
	margin-top: 15px;
}

.review .rating {
	float: left;
	padding: 0;
	position: relative;
	background-repeat: no-repeat;
	clear: both;
	margin-right: 10px;
}

#histogram .rating {
	margin-right: 0;
}

.review .rating.big {
	height: 20px;
	line-height: 20px;
	width: 112px;
	background-image: url('/images/review_stars.gif');
}

#ratingDescription {
	font-weight: bold;
	color: #D3A227;
	font-style: italic;
}

.review .r0,
.review-table .r0 {
	background-position: 0 0;
}

.review .r05,
.review-table .r05 {
	background-position: 0 -23px;
}

.review .r1,
.review-table .r1 {
	background-position: 0 -46px;
}

.review .r15,
.review-table .r15 {
	background-position: 0 -69px;
}

.review .r2,
.review-table .r2 {
	background-position: 0 -92px;
}

.review .r25,
.review-table .r25 {
	background-position: 0 -115px;
}

.review .r3,
.review-table .r3 {
	background-position: 0 -138px;
}

.review .r35,
.review-table .r35 {
	background-position: 0 -161px;
}

.review .r4,
.review-table .r4 {
	background-position: 0 -184px;
}

.review .r45,
.review-table .r45 {
	background-position: 0 -207px;
}

.review .r5,
.review-table .r5 {
	background-position: 0 -230px;
}

.review .rating.big .star {
	float: left;
	width: 20px;
	height: 20px;
	padding-left: 3px;
}

.review .rating.big .star.star1 {
	padding: 0;
}

.review .rating.small {
	height: 15px;
	line-height: 15px;
	width: 83px;
	background-image: url('/images/review_stars_small.gif');
}

.review .rating.small.r0 {
	background-position: 0 0;
}

.review .rating.small.r05 {
	background-position: 0 -18px;
}

.review .rating.small.r1 {
	background-position: 0 -36px;
}

.review .rating.small.r15 {
	background-position: 0 -54px;
}

.review .rating.small.r2 {
	background-position: 0 -72px;
}

.review .rating.small.r25 {
	background-position: 0 -90px;
}

.review .rating.small.r3 {
	background-position: 0 -108px;
}

.review .rating.small.r35 {
	background-position: 0 -126px;
}

.review .rating.small.r4 {
	background-position: 0 -144px;
}

.review .rating.small.r45 {
	background-position: 0 -162px;
}

.review .rating.small.r5 {
	background-position: 0 -180px;
}

.review .rating.small .star {
	float: left;
	width: 15px;
	height: 15px;
	padding-left: 2px;
}

.review .rating.small .star.star1 {
	padding: 0;
}

.product-description {
	margin-top: 20px;
	margin-bottom: 20px;
}

.light-gradient {
	background: #fff url(/images/light-gradient.gif) bottom left repeat-x;
	padding: 10px;
	border: 1px solid #E6E6E6;
}

.review td,
.review th {
	padding-bottom: 10px;
	vertical-align: top;
	border: 5px solid #fff;
}

.review th {
	text-align: right;
	padding-right: 5px;
	padding-top: 15px;
	color: #666;
	width: 250px;
}

.review td {
	width: 350px;
}

.product-image {
	float: left;
	margin: 5px;
	height: 100px;
}

table.review {
	border-collapse: separate;
}

table.review textarea {
	width: 353px;
}

table.review input.inputfour {
	padding: 3px 0;
	width: 350px;
}

span.required {
	color: red;
}

.required-label {
	font-size: .9em;
}

.rating {
	width: 112px;
	background: transparent url(/images/review_stars.gif) 0 0 no-repeat;
	height: 23px;
	line-height: 23px;
	float: left;
	margin-right: 5px;
}

.review-headline {
	line-height: 23px;
	font-size: 1em;
	font-weight: bold;
}

.reviews th.review-date {
	font-weight: normal;
	text-align: left;
}

.reviews .review-table {
	width: 500px;
}

table.histogram {
	margin-left: auto;
	margin-right: auto;
	height: 1%; /*IE Sucks!*/
}

.reviews th {
	width: 150px;
	text-align: right;
	padding-right: 5px;
	color: #888;
	font-size: .9em;
	vertical-align: top;
}

.histogram th {
	width: 85px;
	padding-right: 0;
}

.reviews td {
	/*width: 65%;*/
	vertical-align: top;
}

.review-location,
.review-name {
	color: green;
}

.reviews-name-location {
	font-weight: bold;
	color: #666;
	padding: 10px 0;
}

.describe-yourself {
	font-size: .9em;
	font-weight: normal;
}

.review-comments {
	padding-top: 15px;
}

.review-voting {
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px solid #ddd;
	padding-left: 5px;
	font-size: .9em;
	background-color: #fafafa;
}

img.pic1 {
	float: left;
	margin: 0 5px 5px 0;
	border: 1px solid #efefef;
	padding: 5px;
	width: 100px;
}

img.pic2 {
	float: left;
	clear: left;
	margin: 10px 5px 5px 0;
	border: 1px solid #ececec;
	padding: 5px;
	width: 100px;
}

.review-response-container {
	padding: 10px;
	background-color: #DDF7FD;
	border-left: 10px solid #55DDFD;
	margin: 5px 0 5px 30px;
}

.review-site-name {
	font-weight: bold;
}

.review-staff,
.review-certified {
	float: right;
}

.review-histogram {
	/*margin-left: 150px;*/
	height: 1%; /*IE Sucks!*/
}

.review-histogram .bar {
	position: relative;
	overflow-x: hidden;
	width: 250px;
	background: #ccc url('/images/bar-glare.png') repeat-x 0 0;
}

td.bar {
	width: 250px;
}

.review-histogram .bar div {
	position: relative; /*overflow: hidden;*/
	float: left;
	width: 200px;
	background: #ffab2c url('/images/bar-glare.png') repeat-x 0 0;
}

#reviews .sorting {
	border-bottom: 1px solid #bbb; /*background-color: #eee;*/
	/*padding: 10px;*/
	margin: 15px 0;
	padding-bottom: 15px;
	font-size: .9em;
	text-align: right;
}

#reviews .sorting div {
	text-align: center;
}

#reviews .sorting .buttons {
	padding-top: 10px;
}

#reviews .sorting .buttons a {
	margin-left: 5px;
	margin-right: 5px;
	padding: 5px;
	text-decoration: none;
	border-bottom: 1px solid #999999;
	text-transform: uppercase;
}

#reviews .sorting .buttons a:hover {
	background-color: #ffff99;
}

#reviews .sorting .buttons a.selected {
	border-bottom: 1px solid #006633;
	background-color: #99ff99;
}

.history-count {
	text-align: center;
}

#reviews .review-tweet {
	float: right;
}

#reviews .pagination {
	font-weight: bold;
	color: #1F6689;
	text-align: center;
}

#reviews .pagination li {
	list-style: none;
	display: inline; /*float:left;*/
	margin-right: 5px;
}

#reviews .pagination li.previous a,
#reviews .pagination li.next a {

	font-weight: bold;
}

#reviews .pagination li.previous {
	margin-right: 15px;
}

#reviews .pagination li.next {
	margin-left: 10px;
}

#reviews .pagination li a {
	text-decoration: none;
	color: #369;
	border: 1px #369 solid;
	background: white;
	padding: 4px;
}

#reviews .pagination li.current {
	border: 1px #369 solid;
	background: #369;
	padding: 4px;
	color: white;
}

.pagination li a:hover {
	text-decoration: none;
	color: #369;
	background-color: #99ffff;
}