/* Reset =====================================================================================================================*/ * { padding:0; margin:0; border:0; text-decoration:none; background-color: transparent; list-style-type:none; font-weight: normal; font-family: Verdana; } /* IE,FF,Opera and WebKit CSS Reset */ a:focus, a:hover { text-decoration:underline; } a { color:#3399CC; cursor:pointer; } b { font-weight: bolder; } /* Headings ==================================================================================================================*/ h1 { font-size:18px; color:#505063; font-family: Arial, Verdana, sans-serif; } h2 { padding-bottom:15px; color:#666666; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:20px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:bold; line-height:24px; margin-bottom:15px; } h3 { color:#666666; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:18px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:bold; line-height:24px; margin-bottom:15px; } h3.product { font-size:14px; padding-bottom:5px; font-family: Arial, Verdana, sans-serif; color:#303030 } h4 { font-size:100%; font-weight:bold; padding-bottom:10px; font-family: Arial, Verdana, sans-serif; color:#505065 } h5 { font-size:100%; padding-bottom:10px; font-family: Arial, Verdana, sans-serif; color:#fafafa; } /*Shortcut Classes*/ hr{ border-bottom:1px solid #CCCCCC; margin-bottom:32px; } input, textarea { border-left: 10px solid #3399cc; padding-right: 2px; padding-left: 2px; padding-bottom: 2px; padding-top: 2px; margin-right: 5px; margin-left: 5px; margin-bottom: 5px; margin-top: 5px; font-weight: bold; font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-size: 18px;} .submit { border-left: 10px solid #3399cc; background: white; } /*================================================================================*/ .right { float: right !important; } .left { float: left !important; } .none { float: none !important; } .clearleft { clear: left !important; } .clearright { clear: right !important; } .clear { clear: both !important; } h3.ptitle { margin-bottom:5px; } small { font-size:8px; } .bold { font-weight:bold; } .padding { padding-bottom:10px; } .paragraph { font-size: 12px; color:#505063; } .space { margin-bottom:5px !important; } .advbox-news { border:1px solid #d6d6d6; padding:5px; background: #ffffff; } .hidden { visibility:hidden !important; } /* Start Page =================================================================================================================*/ body#home-page { background-image:url(/images/body-bg.png); background-repeat:repeat; } body#home-products { background-image:url(/images/body-bg.png); background-repeat:repeat; color:#fefefe; } body#services-page { background-color:#f3f3f3; } #page-wrapper { background: url(/images/wrapper-bg.png) repeat-x 0 0; } #page-wrapper-serv { background-image:url(/images/wrapper-bgs.png); background-repeat:repeat-x; } #page-header { height: 440px; background: url(/images/head-glow.png) no-repeat 50% 0; width: 950px; margin: 0 auto; } #page-header-serv { height: 400px; background: url(/images/head-glow.png) no-repeat 50% 0; width: 950px; margin: 0 auto; } #logo { float:left; width:212px; height:67px; } #logo img { margin-top:15px; } #main li { display:inline; float:right; } #navigation { float: right; margin: 20px 19px 0 0; font-family: Helvetica, Arial, sans-serif; font-size: 13px; line-height: 30px; font-weight: bold; } #navigation li { float: left; padding-right: 2px; background: url(/images/nav-li.png) no-repeat right 0; } #navigation li a { text-decoration:none; float: left; padding: 1px 20px 5px; white-space:nowrap; background: url(/images/nav-a.png) repeat-x 0 0; color: #666; } #navigation li.selected a, #navigation li.selected a:hover { color: #39c; cursor: default; text-decoration: none; font-size:12px; } #navigation li.selected a:focus { color: #336699; } #navigation li a:hover, #navigation li a:focus { color: #538CC6; text-decoration: none; } #navigation li a:active { padding-top: 2px; padding-bottom: 4px; } #navigation li.first a { background: url(/images/nav-a-first-big.png) no-repeat 0 0; padding-left: 22px; } #navigation li.last { background: none; padding: 0; } #navigation li.last a { background: url(/images/nav-a-last.png) no-repeat right 0; padding-right: 22px; } .twitter { margin-right:-45px; float:right !important;} /* Separate =================================================================================================================*/ .navigation { float: left; margin: 10px 19px 0 130px; font-family: Helvetica, Arial, sans-serif; font-size: 13px; line-height: 30px; } .navigation li { float: left; padding-right: 2px; background: url(/images/nav-li.png) no-repeat right 0; } .navigation li a { float: left; padding: 1px 20px 5px; white-space:nowrap; background: url(/images/nav-a.png) repeat-x 0 0; color: #666; } .navigation li.selected a, #navigation li.selected a:hover { color: #39c; cursor: default; text-decoration: none; font-size:12px; } .navigation li.selected a:focus { color: #336699; } .navigation li a:hover, #navigation li a:focus { color: #538CC6; text-decoration: none; } .navigation li a:active { padding-top: 2px; padding-bottom: 4px; } .navigation li.first a { background: url(/images/nav-a-first-big.png) no-repeat 0 0; padding-left: 22px; } .navigation li.last { background: none; padding: 0; } .navigation li.last a { background: url(/images/nav-a-last.png) no-repeat right 0; padding-right: 22px; } /* Separate =================================================================================================================*/ #masthead { width: 950px; margin: 0 auto; height: 80px; background: url(/images/line.png) repeat-x center bottom; } /*#services { margin:35px auto 20px auto; overflow:hidden; background: url(/images/products.png) no-repeat center 0; }*/ #services { margin:0px auto 20px auto; overflow:hidden; background: url(/images/products.png) no-repeat center 0; } #services-small { margin:35px auto 20px auto; overflow:visible; } #container { background-image:url(/images/content-bg.png); width: 660px; margin:140px 0 0 300px; background-repeat: no-repeat; font-size: 13px; position: relative; } #container p { line-height:1.5; } .box { float:left; margin-right:10px; width:220px; margin-left:7%; } .box-first { float:left; margin-right:10px; width:200px; margin-left:0%; } .tag { float:left; margin-right:10px; width:220px; margin-top:-90px; } #tag_net { background-image:url(/images/tag-inet.png); background-repeat:no-repeat; height:95px; } #tag_itv { background-image:url(/images/tag-itv.png); background-repeat:no-repeat; height:95px; } #tag_itv-small { background-image:url(/images/tag-itv-small.png); background-repeat:no-repeat; height:95px; } #tag_iph { background-image:url(/images/tag-iph.png); background-repeat:no-repeat; height:95px; } #tag_iph-small { background-image:url(/images/tag-iph-small.png); background-repeat:no-repeat; height:95px; } #tag_sod-small { background-image:url(/images/tag-sod-small-off.png); background-repeat:no-repeat; height:95px; } #tag_inet-small { background-image:url(/images/tag-inet-small.png); background-repeat:no-repeat; height:95px; } #tag_sod { background-image:url(/images/tag-sod.png); background-repeat:no-repeat; height:95px; } span.hide { display:none; } #products { height: auto; overflow: hidden; background: url(/images/products.png) no-repeat center 0; } #more { margin-top:15px; overflow:hidden; background: url(/images/products.png) no-repeat center 0; height: 160px; } .m0re { background:transparent url(/images/more.png) no-repeat scroll 0 0; color:#CCCCCC; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:13px; font-size-adjust:none; font-weight:bold; height:31px; line-height:26px; margin:20px 10px 19px; text-align:center; text-indent:0; text-shadow:0 -1px 1px #333333; text-transform:lowercase; width:200px; /* border: 1px solid red;*/ } blockquote { margin-top:30px; color:#f5f5f5; font-family:serif; font-style:italic; text-align:center; } #footer { margin: 15px auto 0; padding: 15px 30px; background-image: url(/images/line.png); background-repeat: repeat-x; background-position: center top; clear: both; } #footer p { color:#A3A3A3; font-size:11px; } /* Products Page ==================================================================================================================*/ /* Products Page Tabs =============================================================================================================*/ .tab { position: absolute; z-index: 100; top: 0; left: 0; width: 30px; height: 120px; margin: 0 0 0 -20px; text-indent: -9999px; background-image: url(/images/products/serv.png); } .tab-about { background: url(/images/products/tab-abou.png) no-repeat; } .tab-benefits { background: url(/images/products/tab-bene.png) no-repeat; } .tab-bio { background: url(/images/products/tab-bio0.png) no-repeat; } .tab-careers { background: url(/images/products/tab-care.png) no-repeat; } .tab-clients { background: url(/images/products/tab-clie.png) no-repeat; } .tab-contact { background: url(/images/products/tab-cont.png) no-repeat; } .tab-desktop { background: url(/images/products/tab-desk.png) no-repeat; } .tab-details { background: url(/images/products/tab-deta.png) no-repeat; } .tab-order { background: url(/images/products/sinfo.png) no-repeat; height: 190px; } .tab-new { margin-top:150px; background: url(/images/products/new.png) no-repeat; } .tab-faq { background: url(/images/products/tab-faq0.png) no-repeat; } .tab-features { background: url(/images/products/short-links.png) no-repeat; } .tab-pack { background: url(/images/products/pack.png) no-repeat; } .tab-history { background: url(/images/products/tab-hist.png) no-repeat; } .tab-latest-news { background: url(/images/products/tab-late.png) no-repeat; } .tab-markets { background: url(/images/products/tab-mark.png) no-repeat; } .tab-methodology { background: url(/images/products/tab-meth.png) no-repeat; } .tab-mobile-apps { background: url(/images/products/tab-mobi.png) no-repeat; } .tab-overview { background: url(/images/products/tab-over.png) no-repeat; } .tab-platforms { background: url(/images/products/tab-plat.png) no-repeat; } .tab-principles { background: url(/images/products/tab-prin.png) no-repeat; } .tab-products { background: url(/images/products/products.png) no-repeat; } .tab-services { background: url(/images/products/serv.png) no-repeat; } .tab-software { background: url(/images/products/tab-soft.png) no-repeat; } .tab-summary { background: url(/images/products/serv.png) no-repeat; } .tab-map { background: url(/images/products/tab-map.png) no-repeat; } .tab-contact { background: url(/images/products/tab-contact.png) no-repeat; } .tab-news { background: url(/images/products/tab-news.png) no-repeat; } .tab-services { background: url(/images/products/serv.png) no-repeat; } .tab-support { background: url(/images/products/useful.png) no-repeat; } .tab-web-solutions { background: url(/images/products/tab-web-.png) no-repeat; } /*Box(All Boxes) Structure ========================================================*/ .box1, .box2, .box3, .box-feat, .boxd-feat { margin: 0 0 10px 0; } .box1-head, .box2-head, .box3-head, .boxf-head, .boxd-head { height: 22px; } .box1-foot, .box2-foot, .box3-foot, .boxd-foot { height: 24px; clear: both; } .boxf-foot { height: 24px; } .box1-body, .box2-body, .box3-body, .boxf-body, .boxd-body, box3-bodyb { position: relative; } /*Box1(Large) Structure*/ /*================================================================================*/ .box1 { width: 960px; margin-top: 15px; } .box1-head { background: url(/images/products/box1-head.png) no-repeat; } .box1-body { height:135px; background: url(/images/products/box1-body.png) repeat-y; } .box1-foot { background: url(/images/products/box1-foo.png) no-repeat; } /*Box2(Medium) Structure*/ /*================================================================================*/ .box2 { width: 580px; } .box2-head { background: url(/images/products/box2-head.png) no-repeat; } .box2-body { padding-top:0px; background: url(/images/products/box2-body.png) repeat-y; margin-bottom: -10px; } .box2-foot { background: url(/images/products/box2-foo.png) no-repeat; } /*BoxFeatures Structure*/ /*================================================================================*/ .boxf { width: 580px; } .boxf-head { background: url(/images/products/box2-head.png) no-repeat; } .boxf-body { padding-top:0px; background-image: url(/images/products/box2-body.png); background-repeat: repeat-y; margin-bottom: -6px; margin-top: -2px; } .boxf-foot { background-image: url(/images/products/box2-foo.png); background-repeat: no-repeat; } /*Box3(Small) Structure*/ /*================================================================================*/ .box3 { width: 330px; margin-right: -9px; } .box3-head { background: url(/images/products/box3-head.png) no-repeat; } .box3-body { background: url(/images/products/box3-body.png) repeat-y; margin-bottom: -15px; } .box3-foot { background: url(/images/products/box3-foo.png) no-repeat; } /*Box(Detail) Structure*/ /*================================================================================*/ .boxd { width: 330px; margin-right: -9px; } .boxd-head { background: url(/images/products/box3-head.png) no-repeat; } .boxd-body { background: url(/images/products/box3-body.png) repeat-y; min-height: 228px; } .boxd-foot { background: url(/images/products/box3-foo.png) no-repeat; } /*Box Content*/ /*================================================================================*/ .box-content { padding: 0 30px; font-size: 1.2em; line-height: 1.6em; text-align: left; font-weight: normal; } .box-content h2 { font-size: 1.2em; letter-spacing: 0em; margin-bottom: 8px; color: #aedcff; } .box-content p { font-family: "Lucida Grande", Helvetica, Arial, sans-serif; margin-bottom: 10px; } /*Dock Product Menu*/ /*================================================================================*/ .product-chooser { padding: 0 9px 0 12px; } .sliderGallery { overflow: hidden; position: relative; padding: 10px 10px 0 10px; height: 160px; width: 918px; } .sliderGallery ul { position: absolute; list-style: none; white-space: normal; padding: 0; margin: 0; } .sliderGallery ul li { display: inline; width: 107px; height: 120px; margin: 0 0 0 10px; } .slider { width: 908px; height: 17px; margin-top: 140px; margin-left: 5px; padding: 1px; position: relative; background: url(/images/products/productb.png) no-repeat; } .handle { position: absolute; cursor: pointer; height: 17px; width: 181px; top: 0; background: url(/images/products/productb.png) no-repeat; z-index: 100; } .slider span { color: #fff; font-size: 80%; cursor: pointer; position: absolute; z-index: 110; top: 0px; } /*=================================================================================*/ div.scrollable { position: relative; float: left; overflow: hidden; width: 860px; height: 120px; padding: 12px 0 0 0; } div.scrollable div.items { width: 150em; position: absolute; clear: both; margin-left: 10px; } div.scrollable div.items div { float: left; text-align: center; width: 107px; margin:0 18px 0 0; } div.scrollable div.items div h3 a { display: block; line-height: 1.3em; color: #ACACAC; text-decoration: none; margin: -35px 0 0 0; } div.scrollable div.items div h3 a:hover { color: #fff; } div.scrollable div.items div h3 a img { position: relative; top: 20px; margin: 0 0 15px 0; } a.prev, a.next, a.prevPage, a.nextPage { display: block; width: 24px; height: 24px; background: url(/images/products/left.png) no-repeat; float: left; margin: 50px 5px 0 4px; cursor: pointer; } a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover { background-position:0px -24px; } a.disabled { visibility:hidden !important; } a.next, a.nextPage { background-image: url(/images/products/right.png); clear: right; } ul#slider { display: inline; position: relative; width: 390px; height: 300px; list-style-type: none; overflow: hidden; } ul#slider li { float: left; position: relative; margin: 46px 0 0 14px; } ul#slider li div { position: absolute; width: 200px; color: #fff; left: 150px; top: 10px; padding: 2px 10px;} ul#slider li div h3 { font-size: 1.2em; border-bottom: 1px solid #999; } ul#slider li div p { margin: 5px 0 0 0; text-align: justify; } a.details-button { display: block; float: right; width: 100px; height: 33px; background: url(/images/products/app-stor.png) 0 0; margin: 15px 52px 0 0; text-indent: -9999px; } a.details-button:hover { background-position: 0 33px; } /*Summary Area*/ /*================================================================================*/ .icon-holder { position: relative; float: left; width: 115px; height: 80px; margin: 20px 0 0 -30px; } .icon-holder img { position: absolute; top: -18px; left: 15px; } .buy-icon { position: relative; width: 40px; float: left; margin-right: 10px; } .product-summary { /*min-height: 273px;*/ } .product-summary h2 { font-size: 1.2em; margin: 0 0 10px 50px; padding: 10px 0 0 0; } .product-summary h2 span { font-size: 0.5em; font-weight: normal; } .product-summary h2 span a { color: #aedcff; } .product-summary h2 span a:hover { text-decoration: underline; } .product-summary p { font-size:13px; margin-bottom:10px; } .product-summary a { color: #3399CC; } .product-summary p a { color: #3399CC; text-decoration: none; } .product-summary p a:hover { text-decoration: underline; } .titlebox a { text-decoration: underline; color:#369; } /*Box Content*/ /*================================================================================*/ .box-content { font-size: 12px; line-height: 1.6em; text-align: left; font-weight: normal; } .box-content h2 { font-size: 1.6em; letter-spacing: 0em; margin-bottom: 8px; color: #FFF; } /*Details Area*/ /*================================================================================*/ .details a.download { display: block; float: left; height: 32px; width: 120px; font-size: 1.4em; padding: 0 0 15px 10px; color: #fff; text-decoration: none; background-image: url(/images/check-out.png); background-repeat: no-repeat; background-position: 0 center; } .mu-logos { float: right; margin: 0 0 10px 10px; } .package { padding-bottom:14px; } dl.specs { line-height: 1.5em; width: 260px; } dl.specs dt { clear: both; float: left; margin-bottom:5px; } dl.specs dd { clear: right; float: right; margin-bottom: 5px; } dl.specs dd a { color: #aedcff;/*8dbe52 green */ text-decoration: none; } dl.specs dd a:hover { text-decoration: underline; } dl.specs dd.cbox { clear: left; } dl.specs dd a img { float: left; margin: 8px 5px 0px 5px; } dl.specs dd a:hover img { border: 2px solid #fff; } /*Features Area*/ /*================================================================================*/ ul.checklist li { background: url(/images/products/check.png) left 3px no-repeat; padding: 0 0 0 20px; font-size: 1.1em; margin-bottom: 6px; } /*Features Area*/ /*================================================================================*/ ul.checklist li { background: url(/images/products/check.png) left 1px no-repeat; padding: 0 0 0 20px; font-size: 1.1em; margin-bottom: 6px; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; } ul.infolist {padding-left: 20px;} ul.infolist li { background: url(/images/info.png) left 1px no-repeat; padding: 0 0 0 20px; font-size: 1.1em; margin-bottom: 6px; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; } ul.checklist li a:hover { color:#3399CC; } /*Useful & Support Area*/ /*================================================================================*/ .actions { list-style-type: none; margin: 0 0 0 -6px; } .actions a { display: block; height: 32px; color: #fff; font-size: 1.3em; text-decoration: none; padding: 0 0 0 42px; } .actions a.screencast { background: url(/images/products/news.png) 0 center no-repeat; } .actions a:hover.screencast { color:#6cf; } .actions a.frequent { background: url(/images/products/faq00000.png) 0 center no-repeat; } .actions a:hover.frequent { color:#6cf; } .actions a.support { background: url(/images/products/support0.png) 0 center no-repeat; } .actions a:hover.support { color:#6cf; } .actions a.mail { background: url(/images/products/join.png) 0 center no-repeat; } .actions a:hover.mail { color:#6cf; } .actions a.update { background: url(/images/products/settings.png) 0 center no-repeat; } .actions a:hover.update { color:#6cf; } .actions a.forum { background: url(/images/robo-left.png) 0 center no-repeat; } .actions a:hover.forum { color:#6cf; } .actions a.radio { background: url(/images/radio.png) 0 center no-repeat; } .actions a:hover.radio { color:#6cf; } .actions a.mail { background: url(/images/mail.png) 0 center no-repeat; } .actions a:hover.mail { color:#6cf; } .actions a.links { background: url(/images/links.png) 0 center no-repeat; } .actions a:hover.links { color:#6cf; } .actions p { font-size: 0.9em; color: #999; margin: -18px 0 15px 42px; } .filetypes { list-style-type: none; margin: 0 0 0 -6px; } .filetypes a { display: block; height: 32px; color: #3399CC; font-size: 1.3em; text-decoration: none; padding: 0 0 0 42px; } .filetypes a.pdf { background: url(/images/pdf_icon.png) 0 center no-repeat; } .filetypes a:hover.pdf { color:#6cf; text-decoration: underline;} .filetypes a.word { background: url(/images/word_icon.png) 0 center no-repeat; } .filetypes a:hover.word { color:#6cf; text-decoration: underline;} .filetypes p { font-size: 0.9em; color: #999; margin: -18px 0 15px 42px; } .faq { margin: 20px 0 0 0; } .phases h2, .services h2 { font-size: 1.2em; text-transform: none; letter-spacing: 0; margin: 0; } .phases p, .services p { margin: 0 0 20px 0; } .faq h3 { width: 490px; float: left; padding: 2px 5px; cursor: pointer; background: transparent; color: #ddd; font-weight: normal; } .faq h3:hover { color: #aedcff; } .faq div { clear: both; float: left; color: #aaa; height: 0px; width: 480px; padding: 0 10px; margin: 0;} .faq div p, .verticals div p { display: none; font-size: 0.9em; } .faq h3.hilite { background: #262626; color: #aedcff; cursor: default; border: #666 1px solid;} .faq div.open { background: #202020; border-bottom: #666 1px solid; border-left: #666 1px solid; border-right: #666 1px solid; } .verticals h3 { color: #aedcff; } .verticals h3:hover { color: #fff; cursor: pointer; } .verticals h3.hilite { color: #fff; cursor: default; } .verticals div { } .verticals div.open { border-top-color: #fff; color: #fff; border-top: 1px solid; padding: 0 0 0 10px; } .verticals h3 { font-weight: normal; cursor: pointer; } .tvlist li { padding-left:20px; } #features-list { min-height: 400px; width:600px; padding:30px 30px 30px 25px; overflow: visible; } #features-list p { font-size: 12px; color:#505063; } #features-list li { font-size: 12px; color:#505063; } #features-list h3 { margin-bottom: 5px; } #features-list a img { float: left; margin: 0 10px 0 -5px; padding-bottom: 1px; } #tweetie-mac #features-list a img { margin: 0 20px 0 0; } #features-list a:hover img, #features-list a:focus img {} #features-list a:active img { padding: 1px 0 0; } #features-list .alt { clear: both; } #features-list .alt a img { float: right; margin: 0 -5px 0 5px; } .phone-feat li { font-size:12px; color:#505063; padding:0 0 10px 10px; } /* Sec Navigation */ /*================================================================================*/ #sec-navigation { height: 40px; font-size:13px; background: #ccc url(/images/sec-navigation.png) repeat-x; line-height:36px; } #side-content { width:631px; padding:8px 25px 5px 20px; line-height:2.25; margin-left: -16px; height: 20px;} #blog #sec-navigation { } #sec-navigation li { padding-right: 0px; float: left; background: url(/images/sec-navigation-li.png) no-repeat right 0; } #sec-navigation li.first { } #sec-navigation li.last { } #sec-navigation li.selected { background-color: #fff; } #sec-navigation li.selected.first { margin-left: -15px; } #sec-navigation li a { float: left; padding: 7px 25px 1px 25px; color: #333333;} #sec-navigation li a:hover, #sec-navigation li a:focus { text-decoration: none; } #sec-navigation li a:active { padding-top: 7px; } #sec-navigation li.selected a, #sec-navigation li.selected a:hover { color: #3399cc; cursor: pointer; text-decoration: none; padding-left: 21px; } #sec-navigation li.selected.first a, #sec-navigation li.selected.first a:hover { padding-left: 20px; } #sec-navigation li.selected a:focus { color: #069; text-decoration:underline; } #side-content { } /* Telephone Prices */ /*================================================================================*/ .table-conditions { margin-bottom: 10px; position:relative; left:-35px; } .table-conditions tr { height:30px; font-size:12px; } .table-conditions td { width: 140px; height: 15px; text-align: center; } .table-conditions th { text-align: center; width: 140px; padding-bottom:1px; } .table-conditions th.left { font-family: Arial, Helvetica, sans-serif; text-align: left; } .table-cond-backgrd { background: url(/images/prices.jpg) no-repeat left top; padding-top: 5px; padding-right: 0px; margin-left: 10px; } td.bordered { border-bottom:1px solid #5Fc0E3; } th.bordered { border-bottom:1px solid #5Fc0E3; padding-top:20px; } /* Price table internet */ /*================================================================================*/ #page_prices { font-size:13px; } /* #page_prices a:link, a:visited { color:#fff; } */ ul.tablel_content { width: 570px; padding: 0; list-style: none; font-size: 12px; margin: 0 0 0 10px; } ul.tablel_content li { margin: 0; padding: 5px 0; text-align:right; background-image:url(/images/wifi-bg.png); background-repeat:no-repeat; padding:7px 10px; } ul.tablel_content li strong, ul.tablel_content li em { float: left; padding: 0; } ul.tablel_content li em { float: none; } ul.tablel_content li a:link, ul.tablel_content li a:visited { color: #3399cc; font-weight:bold; text-decoration:none;} ul.tablel_content li a:hover { text-decoration: underline; } table.price_table { float: none; margin-left: auto; margin-right: auto; margin-top: 1em; margin-bottom: 1em; position: relative; width:600px; } .price_table caption { padding: 0 0 5px 0; width: 400px; font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-align: left; } .price_table th { color: #4f6b72; border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; border-top: 1px solid #C1DAD7; padding: 3px 3px 3px 3px; text-align: center; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; } .price_table th.nobg { border-top: 0; border-left: 0; border-right: 1px solid #C1DAD7; background: none; } .price_table td { border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; background: #fff; padding: 2px 2px 2px 2px; color: #4f6b72; white-space: nowrap; text-align: center; } .price_table td.alt { background: #F5FAFA; color: #797268; text-align: right; border: none; font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; } /* .price_table th.spec { border-left: 1px solid #C1DAD7; border-top: 0; padding: 6px 6px 6px 12px; background: #fff url(img/bullet1.gif) no-repeat; font: bold 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; } */ /* .price_table th.specalt { border-left: 1px solid #C1DAD7; border-top: 0; padding: 6px 6px 6px 12px; background: #f5fafa url(img/bullet2.gif) no-repeat; color: #797268; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; } */ #tvadv li { margin-left:10px; } .active_content { } /* Left Sidebar Content */ .add { font-size: 12px; line-height: 16px; color: #999; padding-bottom:10px; margin-bottom: 20px; } .left-side-content { width: 260px; position: absolute; left: -270px; top: 200px; } #tweetie-iphone.product .sec-content { margin-top: 278px; } #tweetie-mac.product .sec-content { margin-top: 255px; } #reed-more li { font-size:12px; } /* News block */ /*================================================================================*/ .news { padding:5px 5px 5px 15px; height:90px; background-image:url(/images/news-bg.png); background-repeat:no-repeat;} .unews { padding:5px 5px 5px 15px; background-image:url(/images/unews.png); background-repeat:no-repeat;} .small { font-size:9px; color:#6E6E6E; } .ndate { float:right; margin:7px 15px 0 0;} /* Software */ /*================================================================================*/ .software li { padding-left:20px;} .virus a{ color:#F00;} .formError { color: red } /* root element for tabs */ ul.tabs { list-style:none; margin:0; padding:0; height:30px; border-bottom:1px solid #666; } /* single tab */ ul.tabs li { float:left; text-indent:0; padding:0; margin:0 !important; list-style-image:none !important; } /* link inside the tab. uses a background image */ ul.tabs a { background: url(/images/tabs.png) no-repeat -652px 0; font-size:11px; display:block; height: 30px; line-height:30px; width: 64px; text-align:center; text-decoration:none; color:#000; padding:0px; margin:0px; position:relative; top:1px; } ul.tabs a:active { outline:none; } /* when mouse enters the tab move the background image */ ul.tabs a:hover { background-position: -652px -31px; color:#fff; } /* active tab uses a class name "current". it's highlight is also done by moving the background image. */ ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { background-position: -652px -62px; cursor:default !important; color:#000 !important; } /* Different widths for tabs: use a class name: w1, w2, w3 or w2 */ /* width 1 */ ul.tabs a.w1 { background-position: -519px 0; width:134px; } ul.tabs a.w1:hover { background-position: -519px -31px; } ul.tabs a.w1.current { background-position: -519px -62px; } /* width 2 */ ul.tabs a.w2 { background-position: -366px -0px; width:154px; } ul.tabs a.w2:hover { background-position: -366px -31px; } ul.tabs a.w2.current { background-position: -366px -62px; } /* width 3 */ ul.tabs a.w3 { background-position: -193px -0px; width:174px; } ul.tabs a.w3:hover { background-position: -193px -31px; } ul.tabs a.w3.current { background-position: -193px -62px; } /* width 4 */ ul.tabs a.w4 { background-position: -0px -0px; width:194px; } ul.tabs a.w4:hover { background-position: -0px -31px; } ul.tabs a.w4.current { background-position: -0px -62px; } /* initially all panes are hidden */ div.panes div.pane { display:none; } .pricelist { border-collapse: collapse; } .pricelist td { border-bottom:1px solid #5FC0E3; padding:2px 10px; } .mtop {margin-top:15px;} .product_bg { background:url(/images/product_bg.png); position:absolute; width: 306px; height: 25px; left: 14px; top: -7px;} .product_bg_notxt { background:url(/images/product_bg_notxt.png); position:absolute; width: 306px; height: 25px; left: 14px; top: -7px;} .package_name { color:#fff; width: 280px; position:absolute; left:170px;} .package_entries dl, dd, ul { color:#FFF; text-decoration:none; } .package_entries li, a { } span.price { margin-left:15px;} .relative {position:relative;} ul#slide_control li, ul#slide_nav li { list-style:none; } #slide_nav { left: -20px !important; top: -34px !important; width: 280px; } #package_entries img { width: 510px; height: 220px; } #slide_control li { list-style: none; display: block; float:left; } #prev_button, #next_button, #pause_button, #last_button { margin-left: 0px; } #slide_control { left:370px; position:absolute; top:235px; z-index:5000; } ul#package_entries li img { border: 1px solid #ccc; padding: 4px; } .fade { margin-bottom: 2em; } #slide_nav li, #pause_button, .prev_button, .next_button, #first_button, #last_button, #water_mark { background-repeat: no-repeat; overflow: hidden; top: 0px; } ul#slide_nav { padding: 15px 7px 15px 15px; position: absolute; left: 250px; } ul#slide_nav li { cursor:pointer; background-image: url(/images/button.png); display: block; float: left; height: 9px; list-style: none; margin: 0 0 0 3px; padding: 2px; width: 10px; } ul#slide_nav li:hover { } ul#slide_nav li#button_selected { background-image: url(/images/button_selected.png); } ul#slide_nav li#button_selected:hover { } .ul_color { color: #505063; } .subscribe { left: 0; position: fixed; top: 430px; z-index: 1010; font-size: 10px; } .subscribe a { text-decoration: none; color: #fff; } .subscribe a:hover { font-size: 10px; color: #39c; } .subscribe img { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; background-color: #D11D1D; } .subscribe img:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; background-color: #298722; } /*.subscribe span { padding-left: 40px; } */ .link_class { color: #6495ED; } * {outline:0;} .select{ position:relative; padding-bottom: 3px; } .target { position: absolute;} #private { left:550px; top:-15px;} #business { left:750px; top:-15px;} .private_page img { margin-left:780px; position:absolute; top:245px;} .business_page img { margin-left:780px; position:absolute; top:245px;} .adv-right { position: absolute;; background-color: transparent; top: 54px; right: 10px; }