body {background:#FFFFFF; font:12px Tahoma, Arial, Geneva, Helvetica, sans-serif; margin:0px; padding:0px;} .h2 {font:13px Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif; color:#666; font-weight:bold;} .h3 {font:12px Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif; color:#666; padding:0px;} input {border:1px solid #DADADA; font:12px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#903F98; background:#fff url(../imgSource/frm_bg.gif) left top repeat-x;} .inputfocus {border:1px solid #903F98; font:12px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#333; background:#fff url(../imgSource/frm_bg_focus.gif) left top repeat-x;} select {border:1px solid #ccc; font:12px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#333; background:#fff;} textarea {border:1px solid #ccc; font:12px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#903F98; background:#fff url(../imgSource/textarea_bg.gif) left top repeat-x;} .textareafocus {border:1px solid #903F98; font:12px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#333; background:#fff url(../imgSource/textarea_bg_focus.gif) left top repeat-x;} .li {margin:0px; padding:0px; list-style:circle;} #content {float:left; width:625px; height:100%; font:12px Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif; color:#666666; background:#fff url(../imgSource/content_tr.gif) top left no-repeat;} #contentCopy {float:left; width:565px; height:100%; padding:10px 20px 0px 40px; font:12px Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif; color:#666;} #contentCopy a {font:12px Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif; color:#903F98; text-decoration:none; line-height:16px;} #contentCopy a:hover {border-bottom:1px solid #903F98; padding:2px 0px 0px 0px;} #contentCopyHeading {font:15px Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif; color:#666; padding:10px 0px 10px 0px; line-height:25px;} #contentHeading {font:15px Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif; color:#fff; padding:10px 0px 10px 0px; line-height:25px;} #content_br {float:left; width:625px; height:80px; background:#fff url(../imgSource/content_br.gif) bottom right no-repeat; text-align:right;} #dottedLine {padding:0px; background: url(../imgsource/css-dotted.gif) repeat-x bottom;} #faq {float:left; width:355px; height:350px; padding:0px; font:12px Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif; color:#666; background:#fff url(../imgSource/faq_bg.gif) top right no-repeat;} #faq a {font:12px Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif; color:#903F98; text-decoration:none; font-weight:bold;} #faq a:hover {text-decoration:underline;} #faq h1 {font:14px Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif; color:#903F98; text-decoration:none; font-weight:bold;} #faq_side {float:left; width:300px; height:240px; padding:10px 0px 0px 0px; font:12px Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif; color:#fff; background:#222;} #faq_side a {font:12px Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif; color:#903F98; text-decoration:none; font-weight:bold;} #faq_side a:hover {text-decoration:underline;} #faq_side h1 {font:14px Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif; color:#903F98; text-decoration:none; font-weight:bold;} #fld {float:left} #footer {float:left; width:945px; height:27px; font:12px Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif; color:#999;} #footer a {font:12px Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif; color:#333; text-decoration:none;} #footer a:hover {color:#903F98;} #otmenu {float:left; width:731px; height:25px; text-align:right; padding:0px 0px 0px 5px;} #otmenu a {font:11px Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif; color:#666; text-decoration:none; line-height:24px;} #otmenu a:hover {color:#903F98;} #otmenufront {float:left; width:697px; height:25px; text-align:right; padding:0px 4px 0px 5px;} #otmenufront a {font:11px Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif; color:#666; text-decoration:none; line-height:24px;} #otmenufront a:hover {color:#903F98;} #order {float:left; width:605px; height:100%; padding:10px 10px 0px 10px; font:12px Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif; color:#666;} #order a {font:12px Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif; color:#903F98; text-decoration:none; line-height:16px;} #order a:hover {text-decoration:none;} #order h2 {font:13px Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif; color:#666; font-weight:bold;} #order h3 {font:12px Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif; color:#666; padding:0px;} #order input {border:1px solid #DADADA; font:12px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#903F98; background:#fff url(../imgSource/frm_bg.gif) left top repeat-x;} #order inputfocus {border:1px solid #903F98; font:12px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#333; background:#fff url(../imgSource/frm_bg_focus.gif) left top repeat-x;} #order select {border:1px solid #ccc; font:12px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#666; background:#fff;} #order textarea {border:1px solid #ccc; font:12px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#903F98; background:#fff url(../imgSource/textarea_bg.gif) left top repeat-x;} #order textareafocus {border:1px solid #903F98; font:12px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#333; background:#fff url(../imgSource/textarea_bg_focus.gif) left top repeat-x;} #order li {margin:0px; padding:0px; list-style:circle;} #order input.order_btn {background:url(../imgsource/order_btn.gif) 0px 0px no-repeat; width:66px; height:42px; border:none; cursor:pointer;} #order input.order_btn:hover {background-position: 0px -42px; } #order input.order_btn:active {background-position: 0px -84px;} #order input.next_btn {background:url(../imgsource/next_btn.gif) 0px 0px no-repeat; width:66px; height:42px; border:none; cursor:pointer;} #order input.next_btn:hover {background-position: 0px -42px; } #order input.next_btn:active {background-position: 0px -84px;} #order input.cheque_btn {background:url(../imgsource/cheque.gif) 0px 0px no-repeat; width:120px; height:120px; border:none; cursor:pointer;} #order input.money_order_btn {background:url(../imgsource/moneyOrder.gif) 0px 0px no-repeat; width:120px; height:120px; border:none; cursor:pointer;} #order input.bank_deposit_btn {background:url(../imgsource/bank_deposit.gif) 0px 0px no-repeat; width:120px; height:120px; border:none; cursor:pointer;} #order input.credit_card_btn {background:url(../imgsource/credit_card.gif) 0px 0px no-repeat; width:120px; height:120px; border:none; cursor:pointer;} .prev_btn a {text-decoration:none;} .prev_btn a {text-decoration:none;} #order input.add_btn {background:url(../imgsource/add_btn.gif) 0px 0px no-repeat; width:66px; height:35px; border:none; cursor:pointer;} #order input.add_btn:hover {background-position: 0px -35px; } #order input.add_btn:active {background-position: 0px -70px;} /* -------- Top Menu ------------ */ #topMenu ul {background-color:#fff; margin:0px; padding:0; list-style:none;} #topMenu li {float:left; margin:0; padding:0;} #topMenu a {display:block; height:40px; text-decoration:none; background-position:0 0; background-repeat:no-repeat; text-indent:-9999px; overflow:hidden;} #topMenu a:hover {background-position:0 -40px;} #topMenu li.lion a {background-position:0 -80px;} /* nav backgrounds */ #topMenu .home {width:44px; background-image:url(../imgSource/hm.gif);} #topMenu .products {width:59px; background-image:url(../imgSource/pr.gif);} #topMenu .demos {width:54px; background-image:url(../imgSource/dm.gif);} #topMenu .faq {width:33px; background-image:url(../imgSource/fq.gif);} #topMenu .about {width:58px; background-image:url(../imgSource/ab.gif);} #topMenu .contact {width:68px; background-image:url(../imgSource/ct.gif);} #topMenu .tips {width:72px; background-image:url(../imgSource/ta.gif);} #topMenu .sitemap {width:56px; background-image:url(../imgSource/sm.gif);} /* -------- Footer Menu ------------ */ #footerMenu ul {background-color:#fff; margin:0px; padding:0; list-style:none;} #footerMenu li {float:left; margin:0; padding:0;} #footerMenu a {display:block; height:25px; text-decoration:none; background-position:0 0; background-repeat:no-repeat; text-indent:-9999px; overflow:hidden;} #footerMenu a:hover {background-position:0 -25px;} /* nav backgrounds */ #footerMenu .disclaimer {width:60px; background-image:url(../imgSource/ds.gif);} #footerMenu .privacy {width:80px; background-image:url(../imgSource/pp.gif);} #footerMenu .terms {width:104px; background-image:url(../imgSource/tc.gif);} /* -------- Tab Menu ------------ */ #tabMenu ul {background-color:#fff; margin:0px; padding:0px; list-style:none;} #tabMenu li {float:left; margin:0; padding:0px 1px 0px 1px;} #tabMenu a {display:block; height:40px; text-decoration:none; background-position:0px 0px; background-repeat:no-repeat; text-indent:-9999px; overflow:hidden;} #tabMenu a:hover {background-position:0px -40px;} #tabMenu li.lion a {background-position:0px -80px;} /* tab backgrounds */ #tabMenu .cd1 {width:36px; background-image:url(../imgSource/cd1.gif);} #tabMenu .cd2 {width:36px; background-image:url(../imgSource/cd2.gif);} #tabMenu .cd3 {width:36px; background-image:url(../imgSource/cd3.gif);} #tabMenu .cd4 {width:36px; background-image:url(../imgSource/cd4.gif);} #tabMenu .features {width:58px; background-image:url(../imgSource/features.gif);} #tabMenu .technical {width:60px; background-image:url(../imgSource/technical.gif);} #tabMenu .ordering {width:59px; background-image:url(../imgSource/ordering.gif);} #tabcontent1, #tabcontent2, #tabcontent3, #tabcontent4, #tabcontent5, #tabcontent6 {width:530px; height:100%; font:12px Tahoma, Arial, Geneva, Helvetica, sans-serif; color:#B0B0B0; text-align:left; padding:20px 20px 20px 40px;} #tabcontent1 a, #tabcontent2 a, #tabcontent3 a, #tabcontent4 a, #tabcontent5 a, #tabcontent6 a {font:12px Tahoma, Arial, Geneva, Helvetica, sans-serif; color:#903F98; text-decoration:none;} #tabcontent1 a:hover, #tabcontent2 a:hover, #tabcontent3 a:hover, #tabcontent4 a:hover, #tabcontent5 a:hover, #tabcontent6 a:hover {border-bottom:1px solid #903F98; padding:0px 0px 1px 0px;} /* -------- Faq Menu ------------ */ #faqMenu ul {background-color:#fff; margin:0px; padding:0px; list-style:none;} #faqMenu li {float:left; margin:0; padding:0px 1px 0px 1px;} #faqMenu a {display:block; height:40px; text-decoration:none; background-position:0px 0px; background-repeat:no-repeat; text-indent:-9999px; overflow:hidden;} #faqMenu a:hover {background-position:0px -40px;} #faqMenu li.lion a {background-position:0px -80px;} /* faq backgrounds */ #faqMenu .wc {width:61px; background-image:url(../imgSource/wc.gif);} #faqMenu .my {width:46px; background-image:url(../imgSource/my.gif);} #faqMenu .md {width:94px; background-image:url(../imgSource/md.gif);} #faqMenu .ps {width:56px; background-image:url(../imgSource/ps.gif);} #faqMenu .cdm {width:56px; background-image:url(../imgSource/cdm.gif);} #faqcontent1, #faqcontent2, #faqcontent3, #faqcontent4, #faqcontent5 {width:325px; height:290px; font:11px Tahoma, Arial, Geneva, Helvetica, sans-serif; color:#333; text-align:left; padding:0px 15px 10px 15px;} #faqcontent1 a, #faqcontent2 a, #faqcontent3 a, #faqcontent4 a, #faqcontent5 a {font:12px Tahoma, Arial, Geneva, Helvetica, sans-serif; color:#903F98; text-decoration:none;} #faqcontent1 a:hover, #faqcontent2 a:hover, #faqcontent3 a:hover, #faqcontent4 a:hover, #faqcontent5 a:hover {border-bottom:1px solid #903F98; padding:0px 0px 1px 0px;} .dottedLine {background: url(../imgsource/css-dotted.gif) repeat-x center;} .textGrey {font:13px Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif; color:#666;} .textGrey a {font:13px Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif; color:#903F98; text-decoration:none;} .textGrey a:hover {text-decoration:underline;} .textGreyLarge {font:15px Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif; color:#999;} .demo {font:15px Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif; color:#ccc;} .demo a {font:15px Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif; color:#903F98; text-decoration:none;} .demo a:hover {text-decoration:underline;} .testimonialHeading {font:15px Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif; color:#903F98;} .testimonial {font:13px Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif; color:#fff;} .testimonial a {font:14px Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif; color:#fff; text-decoration:none;} .testimonial a:hover {text-decoration:underline;} .testimonialHeading {font:14px Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif; color:#903F98;} .textDesc {font:11px Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif; color:#fff;} .textPurple {font:13px Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif; color:#903F98;} .txtAlert {font:11px Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif; color:#CC0000;} .email {float:left; font:12px Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif; color:#333; line-height:16px;} .email a {font:11px Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif; color:#903F98; text-decoration:none; line-height:16px;} .email a:hover {border-bottom:1px solid #903F98; padding:2px 0px 0px 0px;} .emailHeading {float:left; font:12px Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif; color:#fff; line-height:16px; background:#903F98;} .emailHeading a {font:11px Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif; color:#903F98; text-decoration:none; line-height:16px;} .emailHeading a:hover {border-bottom:1px solid #903F98; padding:2px 0px 0px 0px;} .emailLegal {float:left; font:11px Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif; color:#999; line-height:12px;} .emailLegal a {font:11px Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif; color:#903F98; text-decoration:none; line-height:12px;} .emailLegal a:hover {border-bottom:1px solid #903F98; padding:2px 0px 0px 0px;} input.send_btn {background:url(../imgsource/send_btn.gif) 0px 0px no-repeat; width:66px; height:42px; border:none; cursor:pointer;} input.send_btn:hover {background-position: 0px -42px; } input.send_btn:active {background-position: 0px -84px;}