/**************************************************************************************************************** CSS RESET ****************************************************************************************************************/ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, button, textarea, p, blockquote, th, td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img, button { border:0; } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } q:before,q:after { content:''; } abbr,acronym { border:0; } b, strong { font-weight:bold; } i, em { font-style:italic; } p, h1, h2, h3, h4, h5, h6, ul, ol { margin-bottom:20px; } ul { list-style-type:disc; } ul li { margin: 0px 0px 0px 35px; } ol { list-style-type:decimal; } ol li { margin: 0px 0px 0px 40px; } ul.withDescription { list-style-type:disc; } ul.withDescription li { margin: 0px 0px 10px 35px; } ol.withDescription { list-style-type:decimal; } ol.withDescription li { margin: 0px 0px 10px 40px; } .moreInfo { border-top:1px dotted #CCC; margin:25px 0px 15px 0px; padding:20px 0px 0px 0px; clear:both; } .alignLeft { text-align:left !important;; } .alignCenter { text-align:center !important;; } .alignRight { text-align:right !important; } .vAlignTop { vertical-align:top !important; } .vAlignMiddle { vertical-align:middle !important;; } .vAlignBottom { vertical-align:bottom !important;; } .floatLeft { float:left; } .floatRight { float:right; } .clear, .push, .clear5, .clear10, .clear15, .clear20, .clear25, .clear30, .clear35, .clear40, .clear45, .clear50 { width:100%; clear:both; display:block; } .clear, .push { height:0px; line-height:0px; } .clear5 { height:5px; } .clear10 { height:10px; } .clear15 { height:15px; } .clear20 { height:20px; } .clear25 { height:25px; } .clear30 { height:30px; } .clear35 { height:35px; } .clear40 { height:40px; } .clear45 { height:45px; } .clear50 { height:50px; } .pad5 { padding:5px; } .pad10 { padding:10px; } .pad15 { padding:15px; } .pad20 { padding:20px; } .pad25 { padding:25px; } .pad30 { padding:30px; } .pad35 { padding:35px; } .pad40 { padding:40px; } .pad45 { padding:45px; } .pad50 { padding:50px; } p.inputHolder { margin:0px 0px 7px 0px; } label, .checkBox, .radioBtn { vertical-align:middle; } .inputBox, .selectBox, .textArea, .inputBoxFooter { font:12px/15px Arial, Helvetica, sans-serif; color:#000; border:1px solid #ccc; border-radius: 3px; -moz-border-radius: 3px; } .inputBox { padding:4px; } .selectBox { padding:4px; } .textArea { padding:4px; } .inputBoxFooter { background-color:#FFF; padding:6px; border:0; color:#2c6792; } .wrapper { width:960px; margin:0 auto; } @font-face { font-family: 'AmaranthRegular'; src: url('../fonts/Amaranth-webfont.eot'); src: url('../fonts/Amaranth-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Amaranth-webfont.woff') format('woff'), url('../fonts/Amaranth-webfont.ttf') format('truetype'), url('../fonts/Amaranth-webfont.svg#AmaranthRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'AmaranthBold'; src: url('../fonts/Amaranth-Bold-webfont.eot'); src: url('../fonts/Amaranth-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Amaranth-Bold-webfont.woff') format('woff'), url('../fonts/Amaranth-Bold-webfont.ttf') format('truetype'), url('../fonts/Amaranth-Bold-webfont.svg#AmaranthBold') format('svg'); font-weight: normal; font-style: normal; } .orange { color:#f17523; } .size14 { font-size:14px; line-height:20px; } .size15 { font-size:16px; line-height:21px; } .size16 { font-size:16px; line-height:22px; } .indent40 { text-indent:40px; } /**************************************************************************************************************** FORMS ****************************************************************************************************************/ table.tblContact { width:100%; clear:both; background:none; } table.tblContact td.tblContactCol1 { width:47%; vertical-align:top; } table.tblContact td.tblContactCol2 { width:52%; vertical-align:top; padding-left:50px; border-left:1px dotted #CCC; } p.contactIntro { clear:both; margin:0px 0px 20px 0px; } div.iconsIndent { margin-left:20px; } p.address, p.phone, p.fax, p.mobile, p.email, p.facebook { padding-left:30px; line-height:20px; } p.address { margin:0px 0px 0px 0px; background:url(../images/icon_address.png) 1px 0 no-repeat; } p.phone { margin:0px 0px 0px 0px; background:url(../images/icon_phone.png) no-repeat 0 1px; } p.fax { margin:0px 0px 2px 0px; background:url(../images/icon_fax.png) no-repeat 0 1px; } p.mobile { margin:0px 0px 2px 0px; background:url(../images/icon_mobile.png) no-repeat 0 1px; } p.email { margin:0px 0px 0px 0px; background:url(../images/icon_email.png) no-repeat 0 2px; } p.facebook { margin:0px 0px 0px 0px; background:url(../images/icon_fb.png) no-repeat 0 2px; } p.twitter { margin:0px 0px 0px 0px; background:url(../images/icon_twitter.png) no-repeat 0 2px; } div.iconsIndent p { margin-bottom:10px !important; } table.contactForm { margin:8px 0px 0px 0px; } table.contactForm td { padding:0px 0px 10px 0px; } table.contactForm td.contactFormLabel { vertical-align:top; width:180px; } table.webForms { margin:0px 0px 20px 0px; width:100%; } table.webForms th { border-bottom:1px dotted #CCC; font-weight:bold; font-size:12px; padding-bottom:10px; text-align:left; } table.webForms td.tdSpacer { height:20px;} table.webForms td { vertical-align:top; padding:0 0 7px 20px; } table.webForms td.webFormsLabel { padding-top:2px; } table.webForms th a { } .tblStyled { margin:0; padding:0; border:1px solid #0f0f0f; } .tblStyled th { text-align:left; background:#0f0f0f; height:36px; padding:0 5px; color:#FFF; font-weight:normal; } .tblStyled th.noRightBorder { } .tblStyled td { padding:5px 10px; font-size:12px; } tr.row1 { background-color:#FFF; } tr.row2 { background-color:#f3f3f3; } .mainmenu, .submenu, .list2Col, .footerLinks, .supportmenu { margin:0; padding:0; list-style-type:none; display:block; overflow:hidden; } table.loginTable { width: 450px; margin: 0 auto; } .loginTable td { padding: 5px; } .loginTable input { width: 200px; } /**************************************************************************************************************** BUTTONS ****************************************************************************************************************/ .btnImg { margin:0; padding:0; border:0; display:block; line-height:1px; text-indent:-99999px; background-position:top left; } .btnImg:hover { background-position:bottom left; cursor:pointer; } .btnSubmit { width:93px; height:33px; background:url(../images/btn_submit.png) no-repeat; } .btnLogin { width:83px; height:33px; background:url(../images/btn_login.png) no-repeat; } .btnRetrieve { width:103px; height:33px; background:url(../images/btn_retrieve_password.png) no-repeat; } .btnRenew { width:83px; height:33px; background:url(../images/btn_renew.png) no-repeat; } .btnBuyNow { width:93px; height:33px; background:url(../images/btnBuyNow.png) no-repeat; } .btnDownload { width:113px; height:33px; background:url(../images/btn_download.png) no-repeat; margin-right:5px; } .btnRenewNoww { width:113px; height:33px; background:url(../images/btn_renewNow.png) no-repeat; margin-right:5px; } .bannerIpad { width:960px; height:137px; clear:both; margin:0px 0px; } .bannerCashOff { background:url(../images/banner_cash_off.png) no-repeat; width:960px; height:137px; clear:both; margin:0px 0px; } .bannerColesMyers{ background:url(../images/banner_coles_myers.png) no-repeat; width:960px; height:137px; clear:both; margin:0px 0px; } .bannerIpodNano { background:url(../images/banner_ipod_nano.png) no-repeat; width:960px; height:137px; clear:both; margin:0px 0px; } .bannerItunes { background:url(../images/banner_itunes.png) no-repeat; width:960px; height:137px; clear:both; margin:0px 0px; } .bannerDebitCard { background:url(../images/banner_debit_card.png) no-repeat; width:960px; height:137px; clear:both; margin:0px 0px; } .btnInfo { width:19px; height:19px; background:url(../images/icon_question.png); } a.btn, a.btn:visited, button { display:inline-block; height:33px; background:url(../images/bg_btn.png) no-repeat top left; padding-left:15px; font-family:'AmaranthRegular', Arial, sans-serif; *line-height:33px; line-height:34px; color:#FFF; text-transform:uppercase; cursor:pointer; text-decoration:none; } a.btn span, button span { display:inline-block; height:33px; padding-right:15px; background:url(../images/bg_btn.png) no-repeat top right; } a.btn:hover, button:hover { background-position:bottom left; text-decoration:none; } a.btn:hover span, button:hover span { background-position:bottom right; } a.btnBig, a.btnBig:visited, button.btnBig { display:inline-block; height:46px; background:url(../images/bg_btn_big.png) no-repeat top left; padding-left:20px; font:22px/46px 'AmaranthBold', Arial, sans-serif; letter-spacing:0; color:#69727; *line-height:46px; line-height:47px; color:#FFF; cursor:pointer; text-decoration:none; } a.btnBig span, button.btnBig span { display:inline-block; height:46px; padding-right:55px; *line-height:46px; line-height:47px; background:url(../images/bg_btn_big.png) no-repeat top right; } a.btnBig:hover, button.btnBig:hover { background-position:bottom left; text-decoration:none; } a.btnBig:hover span, button.btnBig:hover span { background-position:bottom right; } .btnMini { border:0; position:relative; display:inline-block; height:26px; background:url(../images/bg_btn_mini.png) no-repeat top left; padding-left:9px; font-family:'AmaranthRegular', Arial, sans-serif; letter-spacing:0; color:#69727; line-height:26px; *line-height:26px; color:#FFF; cursor:pointer; text-decoration:none; text-transform:uppercase; } .btnMini span { display:inline-block; height:26px; line-height:27px; *line-height:26px; padding-right:10px; background:url(../images/bg_btn_mini.png) no-repeat top right; } .btnMini:hover { background-position:bottom left; text-decoration:none; } .btnMini:hover span { background-position:bottom right; } a.btnTrial { background: url(../images/btnFreeTrial.png) no-repeat; border: 0 none; cursor: pointer; display: inline-block; height: 33px; width: 100px; text-indent: -999em; overflow: hidden; padding: 0 !important; text-transform: capitalize; } a.btnTrial:hover { background-position: center bottom; cursor: pointer; } a.btnBuyNow { background: url(../images/btnBuyNow.png) no-repeat; border: 0 none; cursor: pointer; display: inline-block; height: 33px; width: 93px; text-indent: -999em; overflow: hidden; padding: 0 !important; text-transform: capitalize; } a.btnBuyNow:hover { background-position: center bottom; cursor: pointer; } @-moz-document url-prefix() { .btnMini span, button.btnBig span { position:relative; top:-1px; margin-right:-3px; }} /**************************************************************************************************************** STYLES ****************************************************************************************************************/ body { font:13px/18px Arial, Helvetica, sans-serif; background:url(../images/bg_pattern.png) repeat; color:#666; } a, a:visited { text-decoration:none; outline:none; color:#f06c24; } a:hover { text-decoration:underline; } div.header { background:url(../images/bg_header.png) repeat-x; height:111px; overflow:visible; } div.headerWrap { position:relative; z-index:999; } a.logo, a.logo:visited { display:block; width:190px; height:59px; background:url(../images/logo.png) no-repeat; text-indent:-999999px; position:absolute; top:24px; } a.topPhone { display:block; width:224px; height:35px; text-indent:-99999px; background:url(../images/top_phone.png); position:absolute; top:0; right:10px; z-index:100; cursor:pointer; } a.topLogin { display:block; width:82px; height:35px; text-indent:-99999px; background:url(../images/top_login.png); position:absolute; top:0; right:240px; z-index:100; cursor:pointer; } a.topLogout { display:block; width:82px; height:35px; text-indent:-99999px; background:url(../images/top_logout.png); position:absolute; top:0; right:240px; z-index:100; cursor:pointer; } a.topMyAccount { display:block; width:114px; height:35px; text-indent:-99999px; background:url(../images/btn_top_my_account.png); position:absolute; top:0; right:320px; z-index:100; cursor:pointer; } div.contentWrap { background:#FFF; border:1px solid #bdd1e0; margin-top:25px; box-shadow:1px 1px 2px #cedde8; border-radius: 5px; -moz-border-radius: 5px; } div.contentPad { padding:20px; } div.contentPad40 { padding:0px 40px; } div.hero { height:236px; width:960px; background:url(../images/bg_hero.png) no-repeat; clear:both; position:relative; z-index:100 !important; } div.heroContent { width:520px; position:absolute; top:155px; right:12px; z-index:12; } div.heroContent h1.titlePmp { width:364px; height:66px; background:url(../images/title_pmp.png); text-indent:-99999px; margin-bottom:-15px; position:relative; z-index:10; } div.heroContent p { font-size:27px; line-height:20px; padding-left:140px; color: #f06c24 } div.heroContent p a { font-size: 15px; } div.heroContent ul { display: block; float: right; margin: 0; padding-right: 0; position: relative; top:70px; } div.heroContent li { float: left; height: 19px; list-style-type: none; margin-left: 5px; margin-right: 0 !important; position: relative; top: 0; width: 20px; } div.heroContent li a { background: url(../images/bg_hero_slider.png); float: left; height: 18px; position: relative; text-indent: -9999px; top: 0px; width: 20px; } div.heroContent li.active a { background-position: 0 -20px; } body.page1.s1 div.hero img { left:0; } img.heroPositon { position:absolute; z-index:5 !important; } div.innerWrap { /* background:url(../images/bg_inner_wrap.png) no-repeat 0 0px; */ padding:20px 0 20px 0; *background-position:0px 0px; margin-top:-6px; } div.highlight { background:#f9f9f9; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding-top:20px; margin-bottom:20px; border-radius: 5px; -moz-border-radius: 5px; } ul.list2Col {} ul.list2Col li { margin:0px 20px 16px 20px; padding:0; width:400px; float:left; } ul.list2Col li.divider { width:100%; height:5px; line-height:5px; clear:both; margin:0; padding:0; } .imgList2Col { float:left; margin-right:20px; } ul.list2Col li p { overflow:auto; } div.footer { background:url(../images/bg_footer.png) repeat; border-top:2px solid #35729f; margin-top:30px; } div.footerWrap { padding:28px 0 0 0; color:#d8e6f1; } div.footerWrap a, div.footerWrap a:visited { color:#d8e6f1 !important; } div.footerWrap a:hover { color:#FFF !; } div.fCol1, div.fCol2, div.fCol3, div.fCol4 { float:left; margin-right:20px; } div.fCol1 { width:190px; } div.fCol2 { width:100px; } div.fCol3 { width:230px; } div.fCol4 { width:350px; padding-left:10px; } ul.footerLinks { } ul.footerLinks li { margin:0; padding:0; } ul.footerLinks li a { color:#666666; font-size:12px; line-height:20px; } p.testimonialsText { font-style:italic; margin-bottom:10px; } div.footerText { clear:both; border-top:1px solid #649cc5; height:60px; margin:25px 0 0 0; position:relative; } div.footerText span { position:absolute; top:20px; } a.interweb { background:url(../images/interweb.png); width:93px; height:27px; position:absolute; top:15px; right:0; } ul.social { margin:0; padding:0; list-style-type:none; display:block; overflow:hidden; } ul.social li { margin:0; padding:0; display:inline; } ul.social li a { display:inline-block; width:150px; height:42px; background:url(../images/social.png) no-repeat; overflow:hidden; line-height:0; font-size:0; } ul.social li a.twitter { background-position:0px -42px; } ul.social li a.twitter:hover { background-position:0px 0px; } ul.social li a.googleplus { background-position:-150px -42px; } ul.social li a.googleplus:hover { background-position:-150px 0px; } ul.social li a.facebook { background-position:-300px -42px; } ul.social li a.facebook:hover { background-position:-300px 0px; } ul.social li a.youtube { background-position:-450px -42px; } ul.social li a.youtube:hover { background-position:-450px 0px; } ul.social li a.linkedin { background-position:-600px -42px; } ul.social li a.linkedin:hover { background-position:-600px 0px; } .social-popout { height: 48px; width: 48px; margin: 10px; float: left; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; -ms-transition: all ease 0.5s; transition: all ease 0.5s; } .social-popout img { border-radius: 50%; margin: 8px; width: 100%; box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8); -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; -ms-transition: all ease 0.5s; transition: all ease 0.5s; } .social-popout img:hover { margin: 0px; box-shadow: 6px 6px 4px 4px rgba(0,0,0,0.3); } p.fPhone { font:40px/46px 'AmaranthRegular', Arial, sans-serif; letter-spacing:0; color:#999999; letter-spacing:-2px; margin-bottom:-5px; } p.fEmail { margin-bottom:10px; } .tblAlt { margin:0; padding:0; } .tblAltLeft td.col1 { padding-right:30px; } .tblAltLeft td.col2 { text-align:left; } .tblAltRight td.col1 { } .tblAltRight td.col2 { padding-left:30px; text-align:right; } div.tblAltDivider { height:20px; } .tblAlt ul li { line-height:20px; } .tblOtherList {} .tblOtherList td.col1 { padding-right:20px; } .tblOtherList td.col2 { padding-right:20px; } .tblOtherList td h2 { margin:0 0 10px 0px !important; } .tblOtherList td ul { margin-left:10px; } .tblOtherList td ul li {line-height:21px; } h2.miniIcon {font:24px/28px 'AmaranthRegular', Arial, sans-serif; letter-spacing:-2px; color:#065e8e; padding-left:35px !important; padding-bottom:5px; } .iconSms { background:url(../images/features_sms.png) no-repeat; } .iconRecalls { background:url(../images/features_recalls.png) no-repeat; } .iconTreatmentItems { background:url(../images/features_treatment_items.png) no-repeat; } .iconFinancialTargets { background:url(../images/features_financial_targets.png) no-repeat; } .iconStockControl { background:url(../images/features_stock_control.png) no-repeat; } .iconCashBook { background:url(../images/features_cash_book.png) no-repeat; } .iconTreatmentQuotes { background:url(../images/features_treatment_quote.png) no-repeat; } .iconReports { background:url(../images/features_reports.png) no-repeat; } ul.thumbList { margin:0; padding:0 0 5px 0; list-style-type:none; display:block; overflow:hidden; clear:both; margin-top:10px; } ul.thumbList li { margin:0; padding:0; float:left; } ul.thumbList li a { display:block; margin:0 8px 8px 0 !important; padding:0; float:left; border:1px solid #CCC; padding:2px; height:50px; overflow:hidden; } ul.thumbList li a:hover { border:1px solid #999; } .pagination { overflow:hidden; margin:20px 0px 20px; float:right; } .pagination ul { padding:0px; margin:0px; } ul.pagination li { float:left; list-style: none; margin: 0; } ul.pagination li:first-child a { margin-left:0; } ul.pagination li a { background: #fff; border:1px solid #F06C24; color:#F06C24; display:block; font-weight:bold; height:19px; margin-left:5px; text-align:center; width:17px; padding-top:1px; text-decoration: none; border-radius: 2px; } ul.pagination li a:hover, ul.pagination li a#active { color: #fff !important; background: #F06C24 !important; } ul.pagination li a.disabled{ display: none !important; } ul.pagination li a#active { cursor: default; display: block!important;} .inactive a { background:none repeat scroll 0 0 #FFFFFF; border:1px solid #606060 !important; } /**************************************************************************************************************** MAINMENU ****************************************************************************************************************/ /* OLD MENU ul.mainmenu { height:30px; margin:0; padding:0; list-style-type:none; position:relative; z-index:90000; overflow:visible; position:absolute; top:60px; right:0; } ul.mainmenu li { margin:0 10px; padding:0; float:left; position: relative;} ul.mainmenu li a { padding:0; background:url(../images/mainmenu.png) no-repeat;display:block; text-indent:-99999px; outline:none; text-decoration:none; position: relative; } ul.mainmenu ul { margin:0; width:100%; list-style-type:none; visibility:visible; position:absolute; top:0px; left:0; z-index:99999; } ul.mainmenu li { position:relative; z-index:99999; } ul.mainmenu ul li { float: none; margin: 0; } ul.mainmenu li a.menu1, ul.mainmenu li a.menu1:visited { width:70px; height:30px; background-position:0px 0px; text-indent:-9999px; outline:none;} ul.mainmenu li a.menu1:hover, ul.mainmenu li:hover > a.menu1, ul.mainmenu li:hover > a.menu1 > ul { background-position:0px -30px; } body.page1 ul.mainmenu li a.menu1 { background-position:0px -60px; } ul.mainmenu li a.menu2, ul.mainmenu li a.menu2:visited { width:103px; height:30px; background-position:-70px 0px; } ul.mainmenu li a.menu2:hover { background-position:-70px -30px; } body.page2 ul.mainmenu li a.menu2 { dropDownWrapbackground-position:-70px -60px; } ul.mainmenu li a.menu3, ul.mainmenu li a.menu3:visited { width:102px; height:30px; background-position:-173px 0px; } ul.mainmenu li a.menu3:hover { background-position:-173px -30px; } body.page3 ul.mainmenu li a.menu3 { background-position:-173px -60px; } ul.mainmenu li a.menu4, ul.mainmenu li a.menu4:visited { width:94px; height:30px; background-position:-275px 0px; } ul.mainmenu li a.menu4:hover { background-position:-275px -30px; } body.page4 ul.mainmenu li a.menu4 { background-position:-275px -60px; } ul.mainmenu li a.menu5, ul.mainmenu li a.menu5:visited { width:121px; height:30px; background-position:-369px 0px; } ul.mainmenu li a.menu5:hover { background-position:-369px -30px; } body.page5 ul.mainmenu li a.menu5 { background-position:-369px -60px; } ul.mainmenu ul { position:absolute; top:-7px; } ul.mainmenu ul a { width:100%; background: #065e8e; display:block; color:#333;text-indent:0; } .dropDownWrap { width:120px; } ul.dropDown { margin:0 !important; padding:0 !important; } ul.dropDown li.menuItem a { margin:0; padding:0; display:block; color:#FFF; font-size:13px; font-weight:bold; padding:0px 13px; height:30px; line-height:30px; background:#065e8e; border-top:1px solid #0f6797; } ul.dropDown li.menuItem a:hover { border:none !important; background:#f06c24 !important; color:#FFF; line-height:30px !important; padding:0 13px !important; border-top:1px solid #0f6797; } ul.dropDown li.menuItem { float: none !important; } ul.dropDown li.dropDownTop { background:url(../images/bg_menu_dropdown_top.png) no-repeat; left:0px; width:146px; height:6px; } ul.dropDown li.dropDownBottom { background:url(../images/bg_menu_dropdown_btm.png) no-repeat; left:0px; width:146px; height:6px; } a.firstSub { background: url(../images/bg_menu_dropdown_top.png) #CCC no-repeat !important; } li.lastSub { background: url(../images/bg_menu_dropdown_btm.png) bottom no-repeat !important; display: block; height: 3px; width: 86px;!important; } */ body.s1 ul.submenu li a.s1, body.s2 ul.submenu li a.s2, body.s3 ul.submenu li a.s3, body.s4 ul.submenu li a.s4, body.s5 ul.submenu li a.s5, body.s6 ul.submenu li a.s6 { color:#FFF; background-position: bottom; } div.submenuWrap { background: url(../images/bg_submenuWrap.png) center no-repeat; position:relative; top:-36px; z-index:9999; margin-bottom:-56px; } ul.submenu { text-align:center; clear:both; margin:0; padding:10px 0 0 0; border-bottom: 2px solid #065E8E; } ul.submenu li { margin:0; padding:0; display:inline; } ul.submenu li a { background: url(../images/bg_submenu.png) no-repeat; text-align:center; margin:0px 1px; width: 152px; height:40px; line-height:45px; display:inline-block; text-transform:uppercase; color:#666; border-bottom:none; } ul.submenu li a:hover { background-position: center; color:#215881; text-decoration:none; } ul.submenu li a.prev { display:inline-block; width:34px; height:34px; background:url(../images/arrow_nav.png) no-repeat top left; margin:0; padding:0; border:0; line-height:auto; position:relative; top:13px; right:15px; *top:9px; z-index:6000; } ul.submenu li a.next { display:inline-block; width:34px; height:34px; background:url(../images/arrow_nav.png) no-repeat top right; margin:0; padding:0; border:0; line-height:auto; position:relative; top:13px; right:-15px; *top:9px; z-index:6000; } ul.submenu li a.prev:hover { background-position:bottom left; } ul.submenu li a.next:hover { background-position:bottom right; } /**div.dropDown { width:150px; position:absolute; left:0px; top:30px !important; z-index:5000 !important; border-radius:4px; box-shadow:3px 3px 3px #999; background:#f06c24 !important; } **/ div.dropDownPad { padding:10px; overflow:hidden; } ul.dropDownMenu { margin:0 !important; padding:0 !important; display:block !important; position:relative; z-index:5000 !important;} ul.dropDownMenu li { margin:0 !important; padding:0 !important; background:none !important; float:none !important; margin-bottom:5px !important; z-index:5000 !important; } ul.dropDownMenu li a, ul.dropDownMenu li a:visited { text-indent:8px; width:100% !important; margin:0 !important; padding:0 !important; background:none !important; color:#999 !important; clear:both !important; display:block !important; color:#FFF !important; text-transform:none !important; border:1px solid #f8b590; border-radius:4px; z-index:5000 !important;} ul.dropDownMenu li a:hover { background:#FFF !important; color:#f06c24 !important; border-radius:4px; border-color:#FFF; } div.subInfoBuyNow { margin:10px 10px 10px 0; background:#f6f6f6; border:1px solid #e1e1e1; padding:15px; } div.buyNowSupport { border:1px solid #e1e1e1; background:#FFF; padding:15px; } div.buyNowSupport h3 { font-size:16px; font-weight:bold; margin-bottom:8px; } .tblComparison { margin-bottom:30px; } .tblComparison th { background:#3a7fb2; padding:10px 10px; font-size:24px; color:#FFF; text-align:center; } .tblComparison td { padding:6px 10px; text-align:center; } .tblComparison tr.row1 td.first { font-weight:bold; text-align:left; background:#e3e3e3; } .tblComparison tr.row2 td.first { font-weight:bold; text-align:left; background:#f6f6f6; } .tblComparison tr.row1 td.second { background:#ebebeb; } .tblComparison tr.row2 td.second { background:#ffffff; } .tblComparison tr.row1 td.third { background:#e3e3e3; } .tblComparison tr.row2 td.third { background:#f6f6f6; } span.checkIcon { display:block; background:url(../images/check_icon.png) no-repeat; width:22px; height:22px; margin:0 auto; } span.crossIcon { display:block; background:url(../images/cross_icon.png) no-repeat; width:22px; height:22px; margin:0 auto; } .tblSystem { margin:0; padding:0; border:1px solid #e1e1e1; margin-bottom:20px; } .tblSystem th { text-align:left; background:#0f0f0f; color:#FFF; font-weight:normal; } .tblSystem td { padding:8px 15px !important; font-size:12px; background:#f1f1f1; } /**************************************************************************************************************** CUSTOMER LOGIN PAGE ****************************************************************************************************************/ div.customerWrap { overflow:hidden; } div.currentCustomer, div.forgotPassword { width:48%; min-height:240px; background:#f2f2f2; border:1px solid #e1e1e1; border-radius: 5px; -moz-border-radius: 5px; } div.currentCustomer { float:left; } div.forgotPassword { float:right; } p.customerHeading { font-size:18px; font-weight:bold; } label.customerLogin { width:120px; float:left; display:block; } div.professionalBox { background:#f2f2f2; border:1px solid #e1e1e1; padding:20px 20px 10px 20px; margin-bottom:20px; } div.professionalBox h3 { font-size:18px; line-height:24px; font-weight:bold; float:left; margin-top:10px; } div.enterpriseBox { background:#f2f2f2; border:1px solid #e1e1e1; padding:20px 20px 10px 20px; } div.enterpriseBox h3 { font-size:18px; color:#339900; font-weight:bold; float:left; margin-top:10px; } div.enterpriseBox, div.professionalBox { position:relative; top:-5px; } span.expiry { font-size:13px; position:relative; top:8px; } div.rightCol { float:right; width:320px; } ul.memberTab { margin:0; padding:0; list-style-type:none; overflow:hidden; clear:both; margin-bottom:30px; border-bottom:1px solid #CCC; height:40px; position:relative; z-index:1; } ul.memberTab li { margin:0; padding:0; float:left; margin-right:5px; } ul.memberTab li a, ul.memberTab li a:visited { display:block; padding:0px 30px; height:40px; line-height:40px; border:1px solid #CCC; font-weight:bold; position:relative; z-index:2; } ul.memberTab li a:hover { background-color:#f1f1f1; text-decoration:none; } ul.memberTab li a.active { background:#f06c24; color:#FFF; border-color:#d85d19; position:relative; z-index:3; } ul.tabMenu { margin:0 0 20px 0; padding:0; list-style-type:none; display:block; overflow:visible; height:37px; border-bottom:1px solid #CCC; position:relative; z-index:50; } ul.tabMenu li { margin:0; padding:0; float:left; background:url(../images/bg_tab_left.png) no-repeat top left; margin-right:5px; border-bottom:1px solid e5ddd2; margin-bottom:-1px; } ul.tabMenu li a { background:url(../images/bg_tab_right.png) top right no-repeat; display:block; display:block; height:37px; line-height:37px; padding:0 13px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; font-weight:bold; } ul.tabMenu li a:hover { border:0; text-decoration:none; color:#f06c24; } ul.tabMenu li.active { background-position:bottom left; border-bottom:1px solid #2d5d89; color:#FFF !important; } ul.tabMenu li.active a { background-position:bottom right; color:#FFF !important; } /**************************************************************************************************************** HEADINGS ****************************************************************************************************************/ h1 {font: 40px/48px 'AmaranthRegular', Arial, sans-serif; letter-spacing:-2px; margin-bottom:20px; color:#065e8e; } h2 {font: 24px/28px 'AmaranthRegular', Arial, sans-serif; letter-spacing:-2px; margin-bottom:12px; color:#065e8e; } div.highlight h2 { font:22px/26px 'AmaranthRegular', Arial, sans-serif; letter-spacing:0; color:#69727; margin-bottom:5px; } div.footerWrap h3 { font-size:15px; font-weight:bold; margin-bottom:10px; color:#FFF; } .tblAlt h3 { font:28px/32px 'AmaranthRegular', Arial, sans-serif; letter-spacing:0; color:#69727; margin-bottom:12px; } .display_error, .display_success { display: block; padding-left: 23px; } .display_error { color:#FF0000; background:url(../images/error.png) no-repeat 8px 8px; border:1px solid #FF0000; } .display_success { color:#009900; background:url(../images/success.png) no-repeat 8px 8px; border:1px solid #009900; } .display_error p, .display_success p { padding:0px; margin:8px; } .display_error p { color:#FF0000; } .display_success p { color:#009900; } .validation_error { border:1px solid red; } /**************************************************************************************************************** MAINMENU ****************************************************************************************************************/ ul.mainmenu { height:30px; margin:0; padding:0; list-style-type:none; overflow:visible; position:absolute; right:0; top:50px; } ul.mainmenu li { margin:0 10px 0 0; padding:0; float:left; } ul.mainmenu li a { margin:0; padding:0; background:url(../images/mainmenu.png) no-repeat;display:block; text-indent:-99999px; outline:none; position:relative; z-index:4000; } ul.mainmenu li a.menu1, ul.mainmenu li a.menu1:visited { width:70px; height:30px; background-position:0px 0px; } ul.mainmenu li a.menu1:hover, ul.mainmenu li:hover > a.menu1 { background-position:0px -30px; } body.page1 ul.mainmenu li a.menu1 { background-position:0px -60px; } ul.mainmenu li a.menu2, ul.mainmenu li a.menu2:visited { width:103px; height:30px; background-position:-70px 0px; } ul.mainmenu li a.menu2:hover { background-position:-70px -30px; } body.page2 ul.mainmenu li a.menu2 { background-position:-70px -60px; } ul.mainmenu li a.menu3, ul.mainmenu li a.menu3:visited { width:102px; height:30px; background-position:-173px 0px; } ul.mainmenu li a.menu3:hover { background-position:-173px -30px; } body.page3 ul.mainmenu li a.menu3 { background-position:-173px -60px; } ul.mainmenu li a.menu4, ul.mainmenu li a.menu4:visited { width:95px; height:30px; background-position:-275px 0px; } ul.mainmenu li a.menu4:hover { background-position:-275px -30px; } body.page4 ul.mainmenu li a.menu4 { background-position:-275px -60px; } ul.mainmenu li a.menu5, ul.mainmenu li a.menu5:visited { width:120px; height:30px; background-position:-370px 0px; } ul.mainmenu li a.menu5:hover { background-position:-370px -30px; } body.page5 ul.mainmenu li a.menu5 { background-position:-370px -60px; } ul.mainmenu li a.menu6, ul.mainmenu li a.menu6:visited { width:70px; height:30px; background-position:-490px 0px; } ul.mainmenu li a.menu6:hover, ul.mainmenu li:hover > a.menu6 { background-position:-490px -30px; } body.page6 ul.mainmenu li a.menu6 { background-position:-490px -60px; } /* Mega Dropdown */ div.megaTopCurve { width:146px; height:10px; background:url(../images/bg_menu_dropdown_top.png); position:relative; top:-3px; } div.megaBottomCurve { width:146px; height:10px; background:url(../images/bg_menu_dropdown_btm.png); clear:both; position:relative; bottom:-3px; } ul.mainmenu li div.megaDropdown { display:none; position:absolute; top:31px; left:0; background: url(../images/bg_mega_dropdown.png) repeat; z-index:4000; height:auto; padding:0px; background:#065e8e; } ul.mainmenu li:hover div.megaDropdown { display:block; z-index:8888; } ul.mainmenu li div.megaDropdown h3 { font-size:15px; margin-bottom:16px; color:#c90f0d; text-indent:6px; } ul.dropdownmenu { margin:0; padding:0; list-style-type:none; clear:both; float:none !important; } ul.dropdownmenu li { margin:0; padding:0; display:block !important; } ul.dropdownmenu li a { padding:0px 15px; background:none !important; width:116px !important; text-indent:0 !important; display:block !important; clear:both !important; border-top:1px dotted #116a9b; color:#FFF; font-weight:bold; line-height:30px; height:30px; } ul.dropdownmenu li a:hover { color:#FFF; text-decoration:none; background:#f06c24 !important; } /* Overide */ ul.mainmenu li div.megaDropdown1 { width:146px; } .tblFaqs { margin:0 0 16px 0; padding:0; border-bottom:1px dotted #e1e1e1; } .tblFaqs td { } .tblFaqs td.faqsCol1 { width:23px; font-weight:bold; } .tblFaqs td.faqsCol2 { } .tblFaqs td.faqsDivider { height:16px; } span.faqsTitle { font-size:13px; font-weight:bold; } div.faqQWrap { background:#f1f1f1; border:1px solid #e1e1e1; padding:20px 20px 20px 0; margin-bottom:30px; } ul.supportmenu { overflow:hidden; } ul.supportmenu li { margin:0 35px 20px 0; padding:0; display:block; float:left; width:330px; height:45px; padding:15px 15px 15px 75px; border:1px solid #CCC; border-radius: 5px; -moz-border-radius: 5px; } ul.supportmenu li a, ul.supportmenu li a:visited { font-size:22px; clear:both; display:inline-block; margin:2px 0 4px 0; } ul.supportmenu li a:hover { color:#065e8e; } ul.supportmenu li span { display:block; clear:both; } ul.supportmenu li.spm1 { background:url(../images/spm1.png) no-repeat 15px 12px; } ul.supportmenu li.spm2 { background:url(../images/spm2.png) no-repeat 15px 12px; } ul.supportmenu li.spm3 { background:url(../images/spm3.png) no-repeat 15px 12px; } ul.supportmenu li.spm4 { background:url(../images/spm4.png) no-repeat 15px 12px; } ul.supportmenu li.spm5 { background:url(../images/spm5.png) no-repeat 15px 12px; } ul.supportmenu li.spm6 { background:url(../images/spm6.png) no-repeat 15px 12px; } ul.supportmenu li.spm7 { background:url(../images/spm7.png) no-repeat 15px 12px; } ul.supportmenu li.spm8 { background:url(../images/spm8.png) no-repeat 15px 12px; } h3 { font-size:18px; margin-bottom:5px; } h3 a, h3 a:visited{ text-decoration:none; color:#4d4d4d; } hr { margin:0; padding:0; height:0; border:0; border-bottom:1px dotted #CCC; margin-bottom:20px; }