/* Begin PAGE Styles */

body
{
    padding: 0px;
    margin: 0px;
}

*
{
    padding: 0px;
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
}

h1
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-large;
}

h2
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: large;
    color: #993333;
}

* a
{
    text-decoration: none;
    color: #000000;
}

* a:hover
{
    text-decoration: none;
    color: #800000;
}

* a:visited
{
    text-decoration: none;
    color: #000000;
}

#PageWrapper
{
    margin: 0px;
    width: 100%;
}

/* End PAGE Styles */
/* ------------------------------------------------------------------------------------- */
/* Begin HEADER Styles */

#Header
{
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 140px;
    background-image: url(/Images/HeaderSliceKH.gif);
    border-bottom-style: ridge;
    border-bottom-width: medium;
    border-top-style: ridge;
    border-top-width: medium;
}

#HeaderLogo
{
    padding: 0px;
    margin: 0px;
    width: 600px;
    height: 140px;
    background-image: url(/Images/HeaderKH.gif);
}

#HeaderText
{
    position: relative;
    padding: 0px;
    margin: 0px;
    color: #CCCCCC;
    clear: left;
}

/* End HEADER Styles */
/* ------------------------------------------------------------------------------------- */
/* Begin MAIN MENU Styles */

#MenuWrapper
{
    position: relative;
    top: 109px;
    left: 195px;
    width: 150%;
    padding: 2px 2px 2px 2px;
}

/* Main horizontal menu */
.MainMenu
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: bold;
}

.MainMenu a
{
    text-decoration: none;
    color: Black;
}

.MainMenu a:hover
{
    text-decoration: underline overline;
    color: Black;
}

/* End MAIN MENU Styles */
/* ------------------------------------------------------------------------------------- */
/* Begin LOGIN BOX Styles */

.LoginBox
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    color: #000000;
    font-weight: bold;
}

/* End LOGIN BOX Styles */
/* ------------------------------------------------------------------------------------- */
/* Begin PRODUCT MENU Styles */

.ProductMenu
{
    padding: 2px 2px 2px 2px;
    font-family: Arial, Helvetica, sans-serif;
}

.ProductMenu a
{
    color: #000000;
}

.ProductMenu a:hover, a:active
{
    color: #800000;
}

/* End PRODUCT MENU Styles */
/* ------------------------------------------------------------------------------------- */
/* Begin SITEMAPPATH Styles */

.Breadcrumbs
{
    padding: 2px 2px 2px 2px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #000000;
    width: 100%;
}

/* End SITEMAPPATH Styles */
/* ------------------------------------------------------------------------------------- */
/* Begin MAIN CONTENT Styles */

/* column container */
.ColWrapper
{
    position: relative; /* This fixes the IE7 overflow hidden bug and stops the 
                            layout jumping out of place */
    clear: both;
    float: left;
    width: 100%; /* width of whole page */
    overflow: hidden;
    height: 100%;
}
/* 3 column settings */
.ThreeCol
{
    background-position: right bottom;
    background-image: url(/Images/rightcol_bg_quality20_repeat.jpg);
    background-repeat: repeat;
    height: 100%;
}

.ThreeCol .ColMid
{
    float: left;
    width: 200%;
    margin-left: -200px; /* Width of right column */
    position: relative;
    right: 100%;
    background-color: #FFFFFF; /* Center column background color */
    background-image: url(/Images/leftcol_bg_quality20_repeat.jpg);
    background-repeat: repeat-y;
    background-attachment: fixed;
    height: 100%;
}

.ThreeCol .ColLeft
{
    float: left;
    width: 100%;
    margin-left: -50%;
    position: relative;
    left: 400px; /* Left column width + right column width */
    background-position: right top;
    background-image: url(/Images/leftcol_bg_quality20.jpg);
    min-height: 660px;
    border-right-style: ridge;
    font-size: 12px;
    background-repeat: no-repeat;
    height: 100%;
}

.ThreeCol .Col1Wrap
{
    float:left;
    width:50%;
    position:relative;
    right:200px;        	/* Width of left column */
    padding-bottom:1em; 	/* Center column bottom padding. 
                                Leave it out if it's zero */
    height: 100%;
}

/* Center column */
.ThreeCol .Col1
{
    /* Center column side padding:
            Left padding = left column width + Center column left padding width
            Right padding = right column width + Center column right padding width */
    margin: 0 200px;
    position: relative;
    left: 200%;
    overflow: hidden;
    font-size: 14px;
    padding-right: 15px;
    padding-left: 15px;
    min-height: 690px;
    border-right-style: ridge;
}

.Col1 div.hyperlink a
{
    color: #000000;
    text-decoration: none;
}

/* Left column */
.ThreeCol .Col2
{
    float: left;
    float: right; /* This overrides the float:left above */
    width: 200px; /* Width of left column content 
                    (left column width minus left and right padding) */
    position: relative;
    height: 100%;
}

/* Right column */
.ThreeCol .Col3
{
    float: left;
    float: right; /* This overrides the float:left above */
    width: 200px; /* Width of right column content 
                    (right column width minus left and right padding) */
    margin-right: 0px; /* Compensates for padding in rest of layout */
    position: relative;
    left: 50%;
    min-height: 660px;
    background-image: url(/Images/rightcol_bg_quality20.jpg);
    height: 100%;
}

/* End MAIN CONTENT Styles */
/* ------------------------------------------------------------------------------------- */
/* Begin FOOTER Styles */

#Footer
{
    padding: 0px;
    width: 100%;
    height: 62px; /* Used for sticky footer - but existed prior */
    background-image: url(/Images/FooterSliceKH.gif);
    visibility: visible;
    clear: both; /* Used for sticky footer - but existed prior */
    float: left;
    position: relative; /* Used for sticky footer - http://www.cssstickyfooter.com */
    margin-top: -62px;
}

.FooterMenu
{
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-transform: capitalize;
    color: #FFCC00;
}

.FooterMenu a
{
    text-decoration: none;
    color: #000000;
}

.FooterMenu a:hover
{
    color: #666666;
}

/*  Sticky Footer Solution by Steve Hatcher http://stever.ca http://www.cssstickyfooter.com */

/* This was already part of my CSS- * {margin:0;padding:0;} -*/

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, form, #wrap {display: table; height: 100%;} /* display:table added for IE8 */

form > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 62px;}  /* must be same height as the footer */

/*  I incorporated this into the .Footer
#footer {position: relative;
	margin-top: -62px;
	height: 62px;
	clear:both;} 
*/

/* CLEAR FIX*/
.clearfix:after
{
    content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* End FOOTER Styles */
/* ------------------------------------------------------------------------------------- */
/* Begin PRODUCT DETAIL PAGE Styles */

.DetailContainerDiv
{
    width: 100%;
}

.DetailPartNameDiv
{
}

.DetailContainerImageDescDiv
{
}

.DetailContainerImageDiv
{
    float: left;
    width: 330px;
    margin-left: 10px;
}

.DetailImageMainDiv
{
    width: 330px;
    text-align: center;
}

.DetailImageGalleryDiv
{
    width: 330px;
}

.DetailContainerDescDiv
{
}

.DetailProductDescDiv
{
    padding-bottom: 8px;
}

.DetailContainerReqInfoDiv
{
}

.DetailRequestInfoDiv
{
    padding-top: 6px;
    padding-bottom: 6px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.DetailContainerFeatDimDiv
{
}

.DetailFeaturesDiv
{
    float: left;
    margin-top: 15px;
    margin-bottom: 5px;
}

.DetailDimensionsDiv
{
    float: right;
    border: thin ridge #CCCCCC;
    margin-top: 15px;
    margin-bottom: 5px;
    padding: 5px;
    background-color: #FFFFCC;
    font-size: small;
    font-family: Arial, Helvetica, sans-serif;
}

.DetailDownloadsDiv
{
    float: right;
    margin-bottom: 5px;
    padding: 5px;
    font-size: x-small;
    font-family: Arial, Helvetica, sans-serif;
    width: 300px;
}

.DetailSeparatorRuleDiv
{
    float: left;
    width: 100%;
}

.DetailOptionsDiv
{
    clear: both;
    width: 100%;
    text-align: center;
}

/* End PRODUCT DETAIL PAGE Styles */
/* ------------------------------------------------------------------------------------- */
/* Begin PRODUCT SUBCATEGORY PAGE Styles */



/* End PRODUCT SUBCATEGORY PAGE Styles */
/* ------------------------------------------------------------------------------------- */
/* Begin PRODUCT CATEGORY PAGE Styles */

.CatContainerDiv
{
    width: 100%;
}

.CatNameDiv
{
}

.CatContainerImageDescDiv
{
}

.CatImageMainDiv
{
    float: left;
    width: 330px;
    text-align: center;
}

.CatContainerDescDiv
{
}

.CatDescDiv
{
    padding-bottom: 8px;
}

.CatFeaturesDiv
{
    float: left;
    margin-top: 15px;
    margin-bottom: 5px;
}


.CatSeparatorRuleDiv
{
    float: left;
    width: 100%;
}

.CatOptionsDiv
{
    clear: both;
    width: 100%;
    text-align: center;
}

/* End PRODUCT CATEGORY PAGE Styles */
/* ------------------------------------------------------------------------------------- */
/* Begin MISC Styles */

hr
{
   color: #b45d16;
}

#BannerAdBox
{
    border: 2px inset #CCCCCC;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 5px;
    text-align: center;
    background-color: #FFFFFF;
    color: Black;
}

.Headline
{
    height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: bold;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: #FF9900;
}

.NewsContent
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    vertical-align: top;
    padding: 2px;
}

.AccordianHeader
{
    padding: 3px 3px 3px 6px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    background-image: url(/Images/Accordian-golddark2.gif);
    background-repeat: repeat-x;
    height: 15px;
}

.AccordianContent
{
    padding: 3px 3px 6px 6px;
    background-color: #FFFFCC;
}

.modelbox
{
    padding: 2px 4px 2px 4px;
    min-width: 50px;
    font-weight: bold;
    font-size: small;
}

.sectiontitle
{
    padding: 6px 6px 6px 3px;
    color: #FFCC00;
    background-color: #000000;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom-style: inset;
    border-bottom-width: thin;
    border-bottom-color: #FFCC00;
}

.searchResults
{
    font-family: Arial, Helvetica, sans-serif;
    color: #0000FF;
}

.bulletedList
{
    list-style-position: outside;
    margin: 10px 4px 0px 20px;
}

#container
{
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

#container .box
{
    padding: 4px;
    border: thin solid #C0C0C0;
    color: black;
    float: left;
    margin: 0.5em;
    text-align: center;
    min-height: 50px;
    min-width: 150px;
    width: 20%;
}

/* End MISC Styles */
/* ------------------------------------------------------------------------------------- */