/************************************************************************* ' Function : CSS defintions for the store. ' Product : Webdesigns-studio Store Frontend ' Version : 2.4 ' Modified : June 2003 ' Copyright: Copyright (C) 2003 Webdesigns-studio.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@Webdesigns-studio.com '**************************************************************************/ /* General Tag specifications */ body { background-color: #060; background-image: url(/images/bg.jpg); font-size: 14px; color:#ffffff; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-family:"Palatino Linotype", "Book Antiqua", Palatino, 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; FONT-WEIGHT: none; COLOR: #d47622;} a:visited { TEXT-DECORATION:none; FONT-WEIGHT: none; COLOR: #d47622;} a:active { TEXT-DECORATION:none; FONT-WEIGHT: none; COLOR: #d47622;} a:hover { TEXT-DECORATION: underline;FONT-WEIGHT: none; COLOR: #64400d; } #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 {padding: 5px} .headertitle { color: #006737; font-size:30px; font-family:"Century Gothic"; padding-left:50px; } 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; margin-bottom: 5px; color:#ffffff} h2 {FONT-SIZE: 12pt; margin-top: 5px; margin-bottom: 5px; color:#ffcc00} h3 {FONT-SIZE: 10pt; margin-top: 5px; margin-bottom: 5px; color:#003400} h4 {FONT-SIZE: 8pt; margin-top: 5px; margin-bottom: 5px; color:#003400} /* 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} div.menu {background-image: url(/images/leaf_yellow.png); background-repeat: no-repeat; height: 32px; COLOR: #ffffff; position: relative; FONT-SIZE: 11pt; float: right; margin-top: 8px; margin-left: 28px /*margin-left: 38px*/} div.menu:hover {/*background-image: url(/images/n_nav_bg.jpg);background-color:#FFF;*/ height: 32px;} div.menu A:link {font-weight: bold; margin-left: 14px; font-family:Tahoma, Geneva, sans-serif; color: #fff; TEXT-DECORATION: none; padding-left: 8px; padding-right: 0px;} div.menu A:visited {font-weight: bold; margin-left: 14px; font-family:Tahoma, Geneva, sans-serif; color: #fff; TEXT-DECORATION: none; padding-left: 8px; padding-right: 0px;} div.menu A:hover {font-weight: bold; margin-left: 14px; font-family:Tahoma, Geneva, sans-serif; color: #F00; TEXT-DECORATION: none; padding-left: 8px; padding-right: 0px;} 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: #aaaaaa; FONT-SIZE: 10px;} .footer b {COLOR: #333333; FONT-SIZE: 10px;} .footer A:link {COLOR: #aaaaaa; FONT-SIZE: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: none} .footer A:visited {COLOR: #aaaaaa; FONT-SIZE: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: none} .footer A:hover {COLOR: #440000; FONT-SIZE: 10px; 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 14px; 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 } /* Box - Page Headings */ .pageHead {TEXT-DECORATION:none; FONT-SIZE: 18Px; FONT-WEIGHT: bold; COLOR: #ffcc00; FONT-FAMILY: Georgia, Verdana, Arial, Helvetica, sans-serif; background: none} .pageHead a:link { TEXT-DECORATION:none; FONT-SIZE: 18Px; FONT-WEIGHT: none; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; background: none } .pageHead a:visited { TEXT-DECORATION:none ; FONT-SIZE: 18Px; FONT-WEIGHT: none; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; background: none } .pageHead a:active { TEXT-DECORATION:none; FONT-SIZE: 18Px; FONT-WEIGHT: none; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; background: none } .pageHead a:hover { FONT-SIZE: 18Px; FONT-WEIGHT: none; COLOR: #ffcc00; 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} /* 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} /* Horizontal and Vertical lines */ .lines { BACKGROUND-COLOR: #CCCCCC} /* Product Short Description (Except Detail page) */ .prodDesc {TEXT-DECORATION: none; FONT-SIZE: 15px; FONT-WEIGHT: bold; COLOR: #174a00; } /* Product Short Description (Detail page only) */ .prodDescDet {FONT-SIZE: 12pt;} /* Product Long Description */ .prodDescLong {FONT-SIZE: 14px; 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 */ .catDesc {font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; FONT-SIZE: 13pt; color: #690} /* 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 {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} /* 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: 14px; 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: 14px; 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; }