/* Bodytext : 1176 */


/* Sub header : 5654 */
h3{
color: #424242;
font-size: 1em;
margin-bottom: 1em;
}

/* Page header : 158378 */
h2 {
font-weight: bold;
color: #767676;
font-size: 14pt;
margin-bottom: 1em;
}

.floatLeft {float:left;}
.floatRight {float:right;}

#leftcolumn {float:left;
	width:180px;
	padding:0px 0px 0px 35px;}
	
#leftcolumn_products {float:left;
	width:150px;
	padding:10px 0px 0px 20px;}
	
#rightcolumn {float:right;
	width:180px;
	padding:0px 35px 0px 0px;}
	
#rightcolumn_products {float:right;
	width:180px;
	padding:10px 60px 0px 0px;}

#floatleft {float:left;
	padding:0px 0px 0px 20px;}
#floatright {float:right;
	padding:0px 20px 0px 0px;
	}

body{
    background-color: white;
    padding: 1em;
    color: #636466;
    font-family: Verdana;
    font-size: 70%;
}

.access{
	display: none;
}

#header h1{
    display: none;
}

h2{
    color: #1953a5;
}

#content h2{
    font-size: 140%;
    margin-top: 14px;
    margin-bottom: 1em;
}

#content h3{
    font-size: 112%;
    margin: 5px;
}

.body-bold { font-weight:bold;
	padding: 5px 5px 5px 5px; 
	 }

#content p{
    margin-bottom: 1em;
}


#content a, #footer a, #right a, #right *{
    color: #1953a5;
}

#right{
    text-align: center;
}

#right h2{
    font-size: 130%;
    color: #636466;
}




#sub {
    font-weight: bold;
}

#sub a{
    color: #636466;
}


#footer{
    font-size: 80%;
}

#footer { 
    float:left;
    margin-top: 20px;
    background-image: url(../../images/template-images/blue_fade.png);
    min-height: 79px; /* 95px - 16px (top padding)*/
    padding-left: 205px;
    padding-top: 16px;
    padding-right: 30px;
	width:640px;
}
#footer_right { 
    float:right;
	padding: 3px 0px 0px 5px;
}

.productInfo_Blue, .brandInfo_Blue 
{
	background-color:#e2eaf7;
	padding-top: 5px;
	padding-bottom: 5px;
	clear: both;
}

.productInfo_White, .brandInfo_White
{
	background-color:white;
	padding-top: 5px;
	padding-bottom: 5px;
	clear: both;
}

.productImage, .brandLogo
{
	float:left;
	margin-right: 5px;
	margin-left: 5px;
}

.productDetails
{
	width: 370px;
	float:left;
}

.brandDetails
{
	width: 350px;
	float:left;
}

.distributorDetails
{
	width: 99%;
	padding: 0;
}

.distributorDetails thead
{
	background-color: #e2eaf7 ;
	text-align:left ;
}

.distributorDetails th
{
	vertical-align: top ;
	border: none;
	margin: 5px;
	padding: 6px;

}

.distributorDetails td
{
	vertical-align: top ;
	border: none;
	margin: 5px;
	border-right: dashed 1px #e2eaf7;
}
/*
.distributorDetails 
{
	clear: both;
}

.distributorInfo
{
	float: left ;
	width: 170px;
}
.distributorAddress
{
	float: left ;
	border-left : dashed 1px black;
	border-right : dashed 1px black;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 5px;
	margin-right: 5px;
	width: 140px;
}

.distributorContact
{
	float: left ;
	width: 100px;
}



*/
address
{
	margin-bottom: 20px;
}

#skipContent
{
	display:none;
}

#wrapper { 
    width:870px; 
	margin-left:auto;
	margin-right:auto;
}

#spacer { 
	height:20px;
}
#header {
    height: 139px;
    margin-bottom: 20px;
}

#container { 
}

#navigation { 
    float:left; 
    width:205px; 
}
#navigation .shadow{
    margin: 0px 0px 0px 12px;
    width: 178px;
    background-image: url(../../images/template-images/menu_shadow.png);
    background-repeat: no-repeat;
    padding:0px 0px 0px 3px;
}


#content { 
    float:left; 
    width:460px; 
}
#content h3 { 
	margin-left:0px;
	padding-bottom:10px;
}

#content ul { list-style: disc; padding: 0px 0px 8px 15px; margin: 0px; }
#content ol { list-style: decimal; padding-left: 15px; margin: 1em 2em; }

#content_search { 
    float:left; 
    width:650px; 
}
#content_search h2{
    font-size: 140%;
    margin-top: 14px;
    margin-bottom: 1em;
}
#content_search h3 { 
	margin-left:0px;
	padding-bottom:10px;
}

#right { 
    float:right; 
    width:191px; /* 205 - 14px */
    padding-left: 14px;
}

#right .action_panel{
    width: 183px;
    background-image: url(../../images/template-images/right_shadow.png);
    background-repeat: no-repeat;
    padding-top: 3px;
    padding-left: 3px;
    margin-bottom: 16px;
}

#right .action_panel img{
	margin-top: 3px;
	padding-right: 6px;
}

#right .action_panel h2{
    width: 177px;
    line-height: 200%;
    background-color: #e2eaf7;
}

#right .action_panel_align_left{
    width: 183px;
    background-image: url(../../images/template-images/right_shadow.png);
    background-repeat: no-repeat;
    padding-top: 3px;
    padding-left: 3px;
    margin-bottom: 16px;
    min-height: 180px;
    text-align: left;
}

#right .action_panel_align_left img{
	margin-top: 3px;
	padding-right: 6px;
}



.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /* slightly enhanced, universal clearfix hack */
.clearfix { display: inline-block; }
/* start commented backslash hack \*/ * html .clearfix { height: 1%; }
.clearfix { display: block; } /* close commented backslash hack */


/* undohtml turns off browser default settings and brings browsers back to a more common start point */
/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved. */
/* http://creativecommons.org/licenses/by/2.0 */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */

/* no list-markers by default, since lists are used more often for semantics */
ul, ol { list-style: none; }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
*, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, textarea, button
{ margin: 0; padding: 0; }

fieldset { border: none; }

/* whoever thought blue linked image borders were a good idea? */
img, a img, :link img, :visited img { border: none; vertical-align:top}

/* de-italicize address */
address { font-style: normal; }

/* more varnish stripping as necessary... */
* { margin: 0; padding: 0; }
/*
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin: 1em 5%; }
li, dd { margin-left: 5%; }
fieldset { padding: .5em; } 
*/
button { background: transparent; border: none; }

td { padding:3px;
	vertical-align:top; }

#tableheads { background-color:#eaecec;
	padding:5px 15px 5px 15px;
	}

#blockquote { margin-left:20px; }

#order-button a, visited, active { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: normal; 
	color: #767676; 
	text-decoration: none;  
	padding: 8px 10px 8px 10px; 
	border: 1px solid #767676; 
	background-color:#eaecec;
	}

#order-button a:hover { 
	color: #FFFFFF; 
	text-decoration: none; 
	background-color: #767676; 
	}