/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Sonalksis CSS CSS Element make-up: { display, position, margins, paddings, dimensions, borders, background, text } ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Core Structure ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ html, body { height:100%; width:100%; margin: 0; padding: 0; border:none; background:black; /*overflow: hidden;*/ } body { height:100%; margin: 0; padding: 0; color:white; /* IE center behavior: url(csshover.htc); */ text-align: center; } #background { background:black; text-align:center; height:100% } #backgroundImage { position:absolute; /*background:url(../images/background.png) repeat-x;*/background:black; min-height:100%; min-width:100%;} #content { position:relative; margin-right:auto; margin-left:auto; min-height:100%; width: 960px; background-color: black; color: #000; text-align: left; } #header { position: relative; top: 0px; left: 0px; height: 90px; max-height: 100px; padding-left: 24px; text-align: left; background-color: black; background: url(../images/top_strip.png) no-repeat; background-position: top right; } #mainBody { position:relative; padding-top: 20px; padding-left: 24px; padding-right:16px; width: 584px; border-right:1px dotted white; } #paneRight{ float: right; margin-left:-1px; margin-top: 22px; width: 328px; } #paneRightInner { position:relative; margin-right:10px; padding-left: 10px; z-index:2} #copyright { position:relative; width:100%; margin-top:8px; padding-bottom:8px; text-align:center; } #sonalksisWatermark { position:relative; opacity:1; margin-top:-350px; margin-left:612px; height:350px; width:324px; background:url(../images/symbol_sonalksis.png) no-repeat; z-index:1 } div.clear { clear:both; } div.floatL { float:left; } div.floatR { float:right; } .pre { display:none; } a { text-decoration:none; color:white; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ General ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ img.hidden { display:none; } /*#paneSeparator { position:absolute; top:128px; left:628px; height:80%; width:1px; border-right:1px dotted white; }*/ #pageTitle { position:relative; margin-bottom:12px; } #mainBodyBanner { position:relative; height: 206px; max-height: 206px; background-color: yellow; } div.rounded { background-color:#2F2F2F; margin-bottom:8px; } div.box { padding-left: 8px; padding-right:8px; } div.roundedWhite { background-color:white; margin-bottom:8px; } div.banner { position:relative; height:222px; z-index:0 } #bodyWrapper { margin-top: 9px; padding-top: 9px; padding-bottom:9px; border-top:1px dotted white; border-bottom:1px dotted white; } div.bodyWrapper { margin-top: 9px; padding-top: 9px; padding-bottom:9px; border-top:1px dotted white; border-bottom:1px dotted white; } #body2Col { position:relative; width:100%; } #body2Col table { width:100%; table-layout:fixed; border-collapse:collapse; } #body2Col td.leftCol { padding-top:8px; padding-bottom:8px; padding-right:12px; width:50%; border-right:1px dotted white; } #body2Col td.rightCol { padding-top:8px; padding-bottom:8px; padding-left:12px; width:50%; } #body2Col div.center { margin-left:auto; margin-right:auto; } .topOn { border-top:1px dotted white; padding-top:6px;} #bodyLeft { float:left; width: 278px; padding-right: 12px; border-right:1px dotted white; } #bodyRight { float:right; width: 278px; padding-left: 12px; } div.twoWayOuterAuto { position: relative; float:left; width: 276px; margin-right: 14px; } div.twoWayTextAuto { position: relative; margin-top: 8px; width: 250px; margin-left: 12px; padding-top: 4px; padding-bottom:4px; border-top: 1px dotted grey; border-bottom: 1px dotted grey;} div.priceTable { display:inline; position:relative; } div.priceTable table { display:inline; border-collapse:collapse; table-layout:fixed; width:40px; text-align:right } div.priceTable tr { display:inline; } div.priceTable td.currency { display:inline; width:10px; background:yellow } div.priceTable td.value { display:inline; width:30px; background:green } .formError { padding-left: 6px; font-family: verdana; font-size: 8pt; color: #FF2B2B; } .optional { background: #A9A9A9; } #outcomeSuccess { border-top: 1px cyan dotted; border-bottom: 1px cyan dotted; padding-top:12px; padding-bottom:12px; margin-bottom:4px; text-align:center; } table.important { } table.important td.head { vertical-align: baseline } table.important td.body { padding-left:8px; } #generalForm label { font-family:verdana; font-size:9pt; margin-bottom:3px; color:yellow; } #generalForm label { display:block; } #submitButton { float:right; margin-top: 8px; } #submitButton input { float:right; margin-top:-14px; } #submitButton h4 { float:right; margin-right:14px; } div.generalTip { width: 400px; } table.generalTable tr { margin-bottom:12px; } table.generalTable td { padding-left:6px; vertical-align:top; color:white;} .inLeft { float:left; margin-right:8px;} .inRight { float:left; } .input { background-color:white; background-repeat:no-repeat; background-position:center right; } .singleField { height:20px; } #formErrorTypes { } #formErrorTypes img { margin-right:8px; } #formErrorTypes table { text-align:left; } .labelError { display:inline; float:right; width:25px; height:21px; background-repeat:no-repeat; } .inputError { background-repeat:no-repeat; background-position:center right; } div.quote { margin-bottom:6px; } div.rhsLinks { padding-top:16px; padding-bottom:4px; margin-bottom:18px; border-top: 1px dotted white; border-bottom: 1px dotted white; } div.rhsLinks li { margin-bottom:8px; } #preloader { display:none; position:absolute; top:50%; left:460px; text-align:center; z-index:2;} #preloader object { } #preloader h1 { } div.rollLight { opacity:0.7 } div.rollLight:hover { opacity:1 } #flashQuotes { z-index:0; } a:focus { outline: none; } a img { border:none; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Text Styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ p { font-family: helvetica; } p, h1, h2, h3, h4, h5, h6 { display:inline; margin:0; color:white; } h1, h2, h3, h4, h5, h6 { font-weight:bold; font-family: verdana; } .verd { font-family: verdana; } .helv { font-family: helvetica; } p.smallest, h6 { font-size:8pt; } p.small, h5 { font-size:9pt; } p, h4 { font-size:10pt; } p.big, h3 { font-size:11pt; } p.bigger, h2 { font-size:12pt; } p.biggest, h1 { font-size:13pt; } .p { display:block; margin-bottom:12px; } .white { color: white; } .black { color: black; } .yellow { color: yellow; } .cyan { color: cyan; } .red { color: red; } .pink { color: #30BBDA; } .green { color: #19FF00 } .blue { color: blue; } .silver { color: silver; } .bold { font-weight: bold; } .italic { font-style: italic; } #tooltip { color:white; font-family:helvetica; font-size:8pt; } #tooltip h1 { color:white; font-family:helvetica; font-size:9pt; } a.link { text-decoration:underline; color:cyan; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Buttons ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ a.button { display:block; height:100%; width:100%; } a.button2 { position:absolute; height:100%; width:100%; } #helpButton { height:23px; width:23px; background:url(../images/buttons/help_red2.png) no-repeat;} #helpButton:hover { background:url(../images/buttons/help_orange2.png) no-repeat; } div.removeButton { height:17px; width:17px; background:url(../images/buttons/remove_small.png) no-repeat; opacity:0.6 } div.removeButton:hover { opacity:1} div.rightArrowSmall { height:21px; width:21px; margin-left:6px; background:url(../images/buttons/right_arrow_small_blue.png); } div.rightArrowSmall:hover { background:url(../images/buttons/right_arrow_small_pink.png); } div.rightArrowSmall2 { height:21px; width:21px; margin-left:6px; background:url(../images/buttons/faq.png) no-repeat; } div.rightArrowSmall2:hover { background:url(../images/buttons/faq_on.png) no-repeat; } div.rightArrowMed { height:29px; width:29px; margin-left:6px; background:url(../images/buttons/right_arrow_med_blue.png); } div.rightArrowMed:hover { background:url(../images/buttons/right_arrow_med_pink.png); } div.rightArrowBig { height:45px; width:45px; margin-left:6px; background:url(../images/buttons/right_arrow_big_blue.png); } div.rightArrowBig:hover { background:url(../images/buttons/right_arrow_big_pink.png); } div.leftArrowMed { height:29px; width:29px; background:url(../images/buttons/left_arrow_med_blue.png); } div.leftArrowMed:hover { background:url(../images/buttons/left_arrow_med_pink.png); } div.downArrow { height:19px; width:19px; background:url(../images/buttons/down_arrow_yellow.png) no-repeat; } div.downArrow:hover { background:url(../images/buttons/down_arrow_blue.png); } div.rightArrowBlack { height:19px; width:19px; margin-left:6px; background:url(../images/buttons/right_arrow_small_black.png) no-repeat; } div.rightArrowBlack:hover { background:url(../images/buttons/right_arrow_small_black_roll.png); } div.buttonDownload { background:url(../images/buttons/button_download.gif) no-repeat; height:23px; width:190px; text-align:center; padding-top:2px;} div.downloadLeft { float:left; height:20px; width:104px; font-weight:bold } div.downloadRight { float:left; height:20px;width:80px;} div.paneButton { margin-bottom:8px; padding-top:4px; width:311px; height:30px; background:url(../images/buttons/rhs.png) no-repeat; text-align:center; font-family:arial; font-size:9pt; font-weight:bold; color:#2C2C2C; line-height:18pt; } div.paneButton:hover { background:url(../images/buttons/rhs_roll.png) no-repeat; color:black } div.paneButton a { text-decoration: none; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Home Page ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #mainMenu { margin-bottom: 18px; } #mailingListWrap { margin-bottom: 18px; background-image:url(../images/background_mailing_list.png); background-repeat:no-repeat; background-color:black; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Login and Locale Header Area ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #loginButtonOuter { position:absolute; top: 94px; left: 865px; font-family:helvetica; font-size:10px; color: white; text-shadow: black 1px 1px; text-align:center; } #loginButton { position:absolute; height: 29px; width: 95px; background:url(../images/buttons/button_login_big.png) no-repeat; text-align:center; } #logoutButton { position:absolute; height: 29px; width: 95px; background:url(../images/buttons/button_logout_big.png) no-repeat; text-align:center;} #loginButtonOuter a { position:relative; height:29px; width:95px; display:block; text-decoration:none; line-height:25px; } #loginStatus { position: relative; float:right; top:65px; padding-right: 1px; font-family:verdana; font-size:10pt; color:white; } #loginRequired { border-top: 1px red dotted; border-bottom: 1px red dotted; padding-top:12px; padding-bottom:12px; margin-bottom:4px; text-align:center; } #pleaseLogin { text-align:center; } #locale { position: relative; float: right; text-align:right; top: 5px; margin-right: 105px; } #locale img { padding-right: 8px; } #navHelp { position: relative; float: right; } #navHelp img { width: 24px; height: 24px; margin-right:80px; } div.award { border-top:1px solid cyan; border-bottom:1px solid cyan; padding-top:4px; padding-bottom:4px; margin-top:6px; margin-bottom:16px; } table td.awardText {text-align:center; width:240px; } .formTitle { padding-top:4px; padding-bottom:4px; font-family:verdana; line-height:24px; color:yellow; } .bodyTitle { font-family: verdana; font-size: 14pt; font-weight: bold; color: white; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Licence Terms ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #licence_title { display:block; margin-top:12px; margin-left:25px; text-align:left;} #licence_terms { margin-top:18px; margin-left:20px; width:542px; text-align:left; scrollbar-face-color: #cacaca; scrollbar-highlight-color: #cacaca; scrollbar-3dlight-color: #cacaca; scrollbar-darkshadow-color: #cacaca; scrollbar-shadow-color: #cacaca; scrollbar-arrow-color: #000000; scrollbar-track-color: #cacaca; } #licence_terms h5 { display:block; margin-bottom:4px; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Roll buttons ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ div.rollButton { position:relative; height:107px; width:275px; margin-top: 8px; background:url(../images/roll_buttons/roll_button2.png) no-repeat; } div.rollTextWrap { position:relative; margin-top:12px; margin-left:17px; height:68px; width:145px; overflow:hidden; border-top:1px dotted gray; border-bottom:1px dotted gray; } div.rollTrigger { position:absolute; top:29px; height:97px; width:275px; /*background:white; opacity:0.2;*/ /*overflow:hidden; */ } div.rollTitle { position:absolute; height:68px; width:145px; font-family:helvetica; font-size:12pt; font-weight:bold; color:white; text-align:center;} div.rollTitleText { position:relative; top:17px; } div.roller { position:absolute; top:72px; height:72px; width:145px; font-family:helvetica; font-size:9pt; color:white; display: table-cell; vertical-align: middle;} div.rollButton a { position:absolute; top:0; width:100%; height:100%; background-color:inherit; background-color:black; background-color:transparent; } div.rollIcon { position:relative; float:right; right:4px; margin-top:-8px; width:112px; height:112px; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Shopping Basket ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #shoppingBasketWrap { position:relative; left: 4px; z-index:5; background:black; } #shoppingBasketTop { position:relative; height:29px; width: 289px; background:url(../images/basket_top.png) no-repeat; } #shoppingBasketBottom { position:relative; height:29px; width: 289px; margin-bottom:18px; background:url(../images/basket_bottom.png) no-repeat; } #shoppingBasket { position:relative; min-height:141px; width:289px; background:url(../images/basket_middle.png) repeat-y; } #basketBody { position:relative; left:14px; width: 260px; } #basketTitle { display: block; position:relative; height: 40px; width: 262px; text-align:center; } #basketTitleText { display: inline; position: relative; font-family:helvetica; font-weight:bold; font-size:11pt; color:white; top:-12px; } #basketItemWrap { display:block; position:relative; margin-top:6pt; border-top:1px dotted cyan; border-bottom:1px dotted cyan;} #basketColRemove { display:inline; position:absolute; width:30px; top:20%; height:70%; } #basketColPrice { display:inline; position:absolute; left: 185px; width:50px; top:20%; height:70%;;} table.basket { font:8pt helvetica; color:white; table-layout:fixed; border-collapse:collapse; width:262px; margin-top:8px; margin-bottom:8px;} table.basket tr { } table.basket td.remove { padding-bottom:8px; width:55px; text-align:center; } table.basket td.product { padding-bottom:8px; width:155px; padding-left:6px;} table.basket td.currency { padding-bottom:8px; width:10px; } table.basket td.price { padding-bottom:8px; text-align:center; } #totals { position:relative; margin-left: 80px; } table.total { font:8pt helvetica; color:white; border-collapse:collapse; width:182px; margin-top:8px; margin-bottom:8px; text-align:right; } table.total tr { } table.total td.dollars { width: 85px; color:#DADADA; text-align:center; font-style:italic;} table.total td.text { width: 46px; color:yellow; text-align:left;} table.total td.currency { width: 10px; color:white;} table.total td.value { } #basketFooter { position:relative; margin-top: 8px; min-height:25px; border-top:1px dotted white; padding-top:6px; width:262px; font-family:helvetica; font-size:8pt;} #basketFooterLeft { position:absolute; width:125px; color:cyan; } #basketFooterRight { position:absolute; left: 126px; width:136px; color:white; text-align:right; } #basketFooterLeft img { display:inline; margin-right: 4px; } #basketFooterRight img { display:inline; margin-left: 4px; } #shoppingBasket p { display:inline; font-family:helvetica; font-size:8pt; color:white } img.emptyBasket { opacity:0.6; } img.emptyBasket:hover { opacity:1; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Tooltip ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ div.xstooltip { display:none; position: absolute; top: 0; left: 0; z-index: 2; background:green; font: normal 8pt sans-serif; padding: 3px; border: solid 1px; } #tooltip1{color:red;} #timer { font-weight:bold; } #autoRedirect { margin-top:16px; font-family: helvetica; font-size:10pt; text-align:center;} #autoRedirectTop { color: yellow; border-top:1px dotted silver; border-bottom:1px dotted silver; padding-top:6px; padding-bottom:6px; } #autoRedirectBottom { margin-top: 12px; font-size: 8pt;} /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Site Licences ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ div.bannerSiteLicence { background: url(../images/banners/banner_licenses.jpg) no-repeat; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Downloads ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ div.bannerDownloads { background: url(../images/banners/banner_download.png) no-repeat; } div.bannerUserGuides { background: url(../images/banners/banner_guides.png) no-repeat; } div.pluginManagerTable table { width:100%; border-collapse:collapse; table-layout:fixed;} div.pluginManagerTable table tr { } div.pluginManagerTable table td.icon { height:80px; padding-left:28px; width:100px; } div.pluginManagerTable table td.text { text-align:left; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Educational ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ div.bannerEducational { background: url(../images/banners/banner_educational.png) no-repeat; } #educationalBannerText { position:relative; left:260px; top:111px; width:110px; height:57px; font-family:helvetica; font-size:9pt; line-height:12pt;} /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Extras ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ div.bannerCommunity { background: url(../images/banners/banner_community.jpg) no-repeat; } div.bannerReviews { background: url(../images/banners/banner_reviews.jpg) no-repeat; } div.bannerArtists { background: url(../images/banners/banner_artists_producers.png) no-repeat; } div.bannerFeatures { background: url(../images/banners/banner_features.png) no-repeat; } div.bannerVersion3 { background: url(../images/banners/banner_v3_noclick.png) no-repeat; } #reviewBannerText { position:relative; top:75px; left:255px; height:46px; width:245px; text-align:center; } #endorsementGallery { } div.endorsement { width:100%; height:100%; zoom:1; opacity:0.5; filter: alpha(opacity = 50);} div.endorsement:hover { opacity:1; zoom:1; filter: alpha(opacity = 100);} #endorsementGallery a { display:block; width:100%; height:100%; } /* div.endorsement a.endorsementLink:hover { opacity:1.0; background:cyan; } */ /* div.endorsement:hover { opacity: 1.0; } */ div.endorseHead { margin-top:2px; margin-bottom:12px; margin-left:12px; padding-bottom:12px; border-bottom:1px dotted white; } div.endorseBody { margin-left:12px; } #reviewBundlePicker {text-align:center; padding-left:40px; border-top:1px dotted white; padding-top:9px;} #reviewBundlePicker div {float:left; margin-right:20px;} #reviewBundlePicker a {text-decoration:none; color:cyan; } #reviewBundlePicker a:hover { color:yellow; } #reviewPort { width:100%; height:300px; overflow-y:scroll; } #reviewPort div.rounded { width:96%; } #reviewPort table {width:100%;} #reviewPort table td.reviewer { width:150px; } #reviewPort table td.quote { padding-left:12px; font-style:italic; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Company ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ div.bannerCompany { background: url(../images/banners/banner_sonalksis.png) no-repeat; } div.bannerContact { background: url(../images/banners/banner_contact.png) no-repeat; } div.bannerPressArea { background: url(../images/banners/banner_press.png) no-repeat; } #pressAreaBannerText { position:relative; top:90px; left:255px; height:46px; width:245px; text-align:center; } .input { margin-bottom: 8px; } #formContact label { font-family: verdana; font-size: 10pt; margin-bottom:3px; } #contactAddressWrap { position:relative;height:150px; width:100%; background: url(../images/contact_background.png) no-repeat 50% 30%; } #contactAddress { margin:auto; width:220px; } div.bannerDistributors { background: url(../images/banners/banner_distributors.jpg) no-repeat; } div.distributorLogo { width:165px; height:65px; text-align:center;} #distributorTable table { } #distributorTable table td { padding-right:74px; } #distributorTable table td.distributorFlag { text-align:center; } #about_top_section { margin-top:8px; line-height:16pt; font-size:11pt; font-family:verdana; color:#D7D7D7;} /*div.aboutImg { height:115px; width:190px; }*/ div.aboutImgLeft { float:left; } div.aboutImgleft img { margin-right:8px; } div.aboutImgRight{ float:right; margin-left:8px; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ User Area ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ div.bannerSupport { background: url(../images/banners/banner_support.jpg) no-repeat; } div.bannerMyProducts { background: url(../images/banners/banner_my_products.png) no-repeat; } div.bannerMyDetails { background: url(../images/banners/banner_details.jpg) no-repeat; } div.bannerProductActivation { background: url(../images/banners/banner_product_activation.png) no-repeat; } div.plugFormat { float:left; margin-right:30px; } div.plugFormat p { margin-left:4px; } #myDetailsForm { position: relative; } div.myProductsOuter { display:block; margin-bottom:6px; } div.myProductsInner { margin-top:6px; } div.myProductsImgWrap { float: left; } div.myProductsTitle { display:block; background:#262626; width:140px; text-align:center; border:1px solid grey; } img.myProducts { height:80px; border:1px solid gray; } /*div.myProductsTop { width:100%; height: 30px; } div.myProductsBottom { width:100%; height: 30px; }*/ div.myProductsBody { } table.myProductsTable { float:left; margin-left: 8px; } #myProductsImgWrap table { text-align:center; } #invoiceSummaryTable table {} #invoiceSummaryTable table tr { height:24px; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ paneRight ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #paymentTypes {} #paymentTypes table { table-layout:fixed; border-collapse:collapse; width:170px; } #paymentTypes table td { width:40px; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FAQ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ div.bannerFaq { background: url(../images/banners/banner_faq.jpg) no-repeat; } #faq div.rightArrowSmall { margin-right:6px; } div.question { margin-left:18px; margin-right:18px; } div.faqAnswer { margin-left:36px; } div.topicDivider { height:1px; width:100%; border-bottom:1px dotted white; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Product Activation ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ div.activationButton { position:relative; height:204px; width:204px; float:left; margin-left:56px; } div.activationButtonText { position:absolute; margin-top:80px; width:100%; text-align:center;z-index:1; } div.existingUser { background:url(../images/buttons/activate_existing_user.png) no-repeat } div.existingUser:hover { background:url(../images/buttons/activate_existing_user_roll.png) no-repeat } div.newUser { background:url(../images/buttons/activate_download.png) no-repeat } div.newUser:hover { background:url(../images/buttons/activate_download_roll.png) no-repeat } div.registerBox { background:url(../images/buttons/activate_register_box.png) no-repeat } div.registerBox:hover { background:url(../images/buttons/activate_register_box_roll.png) no-repeat } div.activationButton a { position:absolute; height:100%; width:100%; z-index:20;} /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ rollover button icons ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ div.rollRentals { background:url(../images/roll_buttons/roll_rentals.png) no-repeat } div.rollFreeG { background:url(../images/roll_buttons/roll_freeg.png) no-repeat } div.rollSiteLicenses { background:url(../images/roll_buttons/roll_licenses.png) no-repeat } div.rollCommunity { background:url(../images/roll_buttons/roll_community.png) no-repeat } div.rollDownloads { background:url(../images/roll_buttons/roll_downloads.png) no-repeat } div.rollJobs { background:url(../images/roll_buttons/roll_job.png) no-repeat } div.rollSupport { background:url(../images/roll_buttons/roll_support.png) no-repeat } div.rollUpgrades { background:url(../images/roll_buttons/roll_upgrades.png) no-repeat } div.rollUserGuides { background:url(../images/roll_buttons/roll_userguides.png) no-repeat } div.rollReviews { position:absolute; background:url(../images/roll_buttons/roll_reviews.png) no-repeat; left:160px; margin-left:10px; top:-4px; } div.rollProducts { background:url(../images/roll_buttons/roll_products.png) no-repeat; left:4px; } div.rollEducational { background:url(../images/roll_buttons/roll_educational.png) no-repeat } div.rollAwards { background:url(../images/roll_buttons/roll_awards.png) no-repeat; left:20px; } div.rollArtists { background:url(../images/roll_buttons/roll_producer.png) no-repeat } div.rollMyDetails { background:url(../images/roll_buttons/roll_details.png) no-repeat } div.rollUpgrades { background:url(../images/roll_buttons/roll_upgrade.png) no-repeat } div.rollDistributors { background:url(../images/roll_buttons/roll_distributors.png) no-repeat } div.rollActivation { background:url(../images/roll_buttons/roll_activation.png) no-repeat } div.rollContact { background:url(../images/roll_buttons/roll_mail_2.png) no-repeat; margin-top:8px; } div.rollFeatures { background:url(../images/roll_buttons/roll_features.png) no-repeat; margin-top:0px;} div.rollEdu { background:url(../images/roll_buttons/roll_edu.png) no-repeat } div.rollSiteLicences { background:url(../images/roll_buttons/roll_site_licences.png) no-repeat; margin-top:0px; } div.rollPress { background:url(../images/roll_buttons/roll_press.png) no-repeat; margin-top:3px; }