/* CSS Document */
/* Escama Studio Logo #B5DC10 
FAQ answer #78A343 
a states #e6ebcf
*/
/* Color List 
Menu Color 1 - #58707A;
Menu Color 2 - #624537;
Menu Color 3 - #A73C08;
Menu Color 4 - #54712F;
Menu Color 5 - #685163;
*/	
/* Color Swatches 
black #000000
babyblue #C8D7D4
champagne #DBBF9E
green #7C9460
lavender #B390B6
limegreen #BCCF83
midnightblue #213E4C
olive #6E7450
orange #DA642A
pink #AC6F7F
purple #8F4F9B
silver #dedede
skyblue #99CCD0
teal #3C606A
turqoise #519EB8
*/
html> body {
text-align: center;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
background-color: #000;
margin: 0 auto;
padding: 0;
width: 1000px;
}
body {
text-align: center;
font-family: Arial, Helvetica, sans-serif;
background-color: #000;
margin: 0 auto;
padding: 0;
color: #dedede;
width: 1000px;
}
* {
font-size: 12px;
color: #dedede;
}
input, select, option, form {
color: #333;
}
p, span {
line-height: 20px;
}
p_2, .answer {
color: #78A343;
}
strong {
font-weight: 700;
}
h1, h2, h3,  h4, h5, h6 {
}
h1 {
font-size: 22px;
color: #ffffff;
text-transform: uppercase;
margin-top: 0;
color: #999;
word-spacing: 5px;
font-weight: 400;
}
h2 {
font-size: 16px;
word-spacing: .2em;
color: #FFFFFF;
font-weight: 400;
}
h3 {
font-size: 14px;
padding: 0;
margin: 0;
}	
h4 {
font-size: 12px;
word-spacing: .2em;
color: #FFFFFF;
}
img {
border: none;
}
#skip_to_content {
display: none;
}
a, a.big  {
color: #E6EBCF;
}
a:hover, visited  {
color: #e6ebcf;	
}
a:active  {
color: #e6ebcf;	
}
a.no_decoration  {
text-decoration: none;
}
a:hover .no_decoration {
text-decoration: none;
}
.reverse {
color: #666666;
}
.reverse a {
color: #666666;
text-decoration: none;
}
.reverse a:hover, visited  {
color: #666666;	
text-decoration: underline;
}
.reverse a:active  {
color: #666666;	
}
.left {
float: left;
}
.right {
float: right;
}
.spacer {
height: 15px;
}
ul.bullets {
list-style-type: none;
padding: 0;
margin: 0;
}
.bullets li {
background: transparent url(../images/common/bullets.gif) no-repeat;
background-position: 0 3px;
padding-left: 14px;
line-height: 1.4em;
}
.clear {
clear: both;
height: 1px;
line-height: 1px;
font-size: 1px;
}
.big, #bioText strong {
font-weight: bold;
color: #B5DC10;
}
.big {
font-size: 16px;
}
.end_block {
padding-right: 0 !important;
margin-right: 0 !important;
}
/* ###### Positioning Containers ###### */
#container  {
margin: 25px 30px 25px 30px;
width: auto;
height: auto;
}
#header {
padding: 5px 0 0 0;
text-align: left;
height: 75px;
border: solid 1px #666;
}
.head_right_image {
float: right;
display: block;
position: relative;
right: 45px;
top: 12px;
}
#view_cart {
float: right;
display: block;
position: relative;
right: -1px;
bottom: -58px;
}
div.caption {
color: #cccccc;
text-decoration: none;
padding-top: 5px;
font-size: .9em;
}
/* ###### Escama Content ####### */
div .top, div.btm {
height: 6px;
line-height: 6px;
background-repeat: repeat-x;
display: block;
z-index: 1;
}
.top {
background-image: url(../images/common/top.gif);
}
.top img.right, .btm img.right {
position: relative; 
top: 0; 
right: -1px;
}
.top img.left, .btm img.left {
position: relative; 
top: 0; 
left: -1px;
}
.btm {
clear: left;
background-image: url(../images/common/btm.gif);
width: 940px
}
div#body_area {
border-right: solid 1px #666;
border-left: solid 1px #666;
margin: 0;
padding: 0;
width: 938px;
text-align: left;
min-height: 270px;
display: block;
position: relative;
}
#body_area2 {
border-right: solid 1px #666;
border-left: solid 1px #666;
margin: 0;
padding: 0;
height: auto;
text-align: left;
overflow: hidden;
min-height: 200px;
overflow: auto;
}
#body_area2 p {
padding: 0 0 0 15px;
margin: 0 150px 0 150px;
}
#col2_1 {
margin: 0;
padding: 0 0 0 20px;
float: left;
}
#col2_2 {
padding: 10px 0 20px 0;
margin: 0 20px 0 190px;
clear: none;
width: auto;
}
#col1_noleftnav {
padding: 10px 0 20px 0;
margin: 0 20px 0 20px;
clear: none;
width: auto;
}
#col2_2 p {
margin-right: 50px;
}
div#col3_1 {
margin: 0;
padding: 0;
float: left;
clear: both;
width: 175px;
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 5;
}
#col3_2 {
clear: none;
margin: 0 0 0 190px;
padding: 10px 20px 0 0;
}
#col3_2 h1 {
margin-top: 0;
padding-top: 0;
}	
#col2_1 h1 {
padding-left: 10px;
margin-bottom: 0; 
}
#col3_3 {
/*line-height: 20px;*/
vertical-align: top;
float: right;
padding: 0 0 0 20px;
margin: 0;
}
/* Main Product Image */
#col3_3 div#product_image {
padding-right: 10px;
}
#product_image {
z-index: 1;	
padding: 15px 0 5px 0;
clear: both;
width: 300px;
height: auto;
}
#product_image a {
border: none;
}
.larger_image {
position: relative;
z-index: 100;
padding: 0;
margin: -110px 0 0 280px;
}
.buy_button {
padding-bottom: 7px;
}
.price {
font-size: 1.2em;
font-weight: bold;
color: #ffffff;
padding: 0 15px 0 15px;
}
.padding_right {
padding-right: 15px;
}
#lower_nav_area {
border-right: solid #666 1px;
border-left: solid #666 1px;
height: 90px;
clear: both;
margin: 0 auto;
padding: 0;
width: auto;
display: block;
overflow: hidden;
}
#lower_nav_area_bios {
border-right: solid #666 1px;
border-left: solid #666 1px;
height: 120px;
clear: both;
margin: 0 auto;
padding: 0;
width: auto;
display: block;
overflow: hidden;
}
#footer {
margin-top: 10px;
width: auto;
text-align: right;
padding-right: 10px;
font-size: .9em;
}
div#image_nav_container {
position: relative; 
overflow: hidden;
width: 90%; 
height: 110px; /* 120px */ 
z-index: 100;
margin-right: 20px;	
margin: 0 auto;
float: left;
clear: none;
display: inline;
text-align: center;
}
div#image_nav_container_bios {
position: relative; 
overflow: hidden;
width: 90%; 
height: 120px; 
z-index: 100;
margin-right: 20px;	
margin: 0 auto;
float: left;
clear: none;
display: inline;
text-align: center;
}
#bioText {
line-height: 14pt;
margin-right: 40px;
display: block;
float: left;
width: 70%;
}
.image_nav {
background: url(../images/common/image_nav_bg.png) no-repeat;
height: 56px;
width: 111px;
float: left;
clear: none;
margin: 10px;
padding: 7px;
display: block;
}
.image_nav_small {
background: url(../images/common/subnav_image_bg_small.gif) no-repeat;
height: 75px;
width: 59px;
float: left;
clear: none;
margin: 10px;
padding: 8px 0;
padding-left: 1px;
display: block;
}
.image_nav_bios {
background: url(../images/common/subnav_image_bg_small.gif) no-repeat;
height: 75px;
width: 59px;
float: left;
clear: none;
margin: 10px;
padding: 8px 0;
padding-left: 1px;
display: block;
text-align: center;
}
.image_nav_col1 {
width: 30%;
display: block;
float: left;
clear: none;
height: 130px;
padding: 0 20px 0 20px;
text-align: left;
}
.image_nav_col2 {
width: 26%;
display: block;
text-align: center;
padding-left: 30px;
height: 130px;
border-left: #666666 dotted 1px;
float: left;
clear: none;
}
.image_nav_col3 {
width: 26%;
height: 130px;
display: block;
float: right;
text-align: right;
padding-left: 30px;
border-left: #666666 dotted 1px;
clear: none;
padding-right: 20px;
}
.previous {
float: left;
margin: 34px 0 0 10px;
display: block;
}
.next {
float: right;
margin: 34px 10px 0 0;
display: block;
}
div.to_top {
margin: 15px 0 0 0;
padding: 0;
height: 40px;
border-top: solid #666666 1px;
}
.to_top a {
background: url(../images/common/to_top.gif) no-repeat;
float: right;
clear: both;
height: 25px;
width: 56px;
display: block;
margin: -12px 75px 0 0;
padding: 15px 0 0 0;
}	
.to_top a:hover {
background: url(../images/common/to_top_over.gif) no-repeat;
float: right;
clear: both;
height: 25px;
width: 56px;
display: block;
margin: -12px 75px 0 0;
}	
.break_20px {
padding-bottom: 20px;
}
select {
background-color: #dedede;
border: none;
padding: 0 2px 0 2px;
margin: 0;
width: 150px;
}
input.form {
background-color: #ffffff;
}
.form2 input {
background-color: #ffffff;
margin-bottom: 10px;
}
div.form2 input {
width: 200px;
border-top-width: 1px solid #ccc;
margin-bottom: 10px;
}
div.form1 {
width: 200px;
margin-right: 10px;
float: left;
clear: left;
font-weight: bold;
}
div.form2_1 {
padding: 4px 8px;
background-color: #ccc;
float: left;
margin: 2px;
color: #000;
width: 150px;
}
div.form2_2 {
padding: 4px 8px;
background-color: #ccc;
float: left;
text-align: right;
margin: 2px;
color: #000;
width: 75px;
}
.input_button {
background: none;
}
textarea {
background-color: #fff;
color: #000;
}
div.left_body_image {
float: left;
padding: 0 15px 15px 0;
overflow: hidden;
}
div.right_body_image {
float: right;
padding: 0 0 15px 15px;
}
blockquote {
font-weight: 500;
font-size: 1.1em;
line-height: 1.3em;
margin: 0;
padding: 0;
font-style: italic;
}
.name {
padding: 6px 0 15px 0;
font-size: .7em;
line-height: .9em; 
} 
div.name a {	
text-decoration: none;
}
div.name a:hover {
f
}
#home {
overflow: hidden;
width: 100%;
text-align: center;
}
/* ###### Navigation ###### */
#nav_container {
height: 34px;
padding: 0;
margin: 3px 0;
overflow: hidden;
width: 1100px;
font-weight: 600;
}
#nav_container ul {
/* overflow: hidden; */
list-style: none;
margin: 0;
padding: 0;
margin-left: -47px;
display: block;
float: left;
}
#nav_container ul li, #nav_container ul li a, #nav_container li a:hover {
width: 95px;
list-style: none;
display: block;
margin-right: 5px;
padding: 5px 30px;
float: left;
text-decoration: none;
text-align: center;
color: #fff;
font-size: 12px;
background: url(../images/common/nav_bg.gif) right no-repeat;
}
#nav_container li a:hover {
background: url(../images/common/white_trans_bglayer.png) right repeat;
}
/* ###### Sub-Navigation ######*/
#sub_navigation  {
margin: 0 0 0 -1px;
padding: 0;
border-collapse: collapse;
font-weight: 600;
font-size: 11px;
}
#sub_navigation li {
list-style-type: none;
vertical-align: text-top;
line-height: 14px;
float: left;
clear: both;
width: 156px;
border-bottom: solid 1px #999999;
border-right: solid 1px #666666;
border-left: solid 1px #666666;
}
#sub_navigation li:at {
border: none;
}
#sub_navigation li a {
text-decoration: none;
padding: 8px 5px;
display: block;
margin-top: 0;
}
.nav_round_products a {
background: url(../images/common/corner_nav_top_at.gif) no-repeat;
border: none;
width: 147px;
color: #B1A29B;
left: -1px;
position: relative;
}
.nav_round_products a:hover, .nav_round_products .at {
background: url(../images/common/corner_nav_top_over.gif) no-repeat;
background-position: -2px 0px;
border: none;
width: 146px;
color: #B1A29B;
}
.products#sub_navigation li a {
background-color: #624537;
color: #B1A29B;
width: 146px;
}
.products#sub_navigation li a:hover, .products#sub_navigation li .at {
background-color: #B1A29B;
color: #624537;
width: 146px;
}
.nav_round_about a  {
background: url(../images/common/corner_nav_top_at_about.gif) no-repeat top left;
position: relative;
border: none;
width: 149px;
color: #9EAF8A;
left: -1px;
}
.nav_round_about a:hover, .nav_round_about .at {
background: url(../images/common/corner_nav_top_over_about.gif) no-repeat top left;
background-color: #fff;
border: none;
position: relative;
display: block;
width: 149px;	
color: #9EAF8A;
border-collapse: collapse;
left: -1px;
}
.about#sub_navigation li a {
background-color: #54712F;
width: 147px;
position: relative;
}
.about#sub_navigation li a:hover, .about#sub_navigation li .at {
background-color: #9EAF8A;
color: #54712F;
width: 147px;
left: -1px;
text-indent: 3px;
}
.nav_round_inspiration a {
background: url(../images/common/corner_nav_top_inspiration_at.gif) no-repeat; /* top left */
border: none;
margin-left: -1px;
width: 147px;
}
.nav_round_inspiration a:hover, .nav_round_inspiration .at {
background: url(../images/common/corner_nav_top_inspiration_over.gif) no-repeat; /* top left */
border: none;
margin-left: -1px;
width: 147px;
}
.inspiration#sub_navigation li a {
background-color: #685163;
color: #ffffff;
width: 147px;
margin-left: -1px;
}
.inspiration#sub_navigation li a:hover, .inspiration#sub_navigation li .at {
background-color: #B4A8B1;
color: #685163;
width: 147px;
margin-left: -1px;
}
.products_page {
margin: 20px 0 0 0;
}
.products_page div {
padding-right: 30px;
float: left;
display: block;
width: 155px;
}
.products_page .caption  a {
font-size: 13px;
font-weight: bold;
text-decoration: none;
}
.products_page div.caption {
font-size: 11px;
}
/* Color Swatches */
#colors {
margin: 0;
padding: 5px 0 10px 0;
width: 300px;
}
#colors li {
vertical-align: text-top;
line-height: 14px;
color: #ffffff;
list-style: none;
border: solid 1px #666;
float: left;
width: 53px;
height: 20px;
display: block;
margin-right: 5px;
}
#colors li a {
text-decoration: none;
color: #ffffff;
padding-right: 5px;
display: block;
height: 20px;
}
#colors li a:hover {
text-decoration: none;
color: #903F24;
border: solid 1px #fff;
display: block;
height: 18px;
}
#col3_3 .small_caption {
padding-top: 4px;
}
.small_caption {
font-size: .9em;
text-transform: uppercase;
}
.black {
background-color: #000000;
}
.babyblue {
background-color: #C8D7D4;
}
.champagne {
background-color: #DBBF9E;
}
.green {
background-color: #7C9460;
}
.lavender {
background-color: #B390B6;
}
.limegreen {
background-color: #BCCF83;
}
.midnightblue {
background-color: #213E4C;
}
.olive {
background-color: #6E7450;
}
.orange {
background-color: #DA642A;
}
.pink {
background-color: #AC6F7F;
}
.purple {
background-color: #8F4F9B;
}
.silver {
background-color: #dedede;
}
.skyblue {
background-color: #99CCD0;
}
.teal {
background-color: #3C606A;
}
.turqoise {
background-color: #519EB8;
}
/* ###### Highslide ###### */
.highslide {
cursor: url(../images/common/highslide/zoomin.cur), pointer;
outline: none;
}
.highslide img {
border: none; /* 2px solid gray; */
}
.highslide:hover img {
border: none; /* 2px solid white; */
}
.highslide-image {
border: none; /* 2px solid white; */
}
.highslide-image-blur {
}
.highslide-caption {
display: none;
border: 2px solid white;
border-top: none;
font-family: Verdana, Helvetica;
font-size: .9em;
padding: 5px;
background-color: white;
text-align: left;
color: #000000;
}
.highslide-caption h1, .highslide-caption p {
color: #666666;
margin: 0;
padding: 0;
}
.highslide-loading {
display: block;
color: white;
font-size: .8em;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
padding: 3px;
border-top: 1px solid white;
border-bottom: 1px solid white;
background-color: black;
/*
padding-left: 22px;
background-image: url(../images/common/highslide/loader.gif);
background-repeat: no-repeat;
background-position: 3px 1px;
*/
}
a.highslide-credits,
a.highslide-credits i {
padding: 2px;
color: silver;
text-decoration: none;
font-size: .9em;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
color: white;
background-color: gray;
}
.highslide-move {
cursor: move;
}
.highslide-overlay {
display: none;
}
/* Controlbar example */
.controlbar {	
background: url(../images/common/highslide/controlbar4.gif);
width: 167px;
height: 34px;
}
.controlbar a {	
display: block;
float: left;
margin: 0px 0 0 4px;
height: 29px;
width: 34px;
}
/* Necessary for functionality */
.highslide-display-block {
display: block;
}
.highslide-display-none {
display: none;
}
/* for scrolling layers. Specify width and height in hold and wn, and in clip for wn */
div#wn	{ 
position: absolute; 
left: 0px; 
top: 0px; 
width: 90%; 
height: 90px; 
clip: rect(0px, 90%, 120px, 0px); 
overflow: hidden;	
z-index: 1; 
}
div#lyr1 { 
position: absolute; 
left: 0px; 
top: 0px; 
z-index: 1; 
}
/* ###### Store Locator ###### */
#store_locator {
float: left;
width: 100%;
overflow: hidden;
background-color: #000000;
padding: 0;
margin: 0;
height: 375px;
}
.locations {
overflow: auto;
height: 375px;
padding: 0;
}
.locations p {
padding: 0;
margin: 0 0 0 12px;
color: #ccc;
}
.locations h2 {
color: #ffffff;
margin: 0 0 10px 0;
background-color: #666666;
padding: 3px 3px 3px 12px;
}
.locations h4 {
margin: 0;
color: #fff;
font-size: 16px;
padding: 0 0 0 12px;
}
.image_no_margin {
margin: 0;
padding: 0;
clear: none;
}