﻿body { font-family: "Segoe UI", Arial, Tahoma, Helvetica, sans-serif; color: #252525; }
h1 { font-size: 15px; font-weight: bold; line-height: 16px; }
form { font-family: "Segoe UI", Arial, Tahoma, Helvetica, sans-serif; color: #252525; }
table { font-size: 11px; }
fieldset { padding: 15px; padding-right: 30px; }
legend { color: #cc0000; font-size: 13px; font-weight: bold; }

/* h2 and categoryHeader are the same thing, only i use h2 where i can for SEO */
h2 { color: white; font-size: 16px; font-weight: bold; line-height: 18px; margin: 0px; margin-bottom: 2px; }

.scInvalidQuantity { background-color: #feffb1; font-weight: bold; }

.categoryHeader { color: white; font-size: 16px; font-weight: bold; line-height: 18px; }
.categoryArrow { padding-left: 7px; padding-right: 5px; }
.categoryHeaderCell { background-color: #252525; padding-top: 3px; padding-bottom: 3px; } /* outer cell with black bg and padding */
.categoryImageCell { vertical-align: bottom; }
.categoryLinkCell { width: 25%; padding-bottom: 5px; padding-right: 10px; }

/* Product Detail Styles - this page also uses H2 for the header text and commonText classes and whiteboxborder and formHeader styles */
.pdHeaderCell { background-color: #252525; }
.pdHeaderArrow { padding-left: 7px; padding-right: 5px; }
.pdPrice { font-size: 13px; font-weight: bold; }
.pdDescriptionHeader { background-color: #252525; color: white; font-size: 11px; font-weight: bold; padding-left: 10px; padding-top: 3px; padding-bottom: 3px; }
.pdDescription { padding: 10px; font-size: 11px; border: 1px #cccccc solid; }
.pdDescription H2 { color: #252525; margin-bottom: 0px; }
.pdDescription P { margin-top: 7px; margin-bottom: 9px; }
.pdReviewsHeaderCell { background-color: #252525; padding-top: 2px; padding-bottom: 2px; }
a.pdReviewLink:link, a.pdReviewLink:active, a.pdReviewLink:visited { font-family: "Segoe UI", Arial, Tahoma, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #252525; text-decoration: underline; padding-bottom: 3px; }
a.pdReviewLink:hover { color: #ed1c24; text-decoration: none; font-weight: normal; }

/* Shopping Cart - vb code - Styles */
.scTitleCell { font-size: 13px; font-weight: bold; }
a.sctitlelink:link, a.sctitlelink:active, a.sctitlelink:visited { font-family: "Segoe UI", Arial, Tahoma, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #252525; text-decoration: none; }
a.sctitlelink:hover { color: #ed1c24; }

.customerServiceHeaderCell { background-color: #252525; color: white; font-size: 15px; font-weight: bold; padding: 10px; padding-left: 7px; padding-top: 1px; padding-bottom: 3px; }
.customerServiceLinksCell { border: 1px #cccccc solid; border-top: 0px; padding: 7px; padding-left: 2px; font-size: 11px; }

.pageHeader { color: white; font-size: 15px; font-weight: bold; }
.breadcrumbCell { background-color: #252525; color: white; font-size: 11px; font-weight: bold; padding: 2px; padding-bottom: 3px; padding-left: 10px; padding-right: 5px; }

.bgblack { background-color: #252525; }
.bgblackHeader { background-color: #252525; color: white; font-size: 15px; font-weight: bold; }
.bggray { background-color: #eff2f6; }
.bggrayHeader { background-color: #393939; color: black; font-size: 15px; font-weight: bold; }
.whiteboxborder { border: 1px #cccccc solid; border-top: 0px; }
.greyborder { border: 1px #cccccc solid; }
.LightShade { background-color: #f1f5f3; }
.bodyText { font-size: 11px; color: #252525; line-height: 15px; padding-left: 7px; padding-right: 7px; }
.redText { color: #ed1c24; }

.listStyle { margin-bottom: 0px; margin-top: 0px; line-height: 18px; }

.commonHeaderRed { font-family: "Segoe UI"; color: #ed1c24; font-size: 16px; font-weight: bold; line-height: 18px; }
.commonHeaderBlack { font-family: "Segoe UI"; color: black; font-size: 16px; font-weight: bold; line-height: 18px; }
.commonHeaderBlack16px { font-family: "Segoe UI"; color: black; font-size: 16px; font-weight: bold; }
.commonHeaderBlack13px { font-family: "Segoe UI"; color: black; font-size: 13px; font-weight: bold; }
.commonHeader18pxRed { color: #ed1c24; font-size: 18px; font-weight: bold; line-height: 21px; }

.commonText10 { font-size: 10px; font-family: Arial }
.commonText11 { font-size: 11px; }
.commonText11B { font-size: 11px; font-weight: bold; }
.commonText11BRed { font-size: 11px; font-weight: bold; color: #cc0000; }
.commonText12 { font-size: 12px; }
.commonText12B { font-size: 12px; font-weight: bold; }
.commonText12BRed { font-size: 12px; font-weight: bold; color: #cc0000; }
.commonText13 { font-size: 13px; }
.commonText13B { font-size: 13px; font-weight: bold; }
.commonText13BWhite { font-size: 13px; font-weight: bold; color: white; }
.commonText14 { font-size: 14px; }
.commonText14B { font-size: 14px; font-weight: bold; }
.commonText14BBlue { font-size: 14px; font-weight: bold; color: #3399ff; }
.commonText14BRed { font-size: 14px; font-weight: bold; color: #cc0000; }
.commonText16 { font-size: 16px; }
.commonText16B { font-size: 16px; font-weight: bold; }
.commonText16BBlue { font-size: 16px; font-weight: bold; color: #3399ff; }
.commonText16BRed { font-size: 16px; font-weight: bold; color: #cc0000; }
.commonText18 { font-size: 18px; }
.commonText18B { font-size: 18px; font-weight: bold; }
.commonText18BRed { font-size: 18px; font-weight: bold; color: #cc0000; }
.commonText18BBlue { font-size: 18px; font-weight: bold; color: #3399ff; }

.button { font-family: "Segoe UI", Arial, Helvetica, Sans-serif; font-size: 13px; font-weight: bold; color: black; padding: 1px; }
.formHeader { font-size: 11px; font-weight: normal; text-align: right; }
.formHeader2 { font-size: 11px; font-weight: normal; text-align: right; }
.formElementText { font-size: 11px; font-weight: normal; }
.formValidation { font-size: 12px; font-weight: normal; color: #cc0000; }
.formValidator { font-size: 13px; font-weight: bold; color: #cc0000; }

a.helpheaderlink:link, a.helpheaderlink:active, a.helpheaderlink:visited { font-family: "Segoe UI", Arial, Tahoma, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #cc0000; text-decoration: underline; }
a.helpheaderlink:hover { color: #252525; }
a.helplink:link, a.helplink:active, a.helplink:visited { font-family: "Segoe UI", Arial, Tahoma, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #252525; text-decoration: underline; }
a.helplink:hover { color: #cc0000; font-weight: normal; }

a.bluehelplink:link, a.bluehelplink:active, a.bluehelplink:visited { font-family: Arial; font-size: 12px; color: #3366ff; text-decoration: underline; }
a.bluehelplink:hover { color: black; }
a.bluehelplink2:link, a.bluehelplink2:active, a.bluehelplink2:visited { font-weight: normal; font-family: Arial; font-size: 12px; color: #3366ff; text-decoration: underline; }
a.bluehelplink2:hover { color: black; }

a.bluelink:link, a.bluelink:active, a.bluelink:visited { font-family: "Segoe UI", Arial, Tahoma, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #3366ff; text-decoration: underline; }
a.bluelink:hover { color: blue; }
a.bluelinknormal:link, a.bluelinknormal:active, a.bluelinknormal:visited { font-family: "Segoe UI", Arial, Tahoma, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #3366ff; text-decoration: underline; }
a.bluelinknormal:hover { color: blue; font-weight: normal; }

a.productsdisplaylink:link, a.productsdisplaylink:active, a.productsdisplaylink:visited { font-family: "Segoe UI", Arial, Tahoma, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #252525; text-decoration: underline; }
a.productsdisplaylink:hover { color: #ed1c24; text-decoration: none; }

a:link, a:active, a:visited { font-family: "Segoe UI", Arial, Tahoma, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #ed1c24; text-decoration: none; }
a:hover { color: #797979; text-decoration: underline; font-weight: bold; }

a.yellowlink:link, a.yellowlink:active, a.yellowlink:visited { font-family: "Segoe UI", Arial, Tahoma, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #f7f284; text-decoration: none; }
a.yellowlink:hover { color: white; font-weight: bold; }

a.categorylink:link, a.categorylink:active, a.categorylink:visited { font-family: "Segoe UI", Arial, Tahoma, Helvetica, sans-serif; font-size: 15px; line-height: 115%; font-weight: bold; color: #cc0000; text-decoration: underline; }
a.categorylink:hover { color: #252525; font-weight: bold; }

a.sponsorhousecategorylink:link, a.sponsorhousecategorylink:active, a.sponsorhousecategorylink:visited { font-family: "Segoe UI", Arial, Tahoma, Helvetica, sans-serif; font-size: 13px; line-height: 115%; font-weight: bold; color: #cc0000; text-decoration: underline; }
a.sponsorhousecategorylink:hover { color: #252525; font-weight: bold; }

.topnavText { font-size: 11px; font-weight: bold; color: #252525; }
a.topnav:link, a.topnav:active, a.topnav:visited { font-family: "Segoe UI", Arial, Tahoma, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #252525; text-decoration: none; }
a.topnav:hover { color: #ed1c24; text-decoration: underline; font-weight: bold; }

.footernavText { font-size: 11px; font-weight: bold; color: #cccccc; }
a.footernav:link, a.footernav:active, a.footernav:visited { font-family: "Segoe UI", Arial, Tahoma, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #cccccc; text-decoration: none; }
a.footernav:hover { color: white; text-decoration: underline; font-weight: bold; }

.bottomfooternavText { font-size: 11px; font-weight: normal; color: #f1f5f3; }
a.bottomfooternav:link, a.bottomfooternav:active, a.bottomfooternav:visited { font-family: "Segoe UI", Arial, Tahoma, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #f1f5f3; text-decoration: none; }
a.bottomfooternav:hover { color: #cccccc; text-decoration: underline; }

.ucdivider { padding-top: 3px; padding-bottom: 3px; }

a.uclink:link, a.uclink:active, a.uclink:visited { width: 100%; font-family: "Segoe UI", Arial, Tahoma, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #f1f5f3; text-decoration: none; }
a.uclink:hover { color: #ed1c24; }

a.uclinksub:link, a.uclinksub:active, a.uclinksub:visited { font-family: "Segoe UI", Arial, Tahoma, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #f7f284; text-decoration: none; }
a.uclinksub:hover { color: #ed1c24; }

a.breadcrumblink:link, a.breadcrumblink:active, a.breadcrumblink:visited { font-family: "Segoe UI", Arial, Tahoma, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: white; text-decoration: none; }
a.breadcrumblink:hover { color: #cccccc; text-decoration: underline; font-weight: bold; }

a.blogheaderlink:link, a.blogheaderlink:active, a.blogheaderlink:visited { font-family: "Segoe UI", Arial, Tahoma, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: white; text-decoration: underline; }
a.blogheaderlink:hover { color: #cccccc; }

a.blogfooterlink:link, a.blogfooterlink:active, a.blogfooterlink:visited { font-family: "Segoe UI", Arial, Tahoma, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #ff6347; text-decoration: none; }
a.blogfooterlink:hover { color: black; text-decoration: underline; font-weight: normal; }

