body { color:#000; background-color:#CCD3FF; margin:0; padding:5px; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; } body, p, li, td, h2, h3 { font-size: 12px; line-height: 16px; color:#000; } .showInNS4 { display:none; } .hideFromNS4 { display:inline; } h1 { margin-top:15px; margin-left:5px; margin-bottom:28px; font-size:16px; font-weight:bold; color:#FFF; } h2 { font-weight:bold; margin-top:0; margin-bottom: 10px; } p { margin-top:0; margin-bottom:8px; } ul, ol { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 5px; } ul.no-bullet { list-style-type: none; list-style: none; margin: 0; padding: 0 0 10px 25px; } ul.no-bullet li { margin: 0; padding: 0; } li { margin-top: 0; margin-bottom: 5px; padding-top: 0; padding-bottom: 0; color:#000; } li li { list-style-type: disc; margin-top: 5px; } hr { margin: 0 0 5px 0; } .indent1 { margin-left:25px; } .indent2 { margin-left:50px; } .center { text-align: center; } .clear { clear: both; } .align-right { text-align: right; } .float-right { float: right; } .quote { margin: 0 0 5px 40px; width:430px; font-style:italic; } .quoter { font-size: 11px; margin: 0 0 8px 80px; } .notices { text-align:center; border: 3px double #000; padding: 10px 0 10px 0; margin: 10px 0 10px 0; } .notices p { line-height: 15px; } .notices h2 { margin: 0 0 5px 0; } .normal { font-weight: normal; } #mp3_sample { font-size: 12px; height: 85px; } #info-butns { list-style-type: none; padding: 0; margin: 0 0 0 0; width: 500px; } #info-butns li { list-style-type: none; float: left; display: inline; width: 100px; padding: 0; margin: 0; } /*\*/ #info-butns li { width: auto; } /* ONLY IE5-MAC DOES NOT SEE THIS */ #info-butns a { display: block; text-decoration: none; padding: 0 3px 0 3px; margin: 0 5px 5px 0; border: 2px solid #069; font-size: 10px; font-weight: bold; color: #FFF; background-color: #069 } #info-butns a.current, #info-butns a:hover { color: #069; background-color: #FFF } #cd-cover { float: left; display: inline; width: 330px; height: 315px; margin: 0 15px 0 0; padding: 0; } #tracks, #instructions, #info { margin: 0; padding: 0; clear: left; width: 550px; height: 310px; } /*\*/ #tracks, #instructions, #info { height: 325px; } /* ONLY IE5-MAC DOES NOT SEE THIS */ #info p { padding-top: 60px; font-size: 14px; line-height: 16px; text-align: center; } #tracks, #instructions { background: url("../i/mhs-anxiety-back.jpg") 0 0 no-repeat; padding: 22px 25px 0 60px; width: 465px; height: 303px; } #instructions h2, #tracks h2 { margin: 0 0 5px 0; text-align: center; font-size: 11px; line-height: 12px;} #tracks h2 { margin: 0 0 10px 0; } #instructions p, #tracks p { font-size: 11px; line-height: 12px; } #instructions p.disclaimer { font-size: 10px; text-align:center; border: 1px double #000; padding: 2px 3px 2px 3px; margin: -2px auto; font-weight: bold; width: 395px; } #instructions li, #tracks li { font-size: 10px; line-height: 11px; margin-bottom: 4px; } #sampler { clear: left; float: right; width: 275px; padding-right: 4px; } #international { clear: left; float: left; display: inline; padding: 2px; border: 1px solid #00A; width: 250px; font-size: 11px; font-weight: bold; text-align: center; text-decoration: none; } #international:hover { background: #00A; color: #FFF; } #credit-cards { margin: 0 0 5px 5px; } #price { display: inline; float: left; width: 60px; padding: 5px 0 0 5px; font-weight: bold; } #item { display: inline; float: left; clear: left; width: 380px; padding: 0 0 0 5px; font-weight: bold; } #paypal-butn { display: inline; float: left; width: 205px; height: 45px; } #paypal-butn select { display: inline; float: left; font-size: 10px; margin-top: 2px; margin-bottom: 5px;} #paypal-butn a img { display: inline; float: right; border: 0; padding-right: 8px; } #shipping { clear: left; font-style: italic; font-size: 11px; padding-left: 5px; } .box-item1, .box-item2 { width: 550px; height: 28px; padding-top: 5px; margin-bottom: 5px;} .box-item1 { background-color: #EEEEEE; } .box-item1 a img, .box-item2 a img { display: inline; float: right; border: 0; margin-left: 5px; } table.discount_ordering { width: 540px; } .discount_ordering td { padding:0 0 10px 5px; vertical-align:top; } .footnote { font-size: 11px; font-style: italic; } form_text { font-size:12px; } a:link, a:visited { color:#008; text-decoration:none; } a:hover, a:active { color:#00F; text-decoration:underline; } a.butn { font-size: 10px; border: 1px solid #00A; padding: 2px; text-decoration: none; color: #00A; font-weight: bold; } a.butn:hover { text-decoration: none; background-color: #00A; color: #FFF; } .box { margin: 5px auto 5px; padding:8px; text-align:center; font-size:12px; line-height:18px; border: 3px double #000; width:500px; } .webdesign { float: left; clear: both; font-size:10px; font-style:italic; position: relative; top: -22px; left: 655px; } .webdesign a { text-decoration:none; color: #66C; } .webdesign a:hover { text-decoration:underline; } table.locations { width: 525px; margin-bottom: 25px; } table.locations td { font-size: 10px; margin:0; padding: 0 0 5px 0; height: 25px; vertical-align: top; } table.locations td p { font-size: 10px; margin:0; padding: 0; } #mp3_wrapper { width:520px; } #mp3_wrapper td { padding-right:10px; font-size:12px; color:#000; } .mp3_butn_text { margin:0; padding:0; color:#FFF; width:60px; font-size:9px; font-weight:bold; text-align:center; } .mp3_butn { padding:0; margin:0; padding:2px; width:60px; display:block; border: 1px solid #000; } a.mp3_butn:link, a.mp3_butn:visited { text-decoration:none; background-color:#2A5FFF; } a.mp3_butn:hover, a.mp3_butn:active { text-decoration:none; background-color:#2A9FFF; } a.next_butn { position: absolute; top: 640px; margin-left: 485px; background: url(../i/next-butn.png) no-repeat 100% 2px; font-size:14px; font-weight:bold; padding: 6px 0 0 0; text-decoration: none; width: 75px; height: 24px; } a.prev_butn { position: absolute; top: 640px; background: url(../i/prev-butn.png) 0 2px no-repeat; font-size:14px; font-weight:bold; padding: 6px 0 0 30px; text-decoration: none; width: 45px; height: 24px; } a.next_butn2 { float: right; display: block; background: url(../i/next-butn.png) no-repeat 100% 2px; font-size:14px; font-weight:bold; padding: 6px 0 0 0; text-decoration: none; width: 75px; height: 24px; margin-bottom: 10px; } a.prev_butn2 { float: left; display: block; background: url(../i/prev-butn.png) 0 2px no-repeat; font-size:14px; font-weight:bold; padding: 6px 0 0 30px; text-decoration: none; width: 45px; height: 24px; margin-bottom: 10px;} a.next_butn:hover { background-position: 100% -28px; color: #090; } a.prev_butn:hover { background-position: 0 -28px; color: #090; } .shadow { -moz-box-shadow: 2px 2px 4px #333; -webkit-box-shadow: 2px 2px 4px #333; box-shadow: 2px 2px 4px #333; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333')"; } #main { margin:0 auto; padding:0; width:760px; } /*------------------------- TOP BUTTONS STUFF -------------------------*/ a.butn1, a.cur_butn1, a.butn2, a.cur_butn2, a.butn3, a.cur_butn3, a.butn4, a.cur_butn4, a.butn5, a.cur_butn5, a.butn6, a.cur_butn6 { margin:0; float:left; width:125px; height:65px; color:#FFF; font-size:12px; font-weight:bold; text-align:center; padding: 35px 0 0 0; } a.butn6, a.cur_butn6 { width:135px; } a.butn1:link, a.butn1:visited { text-decoration:none; background: url(../i/butn1.jpg) no-repeat 0 0px; } a.butn1:hover, a.butn1:active { text-decoration:none; background: url(../i/butn1.jpg) no-repeat 0px -100px; } a.cur_butn1:link, a.cur_butn1:visited { text-decoration:none; background: url(../i/butn1.jpg) no-repeat 0 -100px; } a.cur_butn1:hover, a.cur_butn1:active { text-decoration:none; background: url(../i/butn1.jpg) no-repeat 0px -100px; } a.butn2:link, a.butn2:visited { text-decoration:none; background: url(../i/butn2.jpg) no-repeat 0 0px; } a.butn2:hover, a.butn2:active { text-decoration:none; background: url(../i/butn2.jpg) no-repeat 0px -100px; } a.cur_butn2:link, a.cur_butn2:visited { text-decoration:none; background: url(../i/butn2.jpg) no-repeat 0 -100px; } a.cur_butn2:hover, a.cur_butn2:active { text-decoration:none; background: url(../i/butn2.jpg) no-repeat 0px -100px; } a.butn3:link, a.butn3:visited { text-decoration:none; background: url(../i/butn3.jpg) no-repeat 0 0px; } a.butn3:hover, a.butn3:active { text-decoration:none; background: url(../i/butn3.jpg) no-repeat 0px -100px; } a.cur_butn3:link, a.cur_butn3:visited { text-decoration:none; background: url(../i/butn3.jpg) no-repeat 0 -100px; } a.cur_butn3:hover, a.cur_butn3:active { text-decoration:none; background: url(../i/butn3.jpg) no-repeat 0px -100px; } a.butn4:link, a.butn4:visited { text-decoration:none; background: url(../i/butn4.jpg) no-repeat 0 0px; } a.butn4:hover, a.butn4:active { text-decoration:none; background: url(../i/butn4.jpg) no-repeat 0px -100px; } a.cur_butn4:link, a.cur_butn4:visited { text-decoration:none; background: url(../i/butn4.jpg) no-repeat 0 -100px; } a.cur_butn4:hover, a.cur_butn4:active { text-decoration:none; background: url(../i/butn4.jpg) no-repeat 0px -100px; } a.butn5:link, a.butn5:visited { text-decoration:none; background: url(../i/butn5.jpg) no-repeat 0 0px; } a.butn5:hover, a.butn5:active { text-decoration:none; background: url(../i/butn5.jpg) no-repeat 0px -100px; } a.cur_butn5:link, a.cur_butn5:visited { text-decoration:none; background: url(../i/butn5.jpg) no-repeat 0 -100px; } a.cur_butn5:hover, a.cur_butn5:active { text-decoration:none; background: url(../i/butn5.jpg) no-repeat 0px -100px; } a.butn6:link, a.butn6:visited { text-decoration:none; background: url(../i/butn6.jpg) no-repeat 0 0px; } a.butn6:hover, a.butn6:active { text-decoration:none; background: url(../i/butn6.jpg) no-repeat 0px -100px; } a.cur_butn6:link, a.cur_butn6:visited { text-decoration:none; background: url(../i/butn6.jpg) no-repeat 0 -100px; } a.cur_butn6:hover, a.cur_butn6:active { text-decoration:none; background: url(../i/butn6.jpg) no-repeat 0px -100px; } /*------------------------- BANNER STUFF -------------------------*/ .banner_butn { margin:0; padding:0; float:left; clear:left; width:760px; height:75px; background: url(../i/banner.jpg) no-repeat 0 0px; } a.banner_butn:link, a.banner_butn:visited { text-decoration:none; background: url(../i/banner.jpg) no-repeat 0 0px; } a.banner_butn:hover, a.banner_butn:active { background: url(../i/banner.jpg) no-repeat 0px -75px; } /*------------------------- SUBMENU STUFF -------------------------*/ #submenu { float:left; clear:left; margin:0; padding:0; width:125px; height:520px; background: url(../i/submenu.jpg) no-repeat 0 0; } #submenu li a { color:#000; text-decoration: none; } #submenu li a:hover { color:#FFF; } #submenu ul { float: left; padding:35px 0 0 5px; width:115px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; font-style:italic; text-align:right; } #submenu li { list-style-type:none; display: block; margin:0; padding:0; font-size: 11px; line-height: 13px; margin-top:10px; margin-bottom:2px; width:115px; } #submenu li#current { border-bottom: 2px solid #FFF; } #submenu #current a { color:#FFF; } #submenu-hilite { float: right; width: 380px; margin: 7px 0 0 0; padding: 5px; border: solid 1px #FFF; background-color:#6699CC; text-align: center;} #submenu-hilite a { text-decoration: none; text-align: center; color: #FFF; font-size: 12px; } #submenu-hilite a:hover { color: #000; } /*------------------------- CONTENT STUFF -------------------------*/ #content0, #content1, #content2, #content3, #content4, #content5, #content6, #content7 { float:right; margin:0; padding:0; padding-left:20px; padding-right:60px; text-align:left; width:650px; voice-family: "\"}\""; voice-family:inherit; width:555px; } #content0, #content1, #content2, #content3, #content4, #content5, #content6 { height:520px; } #content0 { background: url(../i/page-bkgnd1.jpg) no-repeat 0 0; } #content1 { background: url(../i/page-bkgnd1.jpg) no-repeat 0 0; } #content2 { background: url(../i/page-bkgnd2.jpg) no-repeat 0 0; } #content3 { background: url(../i/page-bkgnd3.jpg) no-repeat 0 0; } #content4 { background: url(../i/page-bkgnd4.jpg) no-repeat 0 0; } #content5 { background: url(../i/page-bkgnd5.jpg) no-repeat 0 0; } #content6 { background: url(../i/page-bkgnd6.jpg) no-repeat 0 0; } #content7 { background: url(../i/page-bkgnd7.jpg) no-repeat 0 0; margin-bottom:25px; min-height: 510px; } .two-col { float: left; display: inline; width:225px; margin-top:0; } ul.links { margin-top: 0; margin-bottom: 15px; } ul.links li { margin-bottom: 8px; } #sidebar_books { width: 100px; text-align: center; margin: 130px 0 0 13px; } #sidebar_books p { font-weight: bold; font-size: 11px; line-height: 13px; margin: 0 0 20px 0; padding: 2px 4px 8px 4px; border: solid 1px #FFF; background-color:#6699CC; } #sidebar_books p a { display: block; color: #FFF; text-decoration: none; } #sidebar_books p a:hover { color: #000; } #sidebar_books img { margin-top: 5px; }