body { background-color: #FFFFFF; background-image: url(/images/bg.jpg); background-repeat: repeat-x; font-size: 12px; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; } 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} a:link { TEXT-DECORATION:none; color: #996633; background: none} a:visited { TEXT-DECORATION:none ; COLOR: #996633; background: none} a:active { TEXT-DECORATION:none; COLOR: #996633; background: none} a:hover { COLOR: #996699; TEXT-DECORATION: underline } #nav { background-color: #5bbb57; color:#FFF; padding-left: 10px; padding-right: 10px; text-align: center; vertical-align: middle; cursor : pointer; padding-top: 5px; height: 20px; } #nav:hover { background-color: #006737; color:#FFF; padding-left: 10px; padding-right: 10px; text-align: center; vertical-align: middle; cursor : pointer; padding-top: 5px; height: 20px; } fieldset {background-color: #efefef} DIV.outer { position: absolute; left:50%; top:40%; border: 5px solid #cccccc; background:#ffffff; background-color:#ffffff; width:500px; z-index: 90;visibility: hidden;display: none; margin-left: -250px; /* half of width */ margin-top: -250px; /* half of height */ } 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;} 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; margin-top: 5px; padding: 5px} .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} .box2 {COLOR: #333333; BACKGROUND-COLOR: #cecece; BORDER: 1px solid #BBC3D3; margin-top: 5px; padding: 5px} .box2 td {COLOR: #333333; } .box2 A:link {COLOR: #333333; FONT-SIZE: 8pt; FONT-WEIGHT: bold;TEXT-DECORATION: none} .box2 A:visited {COLOR: #333333; FONT-SIZE: 8pt; FONT-WEIGHT: bold;TEXT-DECORATION: none} .box2 A:hover {COLOR: #fa8e2f; FONT-SIZE: 8pt; FONT-WEIGHT: bold;TEXT-DECORATION: underline} td.menu {height: 38px; COLOR: #ffffff; FONT-SIZE: 8pt; BACKGROUND-COLOR: #116708; BORDER-bottom: 1px solid #ffffff} td.menu A:link {padding-left: 10px; padding-right: 10px; COLOR: #FFFFFF; FONT-SIZE: 8pt; TEXT-DECORATION: none} td.menu A:visited {padding-left: 10px; padding-right: 10px; COLOR: #FFFFFF; FONT-SIZE: 8pt; TEXT-DECORATION: none} td.menu A:hover {padding-left: 10px; padding-right: 10px; COLOR: #DDDDDD; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-DECORATION: underline} td.product_menu {height: 38px; COLOR: #ffffff; FONT-SIZE: 14px; font-weight: bold; BACKGROUND-COLOR: #135772; BORDER-bottom: 1px solid #ffffff} td.product_menu A:link {padding-left: 10px; padding-right: 14px; font-weight: bold; COLOR: #FFFFFF; FONT-SIZE: 8pt; TEXT-DECORATION: none} td.product_menu A:visited {padding-left: 10px; padding-right: 14px; font-weight: bold; COLOR: #FFFFFF; FONT-SIZE: 8pt; TEXT-DECORATION: none} td.product_menu A:hover {padding-left: 10px; padding-right: 14px; font-weight: bold; COLOR: #DDDDDD; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-DECORATION: underline} td.footer_menu {height: 38px; COLOR: #ffffff; FONT-SIZE: 8pt; BACKGROUND-COLOR: #7bbf16; BORDER-bottom: 1px solid #ffffff} td.footer_menu A:link {padding-left: 10px; font-weight: normal; padding-right: 10px; COLOR: #FFFFFF; FONT-SIZE: 8pt; TEXT-DECORATION: none} td.footer_menu A:visited {padding-left: 10px; font-weight: normal; padding-right: 10px; COLOR: #FFFFFF; FONT-SIZE: 8pt; TEXT-DECORATION: none} td.footer_menu A:hover {padding-left: 10px; font-weight: normal; padding-right: 10px; COLOR: #DDDDDD; FONT-SIZE: 8pt; FONT-WEIGHT: none; TEXT-DECORATION: underline} .row1 {BACKGROUND-COLOR: #F5F5F5; } .row2 {BACKGROUND-COLOR: #C2D3FC; } .footer {COLOR: #cccccc; FONT-SIZE: 9px;} .footer b {COLOR: #333333; FONT-SIZE: 9px;} .footer A:link {COLOR: #cccccc; FONT-SIZE: 9px; FONT-WEIGHT: bold; TEXT-DECORATION: none} .footer A:visited {COLOR: #cccccc; 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: Verdana, Arial, Helvetica, sans-serif } .round4corners {border: 5px solid #cccccc; -moz-border-radius: 10px;-webkit-border-radius: 10px;padding: 10px; box-shadow: 10px 5px 5px #888; padding: 5px 5px 5px 15px;} /* Box - Page Headings */ .pageHead {TEXT-DECORATION:none; FONT-SIZE: 18Px; FONT-WEIGHT: bold; COLOR: #222222; FONT-FAMILY: Times, Verdana, Arial, Helvetica, sans-serif; background: none} .pageHead a:link { TEXT-DECORATION:none; FONT-SIZE: 18Px; FONT-WEIGHT: none; COLOR: #cc0000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; background: none } .pageHead a:visited { TEXT-DECORATION:none ; FONT-SIZE: 18Px; FONT-WEIGHT: none; COLOR: #cc0000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; background: none } .pageHead a:active { TEXT-DECORATION:none; FONT-SIZE: 18Px; FONT-WEIGHT: none; COLOR: #cc0000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; background: none } .pageHead a:hover { FONT-SIZE: 18Px; FONT-WEIGHT: none; COLOR: #cc0000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline } /* Box - Page Navigation */ .pageNav {BACKGROUND-COLOR: #EEEEEE} /* Box - General Headings */ .genHeadings {COLOR: #346247; font-weight: bold; BACKGROUND-COLOR: #cecece; padding: 2px} .heading {COLOR: #bbbbbb; font-weight: bold; BACKGROUND-COLOR: #cecece; padding: 2px; color: #ffffff} /* 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: Verdana, Arial, Helvetica, sans-serif } /* Product Short Description (Detail page only) */ .prodDescDet {FONT-SIZE: 12pt;} /* Product Long Description */ .prodDescLong {FONT-SIZE: 12px; COLOR: #444444} /* Product Detail */ .prodDet {FONT-SIZE: 10pt; COLOR: #000000 } /* Product SKU */ .prodSKU {} /* Product Price - Text Label */ .prodPriceT {COLOR: #903; FONT-SIZE: 10pt;} /* Product Price - Price Value */ .prodPriceV {COLOR: #333333; FONT-SIZE: 10pt;} .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: #903; FONT-SIZE: 10pt;} /* Product List Price - Price Value */ .prodLPriceV {TEXT-DECORATION: line-through} /* Product Sale Price - Text Label */ .prodSPriceT {} /* Product Sale Price - Price Value */ .prodSPriceV {COLOR: green} /* 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 {} /* Category Description - No products linked to it */ span.catDesc {FONT-FAMILY: Verdana, Arial, helvetica; FONT-SIZE: 10pt; color: #fa8e2f} /* Category Description - Has products linked to it */ span.catDescProd {FONT-WEIGHT: bold; FONT-SIZE: 9pt} /* 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 { TEXT-DECORATION:none; FONT-WEIGHT: bold; color: #996633; background: none} .colsView a:visited { TEXT-DECORATION:none ; FONT-WEIGHT: bold; COLOR: #996633; background: none} .colsView a:active { TEXT-DECORATION:none; FONT-WEIGHT: bold; COLOR: #996633; background: none} .colsView a:hover {FONT-WEIGHT: bold; COLOR: #996699; 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} /* 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: 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: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; color: gray; background: #d8e8ff; font-weight: bold; }