/* +++++++++ HTML Selectors ++++++++ */

body {text-align: center; margin: 0; padding: 0; }
	
p  { color: #666; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-variant: normal; font-weight: normal }	
	
h1 { color: #fff; font-size: 16px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; }	

/* +++++++++ Page Components ++++++++ */
		
#wrapper  { text-align: left; margin-right: auto; margin-left: auto; padding-top: 15px; padding-bottom: 25px; width: 899px }		
#header   { margin-bottom: 3px; width: 895px; height: 108px }
	
#content   { margin: 0 0 10px 211px; position: relative; width: 682px; height: 260px }

#content2  { margin: 0 0 10px 211px; position: relative; width: 682px; }

#content2Faux  { margin: 0 0 10px 0px; position: relative; width: 895px; }

/*   #contentFullBody   { margin: 12px; padding: 12px; width: 642px; height: auto }    */

.insideH1    { color: #f47735; font-size: 16px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; margin: 0 0 15px }

/*  Begin Five Product Categories */

.fiveCategoriesContainer ul  { color: black; font-size: 16px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-align: center; margin-top: 0; margin-left: 0; padding-top: 3px; padding-bottom: 3px; padding-left: 0; width: 100% }

.fiveCategoriesContainer ul li { display: inline; padding-left: 0; padding-right: 0; padding-bottom: 5px;
 /* matches link padding except for left and right */
 padding-top: 5px;
 }

.fiveCategoriesContainer ul li a { padding-left: 30px; padding-right: 30px; padding-bottom: 3px; padding-top: 3px;
 color: black; text-decoration: none; border-right: 0px solid #fff;
 }

.fiveCategoriesContainer ul li a:hover { background-color: #f47735; color: white;
 }
 
.fiveCategoriesContainer2 ul  { color: black; font-size: 16px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-align: center; margin-top: -10px; margin-left: 0; margin-bottom: -5px; padding-top: 3px; padding-bottom: 3px; padding-left: 0; width: 100% }

.fiveCategoriesContainer2 ul li { display: inline; padding-left: 0; padding-right: 0; padding-bottom: 1px;
 /* matches link padding except for left and right */
 padding-top: 5px; }

.fiveCategoriesContainer2 ul li a { padding-left: 3px; padding-right: 3px; padding-bottom: 2px; padding-top: 3px;
 color: white; text-decoration: none; border-right: 0px solid #fff; }

.fiveCategoriesContainer2 ul li a:hover { background-color: #f47735; color: white; }

/* End Five Product Categories */

/* Content Pane Home Page*/
.content2Top  { background-image: url("images/content2Top.jpg"); background-repeat: no-repeat; width: 100%; height: 12px; overflow: hidden }

.content2Center  { background-image: url("images/content2Center.jpg"); background-repeat: repeat-y; width: 100%; height: 162px; }

.content2Bottom  { background-image: url("images/content2Bottom.jpg"); background-repeat: no-repeat; width: 100%; height: 14px; overflow: hidden }
/* END Content Pane Home Page */

/* Content Pane Inside Pages*/
.content2InsideTop  { background-image: url("images/content2Top.jpg"); background-repeat: no-repeat; width: 100%; height: 12px; overflow: hidden }

.content2InsideCenter  { background-image: url("images/content2Center.jpg"); background-repeat: repeat-y; padding: 25px; width: auto; min-height: 382px }

.content2InsideCenter p  { line-height: 2em; padding-bottom: 13px }

.content2InsideCenter li { font: 10px/2em Verdana, Arial, Helvetica, sans-serif; padding-bottom: 13px }

.content2InsideBottom  { background-image: url("images/content2Bottom.jpg"); background-repeat: no-repeat; width: 100%; height: 14px; overflow: hidden; margin-bottom: 10px }

/* END Content Pane Inside Pages*/

/* Faux Columns */
.fauxColumnsTop  { background-image: url("images/fauxColumnsTop.jpg"); background-repeat: no-repeat; width: 100%; height: 12px; overflow: hidden }

.fauxColumnsCenter   { background-image: url("images/fauxColumnsCenter.jpg"); background-repeat: repeat-y; padding: 25px 40px 350px 250px; width: auto; min-height: 410px; }

.fauxColumnsCenter p  { line-height: 2em; padding-bottom: 13px; }

.fauxColumnsCenterL   { line-height: 2em; padding-bottom: 13px; float: left; padding-right: 80px; }

.fauxColumnsCenterR   { line-height: 2em; padding-bottom: 13px; }  

.fauxColumnsCenter li {  font-size: 11px; line-height: 1.4em; font-family: Verdana, Arial, Helvetica, sans-serif; color: #666; padding: 0 50px 13px 0; }

.fauxColumnsCenter img  { padding: 9px; border-top: 1px dotted #f93; border-right: #f93; border-bottom: 1px dotted #f93; border-left: #f93;  }

.fauxColumnsBottom  { background-image: url("images/fauxColumnsBottom.jpg"); background-repeat: no-repeat; width: 100%; height: 14px; overflow: hidden; margin-bottom: 10px; }

/* END Faux Columns */

#footer  { clear: both; color: #fff; width: 895px; height: 39px; margin: 0 0 0 0;  }

#footerInside { clear: both; color: #fff; width: 895px; height: 39px; margin: -10px 0 0 0; }

.footerLeft  { color: #fff; background-image: url("images/footerLeft.jpg"); background-repeat: no-repeat; width: 12px; height: 39px; float: left }

.footerCenter   { color: #fff; background-image: url("images/footerCenter.jpg"); background-repeat: repeat-x; width: 869px; height: 39px; float: left }

.footerRight    { color: #fff; background-image: url("images/footerRight.jpg"); background-repeat: no-repeat; width: 14px; height: 39px; float: right }


/* +++++++++ Classes ++++++++ */


.menuArea    { color: #fff; background-color: white; display: block; margin: 0; padding: 0; width: 203px; height: 457px; float: left }

.menuArea2   { color: #fff; display: block; margin: 0; padding: 0; position: absolute; top: 12px; right: 0; bottom: 0; left: 0; width: 203px; height: 457px; float: left }

.menuTop { background-image: url("images/menuTop.jpg"); background-repeat: no-repeat; width: 100%; height: 11px; overflow: hidden }

.menuCenter { color: #fff; background-color: #f47735; background-image: url("images/menuCenter.jpg"); background-repeat: repeat-y; width: 100%; height: 435px; }

.menuBottom { background-image: url("images/menuBottom.jpg"); background-repeat: no-repeat; width: 100%; height: 11px; overflow: hidden }	

.menuAreaNav { color: #fff; background-color: #f47735; z-index: 100; width: 200px; height: 222px; }

.menuAreaPromo  { color: #000; background-color: #f47735; z-index: 100; width: 200px; height: 132px }

/*    .menuAreaPromoText h1 { background-color: #f47735;  padding: 2px 0 1px 0 }      */

.menuAreaPromoTextHeader  { color: #fff; font-size: 16px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; font-stretch: expanded; margin: 2px 5px 0 10px }

.menuAreaPromoText { color: #000; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.7em; margin: 1px 10px 0; padding: 0; height: 50px; overflow: hidden }

.menuAreaPromoText a:link { color: #000; }
.menuAreaPromoText a:visited { color: #000; }
.menuAreaPromoText a:hover { color: #fff; }
.menuAreaPromoText a:active { color: #000; }

.footerText { color: white; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: transparent; margin: 10px 0 0 10px; padding: 0px; vertical-align: middle }


/* +++++++++ Hypertext Links ++++++++ */


a:link { 
        color: #f47735;
        }
        
a:visited {
        color: #f47735;
        }
        
a:hover {
        color: #ccc;
        background-color: #333;
        text-decoration: none;
        }
        
a:active {
        color: #333;
        }
        
        
        
.menuAreaPromoText a:link { 
        color: #fff;
        }
        
.menuAreaPromoText a:visited {
        color: #000;
        }
        
.menuAreaPromoText a:hover  { color: #000; text-decoration: none; background-color: #f47735 }
        
.menuAreaPromoText a:active {
        color: #000;
        }
        
  
.footerText a:link { color: #fff; text-decoration: none }

.footerText a:visited { color: #fff; text-decoration: none }

.footerText a:hover { color: #fff; text-decoration: none }

.footerText a:active { color: #fff; text-decoration: none }

        

