/*body 1em = 10px by "font-size:10px"*/ body{ margin-top:0px; margin-bottom:0px; background-image:url(../media/pageBackground.gif); background-repeat:repeat; font-size:10px;} /* Base Styles */ #pageDiv{ font-family:Arial, sans-serif; font-size:1.2em; color:#666666; margin:0 auto; width:800px; background-color:#FFFFFF; padding-right:10px; padding-left:10px;} #pageDiv a {color:#0077ee; cursor:pointer;} #pageDiv a:link {color:#0077ee} #pageDiv a:visited {color:#0077ee} #pageDiv a:hover {color:#77ee00} #pageDiv a:active {color:#77ee00} #pageDiv img {border:none; margin:0px; padding:0px;} /* Header */ #pageDiv #headerTopMargin{height:3px; width:800px} #pageDiv #headerLogo {width:800px; margin-bottom:6px;} #pageDiv img.headerNavImg {float:left} #pageDiv #headerNav {float: left; color:#FFFFFF; width:790px; margin-bottom:6px; text-transform:uppercase; background-image:url(../media/navBackground.gif); background-repeat:repeat-x;} #pageDiv #headerNav a {color:#FFFFFF; font-weight:bold; margin-right:0px; margin-left:0px; padding-left:10px; padding-right:10px; text-decoration:none} #pageDiv #headerNav a {} #pageDiv #headerNav a:link {color:#FFFFFF; font-weight:bold;} #pageDiv #headerNav a:visited {color:#FFFFFF; font-weight:bold;} #pageDiv #headerNav a:hover {color:#ffffff; font-weight:bold; background-color:#73e500} #pageDiv #headerNav a:active {color:#ffffff; font-weight:bold;} #pageDiv #headerBanner{margin-top:2px; padding:5px; background-image:url(../media/banner01.jpg); background-repeat:no-repeat; width:800px; height:300px;} #pageDiv #headerBanner #headerBannerContent{margin-top:15px; margin-left:15px; width:450px; height:230px;} #pageDiv #headerBanner #headerBannerTitle{font-size:18px;} #pageDiv #headerBanner #headerBannerText{} #slideshow{border-left:1px solid #cccccc; border-right:1px solid #cccccc;} /* The slides are wrapped in a container div with id slideshowSlides */ #slideshowSlides { width:100%;} /* Individual slides are wrapped in a span with class slideshowSlide */ .slideshowSlide {display:none} /* The individual slide span also has an id matching the slide number e.g., slideshowSlide1 or slideshowSlide2 #slideshowSlides span#slideshowSlide1 {display:inline} */ /* The navigation is wrapped in a div called slideshowNavigation */ #slideshowNavigation {width:100%; border-top:1px solid #e5e5e5; padding-top:5px; padding-bottom:5px} #slideshowNavigation a{padding:5px;} #pageDiv #slideshowNavigation a:link{text-decoration:none; font-weight:bold;} #pageDiv #slideshowNavigation a:visited {text-decoration:none} #pageDiv #slideshowNavigation a:hover {text-decoration:none; color:#ffffff; background-color:#0077ee} #pageDiv #slideshowNavigation a:active {text-decoration:none} #banner2{background-image:url(../media/SecureBanner.jpg); background-repeat:no-repeat; width:100%; height:303px} #banner2_links{margin-left:285px} #pageDiv #banner2 a{font-size:20px;} #pageDiv #banner2 a:link{text-decoration:none;} #pageDiv #banner2 a:visited {text-decoration:none} #pageDiv #banner2 a:hover {text-decoration:none; color:#ffffff; background-color:#0077ee} #pageDiv #banner2 a:active {text-decoration:none} /*#pageDiv #banner a{text-decoration:none} #pageDiv #banner1 a:link{text-decoration:none} #pageDiv #banner1 a:visited {text-decoration:none} #pageDiv #banner1 a:hover {text-decoration:none; color:#0077EE} #pageDiv #banner1 a:active {text-decoration:none} #banner1 div.plan{height:290px; width:265px; text-align:center; float:left} #banner1 div.plan span.plan_name{font-size:30px;} #banner1 div.plan div.dollar{font-size:60px;} #banner1 div.plan div.dollar span.dollar_sign{vertical-align:super; font-size:16px} #banner1 div.plan span.dollar_amount{}*/ #contentDiv{ margin-top:14px; margin-bottom:10px; width:800px;} /*Main Page*/ #contentDiv div.mpDivClear {clear:both} #contentDiv div.mpDiv {margin-bottom:30px;} #contentDiv #mpServicesHeader {background-image:url(../media/mpServicesHeaderLogo.gif); background-repeat:no-repeat; height:30px; margin-bottom:10px;} #contentDiv #mpTechnologiesHeader {background-image:url(../media/mpTechnologiesHeaderLogo.gif); background-repeat:no-repeat; height:30px; margin-bottom:10px;} #contentDiv #mpPo2Header {background-image:url(../media/mpPo2HeaderLogo.gif); background-repeat:no-repeat; height:30px; margin-bottom:10px;} #contentDiv #mpPricingHeader {background-image:url(../media/mpPricingHeaderLogo.gif); background-repeat:no-repeat; height:30px; margin-bottom:10px;} #contentDiv #mpRemoteSupportHeader {background-image:url(../media/mpRemoteSupportHeaderLogo.gif); background-repeat:no-repeat; height:30px; margin-bottom:10px;} #contentDiv #mpContactHeader {background-image:url(../media/mpContactHeaderLogo.gif); background-repeat:no-repeat; height:30px; margin-bottom:10px;} #contentDiv #mpClientIP {text-align:right} #contentDiv #mpLeftCol {float:left; width:255px; margin-right:17px;} #contentDiv #mpCenterCol {float:left; width:255px; margin-right:17px;} #contentDiv #mpRightCol {float:left; width:255px} #contentDiv div.mpDivContent { border-right:1px solid #cccccc; border-left:1px solid #cccccc; padding-left:15px; padding-right:25px;} #contentDiv div.mpDivContent a {text-decoration:none} /* Services, Technologies and Po2 Pages */ #contentDiv div.spDivClear {clear:both;} #contentDiv #spLeftCol {float:left; width:151px;} #contentDiv #spLeftCol #spNavTitle {background-image:url(../media/spNavTopBackground.gif); background-repeat:no-repeat; padding-top:5px; padding-bottom:4px;} #contentDiv #spLeftCol #spNavTitle a {font-size:14px; font-weight:bold; color:#FFFFFF; padding-left:10px; padding-bottom:7px; cursor:pointer; text-decoration:none} #contentDiv #spLeftCol #spNavContent {width:148px; border-left:1px solid #cccccc; border-right:1px solid #cccccc;} #contentDiv #spLeftCol a:link {text-decoration:none} #contentDiv #spLeftCol a:visited {text-decoration:none} #contentDiv #spLeftCol a:hover {text-decoration:underline} #contentDiv #spLeftCol a:active {text-decoration:underline} #contentDiv #spLeftCol div.spNavItem {padding-left: 10px; padding-bottom:12px; padding-top:12px; border-bottom:1px solid #eeeeee} #contentDiv #spCenterCol {float:left; width:635px; margin-left:13px;} #contentDiv #spCenterCol div.spCenterItem {} #contentDiv #spCenterCol div.spCenterItem div.spCenterItemContent {padding-left:20px; border-left:1px solid #cccccc; border-right:1px solid #cccccc} #contentDiv #spCenterCol div.spCenterItem div.spCenterItemContent div.spCenterItemCategory{font-size:10px; font-weight:bold; color:#999999; margin-bottom:10px;} #contentDiv #spCenterCol div.spCenterItem div.spCenterItemContent div.spCenterItemTitle {font-size:16px; font-weight:bold; color:#77ee00; margin-bottom:10px;} /* Services and Technologies, Po2 Main Page */ #contentDiv #spCenterCol div.spCenterItem div.spCenterItemContent div.spCenterItemText{text-align:justify} #contentDiv #spCenterCol div.spCenterItem div.spCenterItemContent div.spCenterItemGraphic{float:right; margin-top:20px; margin-left:30px; margin-right:30px; width:240px; height:365px} #contentDiv #spCenterCol div.spCenterItem div.spCenterItemContent div.spCenterItemGraphic img {margin-left:6px; margin-bottom:3px; padding:none;} /* Po2 Plan Pages */ #Po2_left_div {float:left; margin-right:10px;} #Po2_right_div {float:right;} #Po2_table {border-collapse:collapse; text-align:center} #Po2_table td.po2tabletitle {text-align:left} #Po2_table td {border-bottom:1px solid #efefef; width:120px} #Po2_table td.po2tabletitle {width:190px} #contentDiv #spCenterCol div.spCenterItem div.spCenterItemContent div.spPo2Text{text-align:justify; width:580px; margin-bottom:20px;} #contentDiv #spCenterCol div.spCenterItem div.spCenterItemContent div.spTitleRow {width:580px; font-weight:bold; border-bottom:1px solid #e6e6e6; padding-bottom:2px; padding-top:2px;} #contentDiv #spCenterCol div.spCenterItem div.spCenterItemContent div.spServiceRow {width:580px; border-bottom:1px solid #e6e6e6; padding-bottom:2px; padding-top:2px} #contentDiv #spCenterCol div.spCenterItem div.spCenterItemContent div.spServiceCol {float:left; width:260px;} #contentDiv #spCenterCol div.spCenterItem div.spCenterItemContent div.spPCPlanCol {float:left; width:80px; text-align:center} #contentDiv #spCenterCol div.spCenterItem div.spCenterItemContent div.spPlanCol {float:left; width:106px; text-align:center} /* Pricing, Contact, Remote Support Pages */ #contentDiv #sp800WideDiv {border-left:1px solid #cccccc; border-right:1px solid #cccccc; padding-left:15px; padding-right:15px;} #contentDiv #sp800WideDiv #spContentTitle {font-size:18px; color:#0077ee; font-weight:bold; margin-bottom:15px} /* Remote Support Page */ #contentDiv #sp800WideDiv #spRemoteControlSupport {float:left; width:500; padding-right:50px;} #contentDiv #sp800WideDiv #spRemoteControlSupport div.spRemoteSupportDescription {margin-bottom:15px;} #contentDiv #sp800WideDiv #spRemoteControlSupport div.spRemoteSupportStep {margin-bottom:10px;} #contentDiv #sp800WideDiv #spTrendMicro {float:left; padding-left:50px; border-left:1px solid #cccccc} /* Contact Page */ #contentDiv #sp800WideDiv #spContactError {padding-top:10px; font-size:18px; color:#77ee00} #contentDiv #sp800WideDiv #spContactForm {padding-top:30px;} #contentDiv #sp800WideDiv #spContactForm div.spContactLabel {width:250px; float:left; padding-bottom:2px;} #contentDiv #sp800WideDiv #spContactForm div.spContactTextInput {width:250px; float:left; padding-bottom:15px;} #contentDiv #sp800WideDiv #spContactForm input.spTextInput {color:#666666; background-color:#ffffff; padding-left:2px; border:1px solid #dddddd} #contentDiv #sp800WideDiv #spContactForm input.spTextInput:focus {color:#333333; background-color:#f6ffff; padding-left:2px; border:1px solid #aaaaaa} #contentDiv #sp800WideDiv #spContactForm textarea.spTextArea {color:#666666; background-color:#ffffff; padding-left:2px; padding-top:2px; border:1px solid #dddddd} #contentDiv #sp800WideDiv #spContactForm textarea.spTextArea:focus {color:#333333; background-color:#f6ffff; padding-left:2px; padding-top:2px; border:1px solid #aaaaaa} #contentDiv #sp800WideDiv #spContactForm input.spButton {font-size:10px; color:#666666; background-color:#f6f6f6; border:1px solid #cccccc} /* Pricing Page */ /* Left and Right margins plus width should total 600px */ #contentDiv #sp800WideDiv #spModCol {float:left; width:535px; margin-top:50px; margin-bottom:15px; margin-left:15px;} #contentDiv #sp800WideDiv #spModCol div.spPricingItem {padding-bottom:10px; padding-top:10px; border-top:1px solid #eeeeee} #contentDiv #sp800WideDiv #spModCol div.spPricingItem:hover {background-color:#fafafa} #contentDiv #sp800WideDiv #spModCol div.spPricingItem div.spPricingLabel {float:left; width:400px} #contentDiv #sp800WideDiv #spModCol div.spPricingItem div.spPricingInput {float:left; width:50px} #contentDiv #sp800WideDiv #spModCol div.spPricingItem div.spPricingAmount {float:left; width:85px; font-weight:bold; color:#0077ee} #contentDiv #sp800WideDiv #spModCol div.spPricingMoreInfo {display:block; display:none; width:535px; border-top:1px solid #eeeeee; padding-top:10px; padding-bottom:15px;} #contentDiv #sp800WideDiv #spModCol a {font-weight:bold; text-decoration:none; width:400px;} #contentDiv #sp800WideDiv #spModCol a:link {} #contentDiv #sp800WideDiv #spModCol a:visited {} #contentDiv #sp800WideDiv #spModCol a:hover {} #contentDiv #sp800WideDiv #spModCol a:active {} #contentDiv #sp800WideDiv #spRateCol {float:left; margin-top:32px; padding-left:60px;} #contentDiv #sp800WideDiv #spRateCol #spRateHeader { font-size:10px; color:#0077EE; padding-left:18px; margin-bottom:4px;} #contentDiv #sp800WideDiv #spRateCol #spRate { font-size:24px; color:#0077EE; font-weight:bold} /* Footer */ #pageDiv #footerNav { clear:both; width:800px; margin-top:5px; margin-bottom:3px; border-top:1px solid #cccccc; text-transform:uppercase; text-align:center; font-size:10px; color:#bbbbbb} #pageDiv #footerNav a {color:#bbbbbb; font-weight:bold; font-size:10px; margin-right:0px; margin-left:0px; padding-right:15px; padding-left:15px; text-decoration:none} #pageDiv #footerNav a:link {color:#bbbbbb; font-weight:bold;} #pageDiv #footerNav a:visited {color:#bbbbbb;} #pageDiv #footerNav a:hover {color:#222222;} #pageDiv #footerNav a:active {color:#222222;}