form { margin:15px; } img { border: 0px; } .headerWrapper { width: 100%; text-align: center; background: #323f49 url(img/layoutimages/header-bg.gif) repeat-x; } .headerBlock { margin-left: auto; margin-right: auto; text-align: left; width: 900px; height: 52px; overflow: hidden; } .headerBlock #leftHeaderColumn { float: left; padding-left: 50px; color: #dddddd; font-size: 14px; cursor: default; } .headerBlock #rightHeaderColumn { float: right; padding-right: 80px; } .headerBlock #rightHeaderColumn a, .headerBlock #rightHeaderColumn a:active, .headerBlock #rightHeaderColumn a:visited { display: block; float: left; margin: 20px 0px 15px 50px; font-size: 10px; color: #e8eaee; } .headerBlock #rightHeaderColumn a:hover { text-decoration: underline; color: #5FA3CE; } .headerBlock #rightHeaderColumn span { display: block; float: left; margin: 15px; margin-top: 20px; font-size: 11px; color: #5FA3CE; cursor: default; } .topNavigation { height: 76px; margin-left: 25px; margin-right: 24px; overflow: hidden; background: url(img/layoutimages/topnav-bg.gif) no-repeat top center; } .topNavigation #topNavigationLeftColumn { float: left; margin-top: 20px; padding-left: 15px; } .topNavigation #topNavigationRightColumn { float: center; } #topNavigationRightColumn div { height: 33px; overflow: hidden; float: left; margin-top: 23px; margin-right: 12px; margin-left: 12px; } #topNavigationRightColumn a, #topNavigationRightColumn a:active, #topNavigationRightColumn a:visited { display: block; height: 33px; width: 80px; text-align: center; float: left; font-size: 12px; line-height: 30px; color: #7a7a7a; background: url(img/layoutimages/topnavbutton.gif) 0px 0px; } #topNavigationRightColumn a:hover, #topNavigationRightColumn #current { text-decoration: none; background-position: 0px -33px; color: #5FA3CE; } #topNavigationRightColumn .hovered a, #topNavigationRightColumn .hovered a:active, #topNavigationRightColumn .hovered a:visited { text-decoration: none; background-position: 0px -33px; } .wideSpotlightWrapper { width: 100%; text-align: center; background: #323f49 url(img/layoutimages/site-bg-dark.gif) 1px 0px; } .wideSpotlightBlock { margin-left: auto; margin-right: auto; text-align: left; width: 900px; background: #ffffff url(img/layoutimages/sitewrapper-bg-dark.gif) 0px 1px; overflow: hidden; } .wideSpotlightPadding { padding-left: 24px; padding-right: 23px; height: 202px; overflow: hidden; } .wideSpotlightPadding #wideSpotlightLeftImage { float: left; width: 213px; height: 202px; overflow: hidden; background: url(img/contentimages/home-spotlight-left.jpg); } .wideSpotlightLeftText { color: #ffffff; font-size: 11px; padding: 15px 0px 10px 5px; line-height: 20px; } .wideSpotlightLeftText div { font-weight: bold; margin-bottom: 10px; } .wideSpotlightPadding #wideSpotlightRightImage { float: right; width: 639px; } .contentWrapper { width: 100%; text-align: center; } .contentBlock { margin-left: auto; margin-right: auto; text-align: left; width: 900px; background: #ffffff url(img/layoutimages/sitewrapper-bg.gif) repeat-y; padding-bottom: 10px; } .contentBlockPaddingNoMargin { margin-left: 25px; margin-right: 24px; } .contentBlockPadding { margin-left: 39px; margin-right: 38px; padding-top: 13px; padding-bottom: 13px; } .sidebarColumn { float: left; width: 185px; overflow: hidden; } .contentColumn { float: right; width: 615px; overflow: hidden; color: #5b5b5b; font-size: 11px; } .clearColumn { font-size: 1px; height: 1px; clear: both; overflow: hidden; } .sidebarBoxBlock { width: 185px; overflow: hidden; margin-bottom: 11px; background: #f7f7f7 url(img/layoutimages/sidebar-body.gif); } .sidebarBoxBlock .hover { color: #5FA3CE; background-position: 0px -26px; } .sidebarBoxGreyTop { height: 26px; overflow: hidden; font-size: 11px; font-weight: bold; color: #8a8a8a; background: url(img/layoutimages/sidebar-top.gif); cursor: default } .sidebarBoxGreyTop img { float: left; width: 16px; height: 16px; margin-top: 5px; margin-left: 5px; } .sidebarBoxGreyTop div { float: left; line-height: 27px; margin-left: 5px; } .sidebarBoxBody { padding: 5px; padding-left: 10px; padding-right: 10px; font-size: 11px; color: #5b5b5b; } .sidebarBoxBottom { height: 2px; font-size: 1px; overflow: hidden; background: url(img/layoutimages/sidebar-bottom.gif); margin-bottom: 0px; } .sidebarButtons div { margin: 5px; } .sidebarBrowser { margin: 5px 0px; padding-left: 20px; } .sidebarButtons a, .sidebarButtons a:active, .sidebarButtons a:visited { display: block; padding-left: 10px; line-height: 16px; background: url(img/layoutimages/sidebar-blue-button.gif) no-repeat 0px -12px; overflow: hidden; font-size: 11px; font-weight: normal; color: #5b5b5b; } .sidebarButtons a:hover, .sidebarButtons #current { background: url(img/layoutimages/sidebar-blue-button.gif) no-repeat -9px 3px; color: #5FA3CE; text-decoration: underline; } .sidebarButtons span { font-weight:normal; } .sidebarMore { float: right; } .sidebarMore a, .sidebarMore a:active, .sidebarMore a:visited { font-size: 11px; font-weight: bold; color: #5b5b5b; } .sidebarMore a:hover { color: #014897; text-decoration: underline; } .sidebarOurClients a, .sidebarOurClients a:active, .sidebarOurClients a:visited, .sidebarOurClients a:hover { background: url(img/layoutimages/sidebar-blue-button.gif) no-repeat 0px -25px; padding-left: 0px; } .sidebarBoxBodyTitle { font-weight: bold; color: #8e8e8e; margin-top: 2px; margin-bottom: 5px; font-size: 11px; } .wideSectionBreak { padding-left: 10px; height: 15px; background: url(img/layoutimages/wide-title-bg.gif) no-repeat 0px 0px; } .wideTitleBlock, .thinTitleBlock { font-size: 12px; color: #303d47; padding-left: 0px; height: 30px; } .wideTitleBlock { background: url(img/layoutimages/wide-title-bg.gif) no-repeat 0px 18px; } .thinTitleBlock { background: url(img/layoutimages/thin-title-bg.gif) no-repeat 0px 18px; } .homeProductBox { float: left; width: 200px; overflow: hidden; margin-top: 15px; margin-bottom: 5px; } .homeProductTop { height: 70px; overflow: hidden; } .homeProductTop img { float: left; width: 48px; height: 48px; margin-top: 6px; margin-left: 25px; margin-right: 20px; } .homeProductTop a, .homeProductTop a:active, .homeProductTop a:visited { font-size: 11px; color: #7a7a7a; line-height: 20px; } .homeProductTop div a, .homeProductTop div a:active, .homeProductTop div a:visited { font-size: 14px; font-weight: bold; color: #5cc214; } .homeProductTop a:hover, .homeProductTop div a:hover { color: #014897; text-decoration: underline; } .homeProductTitle { height: 30px; } .homeProductTitle div { float: left; font-size: 14px; font-weight: bold; line-height: 24px; padding-left: 25px; color: #303d47; } .homeProductTitle img { float: left; width: 24px; height: 24px; margin-left: 5px; } .homeProductTitle a, .homeProductTitle a:active, .homeProductTitle a:visited { color: #303d47; } .homeProductTitle a:hover { text-decoration: underline; color: #014897; } .homeProductDescription { color: #7a7a7a; font-size: 11px; padding-left: 25px; padding-right: 25px; } .compatibleBrowserBlock { float: left; width: 140px; font-size: 11px; color: #5b5b5b; margin-left: 5px; margin-top: 5px; margin-bottom: 15px; overflow: hidden; } .compatibleBrowserBlock img { float: left; width: 16px; height: 16px; margin-top: 7px; margin-right: 7px; } .compatibleBrowserBlock div { float: left; width: 120px; } .homeLeftColumn { float: left; width: 50%; } .homeRightColumn { float: right; width: 47%; } .homeBlogEntry { padding-left: 10px; padding-right: 10px; margin-bottom: 15px; margin-top: 5px; } .homeBlogTitle { color: #015bb2; font-size: 11px; font-weight: bold; margin-bottom: 5px; } .homeBlogContent { color: #5b5b5b; font-size: 11px; } .pageTitleBlock { height: 48px; overflow: hidden; margin-bottom: 5px; } .pageTitleBlock img { float: left; width: 48px; height: 48px; margin-right: 10px; margin-left: 0px; } .pageTitleBlock div { font-family: trebuchet ms; float: left; line-height: 46px; font-size: 19px; font-weight: bold; color:#000000; /*#303d47;*/ } .pageTitleBlock1 h1 { line-height: 46px; font-size: 24px; font-weight: bold; color: #303d47; } .roundBullet { background: url(img/layoutimages/round-bullet.jpg) no-repeat 1px 3px; padding-left: 14px; margin-left: 2px; font-size: 11px; margin-bottom: 5px; margin-top: 5px; } .roundGreyBullet { background: url(img/layoutimages/round-bullet-grey.jpg) no-repeat 2px 0px; padding-left: 14px; margin-left: 2px; font-size: 11px; margin-bottom: 5px; margin-top: 5px; } .roundBullet_about { background: url(img/layoutimages/round-bullet.jpg) no-repeat 0px 4px; padding-left: 14px; margin-left: 50px; font-size: 11px; margin-bottom: 5px; margin-top: 5px; } .roundHollowBullet { background: url(img/layoutimages/round-hollow-bullet.jpg) no-repeat; padding-left: 19px; line-height: 14px; font-weight: normal; margin-bottom: 15px; font-size: 16px; color: #000000; } /*#303d47;*/ .roundHollowBulletFAQ { background: url(img/layoutimages/round-hollow-bullet.jpg) no-repeat; padding-left: 19px; line-height: 14px; font-weight: normal; margin-bottom: 15px; font-size: 11px; color: 0; #303d47; } .roundHollowBullet_about { font-family: trebuchet ms; background: url(img/layoutimages/round-hollow-bullet.jpg) no-repeat 0px 4px; padding-left: 20px; line-height: 20px; font-weight: normal; margin-left: 16px; margin-bottom: 2px; font-size: 19px; font-weight: bold; color: #000000; } .roundHollowBullet_why { font-family: trebuchet ms; background: url(img/layoutimages/round-hollow-bullet.jpg) no-repeat 0px 3px; padding-left: 20px; line-height: 20px; font-weight: normal; margin-left: 16px; margin-bottom: 2px; font-size: 16px; font-weight: normal; color: #000000; } .roundHollowBulletWithout { font-family: Arial; font-weight: bold; font-size: 16px; color: #303d47; } .blueBulletImg { margin:4px 3px 0px 2px; } .productsSpotlight { margin-bottom: 10px; } .productsProductBox { margin-top: 3px; margin-left: 5px; margin-bottom: 20px; font-size: 11px; color: #7a7a7a; } .productsProductLogo img { float: left; width: 48px; height: 48px; margin-right: 10px; margin-top: 5px; } .productsProductInfo { float: left; width: 400px; margin-right: 10px; } .productsProductTitle { font-size: 14px; font-weight: bold; color: #303d47; margin-bottom: 5px; } .productsProductTitle a, .productsProductTitle a:active, .productsProductTitle a:visited { color: #000000; } .productsProductTitle a:hover { color: #014897; text-decoration: underline; } .productsProductDescription { color: #5b5b5b; font-size: 11px; } .productsProductButtons { float: right; width: 125px; height: 95px; overflow: hidden; background: url(img/layoutimages/productsproductbuttons-bg.gif) no-repeat; } .productsProductButtonsPadding { padding: 11px; padding-left: 5px; padding-right: 5px; } .productsProductButtonsPadding a, .productsProductButtonsPadding a:active, .productsProductButtonsPadding a:visited { display: block; clear: both; height: 17px; margin-bottom: 3px; line-height: 15px; color: #303d47; font-size: 11px; } .productsProductButtonsPadding a:hover { color: #014897; text-decoration: underline; } .productsProductButtonsPadding a img { float: left; margin-right: 5px; } .productsProductButtonsPadding div { height: 29px; overflow: hidden; font-size: 12px; color: #303d47; line-height: 27px; margin-bottom: 8px; } .productsProductButtonsPadding div a { float: left; } .leftLoginColumn { float: left; text-align: right; width: 60px; line-height: 22px; } .rightLoginColumn { float: right; text-align: left; margin-left: 5px; } .sidebarBoxBody div a,.sidebarBoxBody div a:visited,.sidebarBoxBody div a:active { color: #5b5b5b; } .sidebarBoxBody div a:hover { text-decoration: underline; color: #5FA3CE; } .loginButtonBlock { margin-top: 10px; text-align: right; } .loginButtonBlock div { margin-left: auto; } .productsText { margin-left: 10px; margin-right: 20px; font-size: 11px; color: #7a7a7a; margin-bottom: 15px; line-height: 18px; } .aboutText { margin-left: 0px; margin-right: 20px; font-size: 11px; color: #5b5b5b; margin-bottom: 15px; line-height: 18px; text-align: justify; } .aboutText_about { margin-left: 38px; margin-right: 20px; font-size: 11px; color: #5b5b5b; margin-bottom: 15px; line-height: 18px; text-align: justify; } .tabsBlock { height: 25px; overflow: hidden; margin-top: 10px; } .tabsBlock a, .tabsBlock a:active, .tabsBlock a:visited { display: block; margin-right: 1px; float: left; width: 120px; height: 26px; line-height: 25px; color: #7f7f7f; font-size: 12px; font-weight: normal; text-align: center; background: url(img/layoutimages/tab.gif) no-repeat 0px -26px; } .tabsBlock a:hover { text-decoration: none; } .tabsBlock #selectedTab { background-position: 0px 0px; color: #79b5d2; } .tabPageBlock { background-color: #f7f7f7; border: solid 1px #7ab3d1; text-align: center; display:none; } .tabPageBlock input { font-size:13px; height: 19px; border-bottom : 1px solid #7ab3d1; border-left : 1px solid #7ab3d1; border-right : 1px solid #7ab3d1; border-top : 1px solid #7ab3d1; } .tabPageCaption { text-align: left; padding: 8px; background: #EDF5F8; font-family: Arial; font-size:10px; } .tabPageInner { margin: 10px; margin-left: auto; margin-right: auto; text-align: left; width: 400px; } .customerSupportFormTable { font-size: 11px; color: #646e75; } .customerSupportFormTable td { white-space: nowrap; } .redText { color: #ff0000; } .tutorialsSpotlight { margin-top: 10px; margin-bottom: 10px; } .tutorialBlock { margin-bottom: 1px; } .tutorialBlueTitle, .tutorialGreenTitle, .tutorialPinkTitle { height: 30px; font-size: 12px; } #notext { height: 15px; background-position: 0px 0px; } .tutorialBlueTitle { background: url(img/layoutimages/blue-title-bg.gif) no-repeat 0px 18px; } .tutorialGreenTitle { background: url(img/layoutimages/green-title-bg.gif) no-repeat 0px 18px; } .tutorialPinkTitle { background: url(img/layoutimages/pink-title-bg.gif) no-repeat 0px 18px; } .tutorialBlueTitle a, .tutorialBlueTitle a:active, .tutorialBlueTitle a:visited, .tutorialGreenTitle a, .tutorialGreenTitle a:active, .tutorialGreenTitle a:visited, .tutorialPinkTitle a, .tutorialPinkTitle a:active, .tutorialPinkTitle a:visited { display: block; float: left; color: #303d47; line-height: 18px; } .tutorialBlueTitle a:hover, .tutorialGreenTitle a:hover, .tutorialPinkTitle a:hover { color: #014897; text-decoration: underline; } .tutorialBlueTitle a:hover, .tutorialGreenTitle a:hover, .tutorialPinkTitle a:hover { text-decoration: underline; } .tutorialBlueTitle img, .tutorialGreenTitle img, .tutorialPinkTitle img { float: left; width: 12px; height: 12px; margin-right: 5px; margin-top: 2px; } .tutorialBlueTitle div, .tutorialGreenTitle div, .tutorialPinkTitle div { float: right; margin-right: 10px; font-size: 11px; color: #303d47; width: 100px; text-align: center; } .tutorialContent { margin-left: 7px; font-size: 12px; color: #303d47; margin-bottom: 20px; } .tutorialContentItem { height: 17px; } .tutorialContentItem a, .tutorialContentItem a:active, .tutorialContentItem a:visited { float: left; } .tutorialContentItem a:hover { text-decoration: underline; } .tutorialContentItemRatingLegend { float: right; margin-right: 10px; width: 100px; font-size: 11px; text-align: center; } .tutorialContentItemRating { float: right; white-space: nowrap; text-align: right; height: 15px; overflow: hidden; } .tutorialContentItemSeparator { clear: both; background: url(img/layoutimages/tutorials-separator.gif) no-repeat; height: 1px; width: 270px; overflow: hidden; margin-top: 8px; margin-bottom: 8px; } .hoverButton { width: 66px; height: 29px; overflow: hidden; } .hoverButton a, .hoverButton a:active, .hoverButton a:visited, .hoverButton input { display: block; width: 66px; height: 29px; text-align: center; line-height: 26px; font-weight: bold; font-size: 11px; color: #f0f0f0; background: url(img/layoutimages/blue-button1.gif) 0px -29px; } .hoverButton a:hover { background-position: 0px 0px; color: #ffffff; text-decoration: none; } .footerBlock { border-top: solid 1px #edeef0; text-align: center; font-size: 11px; color: #9b9b9b; padding-top: 13px; } .footerBlock a, .footerBlock a:visited, .footerBlock a:active { color: #9b9b9b; } .footerBlock a:hover { color: #014897; text-decoration: underline; } .copyrightMessage { clear: both; font-size: 10px; color: #9b9b9b; margin-top: 10px; } .dropMenuBlock { position: absolute; z-index:100; width: 200px; overflow: hidden; background: url(img/layoutimages/dropmenu-bg.gif) repeat-y; display: none; } .dropMenuTop { background: url(img/layoutimages/dropmenu-border-top.gif) no-repeat top; height: 3px; font-size: 1px; overflow: hidden; } .dropMenuScroller { display:none; } .dropMenuScroller center { margin: 2px 1px 2px 1px; padding: 1px; background: #edf6fb; border: #acbdf5 solid 1px; cursor: pointer; } .dropMenuBody { overflow: hidden; } .dropMenuBottom { font-size:1px; height:1px; background: url(img/layoutimages/dropmenu-border-bottom.gif) no-repeat bottom; padding-bottom: 1px; } .dropMenuBody div { width: 100%; height: 22px; } .dropMenuBody div a, .dropMenuBody div a:active, .dropMenuBody div a:visited { outline: none; text-decoration: none; width: 100%; height: 22px; color: #7f7f7f; font-size: 11px; display: block; padding-left: 20px; line-height: 20px; background: url(img/layoutimages/dropmenu-button.gif) no-repeat 0px -46px; } .dropMenuBody div a:hover, .dropMenuBody div #current { color: #5FA3CE; background-position: 0px 0px; text-decoration: none; } .dropMenuBody div a:active { background-position: 0px -23px; } .dropMenuHeader { width: 100%; height: 22px; color: #7f7f7f; font-size: 11px; font-weight: bold; background: url(img/layoutimages/dropmenu-header.gif) no-repeat; cursor: default; padding-top:2px; } .rolloverBullet, .rolloverBullet:active, .rolloverBullet:visited { color: #000000; background: url(img/layoutimages/hover-bullet.jpg) no-repeat 0px -15px; padding-left: 18px; text-decoration: none; height: 15px; display: block; line-height: 16px; font-weight: bold; font-size: 11px; color: #303d47; outline: none; } .rolloverBullet:hover { background-position: 0px 0px; } .backNextButtonsBlock { height: 24px; } .backNextButtonsBlock a { outline: none; display: block; width: 48px; height: 24px; background-position: 0px -24px; background-repeat: no-repeat; } .backNextButtonsBlock a:hover { background-position: 0px 0px; } .backButton { background-image: url(img/layoutimages/back-button.jpg); } .nextButton { background-image: url(img/layoutimages/next-button.jpg); } .errMsg { color:#ff0000; font-weight:bold; font-size:12px; margin:20px 0px 20px 0px; padding:5px; border-style: solid; border-color: #ff0000; border-width: 3px 1px 1px 1px; } .infMsg { color:#008000; font-weight:bold; font-size:12px; margin:20px 0px 20px 0px; padding:5px; border-style: solid; border-color: #008000; border-width: 3px 1px 1px 1px; } .storeSection { margin: 10px 0px 0px 10px; } .storeSeparator { height:1px; line-height:1px; width: 400px; border-color: #e8e8e8; border-style: none none solid none; border-width:1px; margin-left:60px; } .storeProductBox { margin-top: 3px; margin-left: 5px; font-size: 11px; color: #7a7a7a; } .storeProductLogo { float: left; width:60px; } .storeProductLogo img { width: 48px; height: 48px; margin-right: 10px; } .storeProduct { float: left; width: 200px; margin: 0px 0px 0px 10px; line-height:15px; } .storeAddButton { float: left; width: 76px; height: 24px; overflow: hidden; margin-top: 11px; margin-left:20px; } .storeAddButton a, .storeAddButton a:active, .storeAddButton a:visited { display: block; width: 76px; height: 24px; font-size: 10px; color: #7f7f7f; background: url(img/layoutimages/addtocart-button_small.jpg) 0px -24px; } .storeAddButton a:hover { background-position: 0px 0px; color: #014897; text-decoration: none; } .BuyButton { float: left; width: 64px; height: 29px; overflow: hidden; margin-right: 5px; } .BuyButton a, .BuyButton a:active, .BuyButton a:visited { display: block; width: 64px; height: 29px; font-size: 10px; color: #7f7f7f; background: url(img/layoutimages/buynow-button.gif) 0px -29px; } .BuyButton a:hover { background-position: 0px 0px; color: #014897; text-decoration: none; } .prodDnlButton { float: left; width: 66px; height: 29px; overflow: hidden; } .prodDnlButton a, .prodDnlButton a:active, .prodDnlButton a:visited { display: block; width: 66px; height: 29px; background: url(img/layoutimages/download_btn.gif) 0px -29px; } .prodDnlButton a:hover { background-position: 0px 0px; text-decoration: none; } .treeNode td { font-size: 12px; color: #777777; font-weight: bold; } .treeNode { cursor: pointer; cursor: hand; } .treeNode .plus_minus { width: 9px; height: 9px; } .treeNodeContent { padding: 0px 0px 0px 30px; background: url(img/layoutimages/timg_t.gif) no-repeat 20px 0px; } .treeNodeContent a, .treeNodeContent a:active, .treeNodeContent a:visited { display: block; padding-left: 18px; line-height: 16px; background: url(img/contentimages/sidebar-grey-icon.gif) no-repeat 0px 0px; overflow: hidden; font-size: 11px; font-weight: normal; color: #5b5b5b; } .treeNodeContent a:hover { background: url(img/contentimages/sidebar-blue-icon.gif) no-repeat 0px 0px; color: #014897; text-decoration: underline; }