﻿@media all{

html, body 
{
    background-color: #483F36;
    color: #333333;
    font-family: Arial, Sans-Serif;
    font-size: 10pt;
}

img
{
    border: none;
}

.clearBoth
{
    clear: both;
}

#page-container
{
    margin: auto;
    padding: 0px;
    width: 100%;
}

#page-top
{
    background: url(../images/top.gif) no-repeat top left;
    height: 49px;
    margin: auto;
    padding: 0px;
    text-align: center;
    width: 904px;
}

#page-shadow
{
    background: url(../images/shadow.gif) repeat-y 0 0;
    margin: auto;
    padding: 0px;
    text-align: center;
    width: 904px;
}

#header-container
{
    background-color: #ffffff;
    margin: auto;
    padding: 0px;
    padding-bottom: 19px;
    text-align: left;
    width: 860px;
}

#logo-container
{
    float: left;
}

#logo
{
    height: 75px;
    margin: 0px;
    padding: 0px;
    padding-left: 20px;
    width: 184px;
}

#contact-details
{
    color: #666666;
    float: right;
    margin: 0px;
    padding: 0px;
    padding-right: 30px;
}

#telephone-number
{
    background: url(../images/icon_telephone.gif) no-repeat top left;
    margin: 0px;
    margin-top: 10px;
    padding: 0px;
    padding-left: 25px;
	font-size: 15pt;
}

#email-address
{
    background: url(../images/icon_email.gif) no-repeat top left;
    margin: 0px;
    margin-top: 7px;
    padding: 0px;
    padding-left: 25px;
}

#email-address a,
#email-address a:visited
{
    color: #666666;
    text-decoration: none;
}

#email-address a:hover
{
    text-decoration: underline;
}

/*******************************************************************
/* Navigation Menu
/*******************************************************************/

#icon-bar
{
    margin: auto;
    padding: 0px;
    text-align: left;
    width: 860px;
}

#icon-bar-left
{
    background: url(../images/icon_bar_left.gif) no-repeat top right;
    float: left;
    height: 28px;
    width: 607px;
}

#icon-bar-links
{
    float: right;
    height: 28px;
    margin: 0px;
    padding: 0px;
}

#icon-bar-links li
{
    float: left;
    list-style: none;
    margin: 0px;
    padding: 0px;
    position: relative;
}

#icon-home
{
    height: 28px;
    margin: 0px;
    padding: 0px;
    width: 72px;
}

#icon-products
{
    height: 28px;
    margin: 0px;
    padding: 0px;
    width: 84px;
}

#icon-contact
{
    height: 28px;
    margin: 0px;
    padding: 0px;
    width: 97px;
}

#icon-bar-links li #icon-bar-submenu
{
    display: none;
}

#icon-bar-links li:hover #icon-bar-submenu
{
    background: url(../images/foot.png) no-repeat bottom left;
    display: block;
    left: -145px;
    margin: 0px;
    padding: 0px;
    padding-bottom: 15px;
    position: absolute;
    top: 29px;
}

#icon-bar-submenu li
{
    background: url(../images/slice.png) repeat-y top left;
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 234px;
}

#icon-bar-submenu li:first-child
{
    padding-top: 5px;
}

#icon-bar-submenu li a,
#icon-bar-submenu li a:visited
{
    color: #666666;
    display: block;
    font-weight: normal;
    height: auto;
    line-height: 21px;
    padding: 0px;
    padding-left: 20px;
    text-decoration: none;
    width: 234px;
}

#icon-bar-submenu li a:hover
{
    font-weight: bold;
}

/*******************************************************************
/* Flash
/*******************************************************************/

#flash-holder
{
    background: url(../images/top_shadow.gif) no-repeat top left;
    margin: auto;
    padding: 0px;
    padding-top: 29px;
    text-align: center;
    width: 860px;
}

#flash-holder-inner
{
    background-color: #595753;
    margin: 0px;
    padding: 0px;
    z-index: -1;
}

/*******************************************************************
/* Main Content Region
/*******************************************************************/

#content-holder
{
    background: url(../images/lower_shadow.gif) no-repeat top left;
    margin: auto;
    padding: 0px;
    padding-top: 35px;
    text-align: center;
    width: 860px;
}

#content-holder-noflash
{
    margin: auto;
    padding: 0px;
    text-align: center;
    width: 860px;
}

#content-holder-inner
{
    background-color: #ffffff;
    margin: 0px;
    padding: 0px;
    text-align: left;
}

#header-text
{
    background: url(../images/dots.gif) no-repeat 19px bottom;
    margin: 0px;
    padding: 19px;
    padding-bottom: 10px;
}

#header-text h1
{
    margin: 0px;
    padding: 0px;
    font-size: 17px;
}

#body-text
{
    margin: 0px;
    padding: 0px;
    padding-top: 15px;
}

#left-column
{
    background: url(../images/dots_middle.gif) repeat-y top right;
    float: left;
    margin: 0px;
    padding: 0px;
    width: 50%;
}

#right-column
{
    float: right;
    margin: 0px;
    padding: 0px;
    width: 50%;
}

#bottom
{
    background: url(../images/dots.gif) no-repeat top;
    margin: 15px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
    width: 100%;
}

.content-padding
{
    margin: 0px;
    padding: 0px 19px;
}

/*******************************************************************
/* Footer
/*******************************************************************/

#footer
{
    background: url(../images/footer.gif) no-repeat top left;
    color: #555555;
    font-size: 7pt;
    height: 83px;
    margin: auto;
    padding: 0px;
    width: 904px;
}

#footer-inner-left
{
	float: left;
	width: 20%;
    margin: 0px;
    padding: 0px;
    padding-left: 42px;
    padding-top: 40px;
    text-align: left;
}

#footer-spacer
{
    height: 19px;
}

/*******************************************************************
/* Submenu (Products Page)
/*******************************************************************/

#sub-nav
{
    background: url(../images/submenu-bg.gif) repeat-x top left;
    height: 29px;
    margin: auto;
    padding: 0px;
    text-align: center;
    width: 860px
}

#subnav-inner
{
    float: right;
    margin: 0px;
    padding: 0px;
    padding-right: 102px;
}

#subnav-inner li
{
    background: url(../images/seperator.gif) no-repeat 0px 8px;
    float: left;
    list-style: none;
    margin: auto;
    padding: 8px 8px;
    position: relative;
}

#subnav-inner li:first-child
{
    background: none;
}

#subnav-inner li a,
#subnav-inner li a:visited
{
    color: White;
    text-decoration: none;
}

#subnav-inner li a:hover
{
    text-decoration: underline;
}

/*******************************************************************
/* Zoomify (Products Page)
/*******************************************************************/

#zoomify-holder
{
    padding: 30px 19px;
}

#zoomify-left
{
    background: url(../images/prod_left.gif) no-repeat top left;
    float: left;
    height: 283px;
    text-align: left;
    width: 234px;
}

#zoomify-header
{
    color: #4A4036;
    font-size: 13px;
    font-weight: bold;
    padding: 18px 15px;
}

#zoomify-header h1
{
    font-size: 15px;
    margin: 0px;
    padding: 0px;
}

#zoomify-description
{
    padding: 0px 15px;
}

#flashcontent
{
    border: 1px solid black;
    float: left;
    height: 278px;
    margin: 0px;
    padding: 0px;
    width: 352px;
}

#zoomify-right
{
    background: url(../images/prod_right.gif) no-repeat top left;
    float: left;
    height: 283px;
    text-align: left;
    width: 234px;
}

#zoomify-change-header
{
    font-size: 8pt;
    padding: 0px;
    padding-left: 26px;
    padding-top: 6px;
}

#zoomify-change-thumbs
{
    padding-left: 15px;
}

.zoomify-thumb
{
    border: 1px solid #C0C0C2;
    float: left;
    height: 70px;
    margin: 0px;
    margin-left: 11px;
    margin-top: 11px;
    padding: 0px;
    width: 88px;
}

.zoomify-thumb:hover
{
    border: 1px solid black;
    cursor: pointer;
}

.zoomify-thumb img
{
    height: 70px;
    width: 88px;
}

#zoomify-footer
{
    background: url(../images/grey_bar.gif) no-repeat bottom left;
    color: #1A4658;
    font-size: 8pt;
    margin: 0px;
    padding: 0px 255px 21px 0px;
    text-align: right;
}

#zoomify-footer a,
#zoomify-footer a:visited
{
    text-decoration: underline;
}

#zoomify-footer a:hover
{
    text-decoration: none;
}

}

@media print {
	#page-top,
	#page-shadow,
	#footer	{
		width: 90%;
	}

	#icon-bar,
	#flash-holder,
	#content-holder,
	#content-holder-noflash,
	#footer,
	#sub-nav {
	    width: 100%;
	}

	#icon-bar-left,
	#zoomify-left,
	#zoomify-right {
	    width: auto;
	}

	#flashcontent {
	    width: 352px;
	}
}
