body { background-color: #FFFFFF; /* background-image: url(/images/bg.jpg); background-repeat: repeat-x; */ font-size: 11px; font-color: #666666; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-family:Arial, Verdana, Geneva, sans-serif; } td, p, span {font-color: #666666;} input.entry { background-image:url(/images/bg_input.gif); border: 1px solid #666699; height: 22px; text-align: left; padding: 2px} select.entry, option.entry { background-image:url(/images/bg_input.gif); border: 1px solid #666699; height: 20px; text-align: left; padding: 1px} ul {margin-left: -25px} a:link { TEXT-DECORATION:none; FONT-WEIGHT: none; COLOR: #666666; FONT-FAMILY: verdana; background: none} a:visited { TEXT-DECORATION:none ; FONT-WEIGHT: none; COLOR: #666666; FONT-FAMILY: verdana; background: none} a:active { TEXT-DECORATION:none; FONT-WEIGHT: none; COLOR: #666666; FONT-FAMILY: verdana; background: none} a:hover {FONT-WEIGHT: none; COLOR: #2c95a8; FONT-FAMILY: verdana; TEXT-DECORATION: none } /*#clink { TEXT-DECORATION:none; FONT-WEIGHT: none; COLOR: #666666; FONT-FAMILY: verdana; background: none} #clink:hover {FONT-WEIGHT: none; COLOR: #2c95a8; FONT-FAMILY: verdana; TEXT-DECORATION: underline } */ /*li {margin-left: -5px; list-type: none}*/ div.menu {padding: 0px} div.menu ul { list-style:none; /*width:900px; */} div.menu ul li { float:left; /*height:25px; */padding: 5px;} div.menu ul li a { color:#666666; font-size: 10pt; } div.menu ul li a:hover{ color:#2c95a8; font-weight:bold; text-decoration: none} td.menu a {color:#666666; font-size: 10pt; text-decoration: none} td.menu a:hover { color:#2c95a8; text-decoration: none} td.mSeld a {color:#2c95a8; font-size: 10pt; text-decoration: none} td.mSeld a:hover { color:#2c95a8; text-decoration: none} fieldset {background-color: #efefef} .homeprod { font-size: 11px; color: #666666; } .homeprod a { color: #666666; } .homeprod a:hover { color: #399ca1; text-decoration: none; } .divscroll { padding-right: 3px; scrollbar-base-color: #dddddd; scrollbar-face-color:#bbbbbb; scrollbar-arrow-color:#ffffff; scrollbar-track-color:#cccccc; scrollbar-shadow-color:#dddddd; scrollbar-highlight-color:#cccccc; scrollbar-3dlight-color:#dddddd ; scrollbar-darkshadow-color:#cccccc } ul.menu {margin: 0px 0px 0px 0px; } li.menu { list-style-type: square; display: block; padding: 0px 0px 0px 20px; margin: 5px; background: transparent url(/images/butt_arrowright.gif) no-repeat; } /*li {list-style-type: square; display: block; padding: 0px 0px 5px 0px; margin: 5px; background: transparent url(../images/arrow.gif) no-repeat;}*/ h1 {FONT-SIZE: 14pt; margin-top: 5px;} h2 {FONT-SIZE: 12pt; margin-top: 5px; color:#555555} h3 {FONT-SIZE: 10pt; margin-top: 5px;} h4 {FONT-SIZE: 8pt; margin-top: 5px;} /* Info Box WITHOUT Headings */ .box1 {COLOR: #333333; BACKGROUND-COLOR: #FFFFFF; BORDER: 1px solid #BBC3D3} .box1 td {COLOR: #333333; } .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: #fa8e2f; FONT-SIZE: 8pt; FONT-WEIGHT: bold;TEXT-DECORATION: underline} .row1 {BACKGROUND-COLOR: #F5F5F5; } .row2 {BACKGROUND-COLOR: #C2D3FC; } span.footer_menu {COLOR: #bbbbbb; FONT-SIZE: 11px;} span.footer_menu A:link {COLOR: #bbbbbb; FONT-SIZE: 11px; TEXT-DECORATION: none} span.footer_menu A:visited {COLOR: #bbbbbb; FONT-SIZE: 11px; TEXT-DECORATION: none} span.footer_menu A:hover {COLOR: #2c95a8; FONT-SIZE: 11px;TEXT-DECORATION: none} .footer {COLOR: #bbbbbb; FONT-SIZE: 9px;} .footer b {COLOR: #333333; FONT-SIZE: 9px;} .footer A:link {COLOR: #bbbbbb; FONT-SIZE: 9px; FONT-WEIGHT: bold; TEXT-DECORATION: none} .footer A:visited {COLOR: #bbbbbb; FONT-SIZE: 9px; FONT-WEIGHT: bold; TEXT-DECORATION: none} .footer A:hover {COLOR: #440000; FONT-SIZE: 9px; FONT-WEIGHT: bold; TEXT-DECORATION: underline} .pageNav A:link {COLOR: #FFFFFF; FONT-SIZE: 11pt; FONT-WEIGHT: bold; TEXT-DECORATION: none} .pageNav A:visited {COLOR: #FFFFFF; FONT-SIZE: 11pt; FONT-WEIGHT: bold; TEXT-DECORATION: none} .pageNav A:hover {COLOR: #551A8B; FONT-SIZE: 11pt; FONT-WEIGHT: bold; TEXT-DECORATION: underline} .nav A:link {COLOR: #FFFFFF; FONT-FAMILY: Arial ; FONT-SIZE: 10pt; TEXT-DECORATION: none} .nav A:visited {COLOR: #FFFFFF; FONT-FAMILY: Arial ; FONT-SIZE: 10pt; TEXT-DECORATION: none} .nav A:hover {COLOR: #CCCCCC; FONT-FAMILY: Arial ; FONT-SIZE: 10pt; TEXT-DECORATION: underline} /* Info Box WITH Headings ( H = Heading cell ; B = Body cell ) */ .box2 {COLOR: #333333; BACKGROUND-COLOR: #EFEFEF; BORDER: 1px solid #BBC3D3} .box2H {COLOR: #333333; BACKGROUND-COLOR: #DDDDDD; PADDING: 1px} .box2H B {COLOR: #333333; } .box2B {COLOR: #333333; BACKGROUND-COLOR: #FFFFFF} .box2B B {COLOR: #000000; BACKGROUND-COLOR: #FFFFFF; FONT-WEIGHT: bold; FONT-SIZE: 10pt} .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} .heading1 {COLOR: #0000FF; FONT-SIZE: 14px; TEXT-DECORATION: none; FONT-WEIGHT: bold} li.arrow {list-style-type: none; display: block; padding: 0px 0px 0px 12px; margin-left: -10px; margin-bottom: 5px; background: transparent url(../images/arrow_red.gif) no-repeat; color: #fa8e2f} /* #menu { display: block; margin: 5px 5px 0px 0px; padding: 5px 10px 5px 10px; width: 80px; background: #cc0000; text-align: center; TEXT-DECORATION: none; FONT-SIZE: 16Px; FONT-WEIGHT: none; COLOR: #ffffff; FONT-FAMILY: Arial, Verdana, Arial, Helvetica, sans-serif } */ DIV.outer { position: absolute; left:50%; top:40%; border:1px solid #000000; background:#ffffff; background-color:#ffffff; width:500px; z-index: 90;visibility: hidden;display: none; text-align: center; vertical-align: middle; margin-left: -250px; /* half of width */ margin-top: -250px; /* half of height */ } /* Box - Page Headings */ .pageHead { TEXT-DECORATION:none; FONT-SIZE: 15px; FONT-WEIGHT: bold; COLOR: #666666;} .pageHead a:link { TEXT-DECORATION:none; FONT-SIZE: 15px; FONT-WEIGHT: none; COLOR: #cc0000; } .pageHead a:visited { TEXT-DECORATION:none ; FONT-SIZE: 15px; FONT-WEIGHT: none; COLOR: #cc0000; } .pageHead a:active { TEXT-DECORATION:none; FONT-SIZE: 15px; FONT-WEIGHT: none; COLOR: #cc0000; } .pageHead a:hover { FONT-SIZE: 15px; FONT-WEIGHT: none; COLOR: #cc0000; } /* Box - Page Navigation */ .pageNav {BACKGROUND-COLOR: #EEEEEE} /* Box - General Headings */ .genHeadings {COLOR: #346247; font-weight: bold; BACKGROUND-COLOR: #cecece} /* Box - Product Image (Home page) */ .homeImg { BORDER: 1px solid #CCCCCC; BACKGROUND-COLOR: #FFFFFF} /* Box - Product Description (Home page) */ .homeDesc {BORDER-BOTTOM: 1px solid #CCCCCC; BACKGROUND-COLOR: #FFFFFF} .PhotoTop {BORDER-TOP: 1px solid #CCCCCC;} /* Horizontal and Vertical lines */ .lines { BACKGROUND-COLOR: #CCCCCC} /* Product Short Description (Except Detail page) */ b.prodDesc {TEXT-DECORATION: none; FONT-SIZE: 12px; FONT-WEIGHT: none; COLOR: #000000; FONT-FAMILY: Arial, Verdana, Arial, Helvetica, sans-serif } /* Product Short Description (Detail page only) */ .prodDescDet {FONT-SIZE: 12px; color: #666666} /* Product Long Description */ .prodDescLong {FONT-SIZE: 11px; COLOR: #666666} /* Product Detail */ .prodDet {FONT-SIZE: 11px; COLOR: #666666 } /* Product SKU */ .prodSKU {} /* Product Price - Text Label */ .prodPriceT {COLOR: #333333; FONT-SIZE: 9pt;} /* Product Price - Price Value */ .prodPriceV {COLOR: #333333; FONT-SIZE: 9pt;} .bold { FONT-WEIGHT: bold} .title { FONT-WEIGHT: bold; COLOR: #333333; FONT-SIZE: 14px; padding-bottom: 5px; padding-top: 5px} /* Product List Price - Text Label */ .prodLPriceT {COLOR: #666666; FONT-SIZE: 9pt;} /* Product List Price - Price Value */ .prodLPriceV {TEXT-DECORATION: line-through; COLOR: #666666;FONT-SIZE: 9pt; } /* Product Sale Price - Text Label */ .prodSPriceT { COLOR: #666666;FONT-SIZE: 9pt;} /* Product Sale Price - Price Value */ .prodSPriceV {COLOR: #666666; FONT-SIZE: 9pt;} /* Free Shipping text */ .freeShipMsg {COLOR: #888888} /* Special */ .splcolor {COLOR: #FFCC00} /* Special */ .spltitle {COLOR: #000000; FONT-SIZE: 10pt; } /* In Stock text */ .inStock {COLOR: #E58E13} /* Out of Stock text */ b.outStock {COLOR: red} /* No Image text */ .noImgT {COLOR: #000000} /* Category List */ .catDescList {list-style-type: none; font-size: 11px; font-weight: normal; /*display: block;*/ margin: 0; padding: 0} .catDescList a {color: #666666; font-size: 11px; font-weight: normal; /*padding-left: 10px*/} .catDescList a:hover {color: #2c95a8; font-size: 11px; font-weight: normal; /*padding-left: 10px*/} .mainCat a {color: #666666; font-size: 11px; font-weight: normal; } .mainCat a:hover {color: #2c95a8; font-size: 11px; font-weight: normal;} .mainCatSeld a {color: #2c95a8; font-size: 11px; font-weight: normal; } .mainCatSeld a:hover {color: #2c95a8; font-size: 11px; font-weight: normal;} span.expCat a {color: #666666; font-size: 11px; font-weight: normal; } span.expCat a:hover {color: #2c95a8; font-size: 11px; font-weight: normal;} span.expCatSeld a {color: #2c95a8; font-size: 11px; font-weight: normal; } span.expCatSeld a:hover {color: #2c95a8; font-size: 11px; font-weight: normal;} /* Category Description - No products linked to it */ span.catDesc {FONT-FAMILY: Arial, Verdana, Arial, helvetica; FONT-SIZE: 10pt; color: #fa8e2f} /* Category Description - Has products linked to it */ li.catDescProd {FONT-WEIGHT: bold; FONT-SIZE: 9pt; display: block} /* Option Description for "Optional" options */ .optDesc {FONT-STYLE: italic} /* Option Select box */ .optSel {FONT-FAMILY: Arial, Verdana, Arial, helvetica; FONT-SIZE: 8pt} /* Option Text box */ .optTxt {FONT-FAMILY: Arial, 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: Arial, Verdana, Arial, helvetica; FONT-SIZE: 8pt} /* Option Description for "Mandatory" options*/ .optDescM {FONT-STYLE: italic; color: Red} /* added style */ /* Date picker */ /* the div that holds the date picker calendar */ .dpDiv { } /* the table (within the div) that holds the date picker calendar */ .dpTable { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; color: #505050; background-color: #ece9d8; border: 1px solid #AAAAAA; } /* a table row that holds date numbers (either blank or 1-31) */ .dpTR { } /* the top table row that holds the month, year, and forward/backward buttons */ .dpTitleTR { } /* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */ .dpDayTR { } /* the bottom table row, that has the "This Month" and "Close" buttons */ .dpTodayButtonTR { } /* a table cell that holds a date number (either blank or 1-31) */ .dpTD { border: 1px solid #ece9d8; } /* a table cell that holds a highlighted day (usually either today's date or the current date field value) */ .dpDayHighlightTD { background-color: #CCCCCC; border: 1px solid #AAAAAA; } /* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */ .dpTDHover { background-color: #aca998; border: 1px solid #888888; cursor: pointer; color: red; } /* the table cell that holds the name of the month and the year */ .dpTitleTD { } /* a table cell that holds one of the forward/backward buttons */ .dpButtonTD { } /* the table cell that holds the "This Month" or "Close" button at the bottom */ .dpTodayButtonTD { } /* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */ .dpDayTD { background-color: #CCCCCC; border: 1px solid #AAAAAA; color: white; } /* additional style information for the text that indicates the month and year */ .dpTitleText { font-size: 12px; color: gray; font-weight: bold; } /* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ .dpDayHighlight { color: 4060ff; font-weight: bold; } /* the forward/backward buttons at the top */ .dpButton { font-family: Arial, Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; color: gray; background: #d8e8ff; font-weight: bold; padding: 0px; } /* the "This Month" and "Close" buttons at the bottom */ .dpTodayButton { font-family: Arial, Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; color: gray; background: #d8e8ff; font-weight: bold; }