/*-----------------Universal Values--------------*/


body
{
font-family:NeuzeitS, Verdana, san-serif;
font-weight:normal;
font-style:normal;
/*--font-size:0.8em;--*/
font-size:63%;
line-height: 200%;
color:#666666;
background-color: white;

margin-left: auto;
margin-right: auto;
width: 940px;
}

p
{
margin-top: 1em;
margin-bottom: 1em;
font-size:1.3em;
}

h1
{ 
font-family:NeuzeitS, Verdana, san-serif;
font-weight: normal; 
font-style: normal; 
font-size:2.6em;
margin-bottom:0.75em;
margin-top:0.75em;
color:#563F22
}

h2, h3, h4, h5
{ 
font-family:NeuzeitS, Verdana, san-serif;
font-weight: normal; 
font-style: normal; 
font-size:1.3em;
margin-bottom:0.5em;
color:#563F22
}

img
{
margin-top:0px;
margin-bottom:18px;
margin-left:0px;
margin-right:0px;
}

iframe
{
margin-top:0px;
margin-bottom:20px;
margin-left:0px;
margin-right:0px;
}

hr
{
border: 0;
color: #333333;
background-color: #333333;
height: 1px;
width:960px;
position: relative;
left:-10px;
margin-bottom:10px;
}

.bold 
{ 
font-family:NeuzeitS, Verdana, sans-serif;
font-weight: bold;
font-style: normal;
}

.grey
{
color:#999999;
}

.small_text
{
font-size: 0.9em;
line-height: 180%;
margin-top: 1.4em;
margin-bottom: 1.4em;
}

table{

margin-bottom: 1.3em;
}

th, td {
  font-size:1.3em;
  padding-right: 20px;
}

/*----------------------Header Tag Modifications---------------------*/

h2.contact
{
margin-bottom:-1em;
}

h1.contact
{
margin-top:3px;
}

/*-----------------Layout--------------*/

/*--
#container
{
margin-left: auto;
margin-right: auto;
width: 940px
}
--*/

.two_column_left
{
float:left;
width:460px;
}

.two_column_right
{
float:right;
width:460px;
}

.clear
{
clear:both;
}

.text_block
{
width:540px;
}

.text_two_column
{
-webkit-column-count: 2; /* Chrome, Safari, Opera */
-moz-column-count: 2; /* Firefox */
column-count: 2;
    
-webkit-column-gap: 20px; /* Chrome, Safari, Opera */
-moz-column-gap: 20px; /* Firefox */
column-gap: 20px;
}

#logo
{
margin-top:30px;
margin-left: auto;
margin-right: auto;
width: 310px;
}

.center
{
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}

/*----------------------Links---------------------*/

a:link {color:#563F22; text-decoration:none;}      /* unvisited link */
a:visited {color:#563F22; text-decoration:none;}  /* visited link */
a:hover {color:#E7D6CA; text-decoration:none;}  /* mouse over link */
a:active {color:#E7D6CA; text-decoration:none;}  /* selected link */


/*--------------Footer-----------------*/

#footer
{
margin-bottom:10px;
text-align:center;
clear: both;
}

#footer a:link {color:#999999; text-decoration:none;}      /* unvisited link */
#footer a:visited {color:#999999; text-decoration:none;}  /* visited link */
#footer a:hover {color:#666666; text-decoration:none;}  /* mouse over link */
#footer a:active {color:#666666; text-decoration:none;}  /* selected link */

#social_icons
{
margin-bottom:-22px;
margin-top: 14px;
}

#social_icons img
{
margin-left:3px;
margin-right:3px;
}

/*----------------------Product Page---------------------*/

.mini_hr
{
width:150px;
left: 0px;
float: left;
}

.fine_print
{
margin-top: 4em;
margin-bottom: 20px;
}

#alternate_styles_div
{
margin-top: 0px;
width: 300px;
float: right;
}

/*-- this doesn't work in firefox
.alternate_styles
{
float: right;
height: 96px;
width: 96px;
margin-right: 0px;
margin-left: 6px;
margin-bottom: 6px;
position: relative;
}
--*/

.alternate_styles
{
width: 96px;
height: 96px;
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;

margin-right: 2px;
margin-left: 0px;
margin-bottom: 6px;
margin-top: 0px;

/*Dirty IE Hack*/
zoom: 1;
*display: inline;
_height: 96px;
}


.alternate_styles:nth-child(3n+3)
{
margin-left: 0px;
}

span.alternate_styles_label
{
  color:#666666;
  display: table;
  height: 96px;
  left: 0;
  position: absolute;
  top: 0;
  width: 96px;
  opacity: 0;
  -webkit-transition: opacity 400ms;
  -moz-transition: opacity 400ms;
  -o-transition: opacity 400ms;
  transition: opacity 400ms;
}
 
span.alternate_styles_label span 
{
  display: table-cell;
  text-align: center;
  vertical-align: bottom;
}

.alternate_styles:hover span.alternate_styles_label 
{
  opacity: 1;
}


/*----------------------Three Column Pages---------------------*/



.three_images
{
width: 300px;
min-height: 250px;
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;

margin-right: 16px;
margin-left: 0px;
margin-bottom: 16px;
margin-top: 0px;

/*Dirty IE Hack*/
zoom: 1;
*display: inline;
_height: 250px;
}

/*-- http://blog.mozilla.org/webdev/2009/02/20/cross-browser-inline-block/ --*/

/*--
.three_images
{
  float: left;
  width: 300px;
  height: auto;
  margin-right: 20px;
  margin-bottom: 20px;
  position: relative;
}
--*/

.three_images:nth-child(3n+3)
{
margin-right: 0px;
}

.image_label
{
margin-top: -20px;
margin-bottom: 0px;
}

/*----------------------Catalog---------------------*/

/*-- this version causes problems with firefox for unknown reasons
.product_icon
{
  float: left;
  height: 300px;
  width: 300px;
  margin-right: 20px;
  margin-bottom: 20px;
  position: relative;
}
--*/

.product_icon
{
width: 300px;
height: 300px;
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
position: relative;

/*--
margin-right: 16px;
margin-left: 0px;
margin-bottom: 16px;
margin-top: 0px;
--*/

margin-right: 5px;
margin-left: 5px;
margin-bottom: 40px;
margin-top: 20px;

/*Dirty IE Hack*/
zoom: 1;
*display: inline;
_height: 250px;
}

/*--
.product_icon:nth-child(3n+3)
{
margin-right: 0px;
}
--*/

/*-- Desktops and laptops ---*/
@media only screen 
and (min-width : 1025px) {
span.catalog-label
{
  color:#666666;
  display: table;
  height: 300px;
  left: 0;
  position: absolute;
  top: 0;
  width: 300px;
  opacity: 0;
  -webkit-transition: opacity 400ms;
  -moz-transition: opacity 400ms;
  -o-transition: opacity 400ms;
  transition: opacity 400ms;
}

.product_icon:hover span.catalog-label 
{
  opacity: 1;
}
}

/* iPads (portrait and landscape) -- */
@media only screen 
and (max-device-width : 1024px) {
span.catalog-label
{
  color:#666666;
  display: table;
  height: 300px;
  left: 0;
  position: absolute;
  top: 0;
  width: 300px;
}
}

span.catalog-label span 
{
  display: table-cell;
  text-align: center;
  vertical-align: bottom;
  font-size:1.3em;
}

.grey_hr
{
color: #CCCCCC;
background-color: #CCCCCC;
}

.catalog_header
{
margin-top:33px;
}

/*----------------------Main Menu-----------------------*/

.no_margin_hr
{
margin: 0;
padding: 0;
}

.menu_hr
{
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:40px;
padding:0px;
}

#main_menu{
font-size:1.6em;

padding-left:0px;
padding-right:0px;
}

#main_menu {
width: 940px; 
overflow: hidden;
margin: 40px auto 4px auto;
*zoom: 1;
}
#main_menu li {display: block; float: left;}
#main_menu li a {display: inline-block;}

a.nav:link {color:#563F22; text-decoration:none;}    /* unvisited link */
a.nav:visited {color:#563F22; text-decoration:none;} /* visited link */
a.nav:hover {color:#E7D6CA; text-decoration:none;}   /* mouse over link */
a.nav:active {color:#E7D6CA; text-decoration:none;}  /* selected link */

a.nav-selected:link {color:#563F22; text-decoration:none;}    /* unvisited link */
a.nav-selected:visited {color:#563F22; text-decoration:none;} /* visited link */
a.nav-selected:hover {color:#E7D6CA; text-decoration:none;}   /* mouse over link */
a.nav-selected:active {color:#E7D6CA; text-decoration:none;}  /* selected link */

a.nav-path-selected:link {color:#563F22; text-decoration:none;}    /* unvisited link */
a.nav-path-selected:visited {color:#563F22; text-decoration:none;} /* visited link */
a.nav-path-selected:hover {color:#E7D6CA; text-decoration:none;}   /* mouse over link */
a.nav-path-selected:active {color:#E7D6CA; text-decoration:none;}  /* selected link */

/*----------------------Sub Menu-----------------------*/


#sub_menu
{
margin-left:0px; 
margin-right:0px;
margin-bottom:0px;
margin-top:0px;

padding-top:22px;
padding-bottom: 2px;

background-color: white;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 481px) {
.stuck 
{
position: fixed;
top: 0;
z-index: 10;
}
}

a.sub-nav:link {color:#563F22; text-decoration:none;}    /* unvisited link */
a.sub-nav:visited {color:#563F22; text-decoration:none;} /* visited link */
a.sub-nav:hover {color:#E7D6CA; text-decoration:none;}   /* mouse over link */
a.sub-nav:active {color:#E7D6CA; text-decoration:none;}  /* selected link */

/*--Offsets the Catalog Category Headers--*/
h1.anchor:before { 
  display: block; 
  content: " "; 
  margin-top: -84px; 
  height: 84px; 
  visibility: hidden; 
}

/*--
h1.anchor:before { 
  display: block; 
  content: " "; 
  margin-top: -84px; 
  height: 84px; 
  visibility: hidden; 
}
--*/