/* $Id: stylesheet.css,v 1.9 2006/05/26 13:44:53 claude Exp $ osCommerce, Open Source E-Commerce Solutions http://www.oscommerce.com Copyright (c) 2003 osCommerce Released under the GNU General Public License */ /* Structure ----------------------------------------------- */ body {background: #ddd; font: normal normal normal 12px Gill Sans MT, Arial, Geneva, Helvetica, sans-serif; color:#333; margin-left: 0px; margin-right: 0px; margin-top: 10px; text-align: center;} a {color:#38322d; text-decoration:underline;} a:hover {color: #20799B;} input{font-size: 12px;} h1 {color: #333; font-family: Arial, Geneva, Helvetica; font-size:16px;} h2 {color: #333; font-family: Arial, Geneva, Helvetica; font-size:14px;} h3 {color: #333; font-family: Arial, Geneva, Helvetica; font-size:12px;} td {font: normal normal normal 66% Arial, Geneva, Helvetica, sans-serif;} /*Header ----------------------------------------------- */ .boxText {} .errorBox {background: #ffb3b5; font-weight: bold; } .stockWarning {color: #cc0033; } .productsNotifications { background: #fff; } .orderEdit{text-decoration: underline; } /* Simple Menu ----------------------------------------------- */ div.menuOption{padding-left: 2px; padding-top: 3px; padding-bottom: 3px;} div.menuSubOption{padding:3px;} /* Boxes ----------------------------------------------- */ /* Articles Menu ----------------------------------------------- */ #articlesmenu{} #articlesmenu ul {list-style: none; margin: 0; padding:0;} #articlesmenu li{margin: 0; border: 0;} #articlesmenu li a{display: block;} html>body #articlesmenu li a {width: auto;} /* Login Box --------------- */ #boxLogin{padding-left: 10px; padding-right: 10px;} #boxLoginTitle{background: #CBCBBF; font-size: 13px; font-weight: bold; padding: 5px; margin-bottom: 10px; text-align: left;} #boxLoginTitleLoggedIn{background: #CBCBBF; border-bottom: solid 1px #999A95; font-size: 13px; font-weight: bold; padding: 5px; text-align: left;} #boxLoginMenu ul {list-style: none; margin: 0; padding:0;} #boxLoginMenu li{border-bottom: 1px solid #000; margin: 0; border: 0;} #boxLoginMenu li a{background: url(images/rolloff.gif) left center; border-bottom: 1px solid #999A95; color: #000; display: block; font-size: 11px; font-weight: bold; padding: 4px 4px 4px 20px; text-decoration: none;} html>body #boxLoginMenu li a {width: auto;} #boxLoginMenu li a:hover, #boxLoginMenu li a.active{background: #EEC762; color: #000;} input.boxLogin{border: solid 1px #000; width: 100px;} /* Info Box --------------- */ a.infoBoxHeading {font-size: 120%; color: #2f6582;} a.infoBoxHeadingLink {font-size: 120%; color: #fff;} a.infoBoxHeadingLink:link {font-size: 12px; color: #fff;} a.infoBoxHeadingLink:hover {font-size: 120%; color: #fff;} .infoBox {} .infoBoxHeading{font-weight: bold; font-size: 110%; color:#333399;} .infoBoxContents {} /* Info Box Notice --------------- */ .infoBoxNotice {background: #fff;} .infoBoxNoticeContents {} /* Top Menu Box --------------- */ #BoxTopMenu ul{color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; margin: 0; padding-bottom: 5px; padding-left: 0px; padding-right: 0px; padding-top: 5px; text-align: left; white-space: nowrap;} #BoxTopMenu ul li{display: inline;} #BoxTopMenu ul li a{color: #fff; font-weight: bold; padding-bottom: 5px; padding-left: 15px; padding-right: 15px; padding-top: 5px; text-decoration: none;} #BoxTopMenu ul li a:hover{background: #336699; color: #fff;} /* Featured Content --------------- */ div.featuredcontent{width: 100%;} div.featuredcontenttitle{background: #DBDAD5; font-size: 12px; font-weight: bold; padding: 5px;} div.featuredcontentcontainer{padding: 10px;} div.featuredcontentsplitter{background: url(images/dotted.gif) repeat-x; height: 1px; width: 100%;} div.featuredcontentitem{padding: 5px;} div.featuredcontentimage{float: left; padding-right: 5px;} span.featuredcontentname{color: #0066CC; font-weight: bold;} span.featuredcontentdescription{} div.featuredcontentreadmore{text-align: right;} div.featuredcontentreadmore a{color: #000; font-weight: bold; text-decoration: none;} /* Child Articles Box --------------- */ div.childarticles{width: 100%;} div.childarticlestitle{display: none; height: 0px;} div.childarticlescontainer{padding: 0px;} div.childarticlesitem{padding: 5px;} div.childarticlesimage{float: left; padding-right: 5px;} span.childarticlesname{color: #F39300; font-family: Arial, Geneva, Helvetica; font-weight: bold;} span.childarticlesdescription{} div.childarticlesreadmore{ font-family: Arial, Geneva, Helvetica; text-align: right;} div.childarticlesreadmore a{color: #4170AE; font-weight: bold; text-decoration: none;} /* Testimonials Box --------------- */ div.testimonials{width: 100%;} div.testimonialstitle{background: #CD9967; color: #fff; font-size: 12px; font-weight: bold; padding: 5px;} div.testimonialscontainer{padding: 10px;} div.testimonialssplitter{border-bottom: solid 1px #000; height: 1px; margin-bottom: 5px; margin-top: 5px; width: 100%;} div.testimonialsimage{float: left; padding-bottom: 10px; padding-right: 5px; padding-top: 10px;} div.testimonialscontent{float: right;} div.testimonialsitem{padding: 5px;} div.testimonialsclient{font-weight: bold;} div.testimonialsclient a{font-weight: bold;} div.testimonialscompany{font-weight: bold;} div.testimonialscompany a{font-weight: bold;} div.testimonialsname{display: none; height: 0px;} div.testimonialsdescription{padding-top: 5px;} div.testimonialsreadmore{text-align: right;} div.testimonialsreadmore a{color: #000; font-weight: bold; text-decoration: none;} /* View Testimonials --------------- */ div.viewtestimonialscontent{} div.viewtestimonialsimage{float: left;} div.viewtestimonialsclientdetails{float: left; padding: 20px;} div.viewtestimonialsclient{font-weight: bold;} div.viewtestimonialsclient a{font-weight: bold;} div.viewtestimonialscompany{font-weight: bold;} div.viewtestimonialscompany a{font-weight: bold;} div.viewtestimonialsname{display: none; height: 0px;} div.viewtestimonialsdescription{padding-top: 5px;} /* Category Box --------------- */ div.categoryBoxBorder{border: solid 1px #000;} div.categoryBox {background: #fff; width: 100%; height: 100%;} div.categoryBoxImage {text-align: center; margin-top: 5px;} div.categoryBoxName {background: #0F3949; border-bottom: solid 1px #000; color: #000; padding: 5px 10px 5px 5px; text-align: right;} div.categoryBoxDescription {padding: 5px;} div.categoryBoxFooter {padding: 5px; text-align: center;} a.categoryBoxName {color: #fff; font-size: 120%; font-weight: bold; text-decoration: none;} a.categoryBoxDescription {color: #000;} a.categoryBoxFooter {font-weight: bold; color: #0F3949;} /* Product Box --------------- */ div.productBoxBorder{} div.productBox {width: 100%; background: #f3f3f3;; color: #000;} div.productBoxImage {padding: 10px;} div.productBoxName {background: #0F3949; border-bottom: solid 1px #000; color: #000; padding: 5px; text-align: left;} div.productBoxDescription {padding: 10px;} div.productBoxDetails {padding: 10px; text-align: right;} div.productBoxButtons {padding: 10px; text-align: right;} a.productBoxName {color: #fff; font-size: 120%; font-weight: bold; text-decoration: none;} a.productBoxDescription {color: #0F3949;} /* Multifund Box --------------- */ div.multifundBox {width: 100%; background: #ec6018;} div.multifundBoxDescription {width: 100%; padding-bottom: 15px;} /* News Box --------------- */ #boxNewsDeskContent{color: #fff; padding: 8px;} #boxNewsDeskContent a{color: #fff;} div.boxNewsDeskHeadline{color: #FF6600; font-weight: bold; padding-bottom: 5px;} div.boxNewsDeskSummary{padding-bottom: 5px;} div.boxNewsDeskMore{border-bottom: dashed 1px #393937; margin-bottom: 5px; padding-bottom: 5px; text-align: right;} div.boxNewsDeskMore a{font-weight: bold; text-decoration: none;} div.boxNewsDeskArchive{text-align: right;} div.boxNewsDeskArchive a{font-weight: bold; text-decoration: none;} /* Specials Box --------------- */ a.specialsBox{font-weight: bold;color: #333399; text-decoration : none;} a.specialsBox:link {font-weight : bold; color: #333399;text-decoration : none;} a.specialsBox:visited {font-weight : bold;color: #333399;text-decoration : none;} a.specialsBox:hover {color: #333399; font-weight : bold; text-decoration : underline;} /* Search Page --------------- */ div.searchitem{padding: 5px;} div.searchtitle{background: #F3F3F3; padding: 3px;} div.searchtitle a{font-weight: bold; text-decoration : none;} div.searchsummary{padding: 3px;} div.searchreadmore{padding: 3px; text-align: right;} div.searchreadmore a{font-weight: bold; text-decoration: none;} /* Events ----------------------------------------------- */ div.event{padding-bottom: 10px;} /* Forms ----------------------------------------------- */ div.form {border: solid 1px #E6E6DC; width: 100%;} div.formTitle {padding: 5px;} div.formDescription {padding: 5px;} div.formQuestion {padding: 5px;} /* Document List ----------------------------------------------- */ div.documentListAge{background: #F3F3F3; font-weight: bold; margin-top: 20px; padding: 2px;} div.documentListItem{margin: 5px; padding: 5px;} div.documentListPage{background: #F3F3F3; margin: 5px; padding: 5px;} /* Newsdesk Archive ----------------------------------------------- */ div.newsdeskarchiveitem{padding-bottom: 20px;} div.newsdeskarchiveheadline{background: #F3F3F3; font-weight: bold; padding: 3px;} div.newsdeskarchivedate{padding-top: 2px;} div.newsdeskarchiveviewcount{padding-top: 2px;} div.newsdeskarchiveimage{float: left; padding-top: 3px;} div.newsdeskarchivesummary{padding-top: 3px;} div.newsdeskarchivereadmore{padding-top: 3px; text-align: right;} /* Advanced Search Page ----------------------------------------------- */ div.advancedsearchkeywords{font-weight: bold;} div.advancedsearchkeywords td{font-weight: bold;} div.advancedsearcharticles{background: #F3F3F3; margin-top: 20px;} div.advancedsearchproducts{background: #F3F3F3; margin-top: 20px;} div.advancedsearchhelp{margin-top: 10px;} /* Calendar ----------------------------------------------- */ .yearHeader { font-family: Helvetica, Arial, Verdana; font-size: 12px; font-weight: bold; background: #fff; color: #000; text-decoration: none;} .calendarTable {background: #fff;} .calendarMonth { background-color: #BBC3D3; font-size: 12px; cursor: default; width: 100;} .calendarHeader { font-family: Helvetica, Arial, Verdana; font-size: 13px; font-weight: bold; color: #000; background:#fff; text-decoration: none; height: 15px; padding: 1px;} .calendarToday { font-family: Arial, Verdana; font-size: 9px; color: #000; background-color: #fcce00; padding-left : 3px; text-decoration: none; border:1px solid #FFFFFF; height: 12px; width: 14px;} .calendarWeekend { font-family: Arial, Verdana; font-size: 9px; color: #000000; background-color: #caeeff; padding-left : 3px; line-height: 14px; text-decoration: none; border:1px solid #FFFFFF; height: 12px; width: 14px;} .calendar { font-family: Arial, Verdana; font-size: 9px; color: #fff; background-color: #cd3d20; padding-left : 3px; line-height: 14px; text-decoration: none; border:1px solid #FFFFFF; height: 12px; width: 14px; } td.event { font-family: Arial, Verdana; font-size: 9px; color: #000000; background-color: #fff; text-decoration: none; border:1px solid #E6E6E6; } td.empty { background-color: #F0FAFF; line-height: 9px; height: 12px; width: 14px; } select.calendarselect {font-size: 8px; width: 45px; background-color: #fff; color: #000;} input.calendarinput {font-size: 9px; color: #000; padding: 0px;} .calendar a:hover, .calendar a:link, .calendar a:visited, .calendar a:visited:hover, .yearHeader a:hover {color: #fff; text-decoration: underline;} .calendarWeekend a:hover, .calendarWeekend a:link, .calendarWeekend a:visited, .calendarWeekend a:visited:hover {color: #fff; text-decoration: underline;} .calendarToday a:hover, .calendarToday a:link, .calendarToday a:visited, .calendarToday a:visited:hover {color: #fff; text-decoration: underline;} /* Misc ----------------------------------------------- */ .moduleRow { color: #000;} .moduleRowOver { background-color: #fff; color: #000;} .moduleRowSelected { background-color: #0F3949; color: #fff;} .checkoutBarFrom, .checkoutBarTo {color: #999A95; } .checkoutBarCurrent {color: #0F3949; } /* message box */ .messageBox { font-family: Arial, Helvetica, sans-serif;font-size: 10px; } .messageStackError, .messageStackWarning { font-family: Arial, Helvetica, sans-serif;font-size: 10px; background-color: #ec6018; } .messageStackSuccess { font-family: Arial, Helvetica, sans-serif;font-size: 10px; background-color: #ec6018; } /* Gallery ----------- */ /* .image_selected { border: 1px solid #666666;} .image_not_selected { border: none;} */ .image_selected { background-color: #666666;} .image_not_selected { background-color: none;}