body{ margin:0px; padding:0; text-align:center; font-family:Georgia, serif; font-size: 12px}
body {background-color: #828587; background-image: url()}

#homebox {width: 280px; height: 220px; border: 0px solid #000; }

#homebox a {
display: block;
height: 100%;
width: 100%;
}

#maincol td {text-align: left}

#logo {height:265px; width:665px; background-image:url(http://truckbearingkibble.com/images/store/storebanner.jpg); padding: 15px 20px 0px 65px; text-align: right;}

#page {margin: 0px; width:750px; background-color: #fff ! important}
#page, #footer, #header, #maincol, #menucol {border: 0px solid #fff !important; }

.productsTable1 {width: 500px; }

.productsTable1 td {width: 28%}

.pageHeader {font-size: 14pt; margin-left:10px; border-top: 1px solid #000;}


#breadcrumb {border-bottom: 1px solid #000}
.breadcrumbLink, .breadcrumbLink:visited {color: #000; font-family: Georgia; font-size: 14px; text-decoration: none}
.breadcrumbLink:active, .breadcrumbLink:hover {font-family: Georgia; font-size: 14px; color: #426b8E; text-decoration: none}


#topshad { font-family: Georgia; font-size: 14px; width:730px; height:25px;  background-image:url("http://truckbearingkibble.com/images/comtopshadsm.jpg"); background-repeat: repeat-x; border-top: 1px solid #000; padding: 15px 0px 0px 20px; text-align: left;}

#botshad { height:50px;  background-image:url("http://truckbearingkibble.com/images/combottomshadsm.jpg"); background-position: bottom; background-repeat: repeat-x; border-bottom: 1px solid #000; }

#container{width:750px; background: #fff; padding-right: 0px; padding-left: 0px;}

#container a, #container a:visited {color: #222; text-decoration: none;}

#container a:hover  {color: #426b8e; text-decoration: none;}

#cName {font-family:Georgia; text-align: center; background-color: fff; font-size: 18pt; border-top: 1px solid #000; padding: 10px 0px 0px 0px; padding-top: 20px;}


#floater {width: 100%; height: 35px; position:fixed; top:0px; left: 0px; z-index:-5; margin-right: auto; margin-left: auto;}

#floater2 {width: 750px; height: 35px; background: #fff; }

.productTitle {font-family:Georgia, serif; font-size: 11pt;}


.bytbk {color: 000; font-family:Georgia, serif; font-size: 18px; text-decoration: none;}

a.bytbk, a.bytbk:visited, a.bytbk:active {color: #000; font-family:Georgia, serif; font-size: 18px; text-decoration: none;}
a.bytbk:hover {color: #f6a32d; font-family:Georgia, serif; font-size: 18px; text-decoration: none;}

.sectionImage {margin: 10px; border: 1px solid #000;}

.sectionTitleText  { font-family:Georgia, serif; font-size: 13px;}

a.sectionTitleText, a.sectionTitleText:active, a.sectionTitleText:visited, a.sectionTitleText:hover {text-decoration: none; color: #426B8E;}

a.sectionTitleLink, a.sectionTitleLink:active, a.sectionTitleLink:visited, a.sectionTitleLink:hover {text-decoration: none; color: #000000}


.buyBoxTable {border: #757d84 solid 1px; margin-left: 5px; background: #f9f9f9; margin-right: 10px;}
.buyBoxHeaderTD {background: #757d84;background-image: url(); color: #fff; font-weight: bold; height: 20px; text-align: center}
.buyBoxTable select {width: 140px}
.buyBoxProductNumber{color: #939393;font-size: 11px;}
.underlineHeaderPurple {border-color: #fff}
.underlineHeader {border-color: #000000}
#t_thumb0, #t_thumb1 {border: 0px solid #77aa77! important}

.productDetailTable1 { padding: 10px 0px 0px 0px; width: 100%; border: 0px solid #000; border-top: 1px solid #000;}
.productDetailTitleText {  font-size: 18pt; padding-top: 15px; margin-bottom: 0px; color: #222; align: center;}
.productDetailTabTable {height: 30px; border-bottom: 1px solid #000; margin-left: -2px; margin-right: -4px; margin-bottom: 30px; width: 100%; background-color: transparent ! important; border-collapse: collapse; margin-top: 20px}
.productDetailTabFocus{height: 20px; border: 1px solid #000; padding: 5px; background-color: #fff}
.productDetailTabUnfocus{height: 18px; border: 1px solid #000; padding: 5px; background-color: #eee !important}
.productDetailTabExtra {border-bottom: none}


.sizeChartHeaderTD {background: #7a7a7a! important; ;background-image: url()}
.cartHeadTR {background: #7a7a7a! important;;background-image: url()}
.cartTitleText{color: #000000 !important; font-size: 12pt; font-weight: bold;}
.sectionsTD1{background: none}
.dashedGrayLineHorizontal {visibility: hidden}

.helpCenterSubHeaderTD{border-bottom:3px #fff solid;}
.helpCenterStoreArticleText{margin-left: 20px; padding-right: 20px}
.helpCenterSubHeader{font-weight:bold;font-size:16px;}
.helpContent {margin: 20px}


#header{background-color: #fff;background-image: url()}
#shopName {display: block; color: #000000; font-size: 14px}



#menucol {background-color: #b5b5b5! important;background-image: url()}
#menucol h4 {background: #7a7a7a; background-image: url(); font-size:11pt;font-weight:bold; text-decoration:none; color:#fff}
.menuTable{margin-left: 0px; margin-top: 0px; margin-bottom: -1px;}
.menuLink, .menuSelectedText {display:block; line-height:23px; padding-left: 3px; border-left: 7px solid #b5b5b5! important; text-decoration: none} 
.menuLevel1{padding-left: 3px}
.menuLevel2{padding-left: 6px}
.menuLevel3{padding-left: 9px}
.menuLevel4{padding-left: 12px}
.menuLevel5{padding-left: 15px}
.menuLevel6{padding-left: 18px}
.menuLevel7{padding-left: 21px}
.menuLevel8{padding-left: 24px}
.menuLevel8{padding-left: 27px}
.menuLink{display:block; border-top:#fff 1px dashed; color:#fff ! important;}
.menuSelectedText{display:block; border-top:#fff 1px dashed; color:#fff! important; font-weight: bold; border-left: 7px solid #7a7a7a! 
important;}


.menuLink:hover{display:block; text-decoration:none;color:#f2ffff ! important; border-left: 7px solid #d0d0d0! important}
html>body .menuLink{border-bottom: 7px solid #b5b5b5 !important}





#footer{height: 70px; padding: 10px 0px 0px 0px;}
#footer {background-color: #828587}
.footerLinks:link{ color:#000 ! important; font-size: 10px; text-decoration:none}
.footerLinks:hover{ color:#fff ! important;text-decoration: none; font-size: 10px;}
a.footerLinks:hover{ color:#fff ! important;text-decoration: none; font-size: 10px;}
.footerLinks:visited{ color:#000 ! important; font-size: 10px; text-decoration:none}
.footerVerticalBar{width:10px ! important}
.grayText{ color:#000; font-size:10px}


#content {background: #fff}

#cImage {width: 0px; height: 0px;}
#cDesc {margin-top: 10px; font-size: 10pt;}
#content {clear: both; margin-top: 0px; padding: 5px; padding: 0px; margin-bottom: 20px; border-bottom: 7px solid #fff; text-align: center}
.sectionsTable1{width: 100%; padding: 0px 30px 0px 30px;}
.sectionsTD1 {}



#maincol a, #maincol a:visited, #maincol a:hover  {color: #000000; text-decoration: none}
#maincol a:hover  {font-weight: bold}


.productDetailTable1 a:hover  {text-decoration: underline !important}

.headerLinks, .headerLinks:visited, .headerLinks a:hover  {color: #000000!important}









.pricingTable * {font-size: 8pt; padding: 2px;}
.pricingTable {margin: 0px;}
.pricingPrice1, .pricingPrice2, .pricingHeader {border: 1px solid #000 !important}
.pricingHeader, .pricingColorName1, .pricingColorName2 {background: #fff}


.sizeChartHeaderTD {color: #fff}


.cartHeadText {color: #fff}
.cartTable {border: 1px solid #7a7a7a; background: #fff}


#page {border-collapse: collapse; margin-left: auto; margin-right: auto; margin-bottom: -70px;}
#breadcrumb { font-weight: bold; text-align: left; 

font-size: 10pt; margin-left: 0px; padding: 10px; padding-left: 20px}
#header {}
#wrapper{ border-bottom: 7px solid #fff; overflow: hidden}
#maincol, #menucol, .menuTable {border-bottom: 7px solid #fff}
#menucol{margin-top:0px ! important; margin-left:0px; margin-bottom: -3px;text-align:left; text-indent: 5px;}
#menucol, .menuTable, .menuTable td {width:100%}
#prop {width: 173px}
#prop1 {width: 600px}

.menuLink, .menuSelectedText {}
.menuLink, .menuSelectedText {border-bottom: 0px solid !important}

#menucol h4{width: 100%; display:block; height:25px;line-height:25px;  margin: 0px; padding-top: 0px; border-bottom: 

7px #fff solid;  margin-bottom: -1px}
.sectionsTD1, .sectionsTable2 {padding-top: 0px; vertical-align: top}
#maincol{text-align:left; background-repeat:repeat; margin: 0px; border-left: 7px solid #fff; margin-left: -7px; 

overflow-x:hidden; }
#midheader{ background:transparent; text-align:left;}
#description {padding: 20px;}

#shopName {padding-left: 20px; padding-top: 20px; text-align: center}

.productDetailColorOutOfStock {background-color: #ff9999 !important; border-color: red !important}


.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block;margin-bottom:50px}

* html .clearfix{height:1%}
.clearfix{display:block;margin-bottom:0\px}
