/*
  $Id: stylesheet.css,v 1.31 2007/08/08 09:34:34 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-family: Verdana, Arial, Geneva, Helvetica, sans-serif; color:#333; margin-left: 0px; margin-right: 0px; margin-top: 10px; text-align: center;}
td {font: 11px Verdana, Arial, Geneva, Helvetica, sans-serif;}
font {font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;}
a {color:#333; text-decoration:underline;}
input{font-size: 12px;}

h1 {color: #C62406; font-family: Verdana, Arial, Geneva, Helvetica; font-size:16px;}
h2 {color: #C62406; font-family: Verdana, Arial, Geneva, Helvetica; font-size:14px;}
h3 {color: #C62406; font-family: Verdana, Arial, Geneva, Helvetica; font-size:12px;}
td {font: normal normal normal 11px Verdana, Arial, Geneva, Helvetica, sans-serif;}
div {margin: 0px; padding: 0px;}
hr {border: none 0; border-top: solid 1px #000; background: #000; color: #000; height: 1px;}
/*p {margin: 10px 0px 10px 0px;}*/


/*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 Side Menu
----------------------------------------------- 
*/
/*Image Side Menu*/
#articlesimagemenu{overflow: hidden;}
#articlesimagemenu div{border-bottom: 1px solid #ffcc00; height: 24px; font-size: 12px; font-weight: bold;}
/*Text Side Menu*/
/*#articlesmenu ul {list-style: none;	margin: 0; padding:0;}
#articlesmenu li{margin: 0; border: 0;}
#articlesmenu li a{background: url(images/sidemenu.gif) left center no-repeat; color: #000; display: block; font-family: Geneva, Helvetica, sans-serif; font-size: 11px; font-weight: bold; padding: 4px  4px  4px  20px; text-decoration: none;}
html>body #articlesmenu li a {width: auto;}
#articlesmenu li a:hover, #articlesmenu li a.active{background: url(images/sidemenuover.gif) no-repeat; color: #fff;}	
*/
#articlesmenu{border-top: solid 1px #ddd;}
#articlesmenu ul {list-style: none;	margin: 0; padding:0;}
#articlesmenu li{margin: 0; border: 0;}
#articlesmenu li a{border-bottom: solid 1px #ddd; color: #000; display: block; font-family: Geneva, Helvetica, sans-serif; font-size: 11px; font-weight: bold; padding: 4px  4px  4px  20px; text-decoration: none;}
html>body #articlesmenu li a {width: auto;}
#articlesmenu li a:hover, #articlesmenu li a.active{background: #000; color: #fff;}

/* Login Box
---------------
*/
#boxLogin{padding-bottom: 10px; padding-left: 10px; padding-right: 10px;}
#boxLoginTitle{background: #000; color: #fff; font-size: 12px; font-weight: bold; padding: 5px; margin-bottom: 10px; text-align: left;}
#boxLoginTitleLoggedIn{background: #000; color: #fff; font-size: 12px; font-weight: bold; padding: 5px; text-align: left;}
input.boxLogin{border: solid 1px #000; width: 100px;}
#boxLoginImagesMenu{background: #FBD953; overflow: hidden;}
#boxLoginImagesMenu div{border-bottom: 1px solid #ffcc00; height: 24px; font-size: 12px; font-weight: bold;}
#boxLoginMenu ul {list-style: none;	margin: 0; padding:0;}
#boxLoginMenu li{border-bottom: 1px dashed #000; margin: 0; border: 0;}
#boxLoginMenu li a{background:  #FBD953; border-bottom: 1px solid #999A95; color: #000; display: block; font-family: Geneva, Helvetica, sans-serif; font-size: 11px; padding: 4px  4px  4px  20px; text-decoration: none;}
html>body #boxLoginMenu li a {width: auto;}
#boxLoginMenu li a:hover, #articlesmenu li a.active{background: #333333; color: #fff;}	

/* Contact Us Box
---------------
*/
#boxContactus{color: #000; font-size: 10px; padding-bottom: 10px; padding-top: 0px; padding-left: 8px; padding-right: 8px;}
#boxContactus a{color: #fff;}
#boxContactusTitle{background: #000; color: #fff; font-size: 12px; font-weight: bold; padding: 5px; margin-bottom: 10px; text-align: left;}
#boxContactusTitle a{color: #fff; font-size: 12px; font-weight: bold; text-decoration: none;}



/* 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; 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: #000; font-weight: bold; padding-bottom: 5px; padding-left: 15px; padding-right: 15px; padding-top: 5px; text-decoration: none;}
#BoxTopMenu ul li a:hover{background: #333; color: #fff;}
#BoxTopMenu ul li.selectedBoxTopMenuItem{display: inline;}
#BoxTopMenu ul li.selectedBoxTopMenuItem a{background: #000; color: #fff; font-weight: bold; padding-bottom: 5px; padding-left: 15px; padding-right: 15px; padding-top: 5px; text-decoration: none;}
#BoxTopMenu ul li.selectedBoxTopMenuItem a:hover{background: #333; 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; overflow: hidden;}
div.childarticlesitem{background: #fff; overflow: hidden; padding: 5px;  width:210px;}
div.childarticlesitem h1{color: #C62406;  font-family: Arial, Geneva, Helvetica; font-size: 11px; font-weight: bold; padding: 0px 0px 0px 0px; margin: 0px;}
span.childarticlesname{color: #C62406;  font-family: Arial, Geneva, Helvetica; font-weight: bold; overflow: hidden; }
span.childarticlesdescription{overflow: hidden; }
div.childarticlesreadmore{ font-family: Arial, Geneva, Helvetica; text-align: right;}
div.childarticlesreadmore a{color: #000; font-weight: bold; padding: 5px; 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{background: #ddd; color: #000; padding: 8px;}
#boxNewsDeskContent a{color: #000;}
div.boxNewsDeskHeadline{color: #B8080A; 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{color: #FF0103; font-weight: bold; text-decoration: none;}
div.boxNewsDeskArchive{text-align: right;}
div.boxNewsDeskArchive a{font-weight: bold; text-decoration: none;}


/* Subscribe Box
---------------
*/
#boxSubscribe{background: #EF4138; color: #ffffff; font-size: 10px; padding-bottom: 10px;  padding-left: 5px; padding-right: 5px; padding-top: 5px;}
#boxSubscribe a{color: #ffffff;}
#boxSubscribeTitle{background: #EF4138; color: #ffffff; font-size: 10px; font-weight: bold; padding: 8px; text-align: left;}
input.boxSubscribe{background: #ECECEC; border: solid 1px #B0AEAF; color: #DDDDDD; font-size: 13px; width: 130px;}



/* 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; padding: 10px;}
div.formTitle {color: #000; padding-bottom: 15px;}
div.formDescription {padding-bottom: 15px;}
div.formQuestion {background: url(images/formquestionborder.gif) bottom repeat-x; padding: 0px 5px 14px 5px;}
div.formQuestionQuestion{color: #000; padding: 2px 0px 2px 0px;}
div.formTitleQuestion {color: #000; padding: 0;}

/* Forms
----------------------------------------------- 
*/
/*div.form {border: solid 1px #E6E6DC; width: 100%;}
div.formTitle {padding: 5px;}
div.formSectionTitle{font-size: 11px; font-weight: bold; padding-top: 10px; text-decoration: underline;}
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: #DDDDDD; color: #660000; 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;}

/* Survey
-----------
*/

#survey{background: #fff url(images/customer-survey.gif) right no-repeat; float: right; height: 57px; width: 160px;}