/* Brian New Styles */ body { background-color: #000000; text-align: center; margin: 20px 40px 40px 40px; } #wrapper { position:relative; top: 17px; left: 0px; margin: auto; width: 776; text-align: left; height: 560px; background-color: #FFFFFF; z-index: 10; } #contentArea { position:relative; top: 17px; left: 0px; margin: 0px 0px 0px 17px; width: 742; text-align: left; height: 540px; background-color: #FFFFFF; z-index: 10; } #logo { float: right; display: inline; } #tagline { float: left; display: inline; } #accountMenu { position: absolute; left: 2px; top:60px; font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: normal; text-decoration: none; color: #000000; display: inline; } #accountMenu a { color: #000000; text-decoration: none; } #accountMenu a:hover { color: #CC3300; text-decoration: none; } #sortBy { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: normal; text-decoration: none; color: #CF4040; display: inline; } #sortBy a { color: #CF4040; text-decoration: none; } #sortBy a:hover { color: #CF4040; text-decoration: underline; } #searchBar { position: absolute; top: 52px; left: 556; text-align: left; } #navShop a { position: absolute; display: inline; left: 2px; top: 81px; width: 161px; height: 67px; text-align: left; font-family: Verdana, Arial, sans-serif; font-size: 13px; font-weight: normal; text-decoration: none; color: #000000; background-color: #E5E5E5; } #navShop a:hover { display: block; background-color: #B9B9B9; } #navAbout a { position: absolute; display: inline; left: 165px; top: 81px; width: 113px; height: 67px; text-align: left; font-family: Verdana, Arial, sans-serif; font-size: 13px; font-weight: normal; text-decoration: none; color: #000000; background-color: #E5E5E5; } #navAbout a:hover { display: block; background-color: #B9B9B9; } #navTradeshows a { position: absolute; display: inline; left: 280px; top: 81px; width: 114px; height: 67px; text-align: left; font-family: Verdana, Arial, sans-serif; font-size: 13px; font-weight: normal; text-decoration: none; color: #000000; background-color: #E5E5E5; } #navTradeshows a:hover { display: block; background-color: #B9B9B9; } #navVideos a { position: absolute; display: inline; left: 396px; top: 81px; width: 113px; height: 67px; text-align: left; font-family: Verdana, Arial, sans-serif; font-size: 13px; font-weight: normal; text-decoration: none; color: #000000; background-color: #E5E5E5; } #navVideos a:hover { display: block; background-color: #B9B9B9; } #navNews a { position: absolute; display: inline; left: 511px; top: 81px; width: 114px; height: 67px; text-align: left; font-family: Verdana, Arial, sans-serif; font-size: 13px; font-weight: normal; text-decoration: none; color: #000000; background-color: #E5E5E5; } #navNews a:hover { display: block; background-color: #B9B9B9; } #navContact a { position: absolute; display: inline; left: 627px; top: 81px; width: 113px; height: 67px; text-align: left; font-family: Verdana, Arial, sans-serif; font-size: 13px; font-weight: normal; text-decoration: none; color: #000000; background-color: #E5E5E5; } #navContact a:hover { display: block; background-color: #B9B9B9; } #navDivider { background-image:url('../images/divider.gif' ); background-repeat: repeat-y; } .navLink01 { line-height: 16px; font-family: Verdana, Helvetica, Arial; font-size: 10px; font-style: normal; font-weight: normal; text-decoration: none; color: #3195C6;} .navLink01:hover { line-height: 16px; font-family: Verdana, Helvetica, Arial; font-size: 10px; font-style: normal; font-weight: normal; text-decoration: underline; color: #3195C6;} .navLink02 { line-height: 16px; font-family: Verdana, Helvetica, Arial; font-size: 10px; font-style: normal; font-weight: normal; text-decoration: none; color: #010101;} .navLink02:hover { line-height: 16px; font-family: Verdana, Helvetica, Arial; font-size: 10px; font-style: normal; font-weight: normal; text-decoration: underline; color: #010101;} .navLink03 { line-height: 16px; font-family: Verdana, Helvetica, Arial; font-size: 10px; font-style: normal; font-weight: normal; text-decoration: none; color: #FF0066;} .navLink03:hover { line-height: 16px; font-family: Verdana, Helvetica, Arial; font-size: 10px; font-style: normal; font-weight: normal; text-decoration: underline; color: #FF0066;} .navLink04 { line-height: 16px; font-family: Verdana, Helvetica, Arial; font-size: 10px; font-style: normal; font-weight: normal; text-decoration: none; color: #EF5219;} .navLink04:hover { line-height: 16px; font-family: Verdana, Helvetica, Arial; font-size: 10px; font-style: normal; font-weight: normal; text-decoration: underline; color: #EF5219;} .navLink05 { line-height: 16px; font-family: Verdana, Helvetica, Arial; font-size: 10px; font-style: normal; font-weight: normal; text-decoration: none; color: #339933;} .navLink05:hover { line-height: 16px; font-family: Verdana, Helvetica, Arial; font-size: 10px; font-style: normal; font-weight: normal; text-decoration: underline; color: #339933;} .navLink06 { line-height: 16px; font-family: Verdana, Helvetica, Arial; font-size: 10px; font-style: normal; font-weight: normal; text-decoration: none; color: #006292;} .navLink06:hover { line-height: 16px; font-family: Verdana, Helvetica, Arial; font-size: 10px; font-style: normal; font-weight: normal; text-decoration: underline; color: #006292;} .pullQuote { font-family: Verdana, Helvetica, Arial; font-size: 13px; line-height: 20px; font-style: normal; font-weight: normal; text-decoration: none; color: #000000;} .pullQuote02 { font-family: Verdana, Helvetica, Arial; font-size: 15px; line-height: 22px; font-style: normal; font-weight: normal; text-decoration: none; color: #000000;} .orange01 { font-family: Verdana, Helvetica, Arial; font-size: 10px; font-style: normal; font-weight: normal; text-decoration: none; color: #CC3300;} .orange02 { font-family: Verdana, Helvetica, Arial; font-size: 10px; line-height: 16px; font-style: normal; font-weight: normal; text-decoration: none; color: #CC3300;} .stdCopy01 { font-family: Verdana, Helvetica, Arial; font-size: 10px; line-height: 16px; font-style: normal; font-weight: normal; text-decoration: none; color: #000000;} .stdCopy02 { font-family: Verdana, Helvetica, Arial; font-size: 10px; line-height: 13px; font-style: normal; font-weight: normal; text-decoration: none; color: #000000;} .stdCopy03 { font-family: Verdana, Helvetica, Arial; font-size: 10px; font-style: normal; font-weight: normal; text-decoration: none; color: #000000;} .stdSm01 { font-family: Verdana, Helvetica, Arial; font-size: 10px; font-style: normal; font-weight: normal; text-decoration: none; color: #000000;} .stdSm02 { font-family: Verdana, Helvetica, Arial; font-size: 9px; font-style: normal; font-weight: normal; text-decoration: none; color: #000000;} .italic01 { font-family: Verdana, Helvetica, Arial; font-size: 10px; font-style: italic; font-weight: normal; text-decoration: none; color: #CC3300;} /* begin account/catalog styles */ .stdBlue01 { font-family: Verdana, Helvetica, Arial; font-size: 10px; font-style: normal; font-weight: normal; text-decoration: none; color: #009DEB;} .priceLink { font-family: Verdana, Helvetica, Arial; font-size: 11px; font-style: normal; font-weight: normal; text-decoration: underline; color: #CC3300;} .priceLink:hover { font-family: Verdana, Helvetica, Arial; font-size: 11px; font-style: normal; font-weight: normal; text-decoration: none; color: #CC3300;} .helpLink01 { font-family: Verdana, Helvetica, Arial; font-size: 10px; line-height: 16px; font-style: normal; font-weight: normal; text-decoration: underline; color: #000000;} .helpLink01:hover { font-family: Verdana, Helvetica, Arial; font-size: 10px; line-height: 16px; font-style: normal; font-weight: normal; text-decoration: none; color: #000000;} .helpLink02 { font-family: Verdana, Helvetica, Arial; font-size: 10px; line-height: 16px; font-style: normal; font-weight: normal; text-decoration: underline; color: #CC3300;} .helpLink02:hover { font-family: Verdana, Helvetica, Arial; font-size: 10px; line-height: 16px; font-style: normal; font-weight: normal; text-decoration: none; color: #CC3300;} .blueLink01 { font-family: Verdana, Helvetica, Arial; font-size: 10px; font-style: normal; font-weight: normal; text-decoration: underline; color: #009DEB;} .blueLink01:hover { font-family: Verdana, Helvetica, Arial; font-size: 10px; font-style: normal; font-weight: normal; text-decoration: none; color: #009DEB;} .blueLink02 { font-family: Verdana, Helvetica, Arial; font-size: 10px; font-style: normal; font-weight: bold; text-decoration: underline; color: #009DEB;} .blueLink02:hover { font-family: Verdana, Helvetica, Arial; font-size: 10px; font-style: normal; font-weight: bold; text-decoration: none; color: #009DEB;} .catLink01 { font-family: Verdana, Helvetica, Arial; font-size: 12px; font-style: normal; font-weight: normal; text-decoration: none; color: #0099FF;} .catLink01:hover { font-family: Verdana, Helvetica, Arial; font-size: 12px; font-style: normal; font-weight: normal; text-decoration: underline; color: #0099FF;} .catLink02 { font-family: Verdana, Helvetica, Arial; font-size: 10px; font-style: normal; font-weight: normal; text-decoration: underline; color: #009DEB;} .catLink02:hover { font-family: Verdana, Helvetica, Arial; font-size: 10px; font-style: normal; font-weight: normal; text-decoration: none; color: #009DEB;} .lnav { font-family: Verdana, Helvetica, Arial; font-size: 12px; font-style: normal; font-weight: normal; text-decoration: none; color: #000000;} .lnav:hover { font-family: Verdana, Helvetica, Arial; font-size: 12px; font-style: normal; font-weight: normal; text-decoration: none; color: #0099FF;} .lnavOn { font-family: Verdana, Helvetica, Arial; font-size: 12px; font-style: normal; font-weight: normal; text-decoration: none; color: #0099FF;} .lnav02 { font-family: Verdana, Helvetica, Arial; font-size: 10px; font-style: normal; font-weight: normal; text-decoration: none; color: #000000;} .lnav02:hover { font-family: Verdana, Helvetica, Arial; font-size: 10px; font-style: normal; font-weight: normal; text-decoration: none; color: #0099FF;} .lnavOn02 { font-family: Verdana, Helvetica, Arial; font-size: 10px; font-style: normal; font-weight: normal; text-decoration: none; color: #0099FF;} /* end account/catalog styles */ /* Error Syles */ .error, .cmsError { font-family: Arial, Verdana, Helvetica; font-size: 10px; font-style: normal; font-weight: bold; border-color: #FF0000; text-decoration: none; color: #FF0000;} /* End Error Syles */ .input01 { width: 125px; height: 20px; font-family: Verdana, Helvetica, Arial; font-size: 10px; font-style: normal; font-weight: normal; text-decoration: none; color: #000000;} /* footer */ #footer { text-align: center; align: center; font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: normal; text-decoration: none; color: #E3E3E3; padding-top: 0px; padding-bottom: 0px; clear: both; } #footer a { text-align: center; font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: normal; text-decoration: underline; color: #595959; clear: both; } #footer a:hover { color: #595959; text-decoration: none; clear: both;} .footerSm { font-family: Verdana, Helvetica, Arial; font-size: 9px; font-style: normal; font-weight: normal; text-decoration: none; color: #595959;} .footerSm a { font-family: Verdana, Helvetica, Arial; font-size: 9px; font-style: normal; font-weight: normal; text-decoration: none; color: #595959;} .footerSm:hover { font-family: Verdana, Helvetica, Arial; font-size: 9px; font-style: normal; font-weight: normal; text-decoration: none; color: #009DEB;} /* catalog nav */ .nav01 { font-family: Verdana, Helvetica, Arial; font-size: 12px; font-style: normal; font-weight: normal; text-decoration: none; color: #000000;} .nav01:hover { font-family: Verdana, Helvetica, Arial; font-size: 12px; font-style: normal; font-weight: normal; text-decoration: none; color: #FF0000;} /* End Brian New Styles */ /* bread crumbs */ .breadcrumb { font-family: Arial, Verdana, Helvetica; font-size: 10px; font-style: normal; font-weight: normal; text-decoration: none; color: #FE1913;} .breadcrumb:hover { font-family: Arial, Verdana, Helvetica; font-size: 10px; font-style: normal; font-weight: normal; text-decoration: underline; color: #FE1913;} /* Standard Classes */ .copy01 { font-family: Arial, Verdana, Helvetica; font-size: 10px; font-style: normal; font-weight: normal; text-decoration: none; color: #313131;} .copy02 { font-family: Verdana, Helvetica, Arial; font-size: 11px; font-style: normal; font-weight: normal; text-decoration: none; color: #000000;} .copy02R { font-family: Verdana, Helvetica, Arial; font-size: 11px; font-style: normal; font-weight: normal; text-decoration: none; color: #FF0000;} .cart01 { font-family: Arial, Verdana, Helvetica; font-size: 11px; font-style: normal; font-weight: normal; text-decoration: none; color: #313131;} .hdr01 { font-family: Verdana, Helvetica, Arial; font-size: 12px; font-style: normal; font-weight: bold; text-decoration: none; color: #333333;} .hdr02 { font-family: Arial, Verdana, Helvetica; font-size: 10px; font-style: normal; font-weight: bold; text-decoration: none; color: #313131;} .hdr03 { font-family: Verdana, Helvetica, Arial; font-size: 12px; font-style: normal; font-weight: bold; text-decoration: none; color: #0099FF;} .hdr04 { font-family: Arial, Verdana, Helvetica; font-size: 12px; font-style: normal; font-weight: bold; text-decoration: none; color: #000000;} .hdr05 { font-family: Arial, Verdana, Helvetica; font-size: 12px; font-style: normal; font-weight: normal; text-decoration: none; color: #000000;} .hdr06 { font-family: Verdana, Arial, Helvetica; font-size: 10px; font-style: normal; font-weight: bold; text-decoration: none; color: #313131;} .link01 { font-family: Arial, Verdana, Helvetica; font-size: 10px; font-style: normal; font-weight: normal; text-decoration: none; color: #313131;} .link01:hover { font-family: Arial, Verdana, Helvetica; font-size: 10px; font-style: normal; font-weight: normal; text-decoration: underline; color: #2C3F43;} /* Navigation Menus */ .tnav { font-family: Verdana, Helvetica, Arial; font-size: 12px; font-style: normal; font-weight: normal; text-decoration: none; color: #313131;} .tnav:hover { font-family: Verdana, Helvetica, Arial; font-size: 12px; font-style: normal; font-weight: normal; text-decoration: none; color: #FF3131;} .bnav { font-family: Arial, Verdana, Helvetica; font-size: 10px; font-style: normal; font-weight: normal; text-decoration: none; color: #313131;} .bnavOn { font-family: Arial, Verdana, Helvetica; font-size: 10px; font-style: normal; font-weight: bold; text-decoration: none; color: #313131;} .dropdown { position: absolute; visibility: hidden; z-index: 100; font-family: Verdana, Helvetica, Arial; font-size: 10px; font-style: normal; font-weight: normal; text-decoration: none; color: #FFFFFF; display: inline; } .dropdown a { display: inline; font-family: Verdana, Helvetica, Arial; font-size: 10px; top: 10px; font-style: normal; font-weight: normal; text-decoration: none; color: #FFFFFF; } .dropdown a:hover{ /*hover background color*/ color: #CCCCCC; } .breadcrumb { font-family: Arial, Verdana, Helvetica; font-size: 10px; font-style: normal; font-weight: normal; text-decoration: none; color: #FE1913;} .breadcrumb:hover { font-family: Arial, Verdana, Helvetica; font-size: 10px; font-style: normal; font-weight: normal; text-decoration: underline; color: #FE1913;} /* form classes */ .form_label01 { float: left; width: 110px; padding-right: 15px; padding-bottom: 20px; font-family: Verdana, Arial, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; text-decoration: none; color: #000000; } .form_input01 { width: 200px; margin-bottom: 16px; font-family: Verdana, Arial, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; text-decoration: none; color: #000000; } .form_txtarea01 { width: 300px; height: 100px; margin-bottom: 16px; font-family: Verdana, Arial, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; text-decoration: none; color: #000000; } br { clear: left; } /* form classes */ /* Standard Classes */ .copy01 { font-family: Arial, Verdana, Helvetica; font-size: 10px; font-style: normal; font-weight: normal; text-decoration: none; color: #313131;} .copy02 { font-family: Verdana, Helvetica, Arial; font-size: 11px; font-style: normal; font-weight: normal; text-decoration: none; color: #000000;} .copy02R { font-family: Verdana, Helvetica, Arial; font-size: 11px; font-style: normal; font-weight: normal; text-decoration: none; color: #FF0000;} .cart01 { font-family: Arial, Verdana, Helvetica; font-size: 11px; font-style: normal; font-weight: normal; text-decoration: none; color: #313131;} .nav01 { font-family: Verdana, Helvetica, Arial; font-size: 12px; font-style: normal; font-weight: normal; text-decoration: none; color: #000000;} .nav01:hover { font-family: Verdana, Helvetica, Arial; font-size: 12px; font-style: normal; font-weight: normal; text-decoration: none; color: #FF0000;} .hdr01 { font-family: Verdana, Helvetica, Arial; font-size: 12px; font-style: normal; font-weight: bold; text-decoration: none; color: #333333;} .hdr02 { font-family: Arial, Verdana, Helvetica; font-size: 10px; font-style: normal; font-weight: bold; text-decoration: none; color: #313131;} .link01 { font-family: Arial, Verdana, Helvetica; font-size: 10px; font-style: normal; font-weight: normal; text-decoration: none; color: #313131;} .link01:hover { font-family: Arial, Verdana, Helvetica; font-size: 10px; font-style: normal; font-weight: normal; text-decoration: underline; color: #2C3F43;} /* Navigation Menus */ .tnav { font-family: Verdana, Helvetica, Arial; font-size: 12px; font-style: normal; font-weight: normal; text-decoration: none; color: #313131;} .tnav:hover { font-family: Verdana, Helvetica, Arial; font-size: 12px; font-style: normal; font-weight: normal; text-decoration: none; color: #FF3131;} .bnav { font-family: Arial, Verdana, Helvetica; font-size: 10px; font-style: normal; font-weight: normal; text-decoration: none; color: #313131;} .bnavOn { font-family: Arial, Verdana, Helvetica; font-size: 10px; font-style: normal; font-weight: bold; text-decoration: none; color: #313131;}