/* ---------------------------------------------------- Technoscore Web Solution Created: Tue 30.06.2009 Author: Amrit Pal Singh Projects: Smartest Investing Books ----------------------------------------------------*/ /* ------------------------------------- Common ------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, images, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0; outline: 0; font-weight:inherit; font-style:inherit; font-size:100%;} ol, ul {list-style: none;} body{font-size:12px; color:#6d6d6d; font-weight:normal; background:#1a7aac url(images/bg.jpg) repeat-x top; line-height:16px; padding:0px; margin:0px; font-family:"Trebuchet MS", Arial;} p,a,ul,span,h1,h2,h3,h4,img,li,table,form,label,input,fieldset,sup{padding:0px; margin:0px; font-size:11px; color:#6d6d6d; font-family:"Trebuchet MS", Arial; line-height:18px;} img,fieldset,table{border:none;} a{text-decoration:underline; color:#555;} a:hover{text-decoration:none} img.left{float:left; padding:0px; margin:0px;} img.right{float:right} img.right1{float:right; padding-top:3px;} strong{font-weight:bold} /* ------------------------------------- Layout ------------------------------------- */ .page{width:1056px; margin:0px auto 0 auto; position:relative} .layout{width:1006px; margin:26px auto 0 auto; position:relative} .main{width:959px; margin:0px; border:5px solid #fff; float:left; background:#fff; position:relative; display:block;} /* ------------------------------------- Menu ------------------------------------- */ .left_nav{float:left; position:absolute; left:-47px; top:66px; display:block; width:47px; height:200px;} .left_nav a.bookdan{width:47px; float:left; height:133px; position:relative; display:block; background:url(images/book_dan.jpg) no-repeat right top; margin-bottom:2px;} .left_nav a.bookdan:hover{background:url(images/book_dan.jpg) no-repeat left top;} .left_nav a.bookdan span{text-indent:-9999px; position:absolute} .left_nav a.buybook span{text-indent:-9999px; position:absolute} .left_nav a.prtfolio span{text-indent:-9999px; position:absolute} .left_nav a.buybook{width:47px; text-indent:-9999px; float:left; height:104px; background:url(images/buy_book.jpg) no-repeat right top; } .left_nav a.buybook:hover{background:url(images/buy_book.jpg) no-repeat left top;} .left_nav a.prtfolio{width:47px; text-indent:-9999px; float:left; height:163px; background:url(images/portfolio.jpg) no-repeat right top; margin-bottom:2px;} .left_nav a.prtfolio:hover{background:url(images/portfolio.jpg) no-repeat left top;} .click{float:right; position:absolute; right:-47px; _right:-48px; top:-60px; width:198px; height:201px;} /* ------------------------------------- Header ------------------------------------- */ .header{width:959px; float:left; background:url(images/banner.jpg) no-repeat left top; height:368px; position:relative} .header_inner{width:959px; float:left; background-image:url(images/about_dan.jpg) no-repeat left top; position:relative;} /* ------------------------------------- Menu ------------------------------------- */ .menu{width:810px; float:left} .menu ul{list-style:none; width:810px; padding-left:0px; float:left;} .menu ul li{color:#636363; float:left} .menu ul li a{color:#fff; padding:0px 0 0 6px; width:auto; float:left; font-size:13px; text-decoration:none; font-weight:bold; font-family:Arial, Helvetica, sans-serif;} .menu ul li a span{color:#fff; padding:18px 25px 26px 21px; width:auto; float:left; font-size:13px; text-decoration:none; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; cursor:pointer} .menu ul li a:hover{color:#f1a501;} .menu ul li a span:hover{color:#f1a501;} .menu ul li a span.current{background:url(images/top_arrow.jpg) no-repeat bottom;} .menu ul li a span.current:hover{background:url(images/top_arrow.jpg) no-repeat bottom; color:#fff;} h2{background:url(images/h2bg1.jpg) repeat-x top; color:#fff; width:959px; float:left; line-height:40px; font-family:"Times New Roman", Times, serif; font-size:20px; font-weight:normal} /* ------------------------------------- Middle ------------------------------------- */ .middleindex{width:959px; float:left; background:url(images/index-bg2.jpg) no-repeat left top; min-height:356px;} .middle{width:959px; float:left; background:url(images/mid_bg.jpg) no-repeat left top; min-height:356px;} .middle_inner{width:959px; float:left; background:url(images/inner_bg.jpg) no-repeat 27px 64px; min-height:346px;} .middle_inner_new{width:959px; float:left; background:url(images/inner_bg1.jpg) no-repeat 27px 60px; min-height:346px;} #scroller{width:580px; float:left; height:320px; margin-top:20px;} #scroller_inner{width:559px; float:left; padding:23px 0 18px 47px;} #scroller_inner p.main1{width:549px; float:left; color:#1778ab; font-size:16px; line-height:22px; font-family:"Times New Roman", Times, serif; padding:5px 0 11px 5px; font-weight:normal;} #scroller_inner h3{width:544px; float:left; background:none; color:#164688; font-size:18px; padding:0 0 2px 0} #scroller_inner h2{width:539px; float:left; background:none; color:#164688; font-size:28px; padding:0 0 32px 0} #scroller_inner .dan{width:217px; float:left;} #scroller_inner .dan p{width:208px; float:left; color:#1778ab; font-size:22px; font-family:"Times New Roman", Times, serif; padding:5px 0 11px 5px; font-weight:normal;} #scroller_inner .dan a{width:170px; float:left; color:#011049; font-size:14px; font-family:"Times New Roman", Times, serif; padding:2px 0 6px 5px; font-weight:normal;} #scroller_inner p{width:330px; float:left; color:#1778ab; font-size:16px; line-height:22px; font-family:"Times New Roman", Times, serif; padding:5px 0 11px 5px; font-weight:normal;} #scroller_inner p a{ color:#011049; font-size:15px;} #scroller_inner1{width:570px; float:left; padding:20px 0 18px 40px;} #scroller_inner1 p.main1{width:560px; float:left; color:#1778ab; font-size:16px; line-height:22px; font-family:"Times New Roman", Times, serif; padding:5px 0 11px 5px; font-weight:normal;} #scroller_inner p.main1 h3{width:544px; float:left; background:none; font-weight:bold; color:#164688; font-size:14px; padding:7px 0 2px 0} #scroller_inner1 h3{width:560px; float:left; background:none; color:#164688; font-size:18px; padding:0 0 2px 0} #scroller_inner1 h2{width:560px; float:left; background:none; color:#164688; font-size:28px; padding:0 0 10px 0} #scroller_inner1 p.main2{width:560px; float:left; line-height:40px; font-family:"Times New Roman", Times, serif; font-size:16px;font-weight:normal; color:#000} #scroller_inner1 p{width:560px; float:left; color:#1778ab; font-size:16px; line-height:22px; font-family:"Times New Roman", Times, serif; padding:5px 0 11px 5px; font-weight:normal;} #scroller_inner1 p a{ color:#011049; font-size:15px;} #scroller_inner1 ul{width: 560px; float:left;} #scroller_inner1 ul li{padding:4px 10px; width:540px; float:left} #scroller_inner1 ul li label{padding-left:4px} #scroller_inner2{width:880px; float:left; padding:20px 0 18px 50px;} #scroller_inner2 p.main1{width:850px; float:left; color:#1778ab; font-size:16px; line-height:22px; font-family:"Times New Roman", Times, serif; padding:5px 0 11px 5px; font-weight:normal;} #scroller_inner2 p.main2{width:880px; float:left; color:#1778ab; font-size:16px; line-height:22px; font-family:"Times New Roman", Times, serif; padding:5px 0 11px 5px; font-weight:normal;} #scroller_inner2 p.main2 h3{width:880px; float:left; background:none; font-weight:bold; color:#164688; font-size:14px; padding:7px 0 2px 0} #scroller_inner2 h3{width:880px; float:left; background:none; color:#164688; font-size:18px; padding:0 0 2px 0} #scroller_inner2 h2{width:880px; float:left; background:none; color:#164688; font-size:28px; padding:0 0 10px 0} #scroller_inner2 p.main3{width:880px; float:left; line-height:40px; font-family:"Times New Roman", Times, serif; font-size:16px;font-weight:normal; color:#000} #scroller_inner2 p{width:650px; float:left; color:#1778ab; font-size:16px; line-height:22px; font-family:"Times New Roman", Times, serif; padding:5px 0 11px 5px; font-weight:normal;} #scroller_inner2 p a{ color:#011049; font-size:15px;} #scroller_inner2 ul{width: 880px; float:left;} #scroller_inner2 ul li{padding:4px 10px; width:880px; float:left} #scroller_inner2 ul li label{padding-left:4px} #scroller_inner2 .dan{width:217px; float:left;} #scroller_inner2 .dan p{width:208px; float:left; color:#1778ab; font-size:22px; font-family:"Times New Roman", Times, serif; padding:5px 0 11px 5px; font-weight:normal;} #scroller_inner2 .dan a{width:170px; float:left; color:#011049; font-size:14px; font-family:"Times New Roman", Times, serif; padding:2px 0 6px 5px; font-weight:normal;} #FrogJS{width:539px; height:289px; float:left;} #FrogJS a{height:289px; padding:0px; margin:0px; float:left; width:auto} #FrogJS a img{padding:0px; margin:0px; float:left; width:auto} .comeback{background:#f1f0d4; width:859px; float:left; padding:18px 50px;} .comeback p{color:#7b7d4e; width:759px; float:left; font-size:16px; font-family:"Times New Roman", Times, serif} .comeback h2{background:none; color:#6e680a; width:759px; float:left; font-size:20px; font-family:"Times New Roman", Times, serif; font-weight:bold} .linkright{width:285px; float:left; padding:20px 0 9px 40px; margin:0 0 0 22px; _margin:0 0 0 22px;} .linkright a{width:auto; float:left; margin:6px 0px;} .linkright .join{width:281px; float:left; background:url(images/join_bg.jpg) repeat-y left;} .linkright .join form{width:251px; float:left; padding-left:30px } .linkright .join form label{width:50px; color:#fff; border:none; padding:2px; margin:3px 0px 4px 0;} .linkright .join form input{width:170px; color:#062051; background:#9ea9bd; border:none; padding:3px; margin:3px 0px 4px 0;} .linkright .join form input.sub{width:71px; height:21px; float:left; background:url(images/submit1.jpg) repeat-y left; border:none; padding:0px; margin:3px 0px 0px 0; cursor:pointer; font-weight:bold} #questions{width:800px; float:left; padding:10px 5px} #questions label{width:160px; float:left; color:#085d94; font-weight:bold} #questions input,select{width:200px; float:left; color:#085d94; border:1px solid #085d94; padding:2px; margin:5px 0px;} #questions textarea{width:280px; float:left; color:#085d94; border:1px solid #085d94; padding:2px; margin:5px 0px; height:100px;} #questions input,select.rad{width:auto; color:#085d94; float:left; border:1px solid #085d94; padding:2px; margin:5px 3px 5px 0;} #questions p{width:800px; color:#333; float:left; padding:0px; margin:0px 0px; font-size:12px;} #questions .row{width:440px; float:left;} #questions .rr{width:270px; float:left; border:1px solid #8ac0e2; margin-bottom:6px; padding-left:4px;} #questions input.subb{width:auto; float:left; padding:3px 10px; background:#041648; color:#fff; font-weight:bold; border:none} .datepress{font-size: 12px; color: #666666;padding:2px 0 2px 0} .contentpress{font-size:14px; color: #666666;padding:2px 0 2px 0} /* ------------------------------------- Footer ------------------------------------- */ .footer{width:959px; float:left; padding:19px 0 11px 0} .footer p{width:559px; float:left; color:#a5c9df; padding:4px 0 0 49px; font-size:11px;} .footer p a{width:auto; color:#a5c9df; padding:0 3px; text-decoration:none; line-height:12px;} #sidebar { float: right; width: 285px; float:left; padding:20px 0 0 40px; margin:0 0 0 22px; _margin:0 0 0 22px; } .askDen{font-size:12px;font-weight:bold;padding-left:5px; text-align:right; width:150px} .twitter{width:150px;padding:0 10px 0 0; margin:0px; float:left;} a.link{width:auto; padding:0; margin:5px 0 0 0px; padding-left:15px;text-align:center; text-decoration:none; font-size:11px; margin:0 auto} a.link:hover{width:auto;padding:0; margin:0px; text-align:center; text-decoration:underline; padding-left:15px;} .facebook{width:150px;padding:0; margin:0px; float:left;} /* ------------------------ Added on 10 Dec --------------------*/ .icons{width:800px; margin:0 auto; padding:130px 0px 40px 70px; text-align:center; *padding:130px 0px 40px 100px; } .icons ul{width:800px; list-style:none; border:0px solid #000; float:left; padding:0px; margin:0px auto; text-align:center;padding-bottom:60px;} .icons ul li{float:left; margin-right:70px; width:auto;}