*{margin:0; padding:0;} body{font-family: 'Noto Sans', sans-serif; font-size:13px; color:#333333; background-color:#FFFFFF;} p{padding:10px 0 5px 0; line-height:20px;} ul{list-style-type:none;} img{border:0; outline:none;} a{text-decoration:none;} h1{ font-weight:normal; font-size:14px; position:absolute; top:65px; left:20px; color:#333333; } h2{ font-size:30px; font-weight:normal; color:#333333; padding:10px 0 0 25px;} .awardtop {float: right; margin: -40px 20px 0 0;} .view h3{ font-size:16px; font-weight:bold; padding:10px 0 0 0px;} .clr{clear:both;} .master{width:100%; text-align:center;} .main{width:100%; margin:0; text-align:left; background: #FFFFFF url(../new-images/top-right.gif) no-repeat right top;} .logo{float:left; width:500px; margin:15px 0 39px 20px;} .top-right{float:right; height:55px; padding:20px;} .phone { float: left;margin: 15px 155px 0 0;} .chat{float:left; margin:0; position:absolute; top:35px; right:20px;} .banner-bg{background:url(../new-images/banner-bg.gif) repeat-x 0 39px; padding:39px 0 0 0;} .faetures-bg{background-color:#f4f4f4; margin:20px 25px; padding:10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;} .banner{background:url(../new-images/banner.jpg) no-repeat 0 0; height:355px;} .banner-in{background:#298de3; height:126px;} .banner-in h2{ font-weight:bold; font-size:30px; color:#ffffff; padding:20px 0 0 25px ; text-shadow: 1px 1px #0960a9;} .about{font-size:30px; font-weight:normal; color:#333333; padding:0; margin:0 25px; text-align:center;} .center-text{margin:10px 25px 30px 25px; text-align: center; font-size:14px; position:relative;} .now{float:right; width:300px; margin:40px 25px 0 0;} .center-text a{color:#45d0fe;} .center-text a:hover{color:#000000; text-decoration:underline;} .mid-box{background:#f4f4f4 url(../new-images/line.gif) repeat-y 49% 0; margin:40px 25px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; display:block; padding:1px;} .mid-box-in{float:left; width:49%;} .mid-box-in p{font-size:14px; line-height:22px; padding:5px 0 0 0;} .mid-box-in a{text-decoration:none; color:#0099cc;} .mid-box-in a:hover{color:#000000; text-decoration:underline;} .more{ margin:20px;} .mid-box-area{padding:20px 25px;} .mid-box-head{font-size:28px; color:#333333; text-shadow:1px 1px #ffffff;} .blog-head{font-size:18px; color:#0099cc; padding:20px 0 0 0;} .client{font-size:18px; color:#000000; background:url(../new-images/user.gif) no-repeat 0 0; padding:0 0 0 20px; width:150px; margin:20px 20px 0 40px; line-height:30px; float:left;} .more-clients{ float:right; margin:30px 20px 0 0; width:150px;} .more-clients a{} .testimonial{font-size:18px; font-family:"Architects Daughter"; color:#333333; margin:20px 0 0 0; background:url(../new-images/quote.gif) no-repeat 0 0; padding:5px 0 0 40px;} .go-top{height:52px; width:190px; right:20px; position:fixed; bottom:50px;} .go-top a{background:url(../new-images/top.png) no-repeat right top; color:#333333; padding:0 65px 0 0; line-height:52px; display:block; font-size:18px;} .go-top a:hover{background:url(../new-images/top.png) no-repeat right -60px; color:#0099cc; } .footer{background:url(../new-images/footer.gif) repeat-x 0 0; height:39px; color:#FFFFFF; line-height:39px;} .footer a{color:#FFFFFF;} .n ol{ margin:0 0 0 15px; } .n li { padding:5px 10px; line-height:22px; } .footer a:hover{color:#029feb;} .fl{float:left; padding:0 0 0 20px;} .fr{float:right; padding:0 20px 0 0;}; .customers{font-size:28px; color:#333333; margin:25px;} .mid-bg{ background:url(../new-images/bg.gif) repeat 0 0; width:100%;} .screen-bg{background:url(../new-images/gray.gif) repeat-x 0 0;} .soft-screen{float:right; padding:9px 5px 0 15px; position:relative;} .soft-screen a{display:block; position:absolute; top:333px; font-size:10px; left:95px; height:20px; display: block; width:140px; color:#029feb; text-transform:uppercase; font-weight:bold; padding:0 0 0;} .soft-feature{ padding:20px 0 0 20px; overflow:hidden;} .soft-feature-head{font-size:18px; font-weight:bold; color:#000000; text-transform:uppercase; text-shadow: 1px 1px #ffffff; margin:10px 0 0;} .soft-feature-list{ padding:20px 0 0 20px; overflow:hidden;} .soft-feature-list ul{ padding:10px 0; list-style-type:none;} .soft-feature-list ul li{ list-style-type:none; margin:0 0 10px 0; background:url(../new-images/arrow-mark.png) no-repeat 0 0; padding:0 0 0 25px;} .t-box{ width:750px; padding:10px; background:#f1f1f1;} .main-t-b{ width:720px;} .t-box-i{ width:400px; padding:5px; float:left; } .t-box-ii{ width:400px; padding:5px;float:left; margin-left:5px;} .t-box-iii{ width:400px; padding:5px;float:left;margin-left:5px;} .ni ol{ margin:0 0 0 15px; } .ni li { padding:5px 10px; line-height:22px; } .soft-feature-list ul li span{font-weight:bold; text-transform:uppercase; display:block; list-style-type:none;} .product-demo{float:right; background-color:#999999; padding:5px; margin:10px 0 0 10px;} .soft-feature ul{ padding:10px 0;} .soft-feature ul li{list-style-type:disc; margin:0 0 10px 20px;} .soft-feature ul li span{font-weight:bold; text-transform:uppercase; display:block;} .soft-view{border-top:1px solid #d6d6d6; margin:15px 0 0 0; background:url(../new-images/border.gif) repeat-y 70% 0; overflow:hidden; width:100%;} .right-pannel{float:right; width:30%;} .right-pannel-space{padding:10px;} * html .right-pannel-space{padding:3px;} .right-pannel ul{padding:10px 5px 30px 5px;} .right-pannel ul li{border-bottom:1px dotted #CCCCCC; padding:5px 0;} .right-pannel ul li a{background:url(../new-images/doted-arrow.gif) no-repeat 10px 7px; padding:0 0 0 25px; color:#009ee0;} .right-pannel ul li a:hover{color:#000000;} .right-pannel-hd{background-color:#f4f4f4; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; font-size:18px; font-weight:bold; color:#000000; text-transform:uppercase; padding:10px 10px 10px 20px; text-shadow: 1px 1px #ffffff;} .right-pannel-hd span{color:#666666; font-size:14px; font-weight:normal;} .free-zip{padding:20px 0 30px 15px;} .left-pannal{float:left; width:70%;} .left-pannal-hd{font-size:18px; color:#000000;} .view{background-color:#f4f4f4; padding:15px; margin:10px 0; display:block; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;} .view b{font-weight:bold; font-size:16px;} .view ul{padding:10px; margin:0;} .view ul li{list-style-type:disc; padding:0 0 5px 0; margin:0 0 0 20px;} .thumb{margin:10px 20px 10px 0; display:block; width:206px; float:left; } .nav{background-color:#FFFFFF; margin:26px 0 0 0; height:46px; line-height:46px; padding:0 25px; text-transform:uppercase; font-weight:bold; color:#999999; } .nav a{color:#029feb;} .nav a:hover{color:#000000;} .main-container{margin:0 20px 0 20px; background-color:#FFFFFF;} .buy-bg{background:url(../new-images/gray.gif) repeat-x 0 0; padding:20px;} .buy-box{float:left; width:70%;} .buy-box p a{color:#029FEB; font-weight:normal; text-decoration:underline;} .box{background-color:#FFFFFF; border:1px solid #CCCCCC; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; padding:1px; margin:15px 0 0 0;} .soft-box-bg-top{background-color:#CCCCCC; border-top-left-radius: 4px; -moz-border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; -o-border-top-left-radius: 4px; border-top-right-radius: 4px; -moz-border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; -o-border-top-right-radius: 4px; padding:0 25px; font-weight:bold; font-size:15px; text-shadow: 1px 1px #ffffff; font-size:16px;} .soft-box-bg-top ul{ margin:0; padding:0;} .soft-box-bg-top ul li{float:left; width:33%; line-height:30px; font-size:15px; font-weight:bold; list-style-type:none; margin:0; padding:0;} .buy-info{margin:25px;} .soft-box-bg{background:url(../new-images/soft-box-bg.gif) no-repeat 0 0; width:213px; height:251px; float:left;} .soft-box-bg-space{padding:10px 50px 10px 20px;} .soft-box-bg-space span{font-weight:bold; font-size:12px; color:#029feb; text-transform:none; text-align:center; text-shadow:1px 1px #ffffff;} .license{position:relative; margin:0 0 0 215px; top:0;} .license ul{margin:10px 0 10px 30px; padding:0;} .license ul li{list-style:circle; line-height:22px;} .license2license{position:relative; margin:0 0 0 215px; top:35px;} .license21license{position:relative; margin:0 0 0 215px; top:85px;} .price{padding:0 0 10px 30px; border-bottom:1px solid #CCCCCC; margin:0 0 25px 40px;} .price ul{ margin:0; padding:0; overflow:hidden; } .price ul li{float:left; list-style-type:none; margin:0; padding:0; width:50%;} .price ul li a{color:#333333; text-decoration:underline;} .price ul li a:hover{color:#029feb; text-decoration:none;} .price ul li b{color:#cc0000; font-weight:bold; font-size:30px;} .soft-box-hd{width:213px; float:left; margin:0 0 0 0; line-height:30px; font-size:15px; font-weight:bold;} .soft-box-hd-in{padding:0 0 0 0; margin:0 0 0 215px;} .soft-box-hd-in ul{ margin:0; padding:0; overflow:hidden; } .soft-box-hd-in ul li{float:left; list-style-type:none; margin:0; padding:0; width:50%;} .soft-box-hd-in ul li span{padding:0 0 0 70px; text-transform:none;} .soft-box-hd-in ul li b{padding:0 0 0 35px; text-transform:none;} .imageposition{float:right; margin:-28px 0 0;} .download-now{padding:100px 0 0 30px;} .downloadsnow{padding:100px 0 0 30px;} .buy-right{float:right; width:28%; background-color:#FFFFFF; border:1px solid #CCCCCC; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;} .view-demo{font-size:18px; color:#000000;} .view-demo-option{ padding:20px 0;} .view-demo-option ul{ margin:0; padding:0;} .view-demo-option ul li{ list-style-type:none; margin:0 10px 10px 0; width:100px; text-align:center; float:left; display:block; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background-color: #999999; color:#FFFFFF; line-height:25px;} .view-demo-option ul li a{background-color: #333333; color:#FFFFFF; line-height:25px; display:block; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .view-demo-option ul li a:hover{background-color:#999999;} .demospacing{padding:20px;} /* -------- menu start --------- */ .menu{background: url(../new-images/menu-bg.gif) repeat-x 0 0; height:39px; position:absolute; top:100px; z-index:100000000; width: 100%; } #menu { font-size:14px; list-style:none; height:43px; padding:0 10px;} #menu li {float:left; display:block; text-align:center; position:relative; padding: 0 15px; margin-right:1px; margin-top:0; border:none; line-height:39px;} #menu li:hover, #menu li.active { /* Background color and gradients */ background: #009ee0; } #menu li a {font-size:14px; color: #EEEEEE; display:block; outline:0; text-decoration:none;} #menu li:hover a { color:#ffffff;} #menu li .drop { padding-right:20px; background: url(../new-images/drop-arrow.png) no-repeat right 17px;} #menu li:hover .drop { background: url(../new-images/drop-arrow.png) no-repeat right 17px;} .dropdown_1column, .dropdown_2columns, .dropdown_3columns, .dropdown_4columns, .dropdown_5columns { margin:0 auto; float:left; position:absolute; left:-999em; /* Hides the drop down */ text-align:left; padding:5px; border:3px solid #009ee0; z-index:100000000; /* Gradient background */ background:#ffffff; -moz-border-radius: 0 0px 15px 15px; -webkit-border-radius: 0 0px 15px 15px; border-radius: 0 0px 15px 15px;} .dropdown_4columns {width: 950px;} #menu li:hover .dropdown_1column, #menu li:hover .dropdown_3columns, #menu li:hover .dropdown_4columns, #menu li:hover .dropdown_5columns { left:-75px; top:auto; z-index:100000000;} #menu li:hover .dropdown_2columns{ left:0px; top:auto;} .col_1, .col_2, .col_3, .col_4, .col_5 { display:inline; float: left; position: relative; margin-left: 10px; margin-right: 10px; } .col_1 {width:170px;} .col_2 {width:140px;} .col_3 {width:410px;} .col_4 {width:550px;} .col_5 {width:690px;} #menu .menu_right { float:right; margin-right:0; } #menu .menu_right a{color:#45d0fe;} #menu li .align_right { /* Rounded Corners */ -moz-border-radius: 5px 0px 5px 5px; -webkit-border-radius: 5px 0px 5px 5px; border-radius: 5px 0px 5px 5px; } #menu li:hover .align_right { left:auto; right:-1px; top:auto; } #menu p, #menu ul li { line-height:21px; text-align:left; color:#029feb; } #menu p { font-size:13px; margin:7px 0; padding:0 0 0 0; font-weight:bold; border-bottom:1px solid #029feb; } #menu p a{color:#029feb;} #menu li:hover div a { font-size:12px; color:#000000; padding:0 0 0 0; } #menu li:hover div a:hover { color:#029feb; } #menu li:hover div p a { font-size:12px; color:#029feb; padding:0 0 0 0; } #menu li:hover div p a:hover { color:#000000;} #menu li .black_box { background-color:#333333; color: #eeeeee; text-shadow: 1px 1px 1px #000; padding:4px 6px 4px 6px; /* Rounded Corners */ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; /* Shadow */ -webkit-box-shadow:inset 0 0 3px #000000; -moz-box-shadow:inset 0 0 3px #000000; box-shadow:inset 0 0 3px #000000; } #menu li ul { list-style:none; padding:0; margin:0 0 10px 0; } #menu li ul li { font-size:11px; line-height:22px; position:relative; text-shadow: 1px 1px 1px #ffffff; margin:0; float:none; text-align:left; width:170px; background:url(../new-images/menulist.gif) no-repeat 0 8px; padding:0 0 0 12px;} #menu li ul li b{color:#FF0000;} #menu li ul li:hover {background:url(../new-images/menulist.gif) no-repeat 0 8px; padding:0 0 0 12px; border:none; margin:0; } .col_1 .viewall a{margin:-5px 0 0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:#f1f1f1; float:left; width:65px; height:25px; line-height:25px; font-size:10px; display:block;} .col_1 .viewall a:hover{background:#000000;} /* -------- menu end --------- */ /* -------- features start --------- */ @charset "utf-8"; #wrap {color: #404040; /*margin: 0 12%;*/ margin: 0; height:110px; overflow:hidden; margin:0 35px;} #wrap1 {color: #404040; /*margin: 0 12%;*/ margin: 30px 0; height:110px; overflow:hidden;} .lof-slidecontent { position:relative; overflow:hidden; border:#F4F4F4 solid 1px;} .lof-slidecontent .preload{ height:100%; width:100%; position:absolute; top:0; left:0; z-index:1000; text-align:center; background:#FFF} .lof-slidecontent .preload div{ height:100%; width:100%; background:transparent url(../new-images/load-indicator.gif) no-repeat scroll 50% 50%;} .lof-slidecontent .sliders-wrapper{ position: absolute; height:100%; width:100%; z-index:3; overflow:hidden; margin:0 0 0 230px; background: #FFFFFF; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;} .lof-slidecontent ul.sliders-wrap-inner{overflow:hidden; background:transparent url(../new-images/load-indicator.gif) no-repeat scroll 50% 50%; padding:0px; margin:0; position:absolute; overflow:hidden;} .lof-slidecontent ul.sliders-wrap-inner li{overflow:hidden; padding:0px;margin:0px; float:left; position:relative; width:16.7%; background:url(../new-images/feature-bg.gif) no-repeat right top;} .lof-slidecontent ul.sliders-wrap-inner li .conten{padding:20px 350px 20px 20px; position: absolute; font-size:13px; color:#333333;} .lof-slidecontent ul.sliders-wrap-inner li .conten span{font-size:16px; color:#000000;} .lof-slidecontent ul.sliders-wrap-inner li .conten b{background:url(../new-images/dot.gif) no-repeat 10px 7px; padding:0 0 0 25px; display:block; font-weight:normal;} .lof-slidecontent ul.sliders-wrap-inner li .conten a{text-decoration:none; color:#009ee0;} .lof-slidecontent ul.sliders-wrap-inner li .conten a:hover{color:#000000; text-decoration:underline;} .lof-slidecontent ul.sliders-wrap-inner li .conten .button{margin:10px 0 0 10px;} .lof-slidecontent ul.sliders-wrap-inner li .conten .button img{margin:0 10px 5px 0;} .lof-slidecontent ul.sliders-wrap-inner li .ima{float:right; width:288px; display:block; padding:23px 30px 0 0;} .lof-slidecontent .lof-opacity li{position:absolute; top:0; left:0; float:inherit; } .lof-slidecontent .navigator-content {position:absolute; left:0; top:20px; z-index:9; height:300px; width:230px; overflow:hidden; color:#ffffff;} .lof-slidecontent .navigator-wrapper{ position:relative; z-index:10; height:180px; width:210px; overflow:hidden; color:#FFF; float:left} .lof-slidecontent ul.navigator-wrap-inner{ top:0; padding:0; margin:0; position:absolute; width:100%; } .lof-slidecontent ul.navigator-wrap-inner li{ cursor:hand; color:#666666; cursor:pointer; list-style:none; padding:0; margin-left:0px; overflow:hidden; float:left; display:block; text-align:center;} ul.sliders-wrap-inner li img{ padding:0px; } .lof-slidecontent .slider-description a.readmore{color:#58B1EA; font-size:95%; } .lof-slidecontent .slider-description a{ color:#FFF; } .lof-slidecontent .slider-description{ z-index:100px; position:absolute; bottom:66px; left:0px; width:350px; background: height:100px; padding:10px; color:#FFF;} .lof-slidecontent .slider-description h4 { font-size: 14px; margin: 10px 0; padding: 0; } .lof-slidecontent .slider-description .slider-meta a{ margin:0; background:#C01F25; font-size:75%; padding:2px 3px; font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif; text-transform:uppercase; text-decoration:none} .lof-slidecontent .item-meta a:hover{ text-decoration:underline;} .lof-slidecontent .item-meta i { font-size:70%; } .lof-slidecontent ul.navigator-wrap-inner li.active{background: no-repeat scroll left center; color:#ffffff;} .lof-slidecontent ul.navigator-wrap-inner li div{ background: color: #333333; height:100%; margin-left:0; padding:0 0 0 0; text-align:left; *display:inline-block;} .lof-slidecontent ul.navigator-wrap-inner li div.win{background:url(../new-images/windows.gif) no-repeat 10px -70px; padding:20px 0 0 75px;} .lof-slidecontent ul.navigator-wrap-inner li div.outlook{background: url(../new-images/outlook.gif) no-repeat 10px -70px; padding:20px 0 0 75px;} .lof-slidecontent ul.navigator-wrap-inner li div.exchange{background: url(../new-images/exchange.gif) no-repeat 10px -70px; padding:20px 0 0 75px;} .lof-slidecontent ul.navigator-wrap-inner li div.groupwise{background: url(../new-images/groupwise.gif) no-repeat 10px -70px; padding:20px 0 0 75px;} .lof-slidecontent ul.navigator-wrap-inner li div.ostpst{ background:url(../new-images/ost-pst.gif) no-repeat 10px -70px; padding:20px 0 0 75px;} .lof-slidecontent ul.navigator-wrap-inner li div.nsfpst{background: url(../new-images/nsf-pst.gif) no-repeat 10px -70px; padding:20px 0 0 75px;} .lof-slidecontent ul.navigator-wrap-inner li.active div{ background-color:#FFFFFF; background-position: 10px 13px; color:#009ee0; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;} .lof-slidecontent ul.navigator-wrap-inner li img{height:60px; width:60px; margin:15px 15px 10px 0px; float:left; padding:3px; border:#C5C5C5 solid 1px;} .lof-slidecontent ul.navigator-wrap-inner li span{display:block;} .lof-slidecontent ul.navigator-wrap-inner li.active img, .lof-slidecontent ul.navigator-wrap-inner li:hover img { border:##6C8E5C solid 1px;} .lof-slidecontent .button-next, .lof-slidecontent .button-previous{display:block; width:40px; color:#FFF; cursor:pointer; position:absolute; height:100%; z-index:40; top:0; text-indent:-999px;} .lof-slidecontent .button-next { right:0px; background: no-repeat right center;} .lof-slidecontent .button-previous { left:0px; background: no-repeat left center;} .lof-slidecontent .button-control { position:absolute; top:10px; right:48%; height: 20px; width: 20px; cursor:hand; cursor:pointer; } .lof-slidecontent .button-control span { display:block; width:100%; height:100%;} .news{text-transform:uppercase; font-weight:bold;} #container {width:100%; padding:10px 0; font-size:10px;} .paraspace{padding-left:15px;} /* -------- features end --------- */ /* -------- tabs start --------- */ #tabs{overflow: hidden; width: auto; margin: 0 1px 0 0 ; padding: 0 0 0 15px; list-style: none; background:url(../new-images/tab-bg.gif) repeat-x 0 0; height:39px; } #tabs li{ float: left; margin:0;} #tabs a{ position: relative; padding: .7em 1.5em; float: left; text-decoration: none; color: #444; text-transform:uppercase; font-size:14px; } #tabs a:hover, #tabs a:hover::after, #tabs a:focus, #tabs a:focus::after{ background: #fff; color:#029feb; } #tabs a:focus{ outline: 0; } #tabs a::after{ content:''; position:absolute; z-index: 1; top: 0; right: -.5em; bottom: 0; width: 1em; } #tabs #current a{ background: #fff; color:#029feb; z-index: 3;} #tabs #current a::after{ background: #fff; z-index: 3; } #content{padding: 20px; position: relative; z-index: 2;} #content p{margin:0 0 2px 0;} #content ul{margin:7px 0 0 30px; padding:0;} #content ul li{list-style-type:disc; padding:0 0 5px 0; margin:0 0 0 0;} /* -------- tabs end --------- */ /* -------- table start --------- */ table.errors{margin:15px 0 10px; width:100%; color:#333333;} table.errors, table.errors td{border-width: 1px; border-color:#999999; border-collapse:collapse;} table.errors th, table.errors td{padding:5px;} table.errors th{background:#f4f4f4; font-size:16px; text-shadow: 1px 1px #ffffff;} table.errors td a{color: #324594; text-decoration:underline; font-size:11px; padding:5px 0;} table.errors td a:hover{color:#ff0000; text-decoration:none;} /* -------- table end --------- */ /* -------- accordion start --------- */ #left_nav, #body { float:left; margin:10px; width:100%; } .collapsible, .page_collapsible, .accordion { margin: 0; padding:10px; height:20px; border-top:#f0f0f0 1px solid; background: #cccccc; text-decoration:none; text-transform:uppercase; color: #000; font-size:1em; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor:pointer; } .accordion-open, .collapse-open { background:#000; color: #fff; } .accordion-open span, .collapse-open span { display:block; float:right; padding:10px; } .accordion-open span, .collapse-open span { background:url(../new-images/minus.png) center center no-repeat; } .accordion-close span, .collapse-close span { display:block; float:right; background:url(../new-images/plus.png) center center no-repeat; padding:10px; } div.container { padding:0; margin:0; } div.container .side-left{ width:250px; float:left;} div.container .side-left .large-text{font-size:40px; font-weight:bold; line-height:50px; padding:20px; text-shadow:1px 1px #ffffff;} div.container .side-right{ position:relative; margin:0 0 0 270px;} div.container .side-right .pro{border-bottom:1px solid #CCCCCC; line-height:25px; padding:0 0 5px 0; margin:0 0 15px 0; overflow:hidden;} div.container .side-right .pro a{color:#000000;} div.container .side-right .pro a:hover{text-decoration:underline;} div.container .side-right .pro .text-link{float:left; width:50%;} div.container .side-right .pro .button-link{float:left; width:25%; color: #FF0000; font-weight:bold; text-transform:uppercase;} div.container .side-right .pro .button-link a{font-weight: normal; text-transform: none;} div.container .side-right .pro .button-link a.down{background-color:#15b400; padding:5px 10px; color:#FFFFFF; line-height:25px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;} div.container .side-right .pro .button-link a.down:hover{background-color:#000000; color:#15b400; text-decoration:none;} div.container .side-right .pro .button-link a.shop{background-color:#009ee0; padding:5px 10px; color:#FFFFFF; line-height:25px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;} div.container .side-right .pro .button-link a.shop:hover{background-color:#000000; color:#009ee0; text-decoration:none;} div.content {background:#f0f0f0; margin: 0; padding:10px; font-size:.9em; line-height:1.5em;} div.content ul, div.content p {padding:0; margin:0; font-size:15px; color:#000000; padding:15px 0 25px 0;} div.content ul li {list-style-position:inside; line-height:25px; } div.content ul li a {color:#555555; } code {overflow:auto; } /* -------- accordion end --------- */ /* -------- light-box start --------- */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; } #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;} .cboxIframe{width:100%; height:100%; display:block; border:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} #cboxOverlay{background:#999999 repeat 0 0;} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url(../new-images/controls.png) no-repeat -101px 0;} #cboxTopRight{width:21px; height:21px; background:url(../new-images/controls.png) no-repeat -130px 0;} #cboxBottomLeft{width:21px; height:21px; background:url(../new-images/controls.png) no-repeat -101px -29px;} #cboxBottomRight{width:21px; height:21px; background:url(../new-images/controls.png) no-repeat -130px -29px;} #cboxMiddleLeft{width:21px; background:url(../new-images/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(../new-images/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(../new-images/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(../new-images/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff; overflow:hidden;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-top:28px;} #cboxTitle{position:absolute; top:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; top:4px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; top:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; top:0; left:0; background:url(../new-images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious:hover{background-position:-75px -25px;} #cboxNext{position:absolute; top:0; left:27px; background:url(../new-images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;} #cboxNext:hover{background-position:-50px -25px;} #cboxLoadingOverlay{background: no-repeat center center;} #cboxLoadingGraphic{background:url(../new-images/loading.gif) no-repeat center center;} #cboxClose{position:absolute; top:0; right:0; background:url(../new-images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;} #cboxClose:hover{background-position:-25px -25px;} .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); } .cboxIE6 #cboxTopLeft{background:url(../new-images/borderTopLeft.png);} .cboxIE6 #cboxTopCenter{background:url(../new-images/borderTopCenter.png);} .cboxIE6 #cboxTopRight{background:url(../new-images/borderTopRight.png);} .cboxIE6 #cboxBottomLeft{background:url(../new-images/borderBottomLeft.png);} .cboxIE6 #cboxBottomCenter{background:url(../new-images/borderBottomCenter.png);} .cboxIE6 #cboxBottomRight{background:url(../new-images/borderBottomRight.png);} .cboxIE6 #cboxMiddleLeft{background:url(../new-images/borderMiddleLeft.png);} .cboxIE6 #cboxMiddleRight{background:url(../new-images/borderMiddleRight.png);} .cboxIE6 #cboxTopLeft, .cboxIE6 #cboxTopCenter, .cboxIE6 #cboxTopRight, .cboxIE6 #cboxBottomLeft, .cboxIE6 #cboxBottomCenter, .cboxIE6 #cboxBottomRight, .cboxIE6 #cboxMiddleLeft, cboxIE6 #cboxMiddleRight { _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')"); } /* -------- light-box end --------- */ /*Pagination CSS for News Page Start*/ .prcontainer{} .prfake{} #page_navigation{margin:25px auto 10px;} #page_navigation a{padding:5px 7px; border:1px solid #cccccc; margin:2px;text-decoration:none;} .previous_link{color:#0066cc; border:1px solid #0066cc;} .next_link{color:#0066cc; border:1px solid #0066cc;} #page_navigation a:hover{ color:#0066cc; border:1px solid #0066cc;} .active_page{ background-color:#0066cc; color:#FFFFFF;} .news-release{background-color:#dfdfdf; color:#000000; font-size:14px; padding: 10px 20px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; font-weight:bold; overflow:hidden; clear:both; text-shadow:1px 1px 0.3px #ffffff;} .news-release span{ color: #666666; float:right; font-size:13px;} .news-release div{float:left; padding:0; margin:0;} .news-release b{ background-color:#009ee0; color:#FFFFFF; padding:0 7px; text-shadow:none; font-weight:normal;} .news-box{ padding:0 0 30px 0;} .news-box a{text-decoration:none; color:#0099FF;} .news-box a:hover{color:#000000; text-decoration:underline;} .news-box p{padding:10px 20px 0 20px;} .news-box ul{ padding:10px 0 0 20px;} .news-box ul li{list-style-type:disc; padding:0 0 7px 0; margin:0 0 0 20px;} /*End Pagination CSS*/ /*----------- Offer Css Start ---------*/ .special-offer{background:url(../new-images/gray.gif) repeat-x 0 0; padding:20px; overflow:hidden;} .offer{padding:10px 0 10px 0; position:relative; float:left; width:280px; margin:0 80px 40px 10px;} .offer-box{background-color:#FFFFFF; border:2px solid #dddddd; } .offer-box-head{font-size:18px; color:#000000; border-bottom:1px solid #CCCCCC; padding:0 0 5px 5px; margin:10px 0 0 10px; } .offer-soft{padding:10px 10px 30px 10px;} .offer-soft ul{ padding:0; margin:0;} .offer-soft ul li{float:left; margin:5px; background-color:#f5f5f5; color:#006699; padding:5px; list-style-type:none; } .offer-soft-tec{padding:10px 10px 30px 10px; height:220px;} .offer-soft-tec ul{ padding:0; margin:0;} .offer-soft-tec ul li{float:left; margin:5px; background-color:#f5f5f5; color:#006699; padding:5px 10px; list-style-type:none; } * html .offer-soft ul li{float:left; margin:5px; background-color:#f5f5f5; color:#006699; padding:5px 10px; list-style-type:none; width: auto; white-space: nowrap;} *:first-child+html .offer-soft ul li{ margin:5px; background-color:#f5f5f5; color:#006699; padding:5px 10px; list-style-type:none; width: auto; white-space: nowrap;} .cost{background-color:#f2f2f2; border-top:1px dotted #999999; padding:3px 15px; font-size:18px; margin:20px 0 0 0;} .cost span{font-weight:bold; padding:0 0 0 90px;} .bundle{background-color:#f2f2f2; border-top:1px dotted #999999; border-bottom:1px dotted #999999; padding:3px 15px; font-size:18px; color:#cc0000; margin:0 0 50px 0;} .bundle span{font-weight:bold; padding:0 0 0 95px;} .save{background:url(../new-images/save.png) no-repeat 0 0; width:71px; height:71px; color:#FFFFFF; position:absolute; right:-50px; top:0; text-align:center; font-size:18px; font-weight:bold; padding:15px 0 0 0; line-height:20px;} .buy-offer{ margin:-34px 0 0 50px; height:50px;} /*----------- Offer Css end ---------*/ /*-----------Common CSS About, FAQ, Sitemap etc..------------*/ .profile{border-top:1px solid #d6d6d6; margin:0; background:url(../new-images/border.gif) repeat-y 70% 0; overflow:hidden; width:100%;} .profile-cont{padding:15px 25px;} .profile-cont-top{} .profile-cont-top img{float:left; margin:0 20px 20px 0;} .profile-cont-down{} .profile-cont-down img{float:right; margin:0 0 20px 20px;} .right-sap{ padding:15px;} .right-sap span{padding:10px;} .map{border-top:1px solid #d6d6d6; margin:0; overflow:hidden; width:100%;} .mapsite{background-color:#eaeaea; font-size:20px; padding:5px 20px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; margin:5px 0;} .mapsite a{text-decoration:none; color: #999999; font-weight:bold;} .mapsite a:hover{color:#000000;} .software-name{border-bottom:1px dotted #333333; font-size:16px; margin:10px 0; padding:0 0 5px 0;} .software-name a{text-decoration:none; color:#333333;} .software-name a:hover{font-weight:bold;} .software-map{ float:left; width:180px; margin:0 0 10px 10px;} .software-map span{font-size:14px;} .software-map span a{text-decoration:none; color:#000000;} .software-map span a:hover{color:#000000; text-decoration:underline;} .software-map ul{ padding:5px;} .software-map ul li{background:url(../new-images/map.gif) no-repeat 0 5px; padding:0 0 5px 12px;} .software-map ul li a{text-decoration:none; color: #666666;} .software-map ul li a:hover{text-decoration:underline; color:#000000;} .sitemap{padding:0 15px;} .reach{float:left; margin:0 50px 0 0;} .reach p{padding:0 0 10px 20px;} .reach span{font-size:20px; color:#000000;} .reach-head{background:url(../new-images/shadow.gif) no-repeat bottom left; font-size:30px; font-weight:bold; color:#0099cc; padding:0 0 40px 15px;} .reach-head img{float:left; margin:0 15px 0 0;} .pvc{font-size:20px; font-weight:lighter; color:#000000; padding:0;} .pvc p{padding:0 0 10px 0; font-size:13px;} .pvc span{display:block; font-size:20px; padding:5px 0 5px 0; color:#00000;} .client-review{background:url(../new-images/spray.gif) repeat-x bottom left; padding: 0 10px 30px 10px;} .client-name{ color:#000000; font-size:18px; float:right; padding:0 0 10px 0; color:#000000;} .client-name img{float:left; margin:2px 15px 0 0;} .client-review a{text-decoration:none; color:#0099FF;} .blue{color:#006699;} .red{color:#000000;} /*-----------Common CSS Ens------------*/ /*---------Start Product Main Page-----------*/ .white-box{background:url(../new-images/shape-new.gif) no-repeat 0 0; width:259px; text-transform:uppercase; float:left; font-size:16px; font-weight:bold; color:#333333; padding:27px 0 27px 15px;} .white-box span{color:#999999; display:block;} .software-detail{position:relative; margin:0 0 0 280px;} .software-detail ul{} .software-detail ul li{list-style-type:none; float:left; margin:0 10px 0 0; padding:20px 0;} .soft-list{padding:10px 0;} .categories{padding:25px 0 0 0;} .award-box{ float: left; margin:20px 30px 10px 0;} /*---------End Product Main Page-----------*/ /* - Start Skins CSS - */ .jcarousel-skin-tango .jcarousel-container { height:110px; width:90%; } .jcarousel-skin-tango .jcarousel-direction-rtl { direction: rtl; } .jcarousel-skin-tango .jcarousel-container-horizontal { margin:0 auto; width:90%; height:110px; } .jcarousel-skin-tango .jcarousel-container-vertical { padding: 10px 0; width:90%; height:90px; } .jcarousel-skin-tango .jcarousel-clip { overflow: hidden; } .jcarousel-skin-tango .jcarousel-clip-horizontal { width:100%; margin:0 auto; height:110px; } .jcarousel-skin-tango .jcarousel-clip-vertical { width:200px; height:110px; } .jcarousel-skin-tango .jcarousel-item { width:200px; height:91px; padding:10px 0; } .jcarousel-skin-tango .jcarousel-item-horizontal { margin-left: 0; margin-right: 10px; } .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 10px; margin-right: 0; } .jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 10px; } .jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; } /** * Horizontal Buttons */ .jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 30px; right: -5.5%; width: 38px; height: 38px; cursor: pointer; background: transparent url(../new-images/right-arrow.png) no-repeat; } .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal { left: 5px; right: auto; background:url(../new-images/left-arrow.png) no-repeat; } .jcarousel-skin-tango .jcarousel-next-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-horizontal:focus { /*background-position: -32px 0;*/ background: transparent url(../new-images/nexthover.png) no-repeat; } .jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: -64px 0; } .jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; /*background-position: -96px 0;*/ background:url(../new-images/backdisable.png) no-repeat; } .jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 30px; left: -5.5%; width:38px; height: 38px; cursor: pointer; background:url(../new-images/left-arrow.png) no-repeat; } .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal { left: auto; right: 5px; } .jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-horizontal:focus { /*background-position: -32px 0;*/ background:url(../new-images/backhover.png) no-repeat; } .jcarousel-skin-tango .jcarousel-prev-horizontal:active { /*background-position: -64px 0;*/ background:url(../new-images/backhover.png) no-repeat; } .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; /*background-position: -96px 0;*/ background:url(../new-images/backdisable.png) no-repeat; } /** * Vertical Buttons */ .jcarousel-skin-tango .jcarousel-next-vertical { position: absolute; bottom: 5px; left: 43px; width: 38px; height: 38px; cursor: pointer; background:url(../new-images/left-arrow.png) no-repeat; } .jcarousel-skin-tango .jcarousel-next-vertical:hover, .jcarousel-skin-tango .jcarousel-next-vertical:focus { /*background-position: 0 -32px;*/ background:url(../new-images/backhover.png) no-repeat; } .jcarousel-skin-tango .jcarousel-next-vertical:active { /*background-position: 0 -64px;*/ background:url(../new-images/backhover.png) no-repeat; } .jcarousel-skin-tango .jcarousel-next-disabled-vertical, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active { cursor: default; /*background-position: -96px 0;*/ background:url(../new-images/backdisable.png) no-repeat; } .jcarousel-skin-tango .jcarousel-prev-vertical { position: absolute; top: 5px; left: 43px; width: 38px; height: 38px; cursor: pointer; background:url(../new-images/left-arrow.png) no-repeat; } .jcarousel-skin-tango .jcarousel-prev-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-vertical:focus { /*background-position: 0 -32px;*/ background:url(../new-images/backhover.png) no-repeat; } .jcarousel-skin-tango .jcarousel-prev-vertical:active { /*background-position: 0 -64px;*/ background: url(../new-images/left-arrow.png) no-repeat; } .jcarousel-skin-tango .jcarousel-prev-disabled-vertical, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active { cursor: default; /*background-position: -96px 0;*/ background:url(../new-images/backdisable.png) no-repeat; } /* - End Skins CSS - */ /* - Start News Ticker CSS - */ /* liScroll styles */ #news-container{width:96%; background:#f1f1f1; position:absolute; top:420px; border:1px solid #cccccc; margin:10px 2%; padding:5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; height:45px;} #news-container p{margin:0; padding:0;} #news-container a{text-decoration:underline;} /* - End News Ticker CSS - */ /* - Offer for buy page CSS - */ .discount{ background:url(../new-images/discount.gif) no-repeat 0 0; padding:20px 0 0 90px; margin:0 0 30px 15px;} .discount-soft{padding:0 0 0 0; color:#000000;} .discount-soft span{color:#666666; font-size:12px;} .discount-red{ color:#cc0000; font-size:20px; margin:10px 0 5px 0;} .discount-red span{ background-color:#cc0000; color:#FFFFFF; padding:0 3px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;} .discount-black{ color:#333333; font-size:11px; font-weight:bold;} .discount-black span{ background-color:#333333; color:#FFFFFF; padding:0 3px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; margin:0 5px 0 0;} .discount-green{ color:#669900; font-size:11px; margin:3px 0 0 0; font-weight:bold;} .discount-green span{ background-color:#669900; color:#FFFFFF; padding:0 3px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; margin:0 5px 0 0;} .discount-divide{background:url(../new-images/discount-shadow.gif) no-repeat 0 0; height:20px; margin:20px 0 0 0;} .discount-hd{background-color:#f4f4f4; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; font-size:18px; font-weight:bold; color:#000000; text-transform:uppercase; padding:10px 10px 10px 20px; text-shadow: 1px 1px #ffffff;} /* - Offer for buy page CSS - */ /* - License Page - */ .lecensepopupbox{ margin:20px 40px} .lecensepopupbox p{margin:0; padding:0;} .licensebox{padding:0 0 10px 0; border-bottom:1px solid #CCCCCC; margin-bottom:10px;} .licensepopup b{color:#003366; font-weight:bold; font-size:20px; margin-bottom:10px;} .licensepopup span{color:#02ade5; font-weight:bold; font-size:14px;} .userdefnition{background:#f6f6f6; margin:10px 0 0; padding:10px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius: 4px; border-radius:5px;} .userdefnition strong{font-size:14px; font-style:italic; color:#666666;} /* - License Page - */ /* --- testimonial start --- */ .quote{background:url(../new-images/quotes.gif) no-repeat left 5px; padding-left:35px;} /* --- testimonial end --- */ /* --- pst download page css start --- */ .dllpagebox{background-color:#FFFFFF; border:1px solid #CCCCCC; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; padding:1px; margin:0;} .dllpageboxinfo{margin:0 25px 25px 25px;} .dlpagecontainer{margin:25px;} .dlpagebox{float:left; width:70%;} .dlpageboxsoftbox{float:left;} .dlpagefeature{position:relative; margin:10px 0 0 230px; padding:10PX 0 0 20px;} .dlpagefeature ul{margin:10px 0 0 30px; padding:10px 0 0 0;} .dlpagefeature ul li{list-style:none; background:url(../new-images/tickmark.gif) no-repeat left 2px; line-height:22px; padding:0 0 10px 25px; } .dlpagetext{font-size:30px; font-weight:normal; color:#333333; padding:0; margin:0 0 0 25px;} .dlpagefeaturetop{background-color:#CCCCCC; border-top-left-radius: 4px; -moz-border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; -o-border-top-left-radius: 4px; border-top-right-radius: 4px; -moz-border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; -o-border-top-right-radius: 4px; padding:10px 25px; font-weight:bold; font-size:15px; text-shadow: 1px 1px #ffffff; font-size:16px;} #main{width:100%;} #header { background:#298de3; -webkit-box-shadow: 0px 5px 6px -4px rgba(0,0,0,0.4); -moz-box-shadow: 0px 5px 6px -4px rgba(0,0,0,0.4); box-shadow: 0px 5px 6px -4px rgba(0,0,0,0.4); left: 0; padding-bottom: 7px; position: fixed; top: 0; z-index: 12; } #header .pro-name { background-image: url("../new-images/logo.png"); background-position: 0 10px; background-repeat: no-repeat; color:#ffffff; float:left; font-size:30px; line-height: 45px; padding-left:170px; padding-top: 10px; margin-left:20px; font-weight:bold; text-shadow:1px 1px #0960a9; } #header .pro-nav { float: right; padding-right:30px; } .dllrelsoft{padding:10px 0 30px 15px;} .dllrelsoft ul{padding:10px; margin:0;} .dllrelsoft ul li{list-style-type:disc; padding:0 0 5px 0; margin:0 0 0 20px;} .dllrelsoft ul li a{color:#003366;} .dllrelsoft ul li a:hover{color:#000000; text-decoration:underline;} .offerbundles{background:url(../new-images/giftbox.gif) no-repeat 0 0; padding:20px 0 0 90px; margin:0 0 30px 15px;} /*------------OST Buy Page Tab CSS-----------------*/ .etabs { padding: 0; width:400px; margin:20px auto 0 auto;} .tab { display: inline-block; zoom:1; *display:inline; background: #eee; border: solid 1px #ccc; border-bottom: none; -moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0; -o-border-radius:6px 6px 0 0; border-radius:6px 6px 0 0; margin:0 5px 0 0;} .tab a { font-size: 14px; line-height: 2em; display: block; padding: 0 10px; outline: none; color:#000000; font-size:18px; } .tab a:hover { text-decoration: underline; } .tab.active { background: #fff; padding-top: 6px; position: relative; top: 1px; border-color: #ccc; } .tab a.active { font-weight: bold; } .tab-container{margin:20px 0 0 0;} .tab-container .panel-container {border: solid #ccc 1px; padding: 10px; border-radius:0 8px 8px 8px; background:#ffffff; } .panel-container { margin-bottom: 10px; } .left{float:left; width:170px; text-align:center; margin:80px 0 0 0px;} .left b{ color: #cc0000; font-size: 30px; font-weight: bold; display:block; margin:10px 0;} .right{float:left; width:410px; margin:15px 0 0 50px;} .buy-tab{ width:635px; margin:10px auto; background:#ffffff url(../new-images/seprator.gif) no-repeat 190px 20px;} #floatoffer{right: -240px; width:300px; height:170px; position: fixed; top:35%; display:block; z-index: 9999; background:url(../new-images/Cristmasoffer.png) no-repeat;} #floatoffer:hover{right:0; width:300px; height:170px; position: fixed; top:35%;z-index: 9999; background:url(../new-images/Cristmasoffer.png) no-repeat;} #floatoffer .textcoupon{font-size:14px; letter-spacing:-1px; padding:118px 0 0 172px; color:#344a01; font-family:Geneva, Arial, Helvetica, sans-serif;} @import url(https://fonts.googleapis.com/css?family=Noto+Sans); @import url(https://fonts.googleapis.com/css?family=Architects+Daughter);