/* Copyright Systems2win Customers that edit this style sheet will be charged the Systems2win regular hourly billing rate to troubleshoot. Only edit if you really know what you're doing, And COMMENT every change */ /* Max image width is 780px. Sidepad 218px.*/ html {margin-left:-40px;margin-right:-40px;} body {font-family: Arial, Helvetica, sans-serif;font-size:100%;color: #000000;background-color:#BCBCBC;margin:0px;padding:0px;min-width:1094px;} /*COLUMNS*/ #column-wrapper {margin:0 auto;width:1014px;background-color:#E4E4E4;*/color:#000000;-moz-border-radius:10px;-webkit-border-radius:10px;} #columns-top {background-image: url(../images/tabs/tab-on.jpg);background-repeat:repeat-x;height:0px;} #column-leftback {width:1014px;background:url(../images/components/sidebar-background.gif) top left repeat-y;} #column-rightback {width:1014px;background:url(../images/components/sidebar-background.gif) top right repeat-y;} /* Top image Right and left side bar */ #column-leftback #column-left #leftbox {background-image: url(../images/components/top.jpg); background-repeat: no-repeat;} #column-rightback #column-right #rightbox {background-image: url(../images/components/top.jpg); background-repeat: no-repeat;} #column-left, #mainbox, #column-right {width:218px;margin-right:0px;float:left;-moz-border-radius:10px;-webkit-border-radius:10px;} /* Specify smallest mainbox width here - and then override in the dwt */ #mainbox {width:578px;background-color:#FFFFFF;min-height:800px;} #columns-bottom {clear:both;background-color:#E4E4E4;background-image:none;background-repeat:no-repeat;height:12px;font-size:0px;} #footer-wrapper { display:block; width:1094px; text-align:center; margin-top: 0; margin-bottom: 0; margin-left: auto; background-image: url(../images/components/footer.png); background-position: left bottom; height: 150px; padding-top: 50px; margin-right: auto; background-repeat: repeat-y; } #footer-links {margin-bottom:5px;padding:5px;text-align:center;font-size:14px;} #footer-links a {color:#000000;text-decoration:none;} #footer-links a:hover {color:#CC0000;text-decoration:underline;} #footer-address {margin-top:5px;margin-bottom:50px;padding:5px;text-align:center;font-size:12px;color:#000066;} #footer-address a {color:#000066;text-decoration:underline;} /* ------------------- CSS FOR LAYOUT, STRUCTURE AND LOOK -------------------------- */ p,blockquote,td { padding: 0 10px 0 0; margin-top: 6px; /*only works if margin-bottom on preceding paragraph is lower */ margin-bottom:6px; /*only works if margin-top on following paragraph is lower */ } ul, ol { padding: 0px 10px 0px 5px; font-size: 14px; margin-left: 30px; /*Firefox needs left margin specified */ margin-top: 4px; /*only works if margin-bottom on preceding paragraph is lower */ margin-bottom:6px; /*only works if margin-top on following paragraph is lower */ } #rightbox ul, #rightbox-top ul, #leftbox ul, #leftbox top ul, #rightbox ol, #rightbox-top ol, #leftbox ol, #leftbox top ol {padding: 0px 0px 0px 0px;} li {padding: 3px 0px 3px 0px;} .p7epm_trigs li {padding: 0px 0px 0px 0px;} /* Elevator Panels need to override default settings */ /* Specify headers here - for browser compatibility */ h1 {font-size:36px;line-height:normal;text-shadow:0 1px 1px #334d66;margin:12px 0 12px;} h2 {font-size:30px;margin:18px 0 10px;} h3 {font-size:24px;margin:18px 0 10px;} h4 {font-size:20px;margin:14px 0 10px;} h5 {font-size:16px;margin:14px 0 10px;} h6 {font-size:14px;margin:14px 0 10px;} h1, h2, h3, h4, h5, h6 {color: #000066;} h1.header-between-menus {font-size:30px;color:#CC0000;margin-top:0px;margin-bottom:0px;padding-left:2px;} h1.pageheader {margin-top:0px;margin-bottom: 10px;} h1.topheading {margin:0 6px 5px 6px;} p.header-between-menus {font-size:12px;margin-top:0px;margin-bottom:0px;} blockquote {margin-left:30px;} /* Specifying padding at the id level disables the ability to apply classes to override padding at the element level - but CAN override margins at the element level - which has the same effect */ .content {padding:8px 8px;font-size:14px;line-height:normal;} /* .sidepad is only found in addition to .content - never alone. */ .sidepad {padding:8px 15px 8px 15px;} /* padding:8px 15px 8px 15px; */ .sidepad p {padding-right:0;} /* Rarely used for code snippets displayed in HTML */ pre {font-family:monospace;} pre strong {color:#000000;} /*Default Link Styles - unless overridden */ a:link {color: #000066;} /* same dark blue as headers */ a:visited {color: #993300;} /* brown */ a:hover {color: #CC0000; text-decoration:none;} /* red */ a:active {color:#CC0000;} /* red */ img {border:none;} hr {color:#175AA0;background:#175AA0; width:100%; height:4px; margin:35px auto 20px auto;} #footer-wrapper hr {width:80%;} .linklist hr {margin:6px auto 6px auto; color:#006; background:#006; height:1px;} /* Page Structure, Wrappers */ #page-wrapper {margin:0;} #grey-gradation {display:block;min-height:800px; background: url(../images/components/grey-gradation.jpg) top left repeat-x;} #logo-bg {background-image: url(../images/components/logo-bg.png); display:block; min-height:1000px; background-repeat: no-repeat; background-position: left top; background-attachment: fixed;} #top-nav-outer-wrap {background-image: url(../images/components/page-bg.png); display:block; min-height:800px; width:1094px; background-repeat: repeat-y; background-position: left top; margin-top:0; margin-right:auto; margin-bottom:0; margin-left:auto;} #top-navbar {display:block;/*width:994px;*/width:1014px;margin:0 auto;} /* Structure of Top Ribbon Banner */ #top-blue-ribbon {display:block;height:142px;background: url(../images/components/top-blue-ribbon.png) top left repeat-x;} #top-right-ribbon-shadow {display:block; height:142px; width:1094px; margin:0 auto; background: url(../images/components/top-right-ribbon-shadow.png) top right no-repeat;} #top-left-ribbon-shadow {display:block; height:142px; width:1094px; margin:0 auto; background: url(../images/components/top-left-ribbon-shadow.png) top left no-repeat;} #top-transparent-ribbon {display:block; height:142px; width:1054px; margin:0 auto; background: url(../images/components/top-transparent-ribbon.jpg) top left repeat-x;} /* System2win Logo in Top Ribbon Banner Left */ #top-logo {float:left;display:block;height:142px;width:427px;margin-left:15px;background: url(../images/components/top-logo.jpg) top left no-repeat;} /* Top Right Banner Image - if has */ #top-right-image {float:right;display:block;height:142px;width:494px;margin-right:0;} /* Search and Links in Top Ribbon Banner Right - if has */ #top-links-search {float:right;display:block;height:142px;width:427px;margin-right:35px;} #top-links {margin-bottom:5px;padding-top:5px;padding-right:5px;text-align:right;font-size:14px;color:#666} #top-links a {color:#000000;text-decoration:none;} #top-links a:hover {color:#CC0000;text-decoration:underline;} #top-search {text-align:right;} #top-search input {font-size:12px;color:#000066;background-color:#F1F4F9;border:1px solid #000066;} #top-search-field {width:170px;padding:2px;font-size:14px;} #top-search-submit {padding:1px 5px 1px 5px;font-weight:bold;vertical-align:middle;} #top-search-submit:hover {color:#FFFFFF;background-color:#000066;} /* If we want to use a Search button - make one with height 20px*/ /*#top-search-submit { background-image: url(../images/banners/search.jpg); height:23px; width:72px; display:block; background-repeat: no-repeat; background-position: 0 0;} #top-search-submit:hover{background-position: 0 -23px;} #top-search-submit span{display: none;}*/ /* Here works: Megavator Dropdown Menu CSS from /js/epm1/p7EPM01.css */ /* Action Button Table between Dropdown Menu and Elevator Panel - if has */ #header-and-graphics {display:block;height:40px;background: url(../images/components/action-header-splint.jpg) top left repeat-x;border:1px solid #FFFFFF;} #header-and-graphics table {width:1014px;border:none;} #header-and-graphics td {padding:0;border:none;} #header-and-graphics td.action-graphic {width:319px;} #header-and-graphics td img {padding:0;margin:-2px 0 0 0;height:38px;border:none;} #header-and-graphics td a {padding:0;margin:0;} /* ---------------- CSS for using Tables in maincontent ------------------- */ #maincontent table {width:100%;} /* Default is for table to have no border */ #maincontent td {padding:10px; vertical-align:top;} /* Requires inline style (not class) to overrride */ #maincontent td.bg-cream {background-color:#FFEE99;} #maincontent th { /* Paragraphs or headings within table headings will override default padding & margins */ /* text-align: left; */ vertical-align:middle; padding: 6px; font-size: 18px; font-weight: bold; color: #000066; background-color: #FFEE99; } #maincontent th.fwnormal {font-weight: normal;} #maincontent th.thsmall {font-weight: normal; font-size: 12px;} /* --------- Special types of tables --------------*/ #maincontent table.borderdouble {margin-top:12px;margin-bottom:6px;background-color:#FFFFFF;} #maincontent table.borderdouble, #maincontent table.borderdouble th, #maincontent table.borderdouble td {border:3px double gray;border-collapse:collapse;} /*gray*/ #maincontent table.tablesinglecell1 { border:3px double gray; border-collapse:collapse; background-color:#FFEE99; /* cream. can override color at the td level */ width: 90%; margin-left:auto; margin-right:auto; } #maincontent table.tablesinglecell2 { border:3px double gray; border-collapse:collapse; background-color:#DDEEFF; /* blue. can override color at the td level */ width: 90%; margin-left:auto; margin-right:auto; } /* --------- Tables with Backdrop images --------------*/ #maincontent table.BD475 {background-image: url(../images/backdrops/BD475.jpg); width:475px; border-collapse:collapse; background-repeat:no-repeat; left:15px; margin-left:auto; margin-right:auto;} #maincontent table.BD475 td {padding-left:15px;} #maincontent table.BD475 ul {margin-left:10px;padding-left:10px;} #maincontent table.BD750 {background-image: url(../images/backdrops/BD750.jpg); width:750px; border-collapse:collapse; background-repeat:no-repeat; left:15px; margin-left:auto; margin-right:auto;} /* For long TOC: style="background-image: url(../images/backdrops/BD750long.jpg)"*/ #maincontent table.BD750 td {padding-left:15px;} #maincontent table.BD750 ul {margin-left:10px;padding-left:20px;} #maincontent table.BDmovie-table {background-image: url(../images/backdrops/BDmovie-table.jpg); width:780px; border-collapse:collapse; background-repeat:no-repeat; left:15px; margin-left:auto; margin-right:auto;} #maincontent table.BDmovie-table td {padding-top:30px; padding-left:25px;} #maincontent table.BDmovie-table ul {margin-left:10px;padding-left:20px;} /* ------------------- Feature & Benefits table ------------------------- */ #FBnonediv {padding-left:200px;} /* Wrap FBtable in this div on none.dwt */ /* FBtable must have cellspacing="0", because border-spacing isn't supported by many browsers */ #FBtable {width:780px; background-image: url(../images/backdrops/BDFB.jpg); background-repeat: no-repeat; background-position: 0 25px;border-collapse:collapse;} #FBtable th {text-align:right; background:none; font-size:36px; padding-right:40px;} #FBtable tr .FBblueline {padding-right:40px; margin-right:40px;} .FBblueline {border-bottom-width:thin; border-bottom-style:solid; border-bottom-color:#6A9FD5; text-align:right; font-size:16px; vertical-align:middle;} /* Approach 1: Requires a space for background image to appear */ .FBgreyline {border-bottom-width:thin; border-bottom-style:solid; border-bottom-color:#666; background-image: url(../images/misc/check-mark.png); width:49px; background-repeat:no-repeat; background-position:center;} /* Approach 2: Requires image in each cell - and the image can't be easily copied */ /* .FBgreyline {border-bottom-width: thin; border-bottom-style: solid; border-bottom-color: #666;} .FBgreyline img {position:relative; left:15px; vertical-align:middle;} */ /* -------------------------------------------------------------- */ /* Here works: Elevator Panels Menu CSS from PVII /js/epm1/p7EPM01.css */ /* Here works: C06.CSS */ /* -------------------------------------------------------------- */ /* Photo-Quote Image Rotator with Captions */ #photo-quotes {background-color:#FFFFFF;color:#000066;} #photo-quotes a {text-decoration:none;} #photo-quotes a:hover {color:#CC0000;text-decoration:underline;} #r1 {border-top:1px solid #000066;border-bottom:1px solid #000066;}/* placeholder image in html */ /* @@@ unused??? #img_caption {padding:7px;text-align:center;font-style:italic;} #img_caption p {margin-top:5px;margin-bottom:0px;padding:0px 7px 0px 7px;} #img_caption p span {display:block;padding-bottom:5px;font-size:11px;text-align:right;font-style:italic;}*/ /* Ajax PhotoRotator - Sidebar */ #ajaxticker1{width:204px;height:300px;padding:0px;background: #FFFFFF url(../images/PhotoRotator/ajaxbg.gif) top left repeat-y;} #ajaxticker1 div{ /*IE6 bug fix when bold text and fade effect enabled. Inner DIV and outer DIV must be same color*/ background: #FFFFFF url(../images/PhotoRotator/ajaxbg.gif) top left repeat-y;} #ajaxticker1 div.message{padding:0px;} #ajaxticker1 .pmessage{padding-top:0px;padding-right:0px;padding-bottom:10px;padding-left:0px; margin:5px 8px 0px 8px; font-size:12px; text-align:center; font-weight:bold; font-style:italic;} #ajaxticker1 .pmessage em {display:block; font-size:11px; font-weight:bold; font-style:normal; text-align:right;} /* Ajax Rotator - PhotoQuotes Wide */ #ajaxtickerPhotoQuotes{height:146px;padding:0px;background-color:#FFFFFF;} #ajaxtickerPhotoQuotes div{ /*IE6 bug fix when bold text and fade effect enabled. Inner DIV and outer DIV must be same color*/ background-color:#FFFFFF;} #ajaxtickerPhotoQuotes div.message{padding:0px;text-align:center;} /* Styles used for pop-up windows */ .external {background :transparent url(../js/popup/ext.gif) no-repeat right center; padding-right:12px;} .popup {background :transparent url(../js/popup/pop.gif) no-repeat right center;padding-right:14px;} /* ------- Training Menu in left sidebar -------- */ #training-menu { margin-top: 6px; margin-right: 12px; margin-bottom: 0px; margin-left: 20px; } #training-menu ul { margin:0px; padding:0px; list-style-type:none; } #training-menu li { margin:0px; padding:0px; list-style-type:none; background-repeat: no-repeat; } #training-menu a { height:25px; display:block; font-size:12px; font-weight:bold; text-decoration:none; color:#FFFFFF; border-bottom:1px dotted #FFFFFF; background-image: url(../images/menus/left-button.jpg); background-repeat: no-repeat; background-position: left top; padding-top: 3px; padding-right: 8px; padding-bottom: 3px; padding-left: 8px; } #training-menu a:hover { background-image:url(../images/menus/left-over.jpg); text-decoration:none; color:#FFCC2A; /* Same color of Gold used in Action buttons */ background-repeat: no-repeat; } /* Various Classes */ .pad1px-topbottom {padding:1px 0;} .pad2px-topbottom {padding:2px 0;} .pad3px-topbottom {padding:3px 0;} .pad5px-topbottom {padding:5px 0;} .pad6px-topbottom {padding:6px 0;} .pad7px-topbottom {padding:7px 0;} .pad8px-topbottom {padding:8px 0;} .pad10px-topbottom {padding:10px 0;} .pad2px-leftright {padding:0 2px;} .boxpadding {padding:10px;} div.spacing12pixels {display:block;margin:0px;padding:0px;line-height:normal;} .navlistheader { border-top:solid thin #006; border-bottom:solid thin #006; text-align:center; color: #000066; font-size:14px; font-weight:bold; } /* ------------------------------ ROLL OVER SIDEBAR ACTION BUTTONS -------------------------------- */ /* max width:188, unless negative margins */ /* Upgrade blue */ #actionupgradeblue {background-image: url(../images/actionsidebar/upgrade-blue.png); height:35px; width:204px; margin-left:-8px; margin-right:-8px; display:block; background-repeat: no-repeat; background-position: 0 0;} #actionupgradeblue:hover {background-position: 0 -35px;} #actionupgradeblue span {display: none;} /* Upgrade red */ #actionupgradered {background-image: url(../images/actionsidebar/upgrade-red.png); height:35px; width:204px; margin-left:-8px; margin-right:-8px; display:block; background-repeat: no-repeat; background-position: 0 0;} #actionupgradered:hover {background-position: 0 -35px;} #actionupgradered span {display: none;} /* Order Now blue */ #actionorderblue {background-image: url(../images/actionsidebar/order-blue.png); height:35px; width:204px; margin-left:-8px; margin-right:-8px; display:block; background-repeat: no-repeat; background-position: 0 0;} #actionorderblue:hover {background-position: 0 -35px;} #actionorderblue span {display: none;} /* Order Now gold */ #actionordergold {background-image: url(../images/actionsidebar/order-gold.png); height:35px; width:204px; margin-left:-8px; margin-right:-8px; display:block; background-repeat: no-repeat; background-position: 0 0;} #actionordergold:hover {background-position: 0 -35px;} #actionordergold span {display: none;} /* Order Now red */ #actionorderred {background-image: url(../images/actionsidebar/order-red.png); height:35px; width:204px; margin-left:-8px; margin-right:-8px; display:block; background-repeat: no-repeat; background-position: 0 0;} #actionorderred:hover {background-position: 0 -35px;} #actionorderred span {display: none;} /* Follow blue */ #actionfollowblue {background-image: url(../images/actionsidebar/follow-blue.png); height:35px; width:204px; margin-left:-8px; margin-right:-8px; display:block; background-repeat: no-repeat; background-position: 0 0;} #actionfollowblue:hover {background-position: 0 -35px;} #actionfollowblue span {display: none;} /* Recommend blue (Share) */ #actionrecommendblue {background-image: url(../images/actionsidebar/recommend-blue.png); height:35px; width:204px; margin-left:-8px; margin-right:-8px; display:block; background-repeat: no-repeat; background-position: 0 0;} #actionrecommendblue:hover {background-position: 0 -35px;} #actionrecommendblue span {display: none;} /* Tell a Colleague blue */ #actiontellblue {background-image: url(../images/actionsidebar/tell-a-colleague-blue.png); height:35px; width:204px; margin-left:-8px; margin-right:-8px; display:block; background-repeat: no-repeat; background-position: 0 0;} #actiontellblue:hover {background-position: 0 -35px;} #actiontellblue span {display: none;} /* Tell a Colleague gold */ #actiontellgold {background-image: url(../images/actionsidebar/tell-a-colleague-gold.png); height:35px; width:204px; margin-left:-8px; margin-right:-8px; display:block; background-repeat: no-repeat; background-position: 0 0;} #actiontellgold:hover {background-position: 0 -35px;} #actiontellgold span {display: none;} /* Tell a Colleague red */ #actiontellred {background-image: url(../images/actionsidebar/tell-a-colleague-red.png); height:35px; width:204px; margin-left:-8px; margin-right:-8px; display:block; background-repeat: no-repeat; background-position: 0 0;} #actiontellred:hover {background-position: 0 -35px;} #actiontellred span {display: none;} /* Download Free Trial blue */ #actiontrialblue {background-image: url(../images/actionsidebar/free-trial-blue.png); height:35px; width:204px; margin-left:-8px; margin-right:-8px; display:block; background-repeat: no-repeat; background-position: 0 0;} #actiontrialblue:hover {background-position: 0 -35px;} #actiontrialblue span {display: none;} /* Download Free Trial gold */ #actiontrialgold {background-image: url(../images/actionsidebar/free-trial-gold.png); height:35px; width:204px; margin-left:-8px; margin-right:-8px; display:block; background-repeat: no-repeat; background-position: 0 0;} #actiontrialgold:hover {background-position: 0 -35px;} #actiontrialgold span {display: none;} /* Download Free Trial red */ #actiontrialred {background-image: url(../images/actionsidebar/free-trial-red.png); height:35px; width:204px; margin-left:-8px; margin-right:-8px; display:block; background-repeat: no-repeat; background-position: 0 0;} #actiontrialred:hover {background-position: 0 -35px;} #actiontrialred span {display: none;} /* Join Free Webinar blue */ #actionwebinarblue {background-image: url(../images/actionsidebar/free-webinar-blue.png); height:35px; width:204px; margin-left:-8px; margin-right:-8px; display:block; background-repeat: no-repeat; background-position: 0 0;} #actionwebinarblue:hover {background-position: 0 -35px;} #actionwebinarblue span {display: none;} /* Join Free Webinar gold */ #actionwebinargold {background-image: url(../images/actionsidebar/free-webinar-gold.png); height:35px; width:204px; margin-left:-8px; margin-right:-8px; display:block; background-repeat: no-repeat; background-position: 0 0;} #actionwebinargold:hover {background-position: 0 -35px;} #actionwebinargold span {display: none;} /* Schedule Conference blue */ #actionconferenceblue {background-image: url(../images/actionsidebar/conference-blue.png); height:35px; width:204px; margin-left:-8px; margin-right:-8px; display:block; background-repeat: no-repeat; background-position: 0 0;} #actionconferenceblue:hover {background-position: 0 -35px;} #actionconferenceblue span {display: none;} /* Schedule Conference gold */ #actionconferencegold {background-image: url(../images/actionsidebar/conference-gold.png); height:35px; width:204px; margin-left:-8px; margin-right:-8px; display:block; background-repeat: no-repeat; background-position: 0 0;} #actionconferencegold:hover {background-position: 0 -35px;} #actionconferencegold span {display: none;} /* Join Free Webinar red */ #actionwebinarred {background-image: url(../images/actionsidebar/free-webinar-red.png); height:35px; width:204px; margin-left:-8px; margin-right:-8px; display:block; background-repeat: no-repeat; background-position: 0 0;} #actionwebinarred:hover {background-position: 0 -35px;} #actionwebinarred span {display: none;} /* ------------------------------ ROLL OVER VIDEOS -------------------------------- */ /* max width:188, unless negative margins */ /* Transparent Video */ #videolauncher {background-image: url(../images/videolaunchers/videolauncher-transparent.png); height:149px; width:190px; margin-left:-1px; margin-right:-1px; display:block; background-repeat: no-repeat; background-position: 0 0;} #videolauncher:hover {background-position: 0 -149px;} #videolauncher span {display: none;} /* ------------------------------ LARGE ROLL OVERS -------------------------------- */ /* Own Them Click */ #lg-ownthemclick {background-image: url(../images/action-lg/ownthemclick-lg.jpg); height:200px; width:350px; display:block; background-repeat: no-repeat; background-position: 0 0;} #lg-ownthemclick:hover {background-position: 0 -200px;} #lg-ownthemclick span {display: none;} /* Own Them Redhead */ #lg-ownthemredhead {background-image: url(../images/action-lg/ownthem-redhead-lg.jpg); height:200px; width:350px; display:block; background-repeat: no-repeat; background-position: 0 0;} #lg-ownthemredhead:hover {background-position: 0 -200px;} #lg-ownthemredhead span {display: none;} /* ------------------------------ BANNER ROLLOVERS -------------------------------- */ /* Own Them */ #banner-ownthem {background-image: url(../images/banners/banner-ownthem.jpg); height:122px; width:494px; display:block; background-repeat: no-repeat; background-position: 0 0;} #banner-ownthem:hover {background-position: 0 -122px;} #banner-ownthem span {display: none;} /* ------------------------------ ROLL OVER BURSTS -------------------------------- */ /* Money Back Guarantee */ #guaranteeburst115 {background-image: url(../images/bursts/guaranteeburst115.png); height: 115px; width: 115px; display: block; background-repeat: no-repeat; background-position: 0 0;} #guaranteeburst115:hover {background-position: 0 -115px;} #guaranteeburst115 span {display: none;} /* Money Back Guarantee */ #guaranteeburst70 {background-image: url(../images/bursts/GuaranteeBurst70.png); height:70px; width:70px; display:block; background-repeat: no-repeat; background-position: 0 0;} #guaranteeburst70:hover{background-position: 0 -70px;} #guaranteeburst70 span {display: none;} /* Try Them Free Trials */ #trythemburst115 {background-image: url(../images/bursts/trythemburst115.png); height:115px; width:115px; display:block; background-repeat: no-repeat; background-position: 0 0;} #trythemburst115:hover {background-position: 0 -115px;} #trythemburst115 span {display: none;} /* Download Free Trials */ #freetrialsburst115 {background-image: url(../images/bursts/freetrialsburst115.png); height:115px; width:115px; display:block; background-repeat: no-repeat; background-position: 0 0;} #freetrialsburst115:hover {background-position: 0 -115px;} #freetrialsburst115 span {display: none;} /* Download Free Trials */ #freetrialsburst70 {background-image: url(../images/bursts/freetrialsburst70.png); height:70px; width:70px; display:block; background-repeat: no-repeat; background-position: 0 0;} #freetrialsburst70:hover {background-position: 0 -70px;} #freetrialsburst70 span {display: none;} /* View Demos & Training */ #demoburst115 {background-image: url(../images/bursts/ViewDemosBurst115.png); height:115px; width:115px; display:block; background-repeat: no-repeat; background-position: 0 0;} #demoburst115:hover {background-position: 0 -115px;} #demoburst115 span {display: none;} /* View Free Videos */ #videoburst115 {background-image: url(../images/bursts/videoburst115.png); height:115px; width:115px; display:block; background-repeat: no-repeat; background-position: 0 0;} #videoburst115:hover {background-position: 0 -115px;} #videoburst115 span {display: none;} /* Free Videos */ #videoburst70 {background-image: url(../images/bursts/videoburst70.png); height:70px; width:70px; display:block; background-repeat: no-repeat; background-position: 0 0;} #videoburst70:hover {background-position: 0 -70px;} #videoburst70 span {display: none;} /* Learn More */ #learnmoreburst50 {background-image: url(../images/bursts/LearnMoreBurst50.png); height:50px; width:50px; display:block; background-repeat: no-repeat; background-position: 0 0;} #learnmoreburst50:hover {background-position: 0 -50px;} #learnmoreburst50 span {display: none;} /* Free Training */ #freetrainingburst50 {background-image: url(../images/bursts/FreeTrainingBurst50.png); height:50px; width:50px; display:block; background-repeat: no-repeat; background-position: 0 0;} #freetrainingburst50:hover {background-position: 0 -50px;} #freetrainingburst50 span {display: none;} /* Add to Cart */ #addtocartburst50 {background-image: url(../images/bursts/AddToCartBurst50.png); height:50px; width:50px; display:block; background-repeat: no-repeat; background-position: 0 0;} #addtocartburst50:hover {background-position: 0 -50px;} #addtocartburst50 span {display: none;} /* Add to Cart */ #addtocartburst34 {background-image: url(../images/bursts/AddToCartBurst34.png); height:30px; width:34px; display:block; background-repeat: no-repeat; background-position: 0 0;} #addtocartburst34:hover {background-position: 0 -30px;} #addtocartburst34 span {display: none;} /* Order Now */ #ordernowburst50 {background-image: url(../images/bursts/OrderNowBurst50.png); height:50px; width:50px; display:block; background-repeat: no-repeat; background-position: 0 0;} #ordernowburst50:hover {background-position: 0 -50px;} #ordernowburst50 span {display: none;} /* Order Now */ #ordernowburst34 {background-image: url(../images/bursts/OrderNowBurst34.png); height:30px; width:34px; display:block; background-repeat: no-repeat; background-position: 0 0;} #ordernowburst34:hover {background-position: 0 -30px;} #ordernowburst34 span {display: none;} /* Own Them Now */ #ownthemburst70 {background-image: url(../images/bursts/OwnThemBurst70.png); height:70px; width:70px; display:block; background-repeat: no-repeat; background-position: 0 0;} #ownthemburst70:hover{background-position: 0 -70px;} #ownthemburst70 span {display: none;} /* Own Them Now */ #ownthemburst115 {background-image: url(../images/bursts/OwnThemBurst115.png); height:115px; width:115px; display:block; background-repeat: no-repeat; background-position: 0 0;} #ownthemburst115:hover {background-position: 0 -115px;} #ownthemburst115 span {display: none;} /* Steep Quantity Discounts */ #steepburst70 {background-image: url(../images/bursts/SteepBurst70.png); height:70px; width:70px; display:block; background-repeat: no-repeat; background-position: 0 0;} #steepburst70:hover{background-position: 0 -70px;} #steepburst70 span {display: none;} /* Steep Quantity Discounts */ #steepburst115 {background-image: url(../images/bursts/SteepBurst115.png); height:115px; width:115px; display:block; background-repeat: no-repeat; background-position: 0 0;} #steepburst115:hover {background-position: 0 -115px;} #steepburst115 span {display: none;} /* Empower EVERY Team Member */ #empowerburst115 {background-image: url(../images/bursts/EmpowerBurst115.png); height:115px; width:115px; display:block; background-repeat: no-repeat; background-position: 0 0;} #empowerburst115:hover{background-position: 0 -115px;} #empowerburst115 span {display: none;} /* Empower EVERY Team Member */ #empowerburst70 {background-image: url(../images/bursts/EmpowerBurst70.png); height:70px; width:70px; display:block; background-repeat: no-repeat; background-position: 0 0;} #empowerburst70:hover{background-position: 0 -70px;} #empowerburst70 span {display: none;} /* See What's New */ #whatsnewburst115 {background-image: url(../images/bursts/WhatsNewBurst115.png); height:115px; width:115px; display:block; background-repeat: no-repeat; background-position: 0 0;} #whatsnewburst115:hover{background-position: 0 -115px;} #whatsnewburst115 span {display: none;} /* Whats New */ #whatsnewburst70 {background-image: url(../images/bursts/WhatsNewBurst70.png); height:70px; width:70px; display:block; background-repeat: no-repeat; background-position: 0 0;} #whatsnewburst70:hover {background-position: 0 -70px;} #whatsnewburst70 span {display: none;} /* Whats New */ #whatsnewburst50 {background-image: url(../images/bursts/WhatsNewBurst50.png); height:50px; width:50px; display:block; background-repeat: no-repeat; background-position: 0 0;} #whatsnewburst50:hover {background-position: 0 -50px;} #whatsnewburst50 span {display: none;} /* Attend Free Webinar */ #webinarburst115 {background-image: url(../images/bursts/WebinarBurst115.png); height:115px; width:115px; display:block; background-repeat: no-repeat; background-position: 0 0;} #webinarburst115:hover {background-position: 0 -115px;} #webinarburst115 span {display: none;} /* New */ #newburst34 {background-image: url(../images/bursts/NewBurst34.png); height:30px; width:34px; display:block; background-repeat: no-repeat; background-position: 0 0;} #newburst34:hover {background-position: 0 -30px;} #newburst34 span {display: none;} /* Earn Money as an Affiliate */ #earnmoneyburst115 {background-image: url(../images/bursts/EarnMoneyBurst115.png); height:115px; width:115px; display:block; background-repeat: no-repeat; background-position: 0 0;} #earnmoneyburst115:hover{background-position: 0 -115px;} #earnmoneyburst115 span {display: none;} /* ------------------------------ ROLL OVER ACTION HEADER -------------------------------- */ /* Guarantee */ #AHguarantee {background-image: url(../images/action-header/AHguarantee.jpg); height:38px; width:319px; display:block; background-repeat: no-repeat; background-position: 0 0;} #AHguarantee:hover {background-position: 0 -39px;} #AHguarantee span {display: none;} /* Attend Free Webinar */ #AHwebinar {background-image: url(../images/action-header/AHwebinar.jpg); height:38px; width:319px; display:block; background-repeat: no-repeat; background-position: 0 0;} #AHwebinar:hover {background-position: 0 -39px;} #AHwebinar span {display: none;} /* Renew Annual Maintenance */ #AHRenewAM {background-image: url(../images/action-header/AHRenewAM.jpg); height:38px; width:319px; display:block; background-repeat: no-repeat; background-position: 0 0;} #AHRenewAM:hover {background-position: 0 -39px;} #AHRenewAM span {display: none;} /* Add More Users or Tools */ #AHAddMore {background-image: url(../images/action-header/AHAddMore.jpg); height:38px; width:319px; display:block; background-repeat: no-repeat; background-position: 0 0;} #AHAddMore:hover {background-position: 0 -39px;} #AHAddMore span {display: none;} /* QuickStart Training */ #AHQuickStart {background-image: url(../images/action-header/AHQuickStart.jpg); height:38px; width:319px; display:block; background-repeat: no-repeat; background-position: 0 0;} #AHQuickStart:hover {background-position: 0 -39px;} #AHQuickStart span {display: none;} /* Order Templates Today */ #AHOrder {background-image: url(../images/action-header/AHOrder.jpg); height:38px; width:319px; display:block; background-repeat: no-repeat; background-position: 0 0;} #AHOrder:hover {background-position: 0 -39px;} #AHOrder span {display: none;}