/* -------------------------------------------------------------------------- */

body, td, input 
{
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
    color: #333333;
}

/* -------------------------------------------------------------------------- */

html
{
    height: 100.02%;
}

body
{
    margin: 0;
    padding: 0;
    background-color: #DDDDDD;
    background-image: url('../bg-main.gif');
    background-repeat: repeat-x;
}

#box
{
    margin: 0 auto;
    padding: 0;
    width: 770px;
    background-color: #FFFFFF;
    background-image: url('../bg-content.gif');
    background-repeat: repeat-y;
}

#header
{
    margin: 0;
    padding: 0;
    height: 124px;
    background-image: url('../bg-header.gif');
    background-repeat: repeat-y;
}

#logo
{
    margin: 10px 0 0 25px;
    padding: 0;
}

#banner
{
    margin: 0 0 0 25px;
    padding: 0;
}

#content
{ 
    clear: both;
    margin: 0;
    padding: 0;
    background-image: url('../bg-content-top.gif');
    background-repeat: no-repeat;
}

#footer
{                                                       
    margin: 15px 0 0 0;
    padding: 0;
    height: 75px;
    background-image: url('../bg-footer.gif');
    background-repeat: no-repeat;
    background-position: 0 100%;
}

#footer a
{
    color: #999999;
    text-decoration: none;
}

#footer a:hover
{
    color: #333333;
    text-decoration: underline;
}

/* -------------------------------------------------------------------------- */

#nav-top
{
    float: right;
    display: inline;
    margin: 85px 25px 0 0;
    padding: 0;
    font-size: 13px;
    line-height: 25px;
    font-weight: bold;
    color: #4D4B4D;
}

#nav-top a
{
    padding: 6px;
    color: #4D4B4D;
    text-decoration: none;
}

#nav-top a:hover
{
    color: #FFFFFF;
    background-color: #333333;
}

/* -------------------------------------------------------------------------- */

#nav-side
{
    float: right;
    display: inline;
    width: 200px;
    margin: 0 25px 0 0;
}

.nav-side-link
{
    display: block;
    margin: 0 0 1px 0;
    padding: 6px 9px 6px 9px;
    background-color: #DDDDDD; 
    color: #333333;
    text-decoration: none; 
}

.nav-side-link:hover, .nav-side-link-sel, .nav-side-link-sel:hover
{
    display: block;
    margin: 0 0 1px 0;
    padding: 6px 9px 6px 9px;
    background-color: #333333;  
    color: #DDDDDD;
    text-decoration: none; 
}

.nav-side-thumb
{
    float: left;
    margin: 0 15px 15px 0;
    padding: 9px;
    background-color: #DDDDDD;
    border: 1px solid #C8C8C3;
    text-align: center;
    color: #333333;
    text-decoration: none;
}

.nav-side-thumb:hover
{
    background-color: #333333;
    border: 1px solid #333333;
    color: #FFFFFF;
}

.nav-side-thumb img
{
    margin: 0 0 9px 0;
}

.nav-side-thumb span
{
    display: block;
    width: 210px; 
    height: 139px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: #FFFFFF;
}


/* -------------------------------------------------------------------------- */

.text
{
    margin: 0 0 0 25px;
    width: 500px;
    line-height: 1.6em;
}

.text-wide
{
    margin: 0 0 0 25px;
}

h2
{
    margin: 0 0 2em 0;
    padding: 5px;
    border-bottom: 1px solid #333333;
    font-size: 13px;
    font-weight: bold;
}

#product
{
    margin: 0 0 15px 0;
    padding: 9px;
    background-color: #DDDDDD;
    border: 1px solid #C8C8C3;
}

#product-description
{
    margin: 0 0 15px 0;
    padding: 0;
    font-size: 13px;
}

#product-options
{
    margin: 0 0 15px 0;
    padding: 15px;
    background-color: #EFEFEF;
    border: 1px solid #C8C8C3;
}

.accent
{
    float: right;
    margin: 0 0 10px 10px;
    padding: 9px;
    background-color: #EFEFEF;
    border: 1px solid #CCCCCC;
}

.link
{
    padding-bottom: 1px;
    text-decoration: none;
    color: #000066;
    border-bottom: 1px dotted #000066;
}

.link:hover
{
    color: #0000FF;
    border-bottom: 1px solid #0000FF;
}

/* -------------------------------------------------------------------------- */

#col-one
{
    float:left;
    display: inline;
    margin: 15px 0 15px 25px;
    padding: 0;
    width: 230px;
    text-align: justify;
    line-height: 1.6em;
}

#col-two
{      
    float:left;
    display: inline;
    margin: 15px 0 15px 15px;
    padding: 0;
    width: 230px;
    text-align: justify;
    line-height: 1.6em;
}

#col-three
{
    float:right;
    display: inline;
    margin: 15px 25px 15px 0;
    padding: 0;
    width: 230px;
    text-align: justify;
    line-height: 1.6em;
}

#col-one strong, #col-two strong, #col-three strong
{
    font-size: 16px;
}

#col-one img, #col-two img, #col-three img
{
    margin: 0 15px 5px 0;
    padding: 0;
}

/* -------------------------------------------------------------------------- */

.collection
{
    display: block;
    margin: 0 0 5px 0;
    padding: 6px 6px 6px 6px;
    background-color: #EFEFEF; 
    text-decoration: none; 
    color: #333333;
}

.collection:hover
{
    background-color: #333333;  
    color: #DDDDDD;  
}

.collection-title
{
    font-weight: bold;
    font-size: 13px;
    line-height: 1.6em;
}

.collection-description
{
    
}

/* -------------------------------------------------------------------------- */

#footer
{
    color: #999999;
    text-align: center;
    line-height: 50px;
}

/* -------------------------------------------------------------------------- */

.form_label {
	margin: 0 0 5px 0;
}

.form_field {
	margin: 0 0 15px 0;
}

.boxes {
	margin: 0;
	padding: 3px;
	background-color: #EFEFEF;
	font-family: verdana, Arial, Helvetica, sans-serif;;
	font-size: 11px;
	color: #333333;
	border-left: 1px solid #6B767F;
	border-top: 1px solid #6B767F;
	border-right: 1px solid #B4C6D5;
	border-bottom: 1px solid #B4C6D5;
}

.buttons {
	margin: 15px 0 0 0;
	padding: 6px;
	width: 150px;
	font-weight : bold ;
	font-family: verdana, Arial, Helvetica, sans-serif;;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 5px;
	color : #FFFFFF ;
	background-color : #818F9A ;
	border-left: 1px solid #99A9B6;
	border-top: 1px solid #99A9B6;
	border-right: 1px solid #6B767F;
	border-bottom: 1px solid #6B767F;
}

.confirm
{
    margin: 0 0 25px 0;
    padding: 10px 15px 10px 15px;
    font-weight: bold;
    background-color: #009900;
    color: #FFFFFF;
}

.errors
{
    margin: 0 0 25px 0;
    padding: 10px 15px 10px 15px;
    font-weight: bold;
    background-color: #CC0000;
    color: #FFFFFF;
}

/* -------------------------------------------------------------------------- */