@charset "utf-8";


/* ================================================================================= */
/* YUI Reset */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}


/* ================================================================================= */
/* basic HTML elements */

html, body {
  background-color: #958976;
}

body {
  font-family: Corbel, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 24px;
  color: #1d2326;
}

a:link {
  color: #611427;
  text-decoration: none;
}

a:visited {
  text-decoration: none;
  color: #6a6a61;
}

a:hover { text-decoration: underline; }
a:active { text-decoration: none; }


p {
  padding: 0px 0px 10px 0px;
}
p.first-p {
  padding-top: 10px;
}

strong {
  font-weight: bold;
}

em {
  font-weight: bold;
  font-style: italic;
}

label {
  color: #666666;
}
label.label, label.labelerror {
  font-weight: bold;
  padding-top: 10px;
  display: block;
}
label.labelerror {
  color: #CC0000;
}
.form-required {
  color: #CC0000;
}
.error {
  background: #FFF0C0;
  border: 1px solid #CC0000;
}
.form-field-text {
  width: 400px;
  font-family: Arial, Helvetica, sans-serif;
}
div.message-sent {
  border: 1px solid #999999;
  padding: 10px;
}

/* ================================================================================= */
/* basic layout */

#wrapper { }

#container {
  position: relative;
  width: 888px;
  margin: 0px auto;
  background: url(../img/page-bg.gif) center top repeat-y;
}
#footer2 {
  position: relative;
  width: 888px;
  margin: 0px auto;
  text-align: center;
  padding: 5px 0px 10px 0px;
  color: #ccc;
  font-weight: bold;
}

#container-content {
  width: 888px;
  background: url(../img/page-top.gif) center top no-repeat;
  overflow: hidden;
}


/* ================================================================================= */
/* mast: left hand nav */

#mast {
  width: 300px;
  float: left;
  background: url(../img/mast-bg.gif) center top repeat-y;
  margin: 0px 0px 10px 0px;
}
#mast-logo {
  width: 300px;
  background: url(../img/mast-top.gif) center top no-repeat;
}
#mast-logo img {
  margin-left: 62px;
}

#mast-nav ul {
  margin: 0px 0px 0px 0px;
  padding: 5px 61px 20px 52px;
}

#mast-nav ul li {
  color: #FFFFFF;
  font-weight: bold;
  font-size: 15px;
  padding: 10px 0px 0px 10px;
}
#mast-nav ul li.header {
  background: url(../img/mast-nav-1.gif) 10px -66px no-repeat;
  padding: 5px 0px 0px 25px;
  color: #DCDBC6;
}
#mast-nav ul li.nav2 {
  padding: 0px 0px 0px 35px;
  font-size: 14px;
}
#mast-nav ul li.nav3 {
  font-weight: normal;
  padding: 0px 0px 0px 45px;
  font-size: 14px;
}
#mast-nav ul li.selected2 {
  background: url(../img/mast-nav-selected.gif) 25px 7px no-repeat;
}
#mast-nav ul li.selected3 {
  background: url(../img/mast-nav-selected.gif) 35px 7px no-repeat;
}

#mast-nav ul li.nav1 a {
  display: block;
  color: #FFFFFF;
  background: url(../img/mast-nav-1.gif) left top no-repeat;
  height: 30px;
  padding: 3px 0px 0px 15px;
  color: #611428;
}
#mast-nav ul li.nav1 a:hover, #mast-nav ul li.nav1 a:active {
  color: #FFFFFF;
  background-position: left -33px;
  text-decoration: none;
}
#mast-nav ul li.nav2 a, #mast-nav ul li.nav3 a {
  display: inline;
  background-image: none;
  height: auto;
  color: #FFFFFF;
}
#mast-nav ul li.nav2 a:hover, #mast-nav ul li.nav2 a:active, #mast-nav ul li.nav3 a:hover, #mast-nav ul li.nav3 a:active {
  text-decoration: underline;
}

#mast-content {
  background: url(../img/mast-bottom.gif) center bottom no-repeat;
  padding-bottom: 13px;
}
#mast-content table {
  width: 176px;
  margin: 0px auto 0px auto;
  border-top: 1px solid #B3988F;
}
#mast-content table th, #mast-content table td {
  color: #dddcc5;
  font-size: 12px;
  line-height: 15px;
  vertical-align: top;
}
#mast-content table th {
  padding: 5px 0px 5px 0px;
  font-weight: bold;
}
#mast-content table td.left {
  background: url(../img/table-td.gif) right bottom repeat-x;
}
#mast-content table td.right {
  background: url(../img/table-td.gif) left bottom repeat-x;
  text-align: right;
  white-space: nowrap;
}
#mast-content table td span {
  background-image: none;
  background-color: #631021;
}
#mast-content table td.left span {
  padding-right: 3px;
}
#mast-content table td.right span {
  padding-left: 3px;
}


/* ================================================================================= */
/* top nav */

#header {
  margin: 22px auto 73px auto;
  padding: 0px;
  border-top: 1px solid #333333;
  border-bottom: 1px solid #333333;
  width: 563px;
  float: left;
}
#header ul {
  text-align: center;
  margin: 10px 0px 10px 0px;
}
#header ul li {
  display: inline;
}
#header ul li a {
  color: #611427;
  font-weight: bold;
  padding: 0px 15px 0px 15px;
  background: url(../img/header-nav-divider.gif) left center no-repeat;
}
#header ul li a.first {
  background-image: none;
}


/* ================================================================================= */
/* content */

#content {
  width: 563px;
  float: left;
  margin: 0px 0px 10px 0px;
}
#page-title {
  width: 563px;
  border-bottom: 1px solid #dddcc5;
  overflow: hidden;
  padding: 0px 0px 4px 0px;
}
h1 {
  width: 373px;
  font-size: 22px;
  font-weight: bold;
  float: left;
}
h2 {
  font-size: 18px;
  font-weight: bold;
  padding: 20px 0px 5px 0px;
}
h3 {
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  padding: 10px 0px 2px 0px;
}

#page-title-extra {
  width: 190px;
  float: left;
  font-weight: bold;
}

#actual-content-column-1, #actual-content-column-2 {
  width: 260px;
  float: left;
  padding: 0px 43px 0px 0px;
}
#actual-content-column-2 {
  padding-right: 0px;
}

#actual-content table {
  width: 100%;
  margin: 30px 0px 0px 0px;
}
#actual-content table th {
  padding: 5px 5px 5px 5px;
  font-weight: bold;
  border-top: 1px solid #611427;
  border-bottom: 1px solid #611427;
}
#actual-content table td {
  padding: 3px 5px 3px 5px;
  border-bottom: 1px solid #dddcc5;
}

#actual-content-img {
  float: left;
  width: 373px;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  text-align: center;
}
#actual-content-img img {
  padding: 20px 0px 20px 0px;
}
#product-details {
  width: 190px;
  float: left;
  font-weight: bold;
  margin: 0px;
  padding: 40px 0px 0px 0px;
}
#product-details p {
  padding: 5px 0px 5px 0px;
}

img.img-home {
  padding: 5px;
  background-color: #DDDCC5;
}

#actual-content ul {
  margin: 0px 0px 0px 10px;
  padding: 0px 0px 10px 10px;
}
#actual-content ul li {
  list-style-type: disc;
  margin: 0px 0px 0px 5px;
  padding: 5px 0px 5px 0px;
}
#actual-content ul li.nav3 {
  list-style-type: circle;
  margin-left: 25px;
}

div.item-block {
  float: left;
  width: 186px;
  text-align: left;
  padding: 20px 0px 20px 0px;
  border-bottom: 1px solid #dddcc5;
  border-left: #FF0000;
}

div.img-thumb {
  width: 186px;
  height: 100px;
  text-align: center;
  overflow: hidden;
  padding: 0px 0px 10px 0px;
  vertical-align: text-bottom;
}
div.img-thumb img {
  vertical-align: text-bottom;
}

span.thumb-title {
  font-weight: bold;
  height: 80px;
  display: block;
  padding: 0px 10px 10px 10px;
  margin: 0px;
  overflow: hidden;
}

div.text-thumb {
  margin: 0px auto;
  text-align: center;
}

/* ================================================================================= */
/* footer */

#footer {
  clear: both;
  width: 838px;
  padding: 10px 25px 6px 25px;
  background: url(../img/page-bottom.gif) center bottom no-repeat;
  overflow: hidden;
  color: #333333;
  font-weight: bold;
  text-align: center;
  float: left;
}
#footer-content {
  width: 808px;
  border-top: 1px solid #dddcc5;
  padding: 0px 15px 0px 15px;
}
#footer ul {
  text-align: center;
  margin: 10px 0px 10px 0px;
}
#footer ul li {
  display: inline;
}
#footer ul li a {
  color: #611427;
  font-weight: bold;
  padding: 0px 15px 0px 15px;
  background: url(../img/header-nav-divider.gif) left center no-repeat;
}
#footer ul li a.first {
  background-image: none;
}
#footer a {
  color: #333333;
}
#footer a:hover {
  color: #333333;
}

.email {
	padding-left: 18px;
	background: url(../img/icon-email.gif) left no-repeat;
}
.phone {
	padding-left: 18px;
	background: url(../img/icon-user.gif) left no-repeat;
}
.directions {
	padding-left: 18px;
	background: url(../img/icon-directions.gif) left no-repeat;
}

/* thumbs for lightbox page */

div.thumbHolder {
  float: left;
  padding: 5px;
  margin-right: 10px;
  text-align: center;
}

div.thumbHorizontal {
  float: left;
  padding: 5px;
  margin-right: 22px;
  text-align: center;
}

img.thumb {
  padding: 5px;
  background-color: #dddcc5;
}

/* lightbox overlay */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#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%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/nextlabel.gif) right 15% no-repeat; }

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

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; padding-bottom: 10px; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }