/* Spanish Bookworld style sheet */ /* Text */ body {text-align: left; font: 72% "Century Gothic", Verdana, Arial, sans-serif; background: #FFF; color: #777;} /* General rollover */ a:link {text-decoration: none;} a:visited {text-decoration: none;} a:hover {text-decoration: none;} /* Simple rollovers */ a.moreMembersBrown {color: #396697; font-size: 110%; font-weight: normal; text-decoration: none; outline: none;} /* It's actually blue */ a.moreMembersBrown:hover {color: #D15A0C;} a.moreMembersBrown:visited {color: #877A43;} a.moreMembersBrown:visited:hover {color: #D15A0C;} a.moreMembersBrownInline {display: inline; color: #396697; font-size: 110%; font-weight: normal; text-decoration: none; outline: none;} /* It's actually blue */ a.moreMembersBrownInline:hover {color: #D15A0C;} a.moreMembersBrownInline:visited {color: #877A43;} a.moreMembersBrownInline:visited:hover {color: #D15A0C;} a.membersRed {color: #E32A15; font-size: 110%; font-weight: bold; text-decoration: none; outline: none;} /* It's red */ a.membersRed:hover {color: #AA1F10;} a.membersRed:visited {color: #E32A15;} a.membersRed:visited:hover {color: #AA1F10;} a.moreMembersRedLarger {color: #D15A0C; font-size: 130%; font-weight: normal; text-decoration: none; outline: none;} a.moreMembersRedLarger:hover {color: #999;} a.moreMembersRedLarger:visited {color: #D15A0C;} a.moreMembersRedLarger:visited:hover {color: #999;} a.moreMembersRed {color: #D15A0C; font-size: 110%; font-weight: bold; text-decoration: none; outline: none;} a.moreMembersRed:hover {color: #999;} a.moreMembersRed:visited {color: #D15A0C;} a.moreMembersRed:visited:hover {color: #999;} a.moreMembersRedNormal {color: #D15A0C; font-size: 110%; font-weight: normal; text-decoration: none; outline: none;} a.moreMembersRedNormal:hover {color: #999;} a.moreMembersRedNormal:visited {color: #D15A0C;} a.moreMembersRedNormal:visited:hover {color: #999;} a.moreWeightNormal {color: #D15A0C; font-weight: normal; text-decoration: none; outline: none;} a.moreWeightNormal:hover {color: #069;} a.moreWeightNormal:visited {color: #D15A0C;} a.moreWeightNormal:visited:hover {color: #069;} a.moreMembersRedSmall {color: #D15A0C; font-size: 90%; font-weight: bold; text-decoration: none; outline: none;} a.moreMembersRedSmall:hover {color: #999;} a.moreMembersRedSmall:visited {color: #D15A0C;} a.moreMembersRedSmall:visited:hover {color: #999;} a.moreMembersRedderLarger {color: #C10000; font-size: 130%; font-weight: normal; text-decoration: none; outline: none;} a.moreMembersRedderLarger:hover {color: #999;} a.moreMembersRedderLarger:visited {color: #C10000;} a.moreMembersRedderLarger:visited:hover {color: #999;} a.moreMembersRedderSmaller {color: #C10000; font-size: 100%; font-weight: normal; text-decoration: none; outline: none;} a.moreMembersRedderSmaller:hover {color: #999;} a.moreMembersRedderSmaller:visited {color: #C10000;} a.moreMembersRedderSmaller:visited:hover {color: #999;} a.membersTitle4 {color: #808080; font-size: 140%; font-weight: normal; text-decoration: none; outline: none;} /* gray to orange - index */ a.membersTitle4:hover {color: #D60;} a.largeBlack {color: #444; font-size: 310%; font-weight: bold; text-decoration: none; outline: none;} /* gray to orange - index */ a.largeBlack:hover {color: #D60;} a.more {color: #FFF; font-weight: bold; text-decoration: none; outline: none;} a.more:hover {color: #FAAC88;} a.more:visited {color: #CBB587;} a.more:visited:hover {color: #FAAC88;} a.moreFooter {color: #FFF; font-size: 85%; font-weight: bold; text-decoration: none; outline: none;} a.moreFooter:hover {color: #FAAC88;} a.moreFooter:visited {color: #CBB587;} a.moreFooter:visited:hover {color: #FAAC88;} a.moreMemberRelated {display: block; color: #069; font-size: 105%; line-height: 2em; text-decoration: none; outline: none;} a.moreMemberRelated:hover {color: #D60;} a.moreMemberRelated:visited {color: #AE9B73} a.moreMemberRelated:hover {color: #D60} a.moreMemberInline {display: inline; color: #069; font-size: 120%; line-height: 1.9em; text-decoration: none; outline: none;} a.moreMemberInline:hover {color: #D60;} a.moreMemberInline:visited {color: #AE9B73} a.moreMemberInline:hover {color: #D60} a.moreMembersNoRollover {color: #D15A0C; font-size: 110%; line-height: 2em; font-weight: normal; text-decoration: none; outline: none;} a.more {color: #069; font-weight: bold; text-decoration: none; outline: none;} a.more:hover {color: #CBB587;} a.more:visited {color: #D60;} a.more:visited:hover {color: #CBB587;} a.more1 {color: #5B7254; font-size: 85%; text-decoration: none; outline: none;} a.more1:hover {color: #D60;} a.more2 {color: #069; font-size: 110%; font-weight: bold; text-decoration: none; outline: none;} /* Blue to orange - book features */ a.more2:hover {color: #EC6A00;} a.more2:visited {color: #A64A00;} a.more2:visited:hover {color: #EC6A00;} a.more2underlined {color: #069; font-size: 110%; font-weight: bold; text-decoration: underline; outline: none;} /* Blue to orange - book features */ a.more2underlined:hover {color: #EC6A00;} a.more2underlined:visited {color: #A64A00;} a.more2underlined:visited:hover {color: #EC6A00;} a.moreWhite {color: #fff; font-size: 110%; font-weight: normal; text-decoration: none; outline: none;} /* all white, normal */ a.moreWhite:hover {color: #fff;} a.moreWhite:visited {color: #fff;} a.moreWhite:visited:hover {color: #fff;} a.moreWhiteSmaller {color: #fff; font-size: 90%; font-weight: normal; text-decoration: none; outline: none;} /* all white, normal */ a.moreWhiteSmaller:hover {color: #fff;} a.moreWhiteSmaller:visited {color: #fff;} a.moreWhiteSmaller:visited:hover {color: #fff;} a.more2normal {color: #069; font-size: 110%; font-weight: normal; text-decoration: none; outline: none;} /* Blue to orange - index */ a.more2normal:hover {color: #EC6A00;} a.more2normal:visited {color: #A64A00;} a.more2normal:visited:hover {color: #EC6A00;} a.more2Larger {color: #069; font-size: 120%; font-weight: bold; text-decoration: none; outline: none;} /* Blue to orange - book features */ a.more2Larger:hover {color: #EC6A00;} a.more2Larger:visited {color: #A64A00;} a.more2Larger:visited:hover {color: #EC6A00;} a.more2small {color: #069; font-size: 96%; font-weight: bold; text-decoration: none; outline: none;} /* Blue to orange - book features */ a.more2small:hover {color: #EC6A00;} a.more2small:visited {color: #A64A00;} a.more2small:visited:hover {color: #EC6A00;} a.more2b {color: #069; text-decoration: none; outline: none;} /* Blue to orange - book features */ a.more2b:hover {color: #EC6A00;} a.more2b:visited {color: #A64A00;} a.more2b:visited:hover {color: #EC6A00;} a.more2c {color: #069; text-decoration: none; outline: none; font-size: 97%; line-height: 1em;} /* Brown to orange - book features */ a.more2c:hover {color: #EC6A00;} a.more2c:visited {color: #A64A00;} a.more2c:visited:hover {color: #EC6A00;} a.more2d {color: #069; text-decoration: none; outline: none; font-size: 97%; line-height: 1.6em;} /* Brown to orange - banner text */ a.more2d:hover {color: #EC6A00;} a.more2d:visited {color: #A64A00;} a.more2d:visited:hover {color: #EC6A00;} a.more3 {display: inline; color: #069; font-size: 110%; text-decoration: none; outline: none;} /* Blue to orange */ a.more3:hover {color: #D60;} a.more4 {display: inline; color: #069; font-size: 100%; text-decoration: none; outline: none;} /* Blue to orange */ a.more4:hover {color: #D60;} a.more5 {color: #069; font-weight: normal; line-height: 1.6em; text-decoration: none; outline: none;} /* Blue to orange - index */ a.more5:hover {color: #EC6A00;} a.more5:visited {color: #A64A00;} a.more5:visited:hover {color: #EC6A00;} a.more6 {color: #CBB587; text-decoration: none; outline: none;} /* Light brown to orange (as in free lessons)*/ a.more6:hover {color: #D60;} a.more7 {color: #069; line-height: 2.5em; text-decoration: none; outline: none;} /* Blue to orange - index */ a.more7:hover {color: #D60;} a.more8 {display: inline; color: #444; font-size: 100%; text-decoration: none; outline: none;} /* Grey to light grey */ a.more8:hover {color: #999;} /* Header */ a.more9 {display: inline; color: #779373; font-size: 96%; text-decoration: none; outline: none;} /* Green to orange */ a.more9:hover {color: #EC6A00;} /* Header only */ a.more10 {display: inline; color: #779373; font-size: 80%; text-decoration: none; outline: none;} /* Grey to light grey */ a.more10:hover {color: #EC6A00;} /* Amazon header */ a.more11 {display: inline; color: #069; font-size: 1.2em; font-weight: bold; text-decoration: none; outline: none;} /* Grey to light grey */ a.more11:hover {color: #F00;} /* listening comprehension exercise - Blue to red */ a.more12 {display: inline; color: #069; font-size: 1.2em; font-weight: bold; text-decoration: none; outline: none;} /* Grey to light grey */ a.more12:hover {color: #6C0;} /* listening comprehension exercise - Blue to green */ a.more13 {display: inline; color: #F00; font-size: 96%; font-weight: bold; text-decoration: none; outline: none;} a.more13:hover {color: #D60;} /* bookmark and tell a friend */ a.more14 {display: inline; color: #D60; font-size: 90%; font-weight: bold; text-decoration: none; outline: none;} a.more14:hover {color: #808080;} a.verylarge {display: inline; font-size: 160%; font-family: "Century Gothic", Verdana, Arial, sans-serif; line-height: 1.3em; color: #C10000; text-decoration: none;} /* red to orange */ a.verylarge:hover {color: #D60} a.quote1 {display: inline; font-size: .98em; line-height: 2em; color: #666630;} a.quote1:hover {color: #D60} a.greenIndex {color: #857E36; font-family: "Century Gothic", Arial, sans-serif; font-size: 120%; font-weight: normal; text-decoration: none; outline: none;} /* Blue to orange - book features */ a.greenIndex:hover {color: #ACA347;} a.courseGreenNormal {display: inline; color: #857E36; font-size: 110%; line-height: 1.5em; font-weight: normal; font-family: "Century Gothic", Arial, sans-serif; text-decoration: none; outline: none;} /* It's dark green */ a.courseGreenNormal:hover {color: #D15A0C;} a.courseGreenNormal:visited {color: #857E36;} a.courseGreenNormal:visited:hover {color: #D15A0C;} a.courseGrayNormal {display: inline; color: #444; font-size: 110%; font-weight: normal; font-family: "Century Gothic", Arial, sans-serif; text-decoration: none; outline: none;} /* It's gray */ a.courseGrayNormal:hover {color: #D15A0C;} a.courseGrayNormal:visited {color: #444;} a.courseGrayNormal:visited:hover {color: #D15A0C;} a.moreGray {color: #808080; font-size: 110%; font-weight: normal; text-decoration: none; outline: none;} a.moreGray:hover {color: #D60;} a.moreOrangeSmaller {color: #D60; font-size: 100%; font-weight: normal; text-decoration: none; outline: none;} a.moreOrangeSmaller:hover {color: #808080;} a.affiliateMore2 {color: #C10000; font-size: 130%; font-weight: normal; text-decoration: underline; outline: none;} /* Blue to orange - book features */ a.affiliateMore2:hover {color: #D60;} a.affiliateMore2Normal {color: #C10000; font-size: 130%; font-weight: normal; text-decoration: normal; outline: none;} /* Blue to orange - book features */ a.affiliateMore2Normal:hover {color: #D60;} a.redUnderlinedMedium {color: #C10000; font-size: 120%; font-weight: normal; line-height: 2em; text-decoration: underline; outline: none;} a.redUnderlinedMedium:hover {color: #D60;} a.redUnderlinedSmall {color: #C10000; font-size: 110%; font-weight: normal; line-height: 2em; text-decoration: underline; outline: none;} a.redUnderlinedSmall:hover {color: #D60;} a.redUnderlinedSmaller {color: #C10000; font-size: 100%; font-weight: normal; line-height: 2em; text-decoration: underline; outline: none;} a.redUnderlinedSmaller:hover {color: #D60;} a.affiliateMoreRed {color: #C10000; font-size: 200%; font-weight: normal; text-decoration: underline; outline: none;} /* Blue to orange - book features */ a.affiliateMoreRed:hover {color: #D60;} a.darkredAOM {color: #C10000; font-size: 70%; font-weight: normal; text-decoration: none; outline: none;} a.darkredAOM:hover {color: #999;} a.darkredAOM:visited {color: #C10000;} a.darkredAOM:visited:hover {color: #999;} a.grayAOM {color: #808080; font-size: 90%; font-weight: normal; text-decoration: none; outline: none;} a.grayAOM:hover {color: #D60;} a.redSmall {color: #C10000; font-size: 90%; font-weight: normal; text-decoration: none; outline: none;} a.redSmall:hover {color: #D60;} a.graySmall {color: #808080; font-size: 90%; font-weight: normal; text-decoration: none; outline: none;} a.graySmall:hover {color: #D60;} a.more80 {color: #069; font-size: 80%; font-weight: bold; text-decoration: underline; outline: none;} /* Blue to orange - book features */ a.more80:hover {color: #D60;} /* Colours */ #beige {color: #F8F5E7;} #blue {color: #069;} #greenmenu {color: #779373;} #greydeep {color: #383838;} #greymedium {color: #808080;} #reddeep {color: #C10000;} #darkred {color: #900;} #orange {color: #D60;} #brightorange {color: #F90;} #footerbrown {color: #EBE2BA;} /* Lines or horizontal rules */ /* top, left, bottom, right */ hr.heading {height:1px; width:97%; background: #808080; margin: 15px 0px 10px 10px;} /* Below headings, between books */ hr.index {height:3px; width:100%; background: #CCC; margin: 5px 7px 5px 0px;} /* on index page */ /* Lists */ ul.list {font-family: "Century Gothic", Verdana, Arial, sans-serif; line-height: 1.6em; color: #808080; text-decoration: none; text-indent: 0px; list-style-position: outside; list-style-type: square; padding: 15px; margin: 5px;} ul.list li {padding-bottom: 6px;} ul.list2 {font-family: "Century Gothic", Verdana, Arial, sans-serif; line-height: 1.6em; color: #808080; text-decoration: none; text-indent: 0px; list-style-position: outside; list-style-type: decimal; padding: 15px; margin: 20px;} ul.list2 li {padding-bottom: 15px;} ul.list2square {font-family: "Century Gothic", Verdana, Arial, sans-serif; line-height: 1.6em; color: #808080; text-decoration: none; text-indent: 0px; list-style-position: outside; list-style-type: square; padding: 15px; margin: 20px;} ul.list2square li {padding-bottom: 15px;} ul.list3 {font-family: "Century Gothic", Verdana, Arial, sans-serif; line-height: 1.6em; color: #808080; text-decoration: none; text-indent: 0px; list-style-position: outside; list-style-type: decimal; padding: 15px; margin: 20px; margin-top: 1mm;} ul.list3 li {padding-bottom: 5px;} ul.list3bis {font-family: "Century Gothic", Verdana, Arial, sans-serif; line-height: 1.6em; color: #808080; text-decoration: none; text-indent: 0px; list-style-position: outside; list-style-type: lower-alpha; padding: 15px; margin: 20px;} ul.list3bis li {padding-bottom: 5px;} ul.list4 {font-family: "Century Gothic", Verdana, Arial, sans-serif; line-height: 1.6em; color: #808080; text-decoration: none; text-indent: 0px; list-style-position: outside; list-style-type: circle; padding: 15px; margin: 5px;} ul.list4 li {padding-bottom: 6px;} ul.list5 {font-family: "Century Gothic", Verdana, Arial, sans-serif; line-height: 1.6em; color: #808080; text-decoration: none; text-indent: 0px; list-style-position: outside; list-style-type: circle; padding: 8px; padding-bottom: 0px; margin: 5px;} ul.list5 li {padding-bottom: 6px;} ul.list5a {font-family: "Century Gothic", Verdana, Arial, sans-serif; line-height: 1.5em; color: #808080; text-decoration: none; text-indent: 0px; list-style-position: inside; list-style-type: circle; padding-bottom: 0px; margin-left: 5px;} ul.list5a li {padding-bottom: 6px;} ul.list5b {font-family: "Century Gothic", Verdana, Arial, sans-serif; line-height: 1.5em; color: #808080; text-decoration: none; text-indent: 0px; list-style-position: inside; list-style-type: circle; padding-bottom: 0px; margin-left: 0px;} ul.list5b li {padding-bottom: 6px;} ul.list5aSpace {font-family: "Century Gothic", Verdana, Arial, sans-serif; line-height: 1.5em; color: #808080; text-decoration: none; text-indent: 0px; list-style-position: inside; list-style-type: circle; padding-top: 15px; padding-bottom: 15px; margin-left: 0px;} ul.list5aSpace li {padding-bottom: 6px;} /* spanish-learning-material/visual-link-spanish.html */ ul.list6 {font-family: "Century Gothic", Verdana, Arial, sans-serif; line-height: 1.6em; color: #808080; text-decoration: none; text-indent: 5px; list-style-position: outside; list-style-type: square; padding: 8px; padding-left: 20px; margin: 5px;} ul.list6 li {padding-bottom: 6px;} /* Shop only */ ul.indented {font-family: "Century Gothic", Verdana, Arial, sans-serif; line-height: 1.8em; color: #808080; text-decoration: none; text-indent: 50px; list-style-position: inside; list-style-type: square; padding: 5px; margin-left: 60px;} ul.list7 {font-family: "Century Gothic", Verdana, Arial, sans-serif; line-height: 1.6em; color: #808080; text-decoration: none; text-indent: 5px; list-style-position: outside; list-style-type: circle; padding: 10px; padding-left: 20px; margin: 5px;} ul.list7 li {padding-bottom: 6px;} /* Shop only */ ul.listLarger {font-family: "Century Gothic", Verdana, Arial, sans-serif; font-size: 110%; line-height: 1.4em; color: #808080; text-decoration: none; text-indent: 0px; list-style-position: outside; list-style-type: square; padding: 15px; margin: 20px;} ul.listLarger li {padding-bottom: 15px;} /* larger */ ul.listAffiliates {font-family: "Century Gothic", Verdana, Arial, sans-serif; font-size: 120%; line-height: 1.6em; color: #808080; text-decoration: none; text-indent: 0px; list-style-position: outside; list-style-type: decimal; padding: 15px; margin: 8px;} ul.listAffiliates li {padding-bottom: 6px;} ul.listAffiliatesMedium {font-family: "Century Gothic", Verdana, Arial, sans-serif; font-size: 110%; line-height: 1.6em; color: #808080; text-decoration: none; text-indent: 0px; list-style-position: outside; list-style-type: square; padding: 15px; margin: 8px;} ul.listAffiliatesMedium li {padding-bottom: 6px;} ul.listAffiliates2 {font-family: "Century Gothic", Verdana, Arial, sans-serif; font-size: 120%; line-height: 1.6em; color: #808080; text-decoration: none; text-indent: 0px; list-style-position: outside; list-style-type: square; padding: 15px; margin: 8px;} ul.listAffiliates2 li {padding-bottom: 6px;} ul.listSmall {font-family: Arial, sans-serif; font-size: 102%; line-height: 1.4em; color: #808080; text-decoration: none; text-indent: 0px; list-style-position: outside; list-style-type: square; padding: 4px; margin: 5px;} ul.listSmall li {padding-bottom: 0px;} /* newsletter form */ ul.listAOM {font-family: Arial, sans-serif; font-size: 75%; line-height: 1.4em; color: #808080; text-decoration: none; text-indent: 0px; list-style-position: outside; list-style-type: square; padding: 4px; margin: 8px;} ul.listAOM li {padding-bottom: 0px;} /* newsletter form */ /* Headers */ H1 {display: inline; font-size: 160%; font-family: "Century Gothic", Verdana, Arial, sans-serif; line-height: 2em; color: #C10000; font-weight: normal;} H2 {display: block; font-size: 100%; padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px; font-family: "Century Gothic", Verdana, Arial, sans-serif; color: #C10000; font-weight: normal;} /* Index, sitemap, courses, */ H3 {display: inline; font-size: 97%; padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px; font-family: "Century Gothic", Verdana, Arial, sans-serif; color: #666630; font-weight: normal;} /* Sitemap, */ /* Paragraphs */ /* Facebook classes */ p.gray {display: inline; font-size: 110%; line-height: 1.7em; color: #666;} p.gray100 {display: inline; font-size: 110%; line-height: 1.7em; color: #666;} /* use only in course page */ p.graylarge {display: inline; font-size: 160%; line-height: 2em; color: #555;} p.subtitle {display: inline; color: #C10000; font-family: "Century Gothic", Arial, sans-serif; font-size: 100%; line-height: 2em; font-weight: normal;} /* General classes throughout website */ p.largeBlack {display: inline; color: #444; font-family: "Century Gothic", Arial, sans-serif; font-size: 340%; font-weight: bold;} /* index */ p.membersLarge {display: inline; color: #E2C092; font-family: "Century Gothic", Arial, sans-serif; font-size: 340%; font-weight: normal;} p.membersLargeRed {display: inline; color: #E32A15; font-family: "Century Gothic", Arial, sans-serif; font-size: 340%; font-weight: normal;} p.AOMtitle {display: inline; color: #E2C092; font-family: "Century Gothic", Arial, sans-serif; font-size: 280%; font-weight: normal;} p.AOMtitleRed {display: inline; color: #E32A15; font-family: "Century Gothic", Arial, sans-serif; font-size: 280%; font-weight: normal;} p.AOMGreen {display: inline; color: #857E36; font-size: 100%; font-family: "Century Gothic", Arial, sans-serif; font-weight: normal;} p.membersTitle1 {display: inline; color: #808080; font-family: "Century Gothic", Arial, sans-serif; font-size: 240%; font-weight: normal;} p.membersTitle2 {display: inline; color: #555; font-family: "Century Gothic", Arial, sans-serif; font-size: 240%; font-weight: normal;} p.membersTitle3 {display: inline; color: #E32A15; font-family: "Century Gothic", Arial, sans-serif; font-size: 140%; line-height: 2em; font-weight: normal;} p.membersTitle4 {display: inline; color: #808080; font-family: "Century Gothic", Arial, sans-serif; font-size: 140%; font-weight: normal;} p.membersTitle5 {display: inline; color: #E32A15; font-family: "Century Gothic", Arial, sans-serif; font-size: 200%; line-height: 2em; font-weight: normal;} p.membersGraySmall {display: inline; color: #808080; font-size: 110%; font-family: "Century Gothic", Arial, sans-serif; font-weight: normal;} p.membersGrayNormal {display: inline; color: #808080; font-size: 110%; line-height: 1.7em; font-family: "Century Gothic", Arial, sans-serif; font-weight: normal;} p.membersGrayLarge {display: inline; color: #808080; font-size: 130%; font-family: "Century Gothic", Arial, sans-serif; font-weight: normal;} p.membersGrayLargeBlock {display: block; color: #808080; font-size: 130%; line-height: 1.4em; font-family: "Century Gothic", Arial, sans-serif; font-weight: normal;} p.membersBrownSmall {display: inline; color: #CBB587; font-size: 110%; font-family: "Century Gothic", Arial, sans-serif; font-weight: normal;} p.membersArticleTitle {display: block; color: #857E36; font-size: 150%; line-height: 1em; font-family: "Century Gothic", Arial, sans-serif; font-weight: normal;} p.membersGreen {display: inline; color: #857E36; font-size: 120%; font-family: "Century Gothic", Arial, sans-serif; font-weight: normal;} p.membersGreenLarger {display: inline; color: #857E36; font-size: 160%; font-family: "Century Gothic", Arial, sans-serif; font-weight: normal;} p.membersGreenSmaller {display: inline; color: #857E36; font-size: 100%; font-family: "Century Gothic", Arial, sans-serif; font-weight: normal;} p.membersRedish {display: inline; color: #DD6600; font-size: 110%; font-family: "Century Gothic", Arial, sans-serif; font-weight: normal;} p.membersRedishSmall {display: inline; color: #DD6600; font-size: 90%; font-family: "Century Gothic", Arial, sans-serif; font-weight: normal;} p.membersPearl {display: inline; color: #B5AF8F; font-size: 110%; font-family: "Century Gothic", Arial, sans-serif; font-weight: normal;} p.membersRed {display: inline; color: #E32A15; font-size: 110%; font-family: "Century Gothic", Arial, sans-serif; font-weight: normal;} p.membersOrange {display: inline; color: #F90; font-size: 110%; font-family: "Century Gothic", Arial, sans-serif; font-weight: normal;} p.membersLargeSmaller {display: inline; color: #E2C092; font-family: "Century Gothic", Arial, sans-serif; font-size: 240%; font-weight: normal;} /* light brown */ p.membersLargeRedSmaller {display: inline; color: #E32A15; font-family: "Century Gothic", Arial, sans-serif; font-size: 240%; font-weight: normal;} p.membersLargeTiny {display: inline; color: #f90; font-family: "Century Gothic", Arial, sans-serif; font-size: 170%; font-weight: normal;} p.membersLargeRedTiny {display: inline; color: #E32A15; font-family: "Century Gothic", Arial, sans-serif; font-size: 170%; font-weight: normal;} p.aStore {display: inline; color: #9D1717; font-family: Arial; font-size: 14px; font-weight: bold;} p.black {display: inline; line-height: 1.7em; color: #000;} p.blue {display: inline; color: #069;} p.bottomgreen1 {color: #660; line-height: 1.2em; font-weight: bold;} p.bottomgreen2 {color: #A3A376; line-height: 1.2em; font-weight: bold;} p.center {display: inline; font-weight: bold;} p.center1 {margin-top: 5px; margin-bottom: 15px; font-weight: bold;} p.grayAOM {display: inline; color: #808080; margin-top: 10px; margin-bottom: 0px; font-size: 75%; font-style: normal; font-weight: bold;} p.gray {display: inline; font-family: "Century Gothic", Arial, sans-serif; font-size: 110%; line-height: 1.7em; color: #808080;} p.graysmall {display: inline; line-height: 1em; font-size: 82%; color: #808080;} p.graysmaller {display: inline; line-height: 1.5em; font-size: 75%; color: #6F6F6F;} p.grayb {display: inline; line-height: 4em; color: #808080;} p.gray1 {display: inline; line-height: 1.2em; color: #808080;} p.gray2 {display: inline; color: #808080; font-size: 95%; font-family: "Century Gothic", Verdana, Arial, sans-serif;} p.gray3 {display: block; line-height: 1.7em; color: #808080;} p.graybold {display: inline; color: #808080; font-weight: bold;} p.graybold2 {display: block; color: #808080; font-weight: bold;} p.graylarge {display: inline; color: #808080; font-size: 1.2em; font-weight: bold;} p.graylarge2 {display: inline; color: #808080; font-size: 1.2em; font-weight: normal;} p.graylarge3 {display: inline; line-height: 50px; font-family: "Century Gothic", Verdana, Arial, sans-serif; font-size:170%; color:#808080; font-style: italic;} p.graylarge4 {display: inline; line-height: 50px; font-family: "Century Gothic", Verdana, Arial, sans-serif; font-size:170%; color:#808080;} p.grayVeryLarge {display: inline; color: #444; font-size: 250%; font-weight: bold; text-decoration: none; outline: none;} /* spanish-course.html */ p.green {color: #663; margin-top: 0px; margin-bottom: 0px; font-weight: bold;} p.subtitle {display: inline; line-height: 1.1em; color: #F96;} p.darkred {color: #C10000; margin-top: 10px; margin-bottom: 0px; font-style: italic; font-weight: bold;} p.darkredlarger {color: #C10000; font-size: 160%; margin-top: 8px; margin-bottom: 0px; font-style: italic; font-family: "Century Gothic", Verdana, Arial, sans-serif; font-weight: normal;} p.darkred1 {color: #C10000; margin-top: 0px; margin-bottom: 10px; font-style: italic; font-weight: bold;} p.darkred2 {color: #C10000; margin-top: 0px; margin-bottom: 15px; font-style: italic; font-weight: bold;} p.darkred3 {color: #C10000; margin-top: 10px; margin-bottom: 15px; font-style: italic; font-weight: bold;} p.darkred3a {color: #C10000; margin-top: 10px; margin-bottom: 15px; font-style: italic; font-weight: bold;} p.darkred3izq {color: #C10000; text-align: left; margin-top: 10px; margin-bottom: 15px; font-style: italic; font-weight: bold;} p.darkred4 {color: #C10000; margin-top: 0px; margin-bottom: 0px; font-style: normal; font-weight: bold;} p.darkred4a {display: inline; color: #C10000; margin-top: 0px; margin-bottom: 0px; font-style: normal; font-weight: bold;} p.darkred4b {display: inline; color: #C10000; margin-top: 0px; margin-bottom: 0px; font-style: normal; font-weight: normal;} p.darkred5 {color: #C10000; margin-top: 0px; margin-bottom: 0px; font-style: italic; font-weight: normal;} p.darkred6 {color: #C10000; margin-top: 10px; margin-bottom: 0px; line-height: 1.8em; font-style: italic; font-weight: bold;} p.veryDarkRed {display: inline; color: #BA2B00; font-family: "Century Gothic", Verdana, Arial, sans-serif; font-size:200%; font-style: normal; font-weight: normal;} /* course prices */ p.redlarge3 {display: inline; line-height: 50px; font-family: "Century Gothic", Verdana, Arial, sans-serif; font-size:170%; color:#C10000; font-style: italic;} p.darkred3inline {display: inline; color: #C10000; font-style: italic; font-weight: bold;} p.darkred3normal {display: inline; color: #C10000; font-style: italic; font-weight: normal;} p.darkredlarge {color: #C10000; margin-top: 0px; margin-bottom: 0px; font-family: "Century Gothic", Verdana, Arial, sans-serif; font-size: 1.5em; font-style: italic; font-weight: normal;} p.darkredtoday {color: #C10000; margin-top: 0px; margin-bottom: 0px; font-size: 1.1em; font-style: normal; font-weight: normal;} /* today's words */ p.verydarkred {display: block; color: #A64A00; font-size: 1em; font-weight: bold;} /* text on title bars within content */ p.hyperlink {display: inline; color: #069} /* Text highlighted and linked within a grey paragraph */ p.inline {display: inline; font-size: 110%; color: #069;} /* Small blue text lines on Index */ p.inline2 {display: inline; color: #069;} p.italic {display:inline; color:#808080; font-style:italic;} p.large {display: inline; line-height: 70px; font-family: "Century Gothic", Verdana, Arial, sans-serif; font-size:180%; color:#C10000;} p.large2 {display: inline; line-height: 40px; font-family: "Century Gothic", Verdana, Arial, sans-serif; font-size:180%; color:#C10000;} p.largeblue {display: inline; line-height: 15px; font-family: "Century Gothic", Verdana, Arial, sans-serif; font-size:180%; color:#069;} p.largeorange {display: inline; line-height: 15px; font-family: "Century Gothic", Verdana, Arial, sans-serif; font-size:180%; color:#D60;} p.mediumOrange {display: inline; line-height: 15px; font-family: "Century Gothic", Verdana, Arial, sans-serif; font-size:150%; color:#D60;} p.Verylargeorange {display: inline; font-family: "Century Gothic", Verdana, Arial, sans-serif; font-size:250%; color:#D60; line-height: 2em;} p.orange {color: #D60; margin-top: 0px; margin-bottom: 0px; font-weight: bold;} p.proverb1 {display: inline; line-height: 1.7em; color: #990;} p.proverb2 {display: inline; line-height: 1.7em; color: #808000;} p.proverb3 {display: inline; line-height: 1.7em; color: #666630;} p.quote1 {display: inline; font-size: .98em; line-height: 2em; color: #666630;} p.script {color:#808080; font-family: "Monotype Corsiva ", 'Brush Script MT', Phyllis, 'Lucida Handwriting', cursive; font-size: 160%; line-height: 1em;} p.verylarge {display: inline; font-size: 160%; font-family: "Century Gothic", Verdana, Arial, sans-serif; line-height: 2em; color: #C10000;} p.white {display: inline; line-height: 1.7em; color: #FFF;} p.whiteSmaller {display: inline; font-size: 90%; line-height: 1.2em; color: #FFF;} p.brown {display: inline; line-height: 1.7em; color: #9D6313; font-family: "Century Gothic", Verdana, Arial, sans-serif;} p.brown1 {display: block; margin-top: 5px; color: #930;} p.affiliateRed {display: inline; color: #C10000; font-family: "Century Gothic", Arial, sans-serif; font-size: 320%; font-weight: normal;} /* clickbank pages */ p.affiliateRedMedium {display: inline; color: #C10000; font-family: "Century Gothic", Arial, sans-serif; font-size: 280%; font-weight: normal;} /* clickbank ebooks hop page */ p.affiliateRedSmall {display: inline; color: #C10000; font-family: "Century Gothic", Arial, sans-serif; font-size: 120%; line-height: 2em; font-weight: bold;} /* clickbank pages */ p.affiliateRedSmallNormal {display: inline; color: #C10000; font-family: "Century Gothic", Arial, sans-serif; font-size: 120%; line-height: 2em; font-weight: normal;} /* clickbank pages */ p.affiliateRedSmallNormalHeight {display: inline; color: #C10000; font-family: "Century Gothic", Arial, sans-serif; font-size: 120%; line-height: 1.5em; font-weight: normal;} /* clickbank pages */ p.affiliateBlack {display: inline; color: #666; font-family: "Century Gothic", Arial, sans-serif; font-size: 150%; line-height: 1.7em; font-weight: normal;} /* clickbank pages */ p.affiliateBlackSmaller {display: inline; color: #666; font-family: "Century Gothic", Arial, sans-serif; font-size: 130%; line-height: 1.7em; font-weight: normal;} /* clickbank pages */ p.affiliateBlack110 {display: inline; color: #666; font-family: "Century Gothic", Arial, sans-serif; font-size: 110%; line-height: 1.7em; font-weight: normal;} /* clickbank pages */ p.affiliateBlue {display: inline; color: #069; font-family: "Century Gothic", Arial, sans-serif; font-size: 180%; font-weight: normal;} /* clickbank pages */ p.affiliateBlueMedium {display: inline; color: #069; font-family: "Century Gothic", Arial, sans-serif; font-size: 140%; font-weight: normal;} p.affiliateBlueSmall {display: inline; color: #069; font-family: "Century Gothic", Arial, sans-serif; font-size: 120%; line-height: 2em; font-weight: bold;} /* clickbank pages */ p.affiliateGreenSmall {display: inline; color: #857E36; font-family: "Century Gothic", Arial, sans-serif; font-size: 100%; font-weight: normal;} p.affiliateGreen {display: inline; color: #857E36; font-family: "Century Gothic", Arial, sans-serif; font-size: 120%; font-weight: normal;} /* clickbank pages */ p.affiliateGreenMedium {display: inline; color: #857E36; font-family: "Century Gothic", Arial, sans-serif; font-size: 140%; font-weight: normal;} p.affiliateGreenLarge {display: inline; color: #857E36; font-family: "Century Gothic", Arial, sans-serif; font-size: 180%; line-height: 1.7em; font-weight: normal;} /* clickbank pages */ p.affiliateGreenLargeLarger {display: inline; color: #857E36; font-family: "Century Gothic", Arial, sans-serif; font-size: 220%; line-height: 1.7em; font-weight: normal;} /* apps pages */ p.affiliateGreen200 {display: inline; color: #857E36; font-family: "Century Gothic", Arial, sans-serif; font-size: 200%; line-height: 1.7em; font-weight: normal;} /* apps pages */ p.affiliateGreenLargePlus {display: inline; color: #857E36; font-family: "Century Gothic", Arial, sans-serif; font-size: 250%; line-height: 1.7em; font-weight: normal;} /* clickbank pages */ p.affiliateGreenLarger {display: inline; color: #857E36; font-family: "Century Gothic", Arial, sans-serif; font-size: 340%; line-height: 1.7em; font-weight: normal;} /* clickbank pages */ p.affiliateGreen300 {display: inline; color: #857E36; font-family: "Century Gothic", Arial, sans-serif; font-size: 300%; line-height: 1.7em; font-weight: normal;} /* clickbank pages */ p.darkredlarger2 {color: #C10000; font-size: 150%; margin-top: 0px; margin-bottom: 0px; font-style: normal; font-family: "Century Gothic", Verdana, Arial, sans-serif; font-weight: normal;} p.darkredMediumNormal {display: inline; color: #C10000; font-family: "Century Gothic", Arial, sans-serif; font-size: 110%; line-height: 2em; font-weight: normal;} /* newsletter signup form */ p.Red200 {display: inline; color: #C10000; font-family: "Century Gothic", Arial, sans-serif; font-size: 200%; line-height: 1.7em; font-weight: normal;} p.Red150 {display: inline; color: #C10000; font-family: "Century Gothic", Arial, sans-serif; font-size: 150%; line-height: 1.7em; font-weight: normal;} p.Red120 {display: inline; color: #C10000; font-family: "Century Gothic", Arial, sans-serif; font-size: 120%; line-height: 1.7em; font-weight: normal;} p.Red100 {display: inline; color: #C10000; font-family: "Century Gothic", Arial, sans-serif; font-size: 100%; line-height: 1.7em; font-weight: normal;} p.Red90 {display: inline; color: #C10000; font-family: "Century Gothic", Arial, sans-serif; font-size: 90%; line-height: 1.7em; font-weight: normal;} p.darkredAOM {display: inline; color: #C10000; font-family: "Century Gothic", Arial, sans-serif; font-size: 80%; line-height: 2em; font-weight: normal;} p.orangeAOM {display: inline; line-height: 15px; font-family: "Century Gothic", Verdana, Arial, sans-serif; font-size:130%; color:#D60;} p.orangeLight {display: inline; color: #DCB97C; font-family: Verdana, sans-serif; font-size: 100%; font-weight: normal;} /* Spanish footer everywhere (very bottom) Rollover */ #footer {clear: both; background: #FFF;} #footer p {color: #C10000; position: relative; top: 2em; text-align: center; padding: 1.5em 0; font: 75% "Century Gothic", Verdana, Arial, sans-serif; text-transform: uppercase; letter-spacing: 1px; line-height: 2em; background: #EBE2BA;} /* Members footer everywhere */ #footerMembers {clear: both; background: #FFF;} #footerMembers p {color: #FFF; position: relative; top: 0.4em; text-align: center; padding: 1.5em 0; font: 85% "Century Gothic", Arial, sans-serif; text-transform: uppercase; letter-spacing: 1px; line-height: 2.5em; background: #D15A0C;} /* General text rollover/menu - Blue to orange with orange side bars */ #navcontainer3 {margin-left: 20px; margin-right: 20px;} #navcontainer3 ul { margin: 0; padding: 0; list-style-type: none; font-family: "Century Gothic", Verdana, Arial, sans-serif; } #navcontainer3 li {margin: 0;} #navcontainer3 a { display: block; padding: 8px 2px 8px 5px; width: 450px; color: #069; background-color: #ffffff; text-decoration: none; text-align: left; border-bottom: 1px solid #069; border-right: 10px solid #ffffff; border-left: 10px solid #ffffff; background-image: none; } #navcontainer3 a:hover { color: #EC6A00; background-color: #ffffff; text-decoration: none; border-bottom: 1px solid #EC6A00; border-right: 10px solid #EC6A00; border-left: 10px solid #EC6A00; background-image: none } #navcontainer3 a:visited { color: #A64A00; border-bottom: 1px solid #A64A00; } #navcontainer3 a:visited:hover { color: #EC6A00; border-bottom: 1px solid #EC6A00; } /* End of general text rollover - blue to orange */ /* General text rollover/menu 2 - Blue to orange with orange side bars - Wider - Podcasts*/ #navcontainer5 {margin-left: 5px; margin-right: 5px;} #navcontainer5 ul { margin: 0; padding: 0; list-style-type: none; font-family: "Century Gothic", Verdana, Arial, sans-serif; } #navcontainer5 li {margin: 0;} #navcontainer5 a { display: block; padding: 8px 2px 8px 5px; width: 560px; color: #069; background-color: #F8F5E7; text-decoration: none; text-align: left; border-bottom: 1px solid #069; border-right: 10px solid #F8F5E7; border-left: 10px solid #F8F5E7; background-image: none; } #navcontainer5 a:hover { color: #EC6A00; background-color: #F8F5E7; text-decoration: none; border-bottom: 1px solid #EC6A00; border-right: 10px solid #EC6A00; border-left: 10px solid #EC6A00; background-image: none } #navcontainer5 a:visited { color: #A64A00; border-bottom: 1px solid #A64A00; } #navcontainer5 a:visited:hover { color: #EC6A00; border-bottom: 1px solid #EC6A00; } /* End of general text rollover 2 - blue to orange - Podcasts*/ /* General children's rollover */ #navcontainer4 {margin-left: 20px; margin-right: 20px;} #navcontainer4 ul { margin: 0; padding: 0; list-style-type: none; font-family: "Century Gothic", Verdana, Arial, sans-serif; } #navcontainer4 li {margin: 0;} #navcontainer4 a { display: block; padding: 8px 2px 8px 5px; width: 450px; color: #069; background-color: #F8F5E7; text-decoration: none; text-align: left; border-bottom: 1px solid #069; border-right: 10px solid #F8F5E7; border-left: 10px solid #F8F5E7; background-image: none; } #navcontainer4 a:hover { color: #EC6A00; background-color: #F8F5E7; text-decoration: none; border-bottom: url(gfx/Line_Red.gif); border-right: 10px solid #EC6A00; border-left: 10px solid #EC6A00; background-image: none } #navcontainer4 a:visited { color: #A64A00; border-bottom: 1px solid #A64A00; } #navcontainer4 a:visited:hover { color: #EC6A00; border-bottom: 1px solid #EC6A00; } /* End of children's text rollover */ /* General text rollover/menu - white background */ #navcontainerWhite {margin-left: 20px; margin-right: 20px;} #navcontainerWhite ul { margin: 0; padding: 0; list-style-type: none; font-family: "Century Gothic", Verdana, Arial, sans-serif; } #navcontainerWhite li {margin: 0;} #navcontainerWhite a { display: block; padding: 8px 2px 8px 5px; width: 450px; color: #069; background-color: #FFF; text-decoration: none; text-align: left; border-bottom: 1px solid #069; border-right: 10px solid #FFF; border-left: 10px solid #FFF; background-image: none; } #navcontainerWhite a:hover { color: #EC6A00; background-color: #FFF; text-decoration: none; border-bottom: 1px solid #EC6A00; border-right: 10px solid #EC6A00; border-left: 10px solid #EC6A00; background-image: none } #navcontainerWhite a:visited { color: #A64A00; border-bottom: 1px solid #A64A00; } #navcontainerWhite a:visited:hover { color: #EC6A00; border-bottom: 1px solid #EC6A00; } /* End of general text rollover - blue to orange */ /* Expandable literature, etc. menu */ #menu { margin:0; padding:0; height:37em; overflow:hidden; background:#900; } #menu li { list-style-type:none; float:left; display:block; width:100%; } #menu li a { display:block; text-decoration:none; color:#000; margin:0; width:100%; } #menu li a span { display:none; color:#EBE2BA; } #menu li a.one span { display:block; height:15em; margin:0 10px; } #menu li a:hover { background:#F0EACE; } #menu li a:hover span { display:block; color:#900; height:15em; margin:0 10px; cursor:pointer; } #menu .h2 { margin:0 5px; padding:0; color:#C2C6B9; font-variant:small-caps; font-size:1.3em; border:0; } #menu .h3 { margin:0 10px; padding:0; font-size:1.1em; color:#6F6F6F } #menu img { margin:5px 5px 5px 0; border:1px solid #FC9; float:left; } .curved { width:41em; } .curved .b1, .curved .b2, .curved .b3, .curved .b4 { font-size:1px; display:block; background:#EBE2BA; /* hide overflow:hidden from IE5/Mac */ /* \*/ overflow: hidden; /* */ } .curved .b1, .curved .b2, .curved .b3 { height:1px; } .curved .b2, .curved .b3, .curved .b4 { background:#CBB587; border-left:1px solid #CBB587; border-right:1px solid #CBB587; } .curved .b1 { margin:0 4px; background:#CBB587; } .curved .b2 { margin:0 2px; border-width:0 2px; } .curved .b3 { margin:0 1px; } .curved .b4 { height:2px; margin:0; } .curved .c1 { margin:0 5px; background:#CBB587; } .curved .c2 { margin:0 3px; border-width:0 2px; } .curved .c3 { margin:0 2px; } .curved .c4 { height:2px; margin: 0 1px; } .curved .boxcontent { display:block; background:transparent; border-left:1px solid #CBB587; border-right:1px solid #CBB587; font-size:1em; line-height:1.5em; text-align:justify; } /* End of expandable literature menu */ /* Spanish header starts here */ #chromemenu{ width: 720px; } #chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/ content: "."; display: block; height: 0; clear: both; visibility: hidden; } #chromemenu ul{ border: 0px; width: 720px; background-color: #B22222; /* Menu bar colour - sides only */ margin-left: 0; margin-right: 0; padding-left: 0; padding-top: 10px; padding-bottom: 10px; margin: 0; float: center; text-align: center; font-family: "Century Gothic", Verdana, Arial, sans-serif; font-size: 100%; font-weight: bold; } #chromemenu ul li{ display: inline; } #chromemenu ul li a{ float: center; color: #FFF; font-weight: bold; padding: 10px 4px 10px 4px; /* top, right, bottom, left - distance between items */ text-decoration: none; background-color: #B22222; /* Menu bar colour - behind items */ } #chromemenu ul li a:hover{ color: #D60; background-color: #FFF; } #chromemenu ul li a[onMouseover]:after{ /*HTML to indicate drop down link*/ content: " "; /*content: " " url(gfx/arrowdown.gif); /* It works only in Firefox - uncomment this line to use an image instead*/ } /* ######### Style for Drop Down Menu ######### */ .dropmenudiv{ position: absolute; top: 0; border: 0px border-bottom-width: 0px; font-family: "Century Gothic", Verdana, arial, sans-serif; font-size: 100%; line-height: 4px; z-index: 100; background-color: #FFF; width: 140px; visibility: hidden; filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/ } .dropmenudiv a{ width: 100%; display: block; text-indent: 10px; padding: 0px 0px 3px 0px; text-decoration: none; font-weight: normal; color: #606060; font-weight: normal; } .dropmenudiv a:hover{ /*Theme Change here*/ background-color: #F4F1D5; } .dropmenudiv a:visited{ color: #D60; background-color: #FFF; font-weight: normal; } .dropmenudiv a:visited:hover{ background-color: #F4F1D5;} /* End of Header */ /* Vertical drop down menu */ #dropmenudiv1{ position:absolute; background-color: #FFF; /* menu 2 background */ border: 1px solid gray; /* menu 2 sides and top */ border-bottom-width: 0 solid gray; font:normal 100% "Century Gothic", Verdana, arial, sans-serif; line-height: 1.5em; z-index:100; filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/ } #dropmenudiv1 a{ width: 100%; display: block; text-indent: 10px; border-bottom: 1px solid gray; /* menu 2 */ padding: 3px 0px 3px 0px; /* top, sth, bottom, sth */ text-decoration: none; font-weight: normal; } #dropmenudiv1 a:hover{ /*hover background color in menu 2 */ background-color: #EEE; } /* Menu - Store */ .navlist li { list-style-type: none; border: 1px solid gray; text-indent: 10px; width: 264px; /* main menu width */ padding: 3px 0px 8px 0px; /* top, sth, bottom, sth */ background-color: #FFF; /* main menu color */ } .navlist li a{ background-color: #FFF; } .navlist li a:hover{ background-color: #FFF; } /* End of vertical drop down store menu */ /* Menu - Links-bookworld */ .navlistlb li { list-style-type: none; border: 1px solid gray; text-indent: 10px; width: 248px; /* main menu width */ padding: 3px 0px 8px 0px; /* top, sth, bottom, sth */ background-color: #FFF; /* main menu color */ } .navlistlb li a{ background-color: #FFF; } .navlistlb li a:hover{ background-color: #FFF; } /* End of vertical drop down links-bookworld menu */ /* Spanish 730px header starts here - for all new pages*/ #chromemenu730{ width: 736px; } #chromemenu730:after{ /*Add margin between menu and rest of content in Firefox*/ content: "."; display: block; height: 0; clear: both; visibility: hidden; } #chromemenu730 ul{ border: 0px; width: 736px; background-color: #B22222; /* Menu bar colour - sides only */ margin-left: 0; margin-right: 0; padding-left: 0; padding-top: 10px; padding-bottom: 10px; margin: 0; float: center; text-align: center; font-family: "Century Gothic", Verdana, Arial, sans-serif; font-size: 100%; font-weight: bold; } #chromemenu730 ul li{ display: inline; } #chromemenu730 ul li a{ float: center; color: #FFF; font-weight: bold; padding: 10px 5px 10px 5px; /* top, right, bottom, left - distance between items */ text-decoration: none; background-color: #B22222; /* Menu bar colour - behind items */ } #chromemenu730 ul li a:hover{ color: #D60; background-color: #FFF; } #chromemenu730 ul li a[onMouseover]:after{ /*HTML to indicate drop down link*/ content: " "; /*content: " " url(gfx/arrowdown.gif); /* It works only in Firefox - uncomment this line to use an image instead*/ } /* ######### Style for Drop Down Menu ######### */ .dropmenudiv{ position: absolute; top: 0; border: 0px border-bottom-width: 0px; font-family: "Century Gothic", Verdana, arial, sans-serif; font-size: 100%; line-height: 4px; z-index: 100; background-color: #FFF; width: 140px; visibility: hidden; filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/ } .dropmenudiv a{ width: 100%; display: block; text-indent: 10px; padding: 0px 0px 3px 0px; text-decoration: none; font-weight: normal; color: #606060; font-weight: normal; } .dropmenudiv a:hover{ /*Theme Change here*/ background-color: #F4F1D5; } .dropmenudiv a:visited{ color: #D60; background-color: #FFF; font-weight: normal; } .dropmenudiv a:visited:hover{ background-color: #F4F1D5;} /* End of 730px Spanish Bookworld header */ /* Spanish aStore header starts here */ #chromemenuaStore{ width: 768px; } #chromemenuaStore:after{ /*Add margin between menu and rest of content in Firefox*/ content: "."; display: block; height: 0; clear: both; visibility: hidden; } #chromemenuaStore ul{ border: 0px; width: 768px; background-color: #B22222; /* Menu bar colour - sides only */ margin-left: 0; margin-right: 0; padding-left: 0; padding-top: 10px; padding-bottom: 10px; margin: 0; float: center; text-align: center; font-family: "Century Gothic", Verdana, Arial, sans-serif; font-size: 100%; font-weight: bold; } #chromemenuaStore ul li{ display: inline; } #chromemenuaStore ul li a{ float: center; color: #FFF; font-weight: bold; padding: 10px 6px 10px 6px; /* top, right, bottom, left - distance between items */ text-decoration: none; background-color: #B22222; /* Menu bar colour - behind items */ } #chromemenuaStore ul li a:hover{ color: #D60; background-color: #FFF; } #chromemenuaStore ul li a[onMouseover]:after{ /*HTML to indicate drop down link*/ content: " "; /*content: " " url(gfx/arrowdown.gif); /* It works only in Firefox - uncomment this line to use an image instead*/ } /* ######### Style for Drop Down Menu ######### */ .dropmenudiv{ position: absolute; top: 0; border: 0px border-bottom-width: 0px; font-family: "Century Gothic", Verdana, arial, sans-serif; font-size: 100%; line-height: 4px; z-index: 100; background-color: #FFF; width: 140px; visibility: hidden; filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/ } .dropmenudiv a{ width: 100%; display: block; text-indent: 10px; padding: 0px 0px 3px 0px; text-decoration: none; font-weight: normal; color: #606060; font-weight: normal; } .dropmenudiv a:hover{ /*Theme Change here*/ background-color: #F4F1D5; } .dropmenudiv a:visited{ color: #D60; background-color: #FFF; font-weight: normal; } .dropmenudiv a:visited:hover{ background-color: #F4F1D5;} /* End of Header aStore */ /* left menu vertical narrow */ #navcontainerleft { margin-left: 20px; } #navcontainerleft ul { margin: 0; padding: 0; list-style-type: none; font-family: "Century Gothic", verdana, arial, Helvetica, sans-serif; } #navcontainerleft li { margin: 0; } #navcontainerleft a { display: block; padding: 8px 8px; /* top and bottom , left and right */ width: 120px; color: #C10000; background-color: #EBE2BA; text-decoration: none; border-top: 1px solid #fff; border-left: 1px solid #fff; border-bottom: 1px solid #fff; border-right: 1px solid #fff; font-weight: bold; font-size: 96%; } #navcontainerleft a:hover { color: #555; background-color: #F8F5E7; text-decoration: none; border-top: 1px solid #fff; border-left: 1px solid #fff; border-bottom: 1px solid #fff; border-right: 1px solid #fff; } #navcontainerleft ul ul li { margin: 0; } #navcontainerleft ul ul a { display: block; padding: 6px 6px 6px 20px; width: 110px; color: #666; background-color: #F8F5E7; text-decoration: none; font-weight: normal; } #navcontainerleft ul ul a:hover { color: #C10000; background-color: #EBE2BA; text-decoration: none; } /* end of left vertical menu narrow */ /* left menu vertical list of lessons -narrow */ #navcontainerleft1 { margin-left: 16px; } #navcontainerleft1 ul { margin: 0; padding: 0; list-style-type: none; font-family: "Century Gothic", verdana, arial, Helvetica, sans-serif; } #navcontainerleft1 li { margin: 0; } #navcontainerleft1 a { display: block; padding: 8px 8px; /* top and bottom , left and right */ width: 130px; color: #857E36; background-color: #EBE2BA; text-decoration: none; text-align: center; border-top: 1px solid #fff; border-left: 1px solid #fff; border-bottom: 1px solid #fff; border-right: 1px solid #fff; font-weight: bold; font-size: 100%; } #navcontainerleft1 a:hover { color: #555; background-color: #E2C092; text-decoration: none; border-top: 1px solid #fff; border-left: 1px solid #fff; border-bottom: 1px solid #fff; border-right: 1px solid #fff; } #navcontainerleft1 ul ul li { margin: 0; } #navcontainerleft1 ul ul a { display: block; padding: 6px 6px 6px 20px; width: 120px; color: #D60; background-color: #F8F5E7; text-decoration: none; text-align: left; font-weight: normal; } #navcontainerleft1 ul ul a:hover { color: #C10000; background-color: #F1DAB8; text-decoration: none; } /* end of left vertical list of lessons - narrow */ /* left menu vertical list of dvds - 136 */ #navcontainerleft136 { margin-left: 16px; } #navcontainerleft136 ul { margin: 0; padding: 0; list-style-type: none; font-family: "Century Gothic", verdana, arial, Helvetica, sans-serif; } #navcontainerleft136 li { margin: 0; } #navcontainerleft136 a { display: block; padding: 5px 5px; /* top and bottom , left and right */ width: 136px; color: #857E36; background-color: #EBE2BA; text-decoration: none; text-align: center; border-top: 1px solid #fff; border-left: 1px solid #fff; border-bottom: 1px solid #fff; border-right: 1px solid #fff; font-weight: bold; font-size: 100%; } #navcontainerleft136 a:hover { color: #555; background-color: #E2C092; text-decoration: none; border-top: 1px solid #fff; border-left: 1px solid #fff; border-bottom: 1px solid #fff; border-right: 1px solid #fff; } #navcontainerleft136 ul ul li { margin: 0; } #navcontainerleft136 ul ul a { display: block; padding: 6px 3px 6px 7px; /* top, right, bottom, left */ width: 136px; color: #D60; background-color: #F8F5E7; text-decoration: none; text-align: left; font-weight: normal; } #navcontainerleft136 ul ul a:hover { color: #C10000; background-color: #F1DAB8; text-decoration: none; } /* end of left vertical list of dvds - 136 */ /* left menu vertical list of lessons - a bit wider - 170 */ #navcontainerleft170 { margin-left: 16px; } #navcontainerleft170 ul { margin: 0; padding: 0; list-style-type: none; font-family: "Century Gothic", verdana, arial, Helvetica, sans-serif; } #navcontainerleft170 li { margin: 0; } #navcontainerleft170 a { display: block; padding: 8px 8px; /* top and bottom , left and right */ width: 160px; color: #857E36; background-color: #EBE2BA; text-decoration: none; text-align: center; border-top: 1px solid #fff; border-left: 1px solid #fff; border-bottom: 1px solid #fff; border-right: 1px solid #fff; font-weight: bold; font-size: 90%; } #navcontainerleft170 a:hover { color: #555; background-color: #E2C092; text-decoration: none; border-top: 1px solid #fff; border-left: 1px solid #fff; border-bottom: 1px solid #fff; border-right: 1px solid #fff; } #navcontainerleft170 ul ul li { margin: 0; } #navcontainerleft170 ul ul a { display: block; padding: 6px 6px 6px 10px; width: 160px; color: #D60; background-color: #F8F5E7; text-decoration: none; text-align: left; font-weight: normal; } #navcontainerleft170 ul ul a:hover { color: #C10000; background-color: #F1DAB8; text-decoration: none; } /* end of left vertical list of lessons - 170 */ /* left menu vertical menu - wider - 235 */ #navcontainerleftWider { margin-left: 16px; } #navcontainerleftWider ul { margin: 0; padding: 0; list-style-type: none; font-family: "Century Gothic", verdana, arial, Helvetica, sans-serif; } #navcontainerleftWider li { margin: 0; } #navcontainerleftWider a { display: block; padding: 8px 8px; /* top and bottom , left and right */ width: 235px; color: #857E36; background-color: #EBE2BA; text-decoration: none; text-align: center; border-top: 1px solid #fff; border-left: 1px solid #fff; border-bottom: 1px solid #fff; border-right: 1px solid #fff; font-weight: bold; font-size: 90%; } #navcontainerleftWider a:hover { color: #555; background-color: #E2C092; text-decoration: none; border-top: 1px solid #fff; border-left: 1px solid #fff; border-bottom: 1px solid #fff; border-right: 1px solid #fff; } #navcontainerleftWider ul ul li { margin: 0; } #navcontainerleftWider ul ul a { display: block; padding: 6px 6px 6px 10px; width: 235px; color: #D60; background-color: #F8F5E7; text-decoration: none; text-align: left; font-weight: normal; } #navcontainerleftWider ul ul a:hover { color: #C10000; background-color: #F1DAB8; text-decoration: none; } /* end of left vertical menu - wider */ /* left menu vertical menu - no white lines */ #navcontainerleftNoWhiteLines { margin-left: 0px; } #navcontainerleftNoWhiteLines ul { margin: 0; padding: 0; list-style-type: none; font-family: "Century Gothic", verdana, arial, Helvetica, sans-serif; } #navcontainerleftNoWhiteLines li { margin: 0; } #navcontainerleftNoWhiteLines a { display: block; padding: 8px 8px; /* top + bottom, left + right */ width: 235px; color: #857E36; background-color: #EBE2BA; text-decoration: none; text-align: center; border-top: 0px solid #fff; border-left: 0px solid #fff; border-bottom: 0px solid #fff; border-right: 0px solid #fff; font-weight: bold; font-size: 90%; } #navcontainerleftNoWhiteLines a:hover { color: #555; background-color: #E2C092; text-decoration: none; border-top: 0px solid #fff; border-left: 0px solid #fff; border-bottom: 0px solid #fff; border-right: 0px solid #fff; } #navcontainerleftNoWhiteLines ul ul li { margin: 0; } #navcontainerleftNoWhiteLines ul ul a { display: block; padding: 1px 1px 1px 10px; width: 235px; color: #D60; background-color: #F8F5E7; text-decoration: none; text-align: left; font-weight: normal; } #navcontainerleftNoWhiteLines ul ul a:hover { color: #C10000; background-color: #F1DAB8; text-decoration: none; } /* end of left vertical menu - no white lines */ /* left menu vertical list of lessons - 160 */ #navcontainerleft160 { margin-left: 16px; } #navcontainerleft160 ul { margin: 0; padding: 0; list-style-type: none; font-family: "Century Gothic", verdana, arial, Helvetica, sans-serif; } #navcontainerleft160 li { margin: 0; } #navcontainerleft160 a { display: block; padding: 8px 8px; /* top and bottom , left and right */ width: 160px; color: #857E36; background-color: #EBE2BA; text-decoration: none; text-align: center; border-top: 1px solid #fff; border-left: 1px solid #fff; border-bottom: 1px solid #fff; border-right: 1px solid #fff; font-weight: bold; font-size: 100%; } #navcontainerleft160 a:hover { color: #555; background-color: #E2C092; text-decoration: none; border-top: 1px solid #fff; border-left: 1px solid #fff; border-bottom: 1px solid #fff; border-right: 1px solid #fff; } #navcontainerleft160 ul ul li { margin: 0; } #navcontainerleft160 ul ul a { display: block; padding: 6px 6px 6px 20px; width: 150px; color: #D60; background-color: #F8F5E7; text-decoration: none; text-align: left; font-weight: normal; } #navcontainerleft160 ul ul a:hover { color: #C10000; background-color: #F1DAB8; text-decoration: none; } /* end of left vertical list of lessons - 160 */ /* left menu vertical list of lessons - 150 */ #navcontainerleft150 { margin-left: 16px; } #navcontainerleft150 ul { margin: 0; padding: 0; list-style-type: none; font-family: "Century Gothic", verdana, arial, Helvetica, sans-serif; } #navcontainerleft150 li { margin: 0; } #navcontainerleft150 a { display: block; padding: 8px 8px; /* top and bottom , left and right */ width: 150px; color: #857E36; background-color: #EBE2BA; text-decoration: none; text-align: center; border-top: 1px solid #fff; border-left: 1px solid #fff; border-bottom: 1px solid #fff; border-right: 1px solid #fff; font-weight: bold; font-size: 100%; } #navcontainerleft150 a:hover { color: #555; background-color: #E2C092; text-decoration: none; border-top: 1px solid #fff; border-left: 1px solid #fff; border-bottom: 1px solid #fff; border-right: 1px solid #fff; } #navcontainerleft150 ul ul li { margin: 0; } #navcontainerleft150 ul ul a { display: block; padding: 6px 6px 6px 20px; width: 140px; color: #D60; background-color: #F8F5E7; text-decoration: none; text-align: left; font-weight: normal; } #navcontainerleft150 ul ul a:hover { color: #C10000; background-color: #F1DAB8; text-decoration: none; } /* end of left vertical list of lessons - 150 */ /* Spanish members header starts here - 768 */ #chromemenuMembers{ width: 766px; } #chromemenuMembers:after{ /*Add margin between menu and rest of content in Firefox*/ content: "."; display: block; height: 0; clear: both; visibility: hidden; } #chromemenuMembers ul{ border: 1px solid #fff; width: 766px; background-color: #D15A0C; /* Menu bar colour - sides only - orange*/ margin-left: 0; margin-right: 0; padding-left: 0; padding-top: 10px; padding-bottom: 10px; margin: 0; float: center; text-align: center; font-family: "Century Gothic", Arial, sans-serif; font-size: 80%; font-weight: normal; } #chromemenuMembers ul li{ display: inline; } #chromemenuMembers ul li a{ float: center; color: #FFF; font-weight: normal; padding: 5px 12px 5px 12px; /* top, right, bottom, left - distance between items */ text-decoration: none; background-color: #D15A0C; /* Menu bar colour - behind items - orange */ } #chromemenuMembers ul li a:hover{ color: #D60; background-color: #FFF; } #chromemenuMembers ul li a[onMouseover]:after{ /*HTML to indicate drop down link*/ content: " "; /*content: " " url(gfx/arrowdown.gif); /* It works only in Firefox - uncomment this line to use an image instead*/ } /* ######### Style for Drop Down Menu ######### */ .dropmenudiv{ position: absolute; top: 0; border: 0px border-bottom-width: 0px; font-family: "Century Gothic", Arial, sans-serif; font-size: 100%; line-height: 4px; z-index: 100; background-color: #FCF9F0; width: 140px; visibility: hidden; filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/ } .dropmenudiv a{ width: 100%; display: block; text-indent: 10px; padding: 0px 0px 3px 0px; text-decoration: none; font-weight: normal; color: #606060; /* text color */ font-weight: normal; } .dropmenudiv a:hover{ /*Theme Change here*/ background-color: #FFF; } .dropmenudiv a:visited{ color: #D60; background-color: #FCF9F0; font-weight: normal; } .dropmenudiv a:visited:hover{ background-color: #FFF;} /* End of members Header - 768 */ /* Spanish members header starts here 960 width */ #chromemenuMembers960{ width: 960px; } #chromemenuMembers960:after{ /*Add margin between menu and rest of content in Firefox*/ content: "."; display: block; height: 0; clear: both; visibility: hidden; } #chromemenuMembers960 ul{ border: 0px; width: 960px; background-color: #D15A0C; /* Menu bar colour - sides only - orange*/ margin-left: 0; margin-right: 0; padding-left: 0; padding-top: 10px; padding-bottom: 10px; margin: 0; float: center; text-align: center; font-family: "Century Gothic", Arial, sans-serif; font-size: 110%; font-weight: normal; } #chromemenuMembers960 ul li{ display: inline; } #chromemenuMembers960 ul li a{ float: center; color: #FFF; font-weight: normal; padding: 9px 40px 9px 40px; /* top, right, bottom, left - distance between items */ text-decoration: none; background-color: #D15A0C; /* Menu bar colour - behind items - orange */ } #chromemenuMembers960 ul li a:hover{ color: #D60; background-color: #FFF; } #chromemenuMembers960 ul li a[onMouseover]:after{ /*HTML to indicate drop down link*/ content: " "; /*content: " " url(gfx/arrowdown.gif); /* It works only in Firefox - uncomment this line to use an image instead*/ } /* ######### Style for Drop Down Menu ######### */ .dropmenudiv{ position: absolute; top: 0; border: 0px border-bottom-width: 0px; font-family: "Century Gothic", Arial, sans-serif; font-size: 100%; line-height: 4px; z-index: 100; background-color: #FCF9F0; width: 140px; visibility: hidden; filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/ } .dropmenudiv a{ width: 100%; display: block; text-indent: 10px; padding: 0px 0px 3px 0px; text-decoration: none; font-weight: normal; color: #606060; /* text color */ font-weight: normal; } .dropmenudiv a:hover{ /*Theme Change here*/ background-color: #FFF; } .dropmenudiv a:visited{ color: #D60; background-color: #FCF9F0; font-weight: normal; } .dropmenudiv a:visited:hover{ background-color: #FFF;} /* End of members Header 960 width*/ /* Spanish course header starts here - 950 width */ #chromemenuAffiliate{ width: 950px; } #chromemenuAffiliate:after{ /*Add margin between menu and rest of content in Firefox*/ content: "."; display: block; height: 0; clear: both; visibility: hidden; } #chromemenuAffiliate ul{ border: 0px; width: 950px; background-color: #D15A0C; /* Menu bar colour - sides only - orange*/ margin-left: 0; margin-right: 0; padding-left: 0; padding-top: 10px; padding-bottom: 10px; margin: 0; float: center; text-align: center; font-family: "Century Gothic", Arial, sans-serif; font-size: 95%; font-weight: normal; } #chromemenuAffiliate ul li{ display: inline; } #chromemenuAffiliate ul li a{ float: center; color: #FFF; font-weight: normal; padding: 9px 11px 9px 11px; /* top, right, bottom, left - distance between items */ text-decoration: none; background-color: #D15A0C; /* Menu bar colour - behind items - orange */ } #chromemenuAffiliate ul li a:hover{ color: #D60; background-color: #FFF; } #chromemenuAffiliate ul li a[onMouseover]:after{ /*HTML to indicate drop down link*/ content: " "; /*content: " " url(gfx/arrowdown.gif); /* It works only in Firefox - uncomment this line to use an image instead*/ } /* ######### Style for Drop Down Menu ######### */ .dropmenudiv{ position: absolute; top: 0; border: 0px border-bottom-width: 0px; font-family: "Century Gothic", Arial, sans-serif; font-size: 100%; line-height: 4px; z-index: 100; background-color: #FCF9F0; width: 140px; visibility: hidden; filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/ } .dropmenudiv a{ width: 100%; display: block; text-indent: 10px; padding: 0px 0px 3px 0px; text-decoration: none; font-weight: normal; color: #606060; /* text color */ font-weight: normal; } .dropmenudiv a:hover{ /*Theme Change here*/ background-color: #FFF; } .dropmenudiv a:visited{ color: #D60; background-color: #FCF9F0; font-weight: normal; } .dropmenudiv a:visited:hover{ background-color: #FFF;} /* End of Spanish course Header */ /* Spanish ebooks header starts here - 950 width */ #chromemenuEbooks{ width: 950px; } #chromemenuEbooks:after{ /*Add margin between menu and rest of content in Firefox*/ content: "."; display: block; height: 0; clear: both; visibility: hidden; } #chromemenuEbooks ul{ border: 0px; width: 950px; background-color: #A93E0F; /* Menu bar colour - sides only - dark/burnt orange*/ margin-left: 0; margin-right: 0; padding-left: 0; padding-top: 10px; padding-bottom: 10px; margin: 0; float: center; text-align: center; font-family: "Century Gothic", Arial, sans-serif; font-size: 95%; font-weight: normal; } #chromemenuEbooks ul li{ display: inline; } #chromemenuEbooks ul li a{ float: center; color: #FFF; font-weight: normal; padding: 9px 18px 9px 18px; /* top, right, bottom, left - distance between items */ text-decoration: none; background-color: #A93E0F; /* Menu bar colour - behind items - orange */ } #chromemenuEbooks ul li a:hover{ color: #D60; background-color: #FFF; } #chromemenuEbooks ul li a[onMouseover]:after{ /*HTML to indicate drop down link*/ content: " "; /*content: " " url(gfx/arrowdown.gif); /* It works only in Firefox - uncomment this line to use an image instead*/ } /* ######### Style for Drop Down Menu ######### */ .dropmenudiv{ position: absolute; top: 0; border: 0px border-bottom-width: 0px; font-family: "Century Gothic", Arial, sans-serif; font-size: 100%; line-height: 4px; z-index: 100; background-color: #FCF9F0; width: 140px; visibility: hidden; filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/ } .dropmenudiv a{ width: 100%; display: block; text-indent: 10px; padding: 0px 0px 3px 0px; text-decoration: none; font-weight: normal; color: #606060; /* text color */ font-weight: normal; } .dropmenudiv a:hover{ /*Theme Change here*/ background-color: #FFF; } .dropmenudiv a:visited{ color: #D60; background-color: #FCF9F0; font-weight: normal; } .dropmenudiv a:visited:hover{ background-color: #FFF;} /* End of Spanish ebooks Header */ /* Spanish affiliate program header starts here - 950 width */ #chromemenuAffiliateProgram{ width: 950px; } #chromemenuAffiliateProgram:after{ /*Add margin between menu and rest of content in Firefox*/ content: "."; display: block; height: 0; clear: both; visibility: hidden; } #chromemenuAffiliateProgram ul{ border: 0px; width: 950px; background-color: #D15A0C; /* Menu bar colour - sides only - orange*/ margin-left: 0; margin-right: 0; padding-left: 0; padding-top: 10px; padding-bottom: 10px; margin: 0; float: center; text-align: center; font-family: "Century Gothic", Arial, sans-serif; font-size: 110%; font-weight: normal; } #chromemenuAffiliateProgram ul li{ display: inline; } #chromemenuAffiliateProgram ul li a{ float: center; color: #FFF; font-weight: normal; padding: 9px 20px 9px 20px; /* top, right, bottom, left - distance between items */ text-decoration: none; background-color: #D15A0C; /* Menu bar colour - behind items - orange */ } #chromemenuAffiliateProgram ul li a:hover{ color: #D60; background-color: #FFF; } #chromemenuAffiliateProgram ul li a[onMouseover]:after{ /*HTML to indicate drop down link*/ content: " "; /*content: " " url(gfx/arrowdown.gif); /* It works only in Firefox - uncomment this line to use an image instead*/ } /* ######### Style for Drop Down Menu ######### */ .dropmenudiv{ position: absolute; top: 0; border: 0px border-bottom-width: 0px; font-family: "Century Gothic", Arial, sans-serif; font-size: 100%; line-height: 4px; z-index: 100; background-color: #FCF9F0; width: 140px; visibility: hidden; filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/ } .dropmenudiv a{ width: 100%; display: block; text-indent: 10px; padding: 0px 0px 3px 0px; text-decoration: none; font-weight: normal; color: #606060; /* text color */ font-weight: normal; } .dropmenudiv a:hover{ /*Theme Change here*/ background-color: #FFF; } .dropmenudiv a:visited{ color: #D60; background-color: #FCF9F0; font-weight: normal; } .dropmenudiv a:visited:hover{ background-color: #FFF;} /* End of affiliate program header */ /* Button rollover - sign up button rollover */ #signUp { display: block; width: 102px; height: 36px; background: url("http://for-sale-cheap.com/spanish_for_beginners_members/gfx/sign-up-button-rollover.gif") no-repeat 0 0; } #signUp:hover { background-position: 0 -36px; } #signUp span { display: none; } /* End of sign up button rollover */ /* Button rollover - sign up (white background) button */ #signUpWhite { display: block; width: 102px; height: 36px; background: url("http://for-sale-cheap.com/spanish_for_beginners_members/gfx/sign-up-white-button-rollover.gif") no-repeat 0 0; } #signUpWhite:hover { background-position: 0 -36px; } #signUpWhite span { display: none; } /* End of sign up button rollover */ /* Button rollover - more info button rollover */ #moreInfo { display: block; width: 102px; height: 36px; background: url("http://for-sale-cheap.com/spanish_for_beginners_members/gfx/rollover-more-info.gif") no-repeat 0 0; } #moreInfo:hover { background-position: 0 -36px; } #moreInfo span { display: none; } /* End of more info button rollover */ /* Button rollover - contact us today/now button */ #contactUs { display: block; width: 121px; height: 37px; background: url("http://for-sale-cheap.com/spanish_for_beginners_members/gfx/rollover-contact-us-today.jpg") no-repeat 0 0; } #contactUs:hover { background-position: 0 -37px; } #contactUs span { display: none; } /* End of contact us today/now button rollover */ /* Button rollover - contact Maria button rollover */ #contactMaria { display: block; width: 121px; height: 37px; background: url("http://for-sale-cheap.com/spanish_for_beginners_members/gfx/rollover-contact-maria.jpg") no-repeat 0 0; } #contactMaria:hover { background-position: 0 -37px; } #contactMaria span { display: none; } /* End of contact Maria button rollover */ /* Button rollover - free samples button rollover */ #freeSamples { display: block; width: 121px; height: 37px; background: url("http://for-sale-cheap.com/spanish_for_beginners_members/gfx/rollover-free-samples.jpg") no-repeat 0 0; } #freeSamples:hover { background-position: 0 -37px; } #freeSamples span { display: none; } /* End of free samples button rollover */ /* Button rollover - free samples gif button rollover */ #freeSamplesGif { display: block; width: 121px; height: 37px; background: url("http://for-sale-cheap.com/spanish_for_beginners_members/gfx/rollover-free-samples.gif") no-repeat 0 0; } #freeSamplesGif:hover { background-position: 0 -37px; } #freeSamplesGif span { display: none; } /* End of free samples gif button rollover */ /* Button rollover - course details button rollover */ #courseDetails { display: block; width: 121px; height: 37px; background: url("http://for-sale-cheap.com/spanish_for_beginners_members/gfx/rollover-course-details.gif") no-repeat 0 0; } #courseDetails:hover { background-position: 0 -37px; } #courseDetails span { display: none; } /* End of course details button rollover */ /* Button rollover - course price button rollover */ #coursePrice { display: block; width: 121px; height: 37px; background: url("http://for-sale-cheap.com/spanish_for_beginners_members/gfx/rollover-course-price.gif") no-repeat 0 0; } #coursePrice:hover { background-position: 0 -37px; } #coursePrice span { display: none; } /* End of course price button rollover */ /* Button rollover - video and mp3 sign up button */ #videocastSignup { display: block; width: 151px; height: 50px; background: url("http://for-sale-cheap.com/spanish_for_beginners_members/gfx/sign-up-course-videocast.gif") no-repeat 0 0; } #videocastSignup:hover { background-position: 0 -50px; } #videocastSignup span { display: none; } /* End of video and mp3 sign up rollover */ /* Button rollover - video and mp3 long sign up button */ #mp3VideoSignup { display: block; width: 200px; height: 37px; background: url("http://for-sale-cheap.com/spanish_for_beginners_members/gfx/sign-up-mp3-video-course-long.gif") no-repeat 0 0; } #mp3VideoSignup:hover { background-position: 0 -37px; } #mp3VideoSignup span { display: none; } /* End of video and mp3 long sign up rollover */ /* Button rollover - pronunciation sign up button */ #pronunciationSignup { display: block; width: 151px; height: 50px; background: url("http://for-sale-cheap.com/spanish_for_beginners_members/gfx/sign-up-course-pronunciation.gif") no-repeat 0 0; } #pronunciationSignup:hover { background-position: 0 -50px; } #pronunciationSignup span { display: none; } /* End of pronunciation sign up rollover */ /* Button rollover - kids sign up button */ #kidsSignup { display: block; width: 151px; height: 50px; background: url("http://for-sale-cheap.com/spanish_for_beginners_members/gfx/sign-up-course-kids.gif") no-repeat 0 0; } #kidsSignup:hover { background-position: 0 -50px; } #kidsSignup span { display: none; } /* End of kids sign up rollover */ /* Button rollover - compact course sign up button */ #compactSignup { display: block; width: 151px; height: 50px; background: url("http://for-sale-cheap.com/spanish_for_beginners_members/gfx/sign-up-course-compact.gif") no-repeat 0 0; } #compactSignup:hover { background-position: 0 -50px; } #compactSignup span { display: none; } /* End of compact course sign up rollover */ /* Button rollover - complete course sign up button */ #completeSignup { display: block; width: 151px; height: 50px; background: url("http://for-sale-cheap.com/spanish_for_beginners_members/gfx/sign-up-course-complete.gif") no-repeat 0 0; } #completeSignup:hover { background-position: 0 -50px; } #completeSignup span { display: none; } /* End of complete course sign up rollover */ /* Button rollover - complete Spanish course sign up button - longer in one line */ #completeCourseSignup { display: block; width: 200px; height: 37px; background: url("http://for-sale-cheap.com/spanish_for_beginners_members/gfx/sign-up-complete-spanish-course.gif") no-repeat 0 0; } #completeCourseSignup:hover { background-position: 0 -37px; } #completeCourseSignup span { display: none; } /* End of complete Spanish course sign up button - longer in one line */ /* Button rollover - take a tour button rollover */ #takeaTour { display: block; width: 96px; height: 50px; background: url("http://for-sale-cheap.com/spanish_for_beginners_members/gfx/rollover-take-a-tour.jpg") no-repeat 0 0; } #takeaTour:hover { background-position: 0 -50px; } #takeaTour span { display: none; } /* End of take a tour button rollover */ /* Button rollover - compare all courses button rollover */ #compareAllcourses { display: block; width: 160px; height: 37px; background: url("http://for-sale-cheap.com/spanish_for_beginners_members/gfx/rollover-compare-all-courses.jpg") no-repeat 0 0; } #compareAllcourses:hover { background-position: 0 -37px; } #compareAllcourses span { display: none; } /* End of compare all courses button rollover */ /* Button rollover - free sign up button */ #freeSignup { display: block; width: 96px; height: 50px; background: url("http://for-sale-cheap.com/spanish_for_beginners_members/gfx/sign-up-free-rollover.jpg") no-repeat 0 0; } #freeSignup:hover { background-position: 0 -50px; } #freeSignup span { display: none; } /* End of free sign up rollover */ /* Button rollover - sign-up-for-free-rollover button */ #signupForFree { display: block; width: 121px; height: 37px; background: url("http://for-sale-cheap.com/spanish_for_beginners_members/gfx/sign-up-for-free-rollover.gif") no-repeat 0 0; } #signupForFree:hover { background-position: 0 -37px; } #signupForFree span { display: none; } /* End of sign-up-for-free-rollover button */ /* Button rollover - Spanish course video tour button */ #SpanishCourseVideoTour { display: block; width: 200px; height: 37px; background: url("http://for-sale-cheap.com/spanish_for_beginners_members/gfx/rollover-spanish-course-video-tour.jpg") no-repeat 0 0; } #SpanishCourseVideoTour:hover { background-position: 0 -37px; } #SpanishCourseVideoTour span { display: none; } /* End of Spanish course video tour rollover */ /* Button rollover - lesson plan button */ #lessonPlan { display: block; width: 121px; height: 37px; background: url("http://for-sale-cheap.com/spanish_for_beginners_members/gfx/rollover-lesson-plan.gif") no-repeat 0 0; } #lessonPlan:hover { background-position: 0 -37px; } #lessonPlan span { display: none; } /* End of lesson plan rollover */ /* Button rollover - more details button */ #moreDetails { display: block; width: 121px; height: 37px; background: url("http://for-sale-cheap.com/spanish_for_beginners_members/gfx/rollover-more-details.gif") no-repeat 0 0; } #moreDetails:hover { background-position: 0 -37px; } #moreDetails span { display: none; } /* End of more details rollover */ /* Button rollover - details and free samples button */ #detailsFreeSamples { display: block; width: 200px; height: 37px; background: url("http://for-sale-cheap.com/spanish_for_beginners_members/gfx/rollover-details-free-samples.gif") no-repeat 0 0; } #detailsFreeSamples:hover { background-position: 0 -37px; } #detailsFreeSamples span { display: none; } /* End of details and free samples rollover */ /* Button rollover - affiliate top button */ #affiliateTop { display: block; width: 410px; height: 300px; background: url("http://www.spanish-bookworld.com/gfx/money-affiliate-top-square.gif") no-repeat 0 0; } #affiliateTop:hover { background-position: 0 -300px; } #affiliateTop span { display: none; } /* End of affiliate top button */ /* Button rollover - spanish-courses-top-square button */ #SpanishCoursesTop { display: block; width: 410px; height: 300px; background: url("http://www.spanish-bookworld.com/gfx/02_rollovers/spanish-courses-top-square.gif") no-repeat 0 0; } #SpanishCoursesTop:hover { background-position: 0 -300px; } #SpanishCoursesTop span { display: none; } /* End of spanish-courses-top-square button */ /* Button rollover - online/compact course top button */ #OnlineCourseTop { display: block; width: 410px; height: 300px; background: url("http://for-sale-cheap.com/spanish_for_beginners_members/gfx/rollovers/online-compact-course-top-square.gif") no-repeat 0 0; } #OnlineCourseTop:hover { background-position: 0 -300px; } #OnlineCourseTop span { display: none; } /* End of OnlineCourseTop button */ /* Button rollover - kids course top button */ #KidsCourseTop { display: block; width: 410px; height: 300px; background: url("http://www.spanish-bookworld.com/gfx/02_rollovers/kids-course-top-square.gif") no-repeat 0 0; } #KidsCourseTop:hover { background-position: 0 -300px; } #KidsCourseTop span { display: none; } /* End of kidsCourseTop button */ /* Button rollover - Spanish online top button */ #OnlineCourseTopPounds { display: block; width: 410px; height: 300px; background: url("http://www.spanish-online.co.uk/gfx/02_rollovers/top-square-spanish-online-course.gif") no-repeat 0 0; } #OnlineCourseTopPounds:hover { background-position: 0 -300px; } #OnlineCourseTopPounds span { display: none; } /* End of Spanish online button */ /* Button rollover - app buy now button */ #BuyNow { display: block; width: 258px; height: 65px; background: url("http://for-sale-cheap.com/spanish_for_beginners_members/gfx/rollovers/rollover-buy-now.gif") no-repeat 0 0; } #BuyNow:hover { background-position: 0 -65px; } #BuyNow span { display: none; } /* End of app buy now button */ /* Button rollover - get Maria's free lessons button */ #GetMariaFreeLessons { display: block; width: 258px; height: 65px; background: url("http://for-sale-cheap.com/spanish_for_beginners_members/gfx/rollovers/rollover-get-maria-free-lessons.gif") no-repeat 0 0; } #GetMariaFreeLessons:hover { background-position: 0 -65px; } #GetMariaFreeLessons span { display: none; } /* End of get Maria's free lessons button */ /* Button rollover - app buy now button */ #appBuyNow { display: block; width: 258px; height: 65px; background: url("http://for-sale-cheap.com/spanish_for_beginners_members/gfx/rollover-app-buy-now.gif") no-repeat 0 0; } #appBuyNow:hover { background-position: 0 -65px; } #appBuyNow span { display: none; } /* End of app buy now button */ /* Button rollover - Android app buy now button */ #AndroidappBuyNow { display: block; width: 258px; height: 65px; background: url("http://for-sale-cheap.com/spanish_for_beginners_members/gfx/rollovers/rollover-android-app-buy-now.gif") no-repeat 0 0; } #AndroidappBuyNow:hover { background-position: 0 -65px; } #AndroidappBuyNow span { display: none; } /* End of Android app buy now button */ /* Button rollover - app buy now button smaller */ #appBuyNowSmaller { display: block; width: 131px; height: 46px; background: url("http://for-sale-cheap.com/apps/gfx/rollover-app-buy-now-smaller.gif") no-repeat 0 0; } #appBuyNowSmaller:hover { background-position: 0 -46px; } #appBuyNowSmaller span { display: none; } /* End of app buy now button smaller */ /* Button rollover - app samples, features and screen shots button */ #appSamples { display: block; width: 258px; height: 65px; background: url("http://for-sale-cheap.com/spanish_for_beginners_members/gfx/rollover-app-samples.gif") no-repeat 0 0; } #appSamples:hover { background-position: 0 -65px; } #appSamples span { display: none; } /* End of app samples, features and screen shots button */ /* Button rollover - ebook top button */ #ebookTop { display: block; width: 410px; height: 300px; background: url("http://www.spanish-bookworld.com/gfx/ebook-top-square.gif") no-repeat 0 0; } #ebookTop:hover { background-position: 0 -300px; } #ebookTop span { display: none; } /* End of ebook top button */ /* Button rollover - ebook buy now button - also for other products */ #ebookBuyNow { display: block; width: 258px; height: 65px; background: url("http://www.spanish-bookworld.com/gfx/rollover-ebook-buy-now.gif") no-repeat 0 0; } #ebookBuyNow:hover { background-position: 0 -65px; } #ebookBuyNow span { display: none; } /* End of ebook buy now button */ /* Button rollover - ebook buy this ebook now button f8f5e7 */ #ebookBuyThisNowf8f5e7 { display: block; width: 258px; height: 65px; background: url("http://www.spanish-bookworld.com/gfx/rollover-ebook-buy-this-now-f8f5e7.gif") no-repeat 0 0; } #ebookBuyThisNowf8f5e7:hover { background-position: 0 -65px; } #ebookBuyThisNowf8f5e7 span { display: none; } /* End of ebook buy this ebook now button f8f5e7 */ /* Button rollover - ebook buy this ebook now smaller button f8f5e7 */ #ebookBuyThisNowSmallerf8f5e7 { display: block; width: 258px; height: 65px; background: url("http://www.spanish-bookworld.com/gfx/rollover-ebook-buy-this-now-smaller-f8f5e7.gif") no-repeat 0 0; } #ebookBuyThisNowSmallerf8f5e7:hover { background-position: 0 -65px; } #ebookBuyThisNowSmallerf8f5e7 span { display: none; } /* End of ebook buy this ebook now smaller button f8f5e7 */ /* Button rollover - ebook buy this ebook now smaller button EBE2BA */ #ebookBuyThisNowSmallerEBE2BA { display: block; width: 258px; height: 65px; background: url("http://www.spanish-bookworld.com/gfx/rollover-ebook-buy-this-now-smaller-EBE2BA.gif") no-repeat 0 0; } #ebookBuyThisNowSmallerEBE2BA:hover { background-position: 0 -65px; } #ebookBuyThisNowSmallerEBE2BA span { display: none; } /* End of ebook buy this ebook now smaller button EBE2BA */ /* Button rollover - buy this ebook */ #ebookBuyThisEbook { display: block; width: 210px; height: 64px; background: url("http://www.spanish-bookworld.com/gfx/rollover-buy-this-ebook.gif") no-repeat 0 0; } #ebookBuyThisEbook:hover { background-position: 0 -64px; } #ebookBuyThisEbook span { display: none; } /* End of rollover buy this ebook */ /* Button rollover - download ebook sample */ #ebookDownloadSample { display: block; width: 210px; height: 64px; background: url("http://www.spanish-bookworld.com/gfx/rollover-download-ebook-sample.gif") no-repeat 0 0; } #ebookDownloadSample:hover { background-position: 0 -64px; } #ebookDownloadSample span { display: none; } /* End of rollover download ebook sample */ /* Button rollover - download ebook sample -f8f5e7 */ #ebookDownloadSamplef8f5e7 { display: block; width: 210px; height: 64px; background: url("http://www.spanish-bookworld.com/gfx/rollover-download-ebook-sample-f8f5e7.gif") no-repeat 0 0; } #ebookDownloadSamplef8f5e7:hover { background-position: 0 -64px; } #ebookDownloadSamplef8f5e7 span { display: none; } /* End of rollover download ebook sample */ /* Button rollover - this ebook video tour */ #ebookThisVideoTour { display: block; width: 210px; height: 64px; background: url("http://www.spanish-bookworld.com/gfx/rollover-watch-ebook-video-tour.gif") no-repeat 0 0; } #ebookThisVideoTour:hover { background-position: 0 -64px; } #ebookThisVideoTour span { display: none; } /* End of rollover this ebook video tour */ /* Button rollover - this ebook details */ #ebookDetails { display: block; width: 210px; height: 64px; background: url("http://www.spanish-bookworld.com/gfx/rollover-ebook-details.gif") no-repeat 0 0; } #ebookDetails:hover { background-position: 0 -64px; } #ebookDetails span { display: none; } /* End of rollover this ebook details */ /* Button rollover - ebook buy now button f8f5e7*/ #ebookBuyNowf8f5e7 { display: block; width: 258px; height: 65px; background: url("http://www.spanish-bookworld.com/gfx/rollover-ebook-buy-now-f8f5e7.gif") no-repeat 0 0; } #ebookBuyNowf8f5e7:hover { background-position: 0 -65px; } #ebookBuyNowf8f5e7 span { display: none; } /* End of ebook buy now button */ /* Button rollover - download this ebook - blue button */ #downloadThisEbookBlue { display: block; width: 200px; height: 37px; background: url("http://www.spanish-bookworld.com/gfx/rollover-ebook-download-blue-f8f5e7.gif") no-repeat 0 0; } #downloadThisEbookBlue:hover { background-position: 0 -37px; } #downloadThisEbookBlue span { display: none; } /* End of download this ebook - blue button */ /* Button rollover - index top button */ #indexTop { display: block; width: 308px; height: 234px; background: url("http://www.spanish-bookworld.com/gfx/money-affiliate-top-square-smaller.gif") no-repeat 0 0; } #indexTop:hover { background-position: 0 -234px; } #indexTop span { display: none; } /* End of affiliate top button */ /* Button rollover - affiliate signup long button */ #affiliateSignupLong { display: block; width: 299px; height: 39px; background: url("http://for-sale-cheap.com/spanish_for_beginners_members/gfx/rollover-affiliate-signup-long.gif") no-repeat 0 0; } #affiliateSignupLong:hover { background-position: 0 -39px; } #affiliateSignupLong span { display: none; } /* End of affiliate signup long button */ /* Button rollover - affiliate signup long red button */ #affiliateSignupLongRed { display: block; width: 299px; height: 39px; background: url("http://for-sale-cheap.com/spanish_for_beginners_members/gfx/rollover-affiliate-signup-long-red.gif") no-repeat 0 0; } #affiliateSignupLongRed:hover { background-position: 0 -39px; } #affiliateSignupLongRed span { display: none; } /* End of affiliate signup long redbutton */ /* Button rollover - affiliate welcome button */ #affiliateWelcome { display: block; width: 200px; height: 37px; background: url("http://www.spanish-bookworld.com/gfx/rollover-affiliate-welcome-demo.gif") no-repeat 0 0; } #affiliateWelcome:hover { background-position: 0 -37px; } #affiliateWelcome span { display: none; } /* End of affiliate welcome button */ /* Button rollover - watch video sample button */ #watchVideoSample { display: block; width: 200px; height: 37px; background: url("http://for-sale-cheap.com/spanish_for_beginners_members/gfx/rollover-watch-video-sample.gif") no-repeat 0 0; } #watchVideoSample:hover { background-position: 0 -37px; } #watchVideoSample span { display: none; } /* End of watch video sample rollover */ /* Button rollover - affiliate watch video sample button */ #affiliateWatchVideoSample { display: block; width: 200px; height: 37px; background: url("http://for-sale-cheap.com/spanish_for_beginners_members/gfx/rollover-watch-video-sample-f8f5e7.gif") no-repeat 0 0; } #affiliateWatchVideoSample:hover { background-position: 0 -37px; } #affiliateWatchVideoSample span { display: none; } /* End of affiliate watch video sample button */ /* Button rollover - affiliate download video sample button */ #affiliateDownloadVideoSample { display: block; width: 200px; height: 37px; background: url("http://for-sale-cheap.com/spanish_for_beginners_members/gfx/rollover-download-video-sample-f8f5e7.gif") no-repeat 0 0; } #affiliateDownloadVideoSample:hover { background-position: 0 -37px; } #affiliateDownloadVideoSample span { display: none; } /* End of affiliate download video sample button */ /* Button rollover - affiliate video on ipod sample button */ #affiliateiPodVideoSample { display: block; width: 200px; height: 37px; background: url("http://for-sale-cheap.com/spanish_for_beginners_members/gfx/rollover-ipod-video-sample-f8f5e7.gif") no-repeat 0 0; } #affiliateiPodVideoSample:hover { background-position: 0 -37px; } #affiliateiPodVideoSample span { display: none; } /* End of affiliate video on ipod sample button */ /* Button rollover - affiliate subscribe now button $99/$19.99 */ #affiliateSubscribeNow { display: block; width: 162px; height: 65px; background: url("http://www.spanish-bookworld.com/gfx/rollover-affiliate-subscribe-now.gif") no-repeat 0 0; } #affiliateSubscribeNow:hover { background-position: 0 -65px; } #affiliateSubscribeNow span { display: none; } /* End of affiliate subscribe now button */ /* Button rollover - subscribe now online course */ #OnlineCourseSubscribeNow { display: block; width: 162px; height: 65px; background: url("http://www.spanish-bookworld.com/gfx/02_rollovers/rollover-subscribe-now-online-course.gif") no-repeat 0 0; } #OnlineCourseSubscribeNow:hover { background-position: 0 -65px; } #OnlineCourseSubscribeNow span { display: none; } /* End of OnlineCourseSubscribeNow button */ /* Button rollover - subscribe now online course */ #KidsCourseSubscribeNow { display: block; width: 162px; height: 65px; background: url("http://www.spanish-bookworld.com/gfx/02_rollovers/rollover-subscribe-now-kids-course.gif") no-repeat 0 0; } #KidsCourseSubscribeNow:hover { background-position: 0 -65px; } #KidsCourseSubscribeNow span { display: none; } /* End of OnlineCourseSubscribeNow button */ /* Button rollover - subscribe now online course */ #KidsCourseSubscribeNow-f8f5e7 { display: block; width: 162px; height: 65px; background: url("http://www.spanish-bookworld.com/gfx/02_rollovers/rollover-subscribe-now-kids-course-f8f5e7.gif") no-repeat 0 0; } #KidsCourseSubscribeNow-f8f5e7:hover { background-position: 0 -65px; } #KidsCourseSubscribeNow-f8f5e7 span { display: none; } /* End of OnlineCourseSubscribeNow button */ /* Button rollover - subscribe now online course Pounds */ #OnlineCourseSubscribeNowPounds { display: block; width: 162px; height: 65px; background: url("http://www.spanish-online.co.uk/gfx/02_rollovers/rollover-subscribe-now-online-course-pounds.gif") no-repeat 0 0; } #OnlineCourseSubscribeNowPounds:hover { background-position: 0 -65px; } #OnlineCourseSubscribeNowPounds span { display: none; } /* End of OnlineCourseSubscribeNow button Pounds */ /* Button rollover - affiliate subscribe now f8f5e7 button */ #affiliateSubscribeNowf8f5e7 { display: block; width: 258px; height: 65px; background: url("http://www.spanish-bookworld.com/gfx/rollover-affiliate-subscribe-now-f8f5e7.gif") no-repeat 0 0; } #affiliateSubscribeNowf8f5e7:hover { background-position: 0 -65px; } #affiliateSubscribeNowf8f5e7 span { display: none; } /* End of affiliate subscribe now f8f5e7 button */ /* Button rollover - online course subscribe button */ #OnlineCourseSubscribef8f5e7 { display: block; width: 258px; height: 65px; background: url("http://for-sale-cheap.com/spanish_for_beginners_members/gfx/rollovers/online-course-subscribe-now-f8f5e7.gif") no-repeat 0 0; } #OnlineCourseSubscribef8f5e7:hover { background-position: 0 -65px; } #OnlineCourseSubscribef8f5e7 span { display: none; } /* End of online course subscribe f8f5e7 button */ /* Button rollover - online course subscribe button */ #OnlineCourseSubscribe12MonthsTransparent { display: block; width: 258px; height: 65px; background: url("http://for-sale-cheap.com/spanish_for_beginners_members/gfx/rollovers/online-course-subscribe-now-12-months-transparent.gif") no-repeat 0 0; } #OnlineCourseSubscribe12MonthsTransparent:hover { background-position: 0 -65px; } #OnlineCourseSubscribe12MonthsTransparent span { display: none; } /* End of online course subscribe button */ /* Button rollover - online course subscribe button - GBP*/ #OnlineCourseSubscribe12MonthsTransparentGBP { display: block; width: 258px; height: 65px; background: url("http://for-sale-cheap.com/spanish_for_beginners_members/gfx/rollovers/online-course-subscribe-now-12-months-transparent-GBP.gif") no-repeat 0 0; } #OnlineCourseSubscribe12MonthsTransparentGBP:hover { background-position: 0 -65px; } #OnlineCourseSubscribe12MonthsTransparentGBP span { display: none; } /* End of online course subscribe button - GBP */ /* Button rollover - online course subscribe button - CAD*/ #OnlineCourseSubscribe12MonthsTransparentCAD { display: block; width: 258px; height: 65px; background: url("http://for-sale-cheap.com/spanish_for_beginners_members/gfx/rollovers/online-course-subscribe-now-12-months-transparent-CAD.gif") no-repeat 0 0; } #OnlineCourseSubscribe12MonthsTransparentCAD:hover { background-position: 0 -65px; } #OnlineCourseSubscribe12MonthsTransparentCAD span { display: none; } /* End of online course subscribe button CAD */ /* Button rollover - online course subscribe button AUD*/ #OnlineCourseSubscribe12MonthsTransparentAUD { display: block; width: 258px; height: 65px; background: url("http://for-sale-cheap.com/spanish_for_beginners_members/gfx/rollovers/online-course-subscribe-now-12-months-transparent-AUD.gif") no-repeat 0 0; } #OnlineCourseSubscribe12MonthsTransparentAUD:hover { background-position: 0 -65px; } #OnlineCourseSubscribe12MonthsTransparentAUD span { display: none; } /* End of online course subscribe button */ /* Button rollover - online course subscribe button EUR*/ #OnlineCourseSubscribe12MonthsTransparentEUR { display: block; width: 258px; height: 65px; background: url("http://for-sale-cheap.com/spanish_for_beginners_members/gfx/rollovers/online-course-subscribe-now-12-months-transparent-EUR.gif") no-repeat 0 0; } #OnlineCourseSubscribe12MonthsTransparentEUR:hover { background-position: 0 -65px; } #OnlineCourseSubscribe12MonthsTransparentEUR span { display: none; } /* End of online course subscribe button */ /* Button rollover - online course subscribe button JPY*/ #OnlineCourseSubscribe12MonthsTransparentJPY { display: block; width: 258px; height: 65px; background: url("http://for-sale-cheap.com/spanish_for_beginners_members/gfx/rollovers/online-course-subscribe-now-12-months-transparent-JPY.gif") no-repeat 0 0; } #OnlineCourseSubscribe12MonthsTransparentJPY:hover { background-position: 0 -65px; } #OnlineCourseSubscribe12MonthsTransparentJPY span { display: none; } /* End of online course subscribe button */ /* Button rollover - mp3 course subscribe button */ #MP3CourseSubscribef8f5e7 { display: block; width: 258px; height: 65px; background: url("http://www.spanish-bookworld.com/gfx/02_rollovers/mp3-course-subscribe-now-f8f5e7.gif") no-repeat 0 0; } #MP3CourseSubscribef8f5e7:hover { background-position: 0 -65px; } #MP3CourseSubscribef8f5e7 span { display: none; } /* End of mp3 course subscribe f8f5e7 button */ /* Button rollover - online course subscribe button - Spanish Online */ #OnlineCourseSubscribef8f5e7-s-o { display: block; width: 258px; height: 65px; background: url("http://www.spanish-online.co.uk/gfx/02_rollovers/online-course-subscribe-now-f8f5e7-s-o.gif") no-repeat 0 0; } #OnlineCourseSubscribef8f5e7-s-o:hover { background-position: 0 -65px; } #OnlineCourseSubscribef8f5e7-s-o span { display: none; } /* End of online course subscribe f8f5e7 button - Spanish Online */ /* Button rollover - subscribe now rollover button */ #affiliateSubscribeNowBlue { display: block; width: 258px; height: 65px; background: url("http://www.spanish-bookworld.com/gfx/rollover-affiliate-subscribe-now-blue.gif") no-repeat 0 0; } #affiliateSubscribeNowBlue:hover { background-position: 0 -65px; } #affiliateSubscribeNowBlue span { display: none; } /* End of subscribe now rollover button */ /* Button rollover - affiliate-back-to-affiliate-page button */ #backToAffiliatePage { display: block; width: 258px; height: 50px; background: url("http://for-sale-cheap.com/spanish_for_beginners_members/gfx/affiliate-back-to-affiliate-page.gif") no-repeat 0 0; } #backToAffiliatePage:hover { background-position: 0 -50px; } #backToAffiliatePage span { display: none; } /* End of affiliate subscribe now f8f5e7 button */ /* Button rollover - back-to-customer-contact-page button */ #backToContactPage { display: block; width: 258px; height: 50px; background: url("http://www.spanish-bookworld.com/gfx/back-to-customer-contact-page.gif") no-repeat 0 0; } #backToContactPage:hover { background-position: 0 -50px; } #backToContactPage span { display: none; } /* End of back-to-customer-contact-page button */ /* Button rollover - rollover-make-money-with-us */ #makeMoneyWithUs { display: block; width: 258px; height: 65px; background: url("http://www.spanish-bookworld.com/gfx/rollover-make-money-with-us.gif") no-repeat 0 0; } #makeMoneyWithUs:hover { background-position: 0 -65px; } #makeMoneyWithUs span { display: none; } /* End of rollover-make-money-with-us */ /* Button rollover - affiliate subscribe now button */ #SubscribeNowMoreQuizzes { display: block; width: 258px; height: 65px; background: url("http://www.spanish-bookworld.com/gfx/rollover-subscribe-now-more-quizzes.gif") no-repeat 0 0; } #SubscribeNowMoreQuizzes:hover { background-position: 0 -65px; } #SubscribeNowMoreQuizzes span { display: none; } /* End of affiliate subscribe now button */ /* Button rollover - course details button */ #CourseDetailsSamples { display: block; width: 162px; height: 65px; background: url("http://www.spanish-bookworld.com/gfx/rollover-course-details-samples.gif") no-repeat 0 0; } #CourseDetailsSamples:hover { background-position: 0 -65px; } #CourseDetailsSamples span { display: none; } /* End of course details button */ /* Button rollover - Online course Dollars button */ #OnlineCourseDollars { display: block; width: 162px; height: 65px; background: url("http://www.spanish-bookworld.com/gfx/02_rollovers/online-course-in-dollars.gif") no-repeat 0 0; } #OnlineCourseDollars:hover { background-position: 0 -65px; } #OnlineCourseDollars span { display: none; } /* End of Online course Dollars button */ /* Button rollover - mp3 course button */ #Mp3CoursePurchase { display: block; width: 162px; height: 65px; background: url("http://www.spanish-bookworld.com/gfx/02_rollovers/rollover-mp3-course.gif") no-repeat 0 0; } #Mp3CoursePurchase:hover { background-position: 0 -65px; } #Mp3CoursePurchase span { display: none; } /* End of mp3 course button */ /* Button rollover - join newsletter button */ #JoinMariasNewsletter { display: block; width: 258px; height: 65px; background: url("http://for-sale-cheap.com/spanish_for_beginners_members/gfx/rollover-join-marias-newsletter.gif") no-repeat 0 0; } #JoinMariasNewsletter:hover { background-position: 0 -65px; } #JoinMariasNewsletter span { display: none; } /* End of join newsletter button */ /* Button rollover - join newsletter button f8f5e7 */ #JoinMariasNewsletterf8f5e7 { display: block; width: 258px; height: 65px; background: url("http://for-sale-cheap.com/spanish_for_beginners_members/gfx/rollover-join-marias-newsletter-f8f5e7.gif") no-repeat 0 0; } #JoinMariasNewsletterf8f5e7:hover { background-position: 0 -65px; } #JoinMariasNewsletterf8f5e7 span { display: none; } /* End of join newsletter button */ /* Button rollover - National Geographic Spanish */ #NationalGeographicSpanishDVDs { display: block; width: 258px; height: 65px; background: url("http://for-sale-cheap.com/spanish_for_beginners_members/gfx/rollover-see-national-geographic-dvds-spanish-espanol.gif") no-repeat 0 0; } #NationalGeographicSpanishDVDs:hover { background-position: 0 -65px; } #NationalGeographicSpanishDVDs span { display: none; } /* End of National Geographic Spanish */ /* Button rollover - see more free lessons f8f5e7 button */ #seeMoreFreeLessonsf8f5e7 { display: block; width: 258px; height: 65px; background: url("http://for-sale-cheap.com/spanish_for_beginners_members/gfx/rollovers/rollover-get-the-free-course-f8f5e7.gif") no-repeat 0 0; } #seeMoreFreeLessonsf8f5e7:hover { background-position: 0 -65px; } #seeMoreFreeLessonsf8f5e7 span { display: none; } /* end of see more free lessons button */ /* Button rollover - see free samples button */ #seeFreeSamples { display: block; width: 258px; height: 65px; background: url("http://www.spanish-bookworld.com/gfx/02_rollovers/rollover-see-free-samples.gif") no-repeat 0 0; } #seeFreeSamples:hover { background-position: 0 -65px; } #seeFreeSamples span { display: none; } /* end of see free samples button */ /* Button rollover - button start learning now */ #buttonStartLlearningNow { display: block; width: 222px; height: 35px; background: url("http://for-sale-cheap.com/spanish_for_beginners_members/gfx/rollovers/rollover-start-learning-now.gif") no-repeat 0 0; } #buttonStartLlearningNow:hover { background-position: 0 -35px; } #buttonStartLlearningNow span { display: none; } /* end of see free samples button */ /* Button rollover - get Rosetta Stone button */ #getRosettaStone { display: block; width: 258px; height: 65px; background: url("http://www.spanish-bookworld.com/gfx/02_rollovers/get-rosetta-stone-spanish.gif") no-repeat 0 0; } #getRosettaStone:hover { background-position: 0 -65px; } #getRosettaStone span { display: none; } /* end of get Rosetta Stone button */ /* Spanish style sheet */