/************************************************************************* // Function : CSS defintions for the store. // Product : Firefighters Store Frontend // Version : 1.0 // Modified : September 2004 // Copyright: Copyright (C) 2004 HomeKnowledge.Com // See "license.txt" for this product for details regarding // licensing, usage, disclaimers, distribution and general // copyright requirements. If you don't have a copy of this // file, you may request one at webmaster@HomeKnowledge.com '**************************************************************************/ /* General Tag specifications */ body { color:#030303; /*background-color: #B1CCD5;*/ background-color: #DEEBF2; font-family:Verdana,Trebuchet MS, Arial, Helvetica; font-size:12px; margin-bottom:0pt; margin-top:0pt; height:100%; overflow-y:auto; } TD, P {COLOR: #030303; FONT-FAMILY: Verdana, Trebuchet MS, Arial, Helvetica; FONT-SIZE: 12px} B {COLOR: #333333; FONT-FAMILY: Verdana, Trebuchet MS, Arial, Helvetica; } /* Anchors */ .box1 A:link {COLOR: #333333; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-DECORATION: none} .box1 A:visited {COLOR: #333333; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-DECORATION: none} .box1 A:hover {COLOR: #996666; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-DECORATION: underline} .ondark A:link {COLOR: #FFFFFF; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-DECORATION: none} .ondark A:visited {COLOR: #FFFFFF; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-DECORATION: none} .ondark A:hover {COLOR: #FF6600; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-DECORATION: underline} A:link {COLOR: #111111; FONT-SIZE: 12px; TEXT-DECORATION: underline} A:visited {COLOR: #111111; FONT-SIZE: 12px; TEXT-DECORATION: underline} A:hover {COLOR: #FF6600; FONT-SIZE: 12px; TEXT-DECORATION: none} span.footer {COLOR: #CCCCCC; FONT-SIZE: 10px; } span.footer A:link {COLOR: #CCCCCC; FONT-SIZE: 10px; TEXT-DECORATION: none} span.footer A:visited {COLOR: #CCCCCC; FONT-SIZE: 10px; TEXT-DECORATION: none} span.footer A:hover {COLOR: #000000; FONT-SIZE: 10px; TEXT-DECORATION: underline} .myaccount A:link {COLOR: #111111; FONT-SIZE: 8pt; TEXT-DECORATION: none} .myaccount A:visited {COLOR: #111111; FONT-SIZE: 8pt; TEXT-DECORATION: none} .myaccount A:hover {COLOR: #FF6600; FONT-SIZE: 8pt; TEXT-DECORATION: none} .menu A:link {COLOR: #f9f0ed; FONT-SIZE: 13px; TEXT-DECORATION: none} .menu A:visited {COLOR: #f9f0ed; FONT-SIZE: 13px; TEXT-DECORATION: none} .menu A:hover {COLOR: #f9f0ed; FONT-SIZE: 13px; TEXT-DECORATION: underline} a.memberMenu:link {COLOR: #000000; FONT-SIZE: 12px; TEXT-DECORATION: none} a.memberMenu:visited {COLOR: #000000; FONT-SIZE: 12px; TEXT-DECORATION: none} a.memberMenu:hover {COLOR: #000000; FONT-SIZE: 12px; TEXT-DECORATION: underline} .seg2bar {COLOR: #FFFFFF; FONT-SIZE: 11px; } .seg2bar a:link {COLOR: #FFFFFF; FONT-SIZE: 11px; TEXT-DECORATION: none} .seg2bar a:visited {COLOR: #FFFFFF; FONT-SIZE: 11px; TEXT-DECORATION: none} .seg2bar a:hover {COLOR: #333333; FONT-SIZE: 11px; TEXT-DECORATION: underline} a.sideLinks:link {COLOR: #FFFFFF; FONT-SIZE: 12px; TEXT-DECORATION: none} a.sideLinks:visited {COLOR: #FFFFFF; FONT-SIZE: 12px; TEXT-DECORATION: none} a.sideLinks:hover {COLOR: #FFFFFF; FONT-SIZE: 12px; TEXT-DECORATION: underline} .bottom_nav {COLOR: #444444; FONT-SIZE: 10px; TEXT-DECORATION: none} .bottom_nav a:link {COLOR: #444444; FONT-SIZE: 10px; TEXT-DECORATION: none} .bottom_nav a:visited {COLOR: #444444; FONT-SIZE: 10px; TEXT-DECORATION: none} .bottom_nav a:hover {COLOR: #000000; FONT-SIZE: 10px; TEXT-DECORATION: underline} .logout A:link {COLOR: #f9f0ed; FONT-SIZE: 11px; TEXT-DECORATION: none} .logout A:visited {COLOR: #f9f0ed; FONT-SIZE: 11px; TEXT-DECORATION: none} .logout A:hover {COLOR: #f9f0ed; FONT-SIZE: 11px; TEXT-DECORATION: underline} A.upperblue:link {COLOR: #006699; FONT-SIZE: 12px; TEXT-DECORATION: none} A.upperblue:visited {COLOR: #006699; FONT-SIZE: 12px; TEXT-DECORATION: none} A.upperblue:hover {COLOR: #555555; FONT-SIZE: 12px; TEXT-DECORATION: underline} A.uppderyellow:link {COLOR: yellow; FONT-SIZE: 12px; TEXT-DECORATION: none;font-weight:bold} A.uppderyellow:visited {COLOR: yellow; FONT-SIZE: 12px; TEXT-DECORATION: none;font-weight:bold} A.uppderyellow:hover {COLOR: yellow; FONT-SIZE: 12px; TEXT-DECORATION: underline;font-weight:bold} A.upperred:link {COLOR: red; FONT-SIZE: 12px; TEXT-DECORATION: none;font-weight:bold} A.upperred:visited {COLOR: red; FONT-SIZE: 12px; TEXT-DECORATION: none;font-weight:bold} A.upperred:hover {COLOR: red; FONT-SIZE: 12px; TEXT-DECORATION: underline;font-weight:bold} /* List Items */ li.home {list-style-type: none; display: block; padding: 0px 2px 0px 30px; margin: 2px; /*background: transparent url(../c/images/bul1.gif) no-repeat;*/ background: transparent url(/images/arrow_orange.gif) no-repeat; } /* Titles */ .orangetitle {FONT-SIZE: 12pt; COLOR: #FF6600; } .orangetitle2 {FONT-SIZE: 10pt; COLOR: #FF6600; } .title1 {FONT-SIZE: 10pt; } .title2 {FONT-SIZE: 12pt; color: #046595; font-weight: bold} .subtitle {font-family: Verdana, Trebuchet MS, Arial, Helvetica; color:#003390; font-size:12pt;} A.subtitle:link {COLOR: #003390; FONT-SIZE: 12pt; TEXT-DECORATION: none} A.subtitle:visited {COLOR: #003390; FONT-SIZE: 12pt; TEXT-DECORATION: none} A.subtitle:hover {COLOR: #555555; FONT-SIZE: 12pt; TEXT-DECORATION: underline} .whiteonblue {background-color: #006699; font-size: 20px; color: #FFFFFF} .company_info {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px} h3 {font-size: 14px; color: #FF6600; margin-top: 5px;margin-bottom: 5px;} h4 {font-size: 13px; color: #FF6600; margin-top: 5px;margin-bottom: 5px;} .prodDesc {FONT-SIZE: 9pt} .prodDescDet {FONT-SIZE: 11pt} /* Borders */ .lightblue {COLOR: #333333; BACKGROUND-COLOR: #FFFFFF; BORDER: 5px solid #B1CCD5} .lightorange {COLOR: #333333; BACKGROUND-COLOR: #FFFFFF; BORDER: 5px solid #f9d9b2} .lightred {COLOR: #333333; BACKGROUND-COLOR: #FFFFFF; BORDER: 5px solid #ff999a} .box1 {COLOR: #333333; BACKGROUND-COLOR: #EFEFEF; BORDER: 1px solid #BBC3D3} /* Box - Page Headings */ .pageHead b {FONT-FAMILY: Verdana, "Trebuchet MS",Arial,"Arial Narrow";font-size: 16px; color: #006699} .pageHead {BORDER-BOTTOM: 2px solid #CCCCCC; PADDING-BOTTOM: 4px; font-size: 14px; color: #FB7E33} .genHeading {BACKGROUND-COLOR: #CFCFCF; FONT-FAMILY:Verdana, 'Arial Narrow', Arial; font-size: 15px; color: #333333} textarea {font-family: Verdana, Arial, Helvetica, Verdana; font-size: 10pt} .pagetitle {height: 30px; font-weight: bold; BORDER-BOTTOM: 1px solid #CCCCCC; PADDING-BOTTOM: 2px; font-size: 12px; color: #FFFFFF; background-image: url(/images/title_bg.jpg)} /* Info Box WITH Headings ( H = Heading cell ; B = Body cell ) */ .box2 {COLOR: #333333; BACKGROUND-COLOR: #FFFFFF; BORDER: 1px solid #BBC3D3; border-color: #CFCFCF;} .box2H {COLOR: #333333; BACKGROUND-COLOR: #006699; PADDING: 1px} .box2H B {COLOR: #FFFFFF; font-size: 18px} .box2B {COLOR: #333333; BACKGROUND-COLOR: #CFCFCF} .box2B A:link {COLOR: #333333; FONT-SIZE: 10px; TEXT-DECORATION: none} .box2B A:visited {COLOR: #333333; FONT-SIZE: 10px; TEXT-DECORATION: none} .box2B A:hover {COLOR: #996666; FONT-SIZE: 10px; TEXT-DECORATION: underline} /* Backgrounds */ .pageNav {BACKGROUND-COLOR: #EEEEEE} .homeImg {BACKGROUND-COLOR: #F5F5F5; BORDER: 1px solid #CCCCCC} .homeDesc {BORDER-BOTTOM: 1px solid #CCCCCC} .lines {BACKGROUND-COLOR: #CCCCCC} /* Product Short Description (Detail page only) */ /* Product Long Description */ .prodDescLong {} /* Product Detail */ .prodDet {} /* Product SKU */ .prodSKU {} /* Product Price - Text Label */ .prodPriceT {COLOR: #800000} /* Product Price - Price Value */ .prodPriceV {COLOR: #800000} /* Product List Price - Text Label */ .prodLPriceT {} /* Product List Price - Price Value */ .prodLPriceV {TEXT-DECORATION: line-through} /* Product Sale Price - Text Label */ .prodSPriceT {} /* Product Sale Price - Price Value */ .prodSPriceV {COLOR: red} /* Free Shipping text */ .freeShipMsg {COLOR: #888888} /* In Stock text */ .inStock {COLOR: #888888} /* Out of Stock text */ .outStock {COLOR: red} /* No Image text */ .noImgT {COLOR: #800000} /* Category List */ .catDescList {} /* Category Description - No products linked to it */ .catDesc {} /* Category Description - Has products linked to it */ .catDescProd {FONT-WEIGHT: bold} /* Option Description for "Optional" options */ .optDesc {FONT-STYLE: italic} /* Option Select box */ .optSel {FONT-FAMILY: Verdana, Arial, helvetica; FONT-SIZE: 8pt} /* Option Text box */ .optTxt {FONT-FAMILY: Verdana, Arial, helvetica; FONT-SIZE: 8pt} /* ------------------- */ /* ADDED - Version 2.3 */ /* ------------------- */ /* Box - 2, 3 and 4 Column Layout for product list page */ .colsView {BACKGROUND-COLOR: #FFFFFF; BORDER: 0px solid #CCCCCC} .colsView A:link {COLOR: #000099; TEXT-DECORATION: none} .colsView A:visited {COLOR: #000099; TEXT-DECORATION: none} .colsView A:hover {COLOR: #996666; TEXT-DECORATION: underline} /* System Messages */ .sysMsg {FONT-SIZE: 10pt} .sysMsgErr {COLOR: red; FONT-SIZE: 10pt} .sysMsgURL {FONT-SIZE: 10pt} /* ------------------- */ /* ADDED - Version 2.4 */ /* ------------------- */ /* Highlights used in search results */ .highlight {COLOR: #000000; BACKGROUND-COLOR: #ffff66} /* ------------------- */ /* ADDED - Version 2.5 */ /* ------------------- */ /* Radio Button options */ .optRadio {FONT-FAMILY: Verdana, Arial, helvetica; FONT-SIZE: 8pt} /* Option Description for "Mandatory" options*/ .optDescM {FONT-STYLE: italic; color: Red} #company_title { font-size:12px; font-weight:bold; } #company_description { width:400px } /* START JAMES ADDED */ .headerSection{ border:1px solid #8F8F8F; background-color:#003366; padding:3px; } .bodySection{ border-bottom:1px solid #8F8F8F; border-left:1px solid #8F8F8F; border-right:1px solid #8F8F8F; padding:3px; } /* END JAMES ADDED */ #black_text{color:#000000} .search_box {color:#FFFFFF} .search_box A:link {COLOR: #FFFFFF; FONT-SIZE: 10px; TEXT-DECORATION: none} .search_box A:visited {COLOR: #FFFFFF; FONT-SIZE: 10px; TEXT-DECORATION: none} .search_box A:hover {COLOR: #FFFFFF; FONT-SIZE: 10px; TEXT-DECORATION: underline} a.bizListing:link{ font-size:14px; font-weight:bold; color:#000000; } a.bizListing:visited{ font-size:14px; font-weight:bold; color:#000000; } a.bizListing:hover{ font-size:14px; font-weight:bold; color:#0066CC; text-decoration:none;} a.editDelete:link{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#0000CC; } a.editDelete:visited{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#0000CC; } a.editDelete:hover{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#990000; } DIV.outer { position: absolute; left:50%; top:50%; border:1px solid #000000; background:#ffffff; background-color:#ffffff; width:300px; z-index: 90;visibility: hidden;display: none; margin-left: -150px; /* half of width */ margin-top: -150px; /* half of height */ } DIV.outer2 { position: absolute; left:50%; top:50%; border:1px solid #000000; background:#ffffff; background-color:#ffffff; width:450px; z-index: 90;visibility: hidden;display: none; margin-left: -225px; /* half of width */ margin-top: -110px; /* half of height */ }