/* Structure ----------------------------------------------- */ body {background: #fff url(images/bodybg.gif) repeat-x; font: 10px Arial, Geneva, Helvetica, sans-serif; color:#333; margin-left: 0px; margin-right: 0px; margin-top: 10px; text-align: center;} a {color:#ff0000; text-decoration:underline;} a:hover {color: #ff0000;} input{font-size: 12px;} h1 {color: #732302; font-size:14px;} h2 {color: #2E0F4B; font-size:12px;} h3 {font-size:10px;} td {font: 10px Arial, Geneva, Helvetica, sans-serif;} .bold{font-weight: bold;} .clear{clear: both;} .whitebg{background: #fff;} .gold{color: #FCB827;} .nounderline{text-decoration: none;} /*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 ----------------------------------------------- */ /*Image Side Menu*/ #articlesimagemenu{background: #FBD953; overflow: hidden;} #articlesimagemenu div{border-bottom: 1px solid #ffcc00; height: 24px; font-size: 11px; font-weight: bold;} #articlesmenu{padding-top: 10px;} #articlesmenu ul {list-style: none; margin: 0; padding:0;} #articlesmenu li{margin: 0; border: 0;} #articlesmenu li a{color: #fff; display: block; font-size: 11px; font-weight: bold; padding: 5px 5px 5px 10px; text-decoration: none;} #articlesmenu li a.selected{color: #fff; display: block; font-size: 11px; font-weight: bold; padding: 5px 5px 5px 10px; text-decoration: none;} #articlesmenu li a.subsection{color: #fff; display: block; font-size: 11px; font-weight: bold; padding: 5px 5px 5px 10px; text-decoration: none;} html>body #articlesmenu li a {width: auto;} #articlesmenu li a:hover, #articlesmenu li a.active{color: #FFBF00; font-weight: bold;} #articlesmenu li a:hover, #articlesmenu li a.selected:active{color: #FFBF00; font-weight: bold;} /* Search Box ----------------------------------------------- */ #searchbox{text-align: center; padding: 10px 10px 0px 10px;} #searchbox input.search{border: solid 1px #ddd; color: #333; font-size: 13px;} /* Login Box --------------- */ #boxLogin{background: #732302; border-bottom: 1px solid #fff; color: #fff; font-weight: bold; padding: 10px 20px 10px 20px;} #boxLoginTitle{display: none; height: 0; font-size: 0;} #boxLoginTitleLoggedIn{display: none; height: 0; font-size: 0;} #boxLoginMenu ul {list-style: none; margin: 0; padding:0;} #boxLoginMenu li{border-bottom: 1px solid #000; margin: 0; border: 0;} #boxLoginMenu li a{background: #8D5034; border-bottom: 1px solid #732302; color: #fff; 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: #732302; color: #fff; font-weight: bold;} 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{overflow: hidden; padding-left: 2px; padding-top: 1px;} #BoxTopMenu td.BoxTopMenuTab1 a{background: url(images/tab1-off.jpg) no-repeat; color: #fff; display: block; font-family: verdana; font-size: 10px; font-weight: bold; padding: 10px 0px 10px 0px; text-align: center; text-decoration: none; width: 93px;} #BoxTopMenu td.BoxTopMenuTab1 a:hover{background: url(images/tab1-on.jpg) no-repeat; color: #344371;} #BoxTopMenu td.BoxTopMenuTab1Selected a{background: url(images/tab1-sel.jpg) no-repeat; color: #A21B00; display: block; font-family: verdana; font-size: 10px; font-weight: bold; padding: 10px 0px 10px 0px; text-align: center; text-decoration: none; width: 93px;} #BoxTopMenu td.BoxTopMenuTab2 a{background: url(images/tab2-off.jpg) no-repeat; color: #fff; display: block; font-family: verdana; font-size: 10px; font-weight: bold; padding: 10px 0px 10px 0px; text-align: center; text-decoration: none; width: 93px;} #BoxTopMenu td.BoxTopMenuTab2 a:hover{background: url(images/tab2-on.jpg) no-repeat; color: #344371;} #BoxTopMenu td.BoxTopMenuTab2Selected a{background: url(images/tab2-sel.jpg) no-repeat; color: #A21B00; display: block; font-family: verdana; font-size: 10px; font-weight: bold; padding: 10px 0px 10px 0px; text-align: center; text-decoration: none; width: 93px;} #BoxTopMenu td.BoxTopMenuTab3 a{background: url(images/tab3-off.jpg) no-repeat; color: #fff; display: block; font-family: verdana; font-size: 10px; font-weight: bold; padding: 10px 0px 10px 0px; text-align: center; text-decoration: none; width: 93px;} #BoxTopMenu td.BoxTopMenuTab3 a:hover{background: url(images/tab3-on.jpg) no-repeat; color: #344371;} #BoxTopMenu td.BoxTopMenuTab3Selected a{background: url(images/tab2-sel.jpg) no-repeat; color: #A21B00; display: block; font-family: verdana; font-size: 10px; font-weight: bold; padding: 10px 0px 10px 0px; text-align: center; text-decoration: none; width: 93px;} #BoxTopMenu td.BoxTopMenuTab4 a{background: url(images/tab4-off.jpg) no-repeat; color: #fff; display: block; font-family: verdana; font-size: 10px; font-weight: bold; padding: 10px 0px 10px 0px; text-align: center; text-decoration: none; width: 93px;} #BoxTopMenu td.BoxTopMenuTab4 a:hover{background: url(images/tab4-on.jpg) no-repeat; color: #344371;} #BoxTopMenu td.BoxTopMenuTab4Selected a{background: url(images/tab4-sel.jpg) no-repeat; color: #A21B00; display: block; font-family: verdana; font-size: 10px; font-weight: bold; padding: 10px 0px 10px 0px; text-align: center; text-decoration: none; width: 93px;} #BoxTopMenu td.BoxTopMenuTab5 a{background: url(images/tab5-off.jpg) no-repeat; color: #fff; display: block; font-family: verdana; font-size: 10px; font-weight: bold; padding: 10px 0px 10px 0px; text-align: center; text-decoration: none; width: 93;} #BoxTopMenu td.BoxTopMenuTab5 a:hover{background: url(images/tab5-on.jpg) no-repeat; color: #344371;} #BoxTopMenu td.BoxTopMenuTab5Selected a{background: url(images/tab5-sel.jpg) no-repeat; color: #A21B00; display: block; font-family: verdana; font-size: 10px; font-weight: bold; padding: 10px 0px 10px 0px; text-align: center; text-decoration: none; width: 93px;} #BoxTopMenu td.BoxTopMenuTab6 a{background: url(images/tab6-off.jpg) no-repeat; color: #fff; display: block; font-family: verdana; font-size: 10px; font-weight: bold; padding: 10px 0px 10px 0px; text-align: center; text-decoration: none; width: 93px;} #BoxTopMenu td.BoxTopMenuTab6 a:hover{background: url(images/tab6-on.jpg) no-repeat; color: #344371;} #BoxTopMenu td.BoxTopMenuTab6Selected a{background: url(images/tab6-sel.jpg) no-repeat; color: #A21B00; display: block; font-family: verdana; font-size: 10px; font-weight: bold; padding: 10px 0px 10px 0px; text-align: center; text-decoration: none; width: 93px;} /* Courses --------------- */ div.courseCategoryName{font-size: 11px; font-weight: bold; padding: 10px 0px 6px 0px;} a.courseCategoryLink{color: #000; text-decoration: none;} a.courseCategoryLink:hover{color: #FFBF00;} table.courseEven{background: #ffffff; font-weight: bold;} table.courseOdd{background: #e4e4e4; font-weight: bold;} a.courseLink{color: #FF0000; font-weight: bold;} div.courseName{color: #000000;} /* Course Into --------------- */ #courseDetailsBg{background: url(images/coursesbg.jpg) repeat-y; overflow: hidden; width: 770px;} #courseDetails td{color: #fff;} #courseDetails a{color: #fff; text-decoration: underline;} #courseDetails ul{color: #fff; list-style-image: url(images/bulletwhite.gif);} span.courseDetailsSection{color: #FCB827; font-size: 11px; font-weight: bold;} span.courseTitle{color: #B2B2B2;} #courseBreadcrumb{color: #B55906; font-size: 11px; font-weight: bold;} #courseBreadcrumb a{color: #B55906; font-size: 11px; font-weight: bold;} #courseBreadcrumb2{color: #ffffff; font-size: 11px; font-weight: bold;} #courseBreadcrumb2 a{color: #ffffff; font-size: 11px; font-weight: bold;} span.courseName{color: #fff; font-weight: bold;} span.courseName a{color: #fff; font-weight: bold; text-decoration: none;} #courseOrder{background: url(images/courses/content-bottom-repeat.gif) repeat-y;} #courseBottom{background: url(images/courses-bottom.gif) no-repeat; height: 12px;} #courseBottomBig{background: url(images/courses-bottom-big.gif) no-repeat; height: 10px;} #courseDetails .pa2 a{text-decoration: none;} #courseDetails .pa2 a.gold{color: #FCB827;} #courseDetails .pa2 a:focus{text-decoration: underline;} #courseDetails .pa2 a:hover{text-decoration: underline;} /* View Course Dates --------------- */ .course_filter{padding: 10px 0;} .course_filter_left{color: #2E0F4B; float: left; font-size: 130%; font-weight: bold; width: 48%;} .course_filter_right{float: right; text-align: right; width: 48%;} .course_filter_right img{margin-left: 20px;} .divider-top{background: url(images/blue-devider-top.gif) top center no-repeat; height: 25px;} /*.divider-bottom{background: url(images/blue-devider-bottom.gif) bottom center no-repeat; height: 25px;}*/ /* Checkout --------------- */ span.checkoutHeading{color: #fff; font-size: 12px; font-weight: bold;} span.checkoutSubHeading{color: #B55906; font-size: 11px; font-weight: bold;} div.checkoutBar{background: #1E2C5B; color: #fff; font-size: 110%;} span.checkoutBarSection{color: #FCB827; font-size: 11px; font-weight: bold;} span.checkoutBarSection a{color: #FCB827; font-size: 11px; font-weight: bold; text-decoration: none;} div.checkoutBarProgress{padding: 2px 0px 2px 0px;} div.checkoutBarProgress img{vertical-align: middle;} div.checkoutBarProgress a{color: #fff; text-decoration: none;} span.checkoutSection{color: #000; font-weight: bold;} td.checkoutParticipantsEven{background: #ffffff; color: #FF0000; font-weight: bold;} td.checkoutParticipantsOdd{background: #e4e4e4; color: #FF0000; font-weight: bold;} /* Subscribe Box --------------- */ #boxSubscribe{background: #FFC000; border-bottom: solid 1px #fff; color: #333; font-size: 10px; font-weight: bold; padding: 10px 20px 10px 20px;} #boxSubscribe a{color: #fff;} #boxSubscribeTitle{background: #FE7F14; border-top: solid 1px #fff; color: #eee; font-size: 11px; padding: 3px 0px 3px 8px;} input.boxSubscribe{border: solid 1px #000; margin: 0; width: 100px;} /* Shopping Cart --------------- */ #boxCart{color: #fff;} #boxCart a{color: #fff;} td.productListing-data{font-size: 12px;} /* Child Articles Box --------------- */ div.childarticles{width: 100%;} div.childarticlestitle{border-bottom: dashed 1px #ddd; color: #000; font-size: 11px; font-weight: bold; padding: 5px;} div.childarticlescontainer{padding: 0px; overflow: hidden;} div.childarticlesitem{background: #fff; overflow: hidden; padding: 5px;} div.childarticlesitem h1{color: #2E0F4B; font-size: 11px; font-weight: bold; padding: 0px 0px 0px 0px; margin: 0px;} div.childarticlesitem h1 a{color: #2E0F4B; font-size: 11px; font-weight: bold; text-decoration: none;} span.childarticlesname{color: #0067C8; font-weight: bold; overflow: hidden; } span.childarticlesdescription{overflow: hidden; } div.childarticlesreadmore{text-align: right;} div.childarticlesreadmore a{color: #000; font-weight: bold; padding: 5px; text-decoration: none;} /* Search Page --------------- */ div.searchitem{padding: 5px;} div.searchtitle{border-bottom: solid 1px #ddd; color: #000; font-size: 11px; padding: 3px;} div.searchtitle a{color: #000; font-weight: bold; text-decoration : none;} div.searchsummary{padding: 5px;} div.searchreadmore{padding: 3px; text-align: right;} div.searchreadmore a{color: #000; font-weight: bold; text-decoration: none;} /* Search Results --------------- */ div.searchresulttitle{background: url(images/searchresultsheader.gif) repeat-x; padding: 0;} div.searchresulttitle a{color: #fff; font-weight: bold; text-decoration: none;} div.searchresulttitle a:hover{color: #fff; font-weight: bold; text-decoration: underline;} div.searchresultdescription{background: url(images/searchresultsbgrepeat.gif) repeat-x; color: #000; padding: 5px 5px 15px 5px;} div.searchresultdescription a{color: #FF6200; font-weight: bold; text-decoration: underline;} /* Forms ----------------------------------------------- */ div.form {width: 100%;} div.formTitle {overflow: hidden; padding-bottom: 15px;} div.formDescription {padding-bottom: 15px;} div.formQuestion {background: url(images/formquestionborder.gif) bottom repeat-x; padding: 0px 5px 14px 5px; font-weight: bold;} div.formQuestionQuestion{color: #FD882F; font-weight: bolder; padding: 2px 0px 2px 0px;} div.formTitleQuestion {color: #ff0000; font-weight: bolder; padding: 0;} /* Advanced Search Page ----------------------------------------------- */ div.advancedsearchkeywords{font-weight: bold; padding: 10px 5px 10px 5px;} div.advancedsearchkeywords td{font-weight: bold;} div.advancedsearcharticles{border: dashed 1px #ddd; background: #f1f1f1; margin-top: 20px;} div.advancedsearchproducts{border: dashed 1px #ddd; background: #f1f1f1; background: #F3F3F3; margin-top: 20px;} div.advancedsearchhelp{margin-top: 10px;} /* Site Map ----------------------------------------------- */ div.siteMapParent{background: #F3F3F3; font-weight: bold; margin-right: 10px; margin-top: 10px; padding: 3px; } div.siteMapChild{padding: 2px 0px 0px 0px; } /* 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: #ff3300; } .messageStackSuccess { font-family: Arial, Helvetica, sans-serif;font-size: 10px; background-color: #33cc00; } /* Gallery ----------- */ /* .image_selected { border: 1px solid #666666;} .image_not_selected { border: none;} */ .image_selected { background-color: #666666;} .image_not_selected { background-color: transparent;}