/* CSS Document */

H1 { font-size:15px; }
H2 { font-size:14px; }
H3 { font-size:13px; }

.yellowHeader {color: #FDCC10; font-weight: normal; }

.bodyText { font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; line-height: 17px; color: #4c4c4c; }
.greyText2 { font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; line-height: 17px; color: #9D9D9D; }
a.bodyText: Link { color: #2c2c2c; }
a.bodyText: visited { color: #2c2c2c; }
a.bodyText: hover { color: #8c8c8c; }

.bodyTextBold { color: #3c3c3c; font-weight: bold; }
.greyTextBold { color: #9D9D9D; font-weight: bold; }

.leftImagePad { margin-right: 5px; }
.rightImagePad { margin-left: 5px; }
.leftLinkIconPad { margin: 0px 10px 20px 0px; }
.contentSeparator { background-image:url(../images/mainContentSeperator.gif); background-repeat: repeat-x; margin: 10px 0px 10px 0px}













body { font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; background: url(../images/mainBG.gif) repeat-x top left #000; margin: 0; padding: 0; color: #4c4c4c; }
#stretch { width: 100%; min-height: 602px; background: url(../images/holderRightBG.gif) no-repeat top right; margin: 0 auto;	text-align: left; }
#holderLeft { width: 880px; min-height: 602px; background: url(../images/mainBG.gif) repeat-x top left; margin: 0px; text-align: left; }
#container { width: 845px; margin: 0 auto; text-align: left; float:right; overflow:hidden }
* html #container { width: 846px; }
#logoDiv { width: 187px; height: 135px; background: url(../images/logo.gif) no-repeat top left #000; }
#leftPaneDiv { width: 187px; float:left; }
#leftPanePromo { margin: 13px 0px; }
* html #leftPanePromo { margin: 13px 0px 12px 0px; }
#sideMenuDivShort { width:154px; background: #d0d2d3; float:right; min-height:262px;}
#sideMenuDivLong { width:154px; background: #d0d2d3; float:right; height:466px;}
#siteSearchDiv { width: 658px; height: 60px; background: #fdcc10; float:left; }
#breadcrumbDiv { width: 482px; height: 33px; background: #FFF; float:left; }
#breadCrumbPad { margin: 0px 14px 0px 19px; }
#rightPaneDiv { width: 176px; height: 510px; background: url(../images/rightPanHeaderBG.gif) no-repeat top left #fdcc10; padding: 5px 0px; float:right; }
#rightPaneDivNoShadow { width: 176px; background: url(../images/rightPaneHead.gif) no-repeat top left #fdcc10; padding: 5px 0px; float:right; }
#rightPaneDiv2 { width:176px; float:left; height:22px;}
.rightPaneHead { margin:20px 0px 10px 0px; padding: 10px 0px 0px 13ps; background: url(../images/rightPaneHead.gif) no-repeat top left; }
#rightPanePad { margin: 0px 13px 6px 10px; }
#topMenuDivGrey { width: 482px; height: 42px;float:left; background: url(../images/topMenuGreyBG.gif) repeat-x top left; }
#topMenuDivWht  { width: 482px; height: 42px;float:left; background: url(../images/topMenuWhtBG.gif) repeat-x top left; }
#mainContentDiv { width: 482px; height: 467px;float:left; background: url(../images/sideMenuRight.gif) repeat-y top left #FFF; }
* html #mainContentDiv { overflow:hidden; } 
#mainContentPad { margin: 5px 17px 17px 17px; }
#frontPageTextDiv { width: 482px; height: 64px;float:left; background: #d0d2d3; overflow:hidden }
#frontPageTextPad { margin: 5px 17px 17px 17px; }
#frontPageImgDiv { width: 482px; height: 231px;float:left; background: url(../images/sideMenuRight.gif) repeat-y top left #FFF; text-align:center; }
#frontPageProductMenuDiv { width:636px; height:204px; background: #FFF; float:left; margin: 0px 0px 0px 33px; }
* html #frontPageProductMenuDiv { margin: 0px 0px 0px 16px; }
#frontPageProductMenuTitle { width: 627px; height: 23px; background: url(../images/blackCurveRight.gif) no-repeat top right #000; }
#frontPageProductMenuTitlePad {  padding: 3px 0px 0px 9px; }
#frontPageProductMenuTitleLeft { height: 23px; background: url(../images/blackCurveLeft.gif) no-repeat top left; }
.frontPageFeaturedImages { width:100%; text-align:right; background-color:#FFF; }
#footer { width: 845px; font: 10px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #666666; }
#footerLeft { float: left; margin: 10px 33px; }
#footerRight { float:right; text-align:right; margin: 10px 0px; }

.menuDivPointer {margin: 0px;}
* html .menuDivPointer { margin: -4px 0px 0px -1px; }

.header {font-size: 14px}
.title {font-size: 12px}
.wht {color: #FFFFFF}
.yellow {color: #FDCC10}
.black {color: #000000}
.greyText {color: #9D9D9D;}

.redL { text-decoration: none; font-weight: bold; color: #CC3333; font-size: 12px; }
.bold { font-weight: bold; }

.imgProductMenuPromo { float: left; margin: 6px 5px 0px 0px; }
.imgProductMenu { width: 121px; height: 81px; background-position: 0px 0px; text-decoration:none; float: left; margin: 6px 5px 0px 0px; }
a.imgProductMenu:link {}
a.imgProductMenu:visited {}
a.imgProductMenu:hover { background-position: -121px 0px; }
a.imgProductMenu:active {}

.frontPageSideMenu { display: block; width: 148px; height: 20px; padding: 10px 0px 0px 6px; margin: 0px 0px 0px 0px; text-decoration:none; color: #000; background: url(../images/sideMenuSeperator.gif) no-repeat top left; }
* html .frontPageSideMenu { padding: 5px 0px 0px 6px; background: url() no-repeat top left;}
a.frontPageSideMenu:link {}
a.frontPageSideMenu:visited {}
a.frontPageSideMenu:hover { color: #FFF; background-color: #aeb1b3; }
a.frontPageSideMenu:active {}

.mainCatMenu { display: block; width: 148px; height: 20px; padding: 10px 0px 0px 6px; margin: 0px 0px 0px 0px; text-decoration:none; color: #000; background: url(../images/sideMenuSeperator.gif) no-repeat top left; }
* html .mainCatMenu { padding: 5px 0px 0px 6px; background: url() no-repeat top left; }
a.mainCatMenu:link {}
a.mainCatMenu:visited {}
a.mainCatMenu:hover {}
a.mainCatMenu:active {}

.subProductMenu { display: block; padding: 10px 0px 0px 6px; margin: 0px 0px 0px 0px; text-decoration:underline; color: #4c4c4c; }
* html .subProductMenu { padding: 5px 0px 0px 6px; }
a.subProductMenu:link {}
a.subProductMenu:visited {}
a.subProductMenu:hover { color: #666666; }
a.subProductMenu:active {}

.rightPaneLink { display: block; width: 141px; height: 17px; padding: 5px 0px 0px 12px; text-decoration:none; color: #000; background:url(../images/redArrow.gif) bottom 0px no-repeat; overflow:hidden;s }
* html .rightPaneLink { margin: -5px 0px 0px 0px;  }
a.rightPaneLink:link {}
a.rightPaneLink:visited {}
a.rightPaneLink:hover { color: #FFF; background-position: bottom 3px; }
a.rightPaneLink:active {}

.sideMenusSpacer { border:none; margin:0px 0px 0px -6px; padding:7px 0px 0px 0px; }
.sideRightMenusSpacer { border:none; margin:0px 0px 4px 0px; padding:0px; }
* html .sideRightMenusSpacer { margin:-10px 0px 0px 0px; }
.sideRightMenusSpacer2 { border:none; margin:7px 0px 0px 0px; padding:0px; }
* html .sideRightMenusSpacer2 { margin:-3px 0px 0px 0px; }

.topMenuLink { display: block; height: 35px; overflow:visible; padding: 5px 14px 0px 14px; margin: 0px 0px 0px 0px; text-decoration:none; color: #FFF; background:url(../images/topMenuPointer.gif) center 42px no-repeat; float:left; }
a.topMenuLink:link {}
a.topMenuLink:visited {}
a.topMenuLink:hover { color: #fdcc10; background-position: center 22px; }
a.topMenuLink:active {}

.topMenuActiveLink { display: block; height: 35px; overflow:visible; padding: 5px 14px 0px 14px; margin: 0px 0px 0px 0px; text-decoration:none; color: #fdcc10; background:url(../images/topMenuPointer.gif) center 22px no-repeat; float:left; }
a.topMenuActiveLink:link {}
a.topMenuActiveLink:visited {}
a.topMenuActiveLink:hover { color: #fdcc10; background-position: center 22px; }
a.topMenuActiveLink:active {}

.topMenuLinkWht { display: block; height: 35px; overflow:visible; padding: 5px 14px 0px 14px; margin: 0px 0px 0px 0px; text-decoration:none; color: #FFF; background:url(../images/topMenuPointerWht.gif) center 42px no-repeat; float:left; }
a.topMenuLinkWht:link {}
a.topMenuLinkWht:visited {}
a.topMenuLinkWht:hover { color: #fdcc10; background-position: center 22px; }
a.topMenuLinkWht:active {}

.topMenuActiveLinkWht { display: block; height: 35px; overflow:visible; padding: 5px 14px 0px 14px; margin: 0px 0px 0px 0px; text-decoration:none; color: #fdcc10; background:url(../images/topMenuPointerWht.gif) center 22px no-repeat; float:left; }
a.topMenuActiveLinkWht:link {}
a.topMenuActiveLinkWht:visited {}
a.topMenuActiveLinkWht:hover { color: #fdcc10; background-position: center 22px; }
a.topMenuActiveLinkWht:active {}

.footerLink { text-decoration:none; color: #666666; }
a.footerLink:link {}
a.footerLink:visited {}
a.footerLink:hover { color: #999999; }
a.footerLink:active {}

.breadcrumb { text-decoration:none; color: #4c4c4c; }
a.breadcrumb:link {}
a.breadcrumb:visited {}
a.breadcrumb:hover { color: #FDCC10; }
a.breadcrumb:active {}

.viewProduct { text-decoration:none; color: #FFF; font-size:9px; letter-spacing:0px;}
a.viewProduct:link {}
a.viewProduct:visited {}
a.viewProduct:hover { color: #FDCC10; }
a.viewProduct:active {}

.specialProduct { text-decoration:none; color: #FFF; font-size:9px;  letter-spacing:0px; }
a.specialProduct:link {}
a.specialProduct:visited {}
a.specialProduct:hover { color: #FDCC10; }
a.specialProduct:active {}

.featuredProduct { text-decoration:none; color: #000; font-size:9px; letter-spacing:0px;}
a.featuredProduct:link {}
a.featuredProduct:visited {}
a.featuredProduct:hover { color: #FDCC10; }
a.featuredProduct:active {}