/* Begin client CSS

Copy the entire contents of the client's main css file and paste it below.

This file should be renamed to clientdoman.css.  Change includes/sts_template.html to read clientdomain.css 

*/

/* This style sheet controls how the site is displayed.  It defines font styles, colors, sizes; site colors; etc... */
ADDRESS, BLOCKQUOTE, BODY, CAPTION, CENTER, DD, DIR, DIV, DL, DT, FORM, LI, MENU, OL, P, PRE, TD, TH, TR, UL {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: black;
font-size: 11px;}

A {cursor: pointer;
background: transparent;}

ADDRESS {font-style: italic;}

BIG {font-size: 15px;}

BLOCKQUOTE {font-style: italic;}

BODY {
	background: #036;
    background-image: url(../images/bg_tile.jpg);
	margin : 0 0 0 0;
	padding: 0 0 0 0;
}

DT {font-weight: bold;}

FORM {margin: 0 0 0 0;}

/* Important!

The H tags below are styled differently than the H tags in the Contribute site's ksentry.css file.  This is so osCommerce's use of H tags matches the headings the ksentry.css file creates with BIG and #rule classes

*/

H1, H2, H3, H4, H5, H6 {font-weight: bold;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000;}

H1 {font-size: 15px;
border-bottom: 1px solid #000;}

H2 {font-size: 14px;}

H3 {font-size: 13px;}

H4 {font-size: 12px;}

H5 {font-size: 11px;}

H6 {font-size: 10px;}

OL {list-style: decimal;}

UL UL OL OL, UL OL UL OL, OL UL OL OL, OL OL UL OL, OL UL OL, OL OL {list-style: lower-alpha;}

OL UL OL OL, OL OL UL OL, UL OL OL OL, OL OL OL {list-style: lower-roman;}

OL OL OL OL {list-style: decimal;}

SMALL, SUB, SUP {font-size: 10px;}

TEXTAREA {cursor: text;}

TD {margin-left: 0;}

TH {font-weight: bold;
text-align: center;
margin-left: 0;}

/*UL, MENU, DIR {list-style: disc;}

UL UL, OL OL UL UL, OL UL OL UL, UL OL OL UL, OL UL UL, UL OL UL {list-style: circle;}

OL UL UL UL, UL OL UL UL, UL UL OL UL, UL UL UL {list-style: square;}

UL UL UL UL {list-style: disc;}*/

/* This controls the color and font of standard text links */

A:link {color: #036;
text-decoration: none;}

A:visited {color: #572020;
text-decoration: none;}

A:active {color: #036;
text-decoration: none;}

A:hover {color: #572020;
text-decoration: none;}

A.footer_links:link {color: #036;
text-decoration: none;}

A.footer_links:visited {color: #572020;
text-decoration: none;}

A.footer_links:active {color: #036;
text-decoration: none;}

A.footer_links:hover {color: #572020;
text-decoration: underline;}

/* Below is specific to Krueger Sentry Gauge pages */

.footer {font-size: 10px; color: #fff;}

.burgandy {color: #572020;
background-image: url(../images/burgandy.gif);}

.tan {color: #eae3d9;
background-image: url(../images/tan.gif);}

.blue {color: #036;}

#rule {background-image: url(../images/burgandy.gif);
height: 1px;
width: 100%;
margin: 5px 0 10px 0;}

#footer_nav, #contact_info {margin: 0 0 0 0;
padding: 10px 10px 10px 10px}

.content_area {background-color: #fff;
padding: 10px;}

.oscomm_content {padding: 20px;}

BODY.admin {background: #fff;
margin : 0 0 0 0;
padding: 0 0 0 0;}

/* Styles for Rep Search */

.rep_tableheading {
color: #fff;
background-color: #003366;
font-size: 14px;
padding: 2px;}

/* End Styles for Rep Search */

/* End client specific CSS */

/* Begin osCommerce - The styles below are specific to osCommerce elements.  Change them to match the site */

.sidehead {margin: 0px;
padding: 0px;
color: #000;}

.sidehead a:link, .sidehead a:visited, .sidehead a:active {color: #036;}

.sidehead a:hover {color: #572020;}

.prod_img a img, .productListing-data a img {border: 1px solid #000;}

/* Fonts for the top-level menu items */

.menu, .menugroup, .menuhead, .menuhead_over, .menu_here {font-size: 14px;
font-weight: bold;
text-decoration: none;}

/* Fonts for the sub-menu items */

.subcat, .submenu_here {font-size: 12px;
font-weight: bold;
text-decoration: none;}

/* Change the background of the Quick Find, Shopping Cart, etc. boxes here */
.menugroup_solid {background-color: #b9a589;
border: 1px solid #572020;
padding: 0px;
margin: 0 0 15 0px;}

/* menugroup is the container that the navigation items sit in */
.menugroup {list-style-type: none;
background-color: #b9a589;
border: 1px solid #572020;
color: #572020;
text-align: left;
margin: 0 0 15 0px;}

.menugroup li {list-style: none inside none;
margin: 0px;}

.menugroup ul {margin: 0px; padding:0px;}
    
/* menuhead items are the top-level navigation buttons.  Style them here */

.menu {margin: 4px;}

/* Color of a resting menu item */

.menuhead {color: #036;}

.menuhead a:link, .menuhead a:visited, .menuhead a:active {color: #036;}

.menuhead_over a:link, a:visited, a:active {color: #036;}

/* Color of a top-level menu item hover */
.menuhead a:hover {color: #ccffcc;}

.menuhead_over a:hover {color: #ccffcc;}

/* Color of a top-level menu item when you are on its page */	
.menu_here {color: #572020;
background-color: #eae3d9;}

/* subcat styles control the items that show under a top-level navigation item.  Style them here */

p.subcat {color: #000;
position:relative;
text-align:left;
z-index:3;}
    
.subcat a:link, .subcat a:visited, .subcat a:active {color: #003366;}

.subcat a:hover {color:#572020;}
 
/* Color of a top-level menu item when you are on its page */	   
.submenu_here {color: #572020;
background-color: #eae3d9;}
    

/* osCommerce breadcrumb styles */
#bread {text-align:right;
font-size:.9em;
color: #036;
position:relative;
margin: 0px;}

#bread a:link, a:visited, a:active {color: #003366;
text-decoration:none;
font-size:.9em;}

#bread a:hover {color: #572020;
text-decoration:none;
font-size:.9em;}

/* These lines appear above and below breadcrumb items */
    
.lineb {border-bottom:1px solid #000;
    margin:0px;
    margin-left:240px;
    padding:2 0 2 0px;
    font-weight:normal;
    position:relative;}
    
/*.linet {border-top:1px solid #000;
    margin:2px;
    margin-left:240px;
    padding:2 0 2 0px;
    font-weight:normal;
    position:relative;}*/
	
/* This is how the price of the item is displayed */
    
.prices {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #000;
    margin-bottom:0px;
	padding:0px;
	vertical-align:bottom;
	margin-top:5px;}
    
/* OTF contrib begins */
/* DDB - 041031 - Form Field Progress Bar */
.progress{
  width: 1px;
  height: 14px;
  color: white;
  font-size: 12px;
  overflow: hidden;
  background-color: navy;
  padding-left: 5px;}
}
/* OTF contrib ends */


@media print{
    .menugroup {border:0px;}
    .menuhead {border:0px;}
    }
	
/* End osCommerce syles */
