/* ** CSS template Mal's e-commerce ** Developed by Federico Capoano */ /*------------------------ Resets & operazioni comuni ---------------------*/ html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, del, dfn, font, img, ins, kbd, q, s, samp, strike, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, td { margin: 0; padding: 0; border: 0; color: #666; } h1, h2, h3, h4, h5, h6, th, caption{ margin: 0; padding: 0; color:#333; } noscript{ display: block; width: 80%; padding: 20px; margin: 20px auto; background: #FFF; font-size: 15px !important; font-weight: bold; text-align: center; color: red; border: 1px solid #4C0000; } *:first-child+html noscript { display: inline; } :focus { outline: 0; } table { border-collapse: collapse; border-spacing: 0; } a img { border: 0 none;} textarea { overflow: auto; } ul { list-style: none outside; } label { cursor: pointer; } .accessibility { position: absolute; left: -99999px; } .outer, .center { text-align: center; } .justify, .contrast { text-align: justify; } .inner { margin: 0 auto; text-align: justify; } .left { float: left; } .right { float: right; } .clear { clear: both; } ul.left li, ul.left li a, #user-menu ul, #user-menu ul li{ float: left; } .replace, #head h1, .rating{ position: relative; } .replace span,#head h1 span,#navigation span,.rating span { position: absolute; top:0; left: 0; width: 100%; height: 100%; } a.replace span,#navigation span { cursor: pointer } a.replace { display: block } a.replace:hover { text-decoration: none } *:first-child+html { overflow: auto; } /* --------- Template --------- */ body { font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 1.5em; padding: 0 0 10px; } a { color: #007FBF; text-decoration: none } a:hover { text-decoration: underline } .inverted a, a.inverted { text-decoration: underline } .inverted a:hover, a.inverted:hover { text-decoration: none } .threecols #center-col a { font-weight: bold } #head{ height: 56px; padding: 14px 0; background-color: #F6F6F6; border-bottom: 1px solid #EEEEEE; } #head .inner { position: relative; width: 1000px; } #head h1 { float: left; } #head h1 a{ display: block; width: 152px; height: 57px; color: #FB7319; font-size: 19px; line-height: 25px; text-decoration: none; } #head h1 span { background: transparent url(../images/head-sprite.png) no-repeat scroll 0 -67px; } #navigation{ float: right; position: relative; bottom: -37px; height: 33px; } #navigation li, #navigation a{ float: left; height: 33px; background-color: #EFEFEF; color: #999999; font-size: 13px; font-weight: bold; line-height: 33px; text-align: center; text-decoration: none; } #navigation li { position: relative; margin: 0 0 0 3px } #navigation a:hover { color: #FB7319; } #join-item a { background-color: #FF730F; color: #FFF } #join-item a:hover { opacity: 0.7 } #navigation span { background: transparent url(../images/head-sprite.png) no-repeat scroll 0 0; } #navigation a:hover span { height: 34px } #home-item, #home-item a, #home-item span { width: 75px } #features-item, #features-item a, #features-item span { width: 95px } #marketplace-item, #marketplace-item a, #marketplace-item span { width: 124px } #forum-item, #forum-item a, #forum-item span { width: 85px; } #support-item, #support-item a, #support-item span { width: 90px; } #premium-item, #premium-item a, #premium-item span { width: 91px; } #join-item, #join-item a, #join-item span { width: 70px; } #features-item span { background-position: -78px 0 } #marketplace-item span { background-position: -176px 0 } #forum-item span { background-position: -303px 0 } #support-item span { background-position: -391px 0 } #premium-item span { background-position: -484px 0 } #join-item span { background-position: -578px 0 } #navigation a:hover, #navigation a.active { background-color: #FFF; border-bottom: 1px solid white } #home-item a:hover span, #home-item a.active span { background-position: 0 -33px } #features-item a:hover span, #features-item a.active span { background-position: -78px -33px } #marketplace-item a:hover span, #marketplace-item a.active span{ background-position: -176px -33px } #forum-item a:hover span, #forum-item a.active span { background-position: -303px -33px } #support-item a:hover span, #support-item a.active span { background-position: -391px -33px } #premium-item a:hover span, #premium-item a.active span { background-position: -484px -33px } #join-item a:hover span { background-position: -578px -33px } #navigation a.active, #navigation a.active span { cursor: default } #signin { position: absolute; top:0; right: 0; font-size: 11px; font-weight: bold; } #signin a { margin: 0 0 0 2px } /*#body.threecols { overflow: auto }*/ #body, #foot { clear: both; width:1000px; margin:0 auto } #first-line { margin: 20px 0 } .relevant.home{ position: relative; color: #757575; font-size: 14px; background: #eee url(../images/banner-bg.jpg) no-repeat scroll 0 0; height: 85px; } .relevant.home h2 { margin: 15px 0 10px 180px; padding: 0 0 2px; color: #333; font-size: 18px; letter-spacing: -1px } .relevant.home p { margin: 0 0 0 180px; color: #FB7319; font-size: 16px; letter-spacing: -1px;font-weight:bold; } .relevant.home h2 span { height: 25px; width: 500px; background: transparent url(../images/head-sprite.png) no-repeat scroll -186px -83px; } .relevant.home p span { height: 20px; width: 500px; background: transparent url(../images/head-sprite.png) no-repeat scroll -186px -113px; } #join-home { margin: 13px 5px 0 0; width: 270px; text-align: center; } #join-home p { margin: 0 } #join-home a { font-size: 12px; text-decoration: underline } #join-home a:hover { text-decoration: none } #join-home .join { width: 250px; height: 35px; background-color: #F60; } #join-home .join span { height: 35px; width: 250px; background: transparent url(../images/button-sprite.png) no-repeat scroll 0 -84px; } #join-home .join:hover { opacity: 0.85 } #join-home a.join { margin: 3px auto 3px; color: white; font-size: 15px; line-height: 35px; text-decoration: none; } .threecols #left-col, .twocols #left-col, .threecols #right-col, .twocols #right-col, .threecols #center-col { float: left } .threecols #left-col { clear: left; width: 260px; color: #666666; line-height: 18px } #left-col p { margin: 5px 0 } .loginPanel{ overflow: auto; padding: 20px; background: #fff url(../images/login-panel.jpg) no-repeat scroll 0 0; color: #333; } .loginPanel h4{ margin-bottom: 15px; height: 16px; line-height: 13px; font-size: 13px; color: #FF6600; } .loginPanel h4 span { width: 150px; background: transparent url(../images/headings-sprite.png) no-repeat scroll 0 0 } .loginPanel form { margin: 10px 0 5px 0; line-height: 22px; } .loginPanel label { display: block } .loginPanel .textinput { width: 213px } .loginPanel .submit { text-align: right; } .loginPanel .submit button{ float: right; width: 70px; height: 26px; margin-top: 5px; padding: 0; border: 0 none; } .loginPanel .submit button span { background: transparent url(../images/button-sprite.png) no-repeat scroll 0 0 } .loginPanel .submit button:hover { opacity: 0.8 } html:not([lang*=""]) .submit button span{ top: -7px; left: -3px; } .loginPanel .inverted { font-size: 11px; line-height: 20px } #left-col .box { background: #F6F6F6 url(../images/banner-sm-bg.png) no-repeat scroll 0 0; height:90px; padding:10px 20px; margin-bottom:20px; } #left-col .mac h4 { width: 220px; height: 45px; font-size: 15px; line-height: 15px; } #left-col .mac h4 span { background: #fff url(../images/banners-sprite.png) no-repeat scroll 0 0 } #left-col .mac h4 a { color: #333; text-decoration: none } #left-col .buttonmaker h4 {width: 220px; height: 45px; font-size: 15px; line-height: 15px; } #left-col .buttonmaker h4 span { background: #fff url(../images/banners-sprite.png) no-repeat scroll 0 -50px } #left-col .buttonmaker h4 a { color: #333; text-decoration: none } #right-col .banner { background: #F6F6F6 url(../images/banner-home.png) no-repeat scroll 0 0 ; height:220px; width:240px; margin-bottom:10px; } #right-col .banner p { padding-top:55px; padding-left:15px; } .threecols #center-col { width: 434px; padding: 0 30px; } #center-col p { margin: 0 0 10px; color:#666; } #center-col h2 { margin-bottom:15px; font-size: 14px } .threecols #center-col h2 { line-height: 14px; text-transform:uppercase; } #center-col h2.free span { background:transparent url(../images/headings-sprite.png) no-repeat scroll 0 -117px } .threecols #center-col h2.free{ height: 13px; margin-top: 25px } .features { color: #333; } .threecols #right-col { width: 246px } #right-col h4 { margin-bottom: 15px; padding: 15px 0 0 15px; font-size: 13px; } #right-col h4 span { width: 160px; } #right-col h4 a { position: absolute; right: 0; font-size: 11px;padding-top:2px; } #right-col .box { background: #F6F6F6 url(../images/forum-home-bg.png) no-repeat scroll 0 0; margin-bottom: 20px; text-align: left; width:240px; height:230px; overflow:hide;} #right-col .box p { padding: 10px 0 } .siteoftheweek h4 span, .box.forum h4 {margin-right:15px; } .box.forum h4 span { background: transparent url(../images/headings-sprite.png) no-repeat scroll 0 -65px; height:30px;margin-top:15px;margin-left:15px; } .box.forum h4 span { background-position: 0 -87px } .siteoftheweek a.replace, .box.forum a.replace { height: 26px; width: 130px; line-height: 26px; background-color: #FF7418; color: white; font-weight: bold; text-align: center } .siteoftheweek a.replace span, .box.forum a.replace span { background: transparent url(../images/button-sprite.png) no-repeat scroll 0 -28px } .box.forum a.replace span { background-position: 0 -56px } .box.forum a.replace:hover, .siteoftheweek a.replace:hover { opacity: 0.7 } #foot{ height: 30px; width: auto; margin: 15px auto; line-height: 30px; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; } #foot .inner { width: 980px } #foot .left li { margin-right: 20px } #foot .right li { float: left; margin-left: 20px } #user-menu{ height: 30px; background: #686868 url(../images/user-menu.png) repeat-x scroll 0 0; line-height: 30px; font-size: 11px; } #user-menu .inner { width: 980px; margin: 0 auto } #user-menu ul li { margin-right: 35px } #user-menu a { padding: 9px 5px; color: white } #user-menu a:hover { color: #FFE5CA; text-decoration: none; } .onecol .relevant, .twocols .relevant{ color:#333333; font-size:14px } .onecol .relevant h2, .threecols .relevant.nothome h2, .twocols .relevant h2 { height: 24px; margin: 0 0 5px; color:#FB7115; font-size:22px; font-weight: normal; letter-spacing:-1px; line-height:24px; } h2.support span{ background: transparent url(../images/headers-sprite.png) no-repeat scroll 0 0; height:25px;} h2.forums span{ background: transparent url(../images/headers-sprite.png) no-repeat scroll 0 -30px; height:25px;} h2.features span{ background: transparent url(../images/headers-sprite.png) no-repeat scroll 0 -60px; height:25px;} h2.cards span{ background: transparent url(../images/headers-sprite.png) no-repeat scroll 0 -90px; height:25px;} h2.processors span{ background: transparent url(../images/headers-sprite.png) no-repeat scroll 0 -120px; height:25px;} h2.upgrade span{ background: transparent url(../images/headers-sprite.png) no-repeat scroll 0 -150px; height:25px;} h2.chart span{ background: transparent url(../images/headers-sprite.png) no-repeat scroll 0 -180px; height:25px;} h2.morders span{ background: transparent url(../images/headers-sprite.png) no-repeat scroll 0 -210px; height:25px;} h2.addons span{ background: transparent url(../images/headers-sprite.png) no-repeat scroll 0 -240px; height:25px;} .odd, .even { margin: -1px 0; padding: 15px 15px 5px; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; } .odd { background-color: #F9F9F9 } .onecol .odd, .onecol .even{ clear: both; padding-right: 25px; padding-left: 25px; text-align: justify } .onecol .odd h2, .onecol .even h2{ font-size: 14px; letter-spacing: -0.3px } .odd.last, .even.last, .box.last { padding-bottom: 0; border-bottom: 0 none !important } .onecol #center-col .relevant p{ margin:0; padding: 10px 0; font-size: 16px } .onecol .odd img, .onecol .even img{ float:right; margin-left: 40px; border: 1px solid #EEEEEE } .twocols .background.container, .twocols .background.container #right-col .box { border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE } .twocols .background.container { margin-bottom: 50px; text-align: justify } .twocols #left-col { width: 765px } .twocols #right-col { float: right; padding: 0; width: 235px; line-height: 1.6em } .twocols .odd, .twocols .even{ padding-left: 115px; background-image: url(../images/premium-sprite.png); background-repeat: no-repeat; border-right: 1px solid #EEE } .twocols #left-col h2 { font-size: 14px } .twocols #left-col .last p{ margin-bottom: 0 !important; padding-bottom: 20px } .twocols .background.container #right-col .box { margin: -1px 0; padding: 20px 0 20px 25px } .twocols .background.container #right-col h3 { margin-bottom: 10px !important; font-size: 14px } .twocols .background.container #right-col p { margin: 10px 0 } .payment { background-position: 23px 20px } .download { background-position: -341px -155px } .custom { background-position: 23px -312px } .shipping { background-position: -341px -480px } .admin { background-position: 23px -660px } .products { background-position: -341px -840px } #first-line.relevant.nothome { padding-bottom: 20px; font-size: 13px; border-bottom: 1px solid #EEEEEE } .threecols.marketplace #left-col { width: 170px } .threecols.marketplace #center-col { width: 531px; padding: 0 32px 0 34px } .threecols.marketplace #right-col { width: 233px } a.submit.replace { width: 150px; height: 32px; background: #fb7115; color: white; font-weight: bold; line-height: 32px; text-align: center; text-transform: uppercase } a.submit.replace span { background: transparent url(../images/marketplace-sprite.png) no-repeat scroll 0 0 } a.submit.replace:hover { opacity: 0.7 } .marketplace .menu, .marketplace .popular { margin-top: 30px } .marketplace #left-col h3, .marketplace #right-col h3, .spaceinbetween #right-col h3 { margin-bottom: 5px; padding-bottom: 5px; font-size: 14px; color: #666; border-bottom: 1px solid #eee } .menu li, .popular ul li { font-size: 11px; font-weight: bold; border-bottom: 1px solid #EEEEEE; padding: 5px 0 } .marketplace #center-col h2{ margin-bottom: 15px; font-size: 16px } .marketplace #center-col p { margin: 0 } #siteoftheweek { margin-bottom: 30px } #siteoftheweek h2{ margin-top: 4px } .showcase img { border: 1px solid #eee } .showcase h3 { color: #3399CC; font-size: 14px; font-style: italic } .showcase p { font-size: 11px; line-height: 18px } #recent img { float: left; margin-right: 20px } #recent li { clear: both; padding-bottom: 20px; overflow: auto } .category { margin-top: 10px !important; font-weight: bold } .search { padding: 4px 15px 0 0; float:right;} .search form { margin: 0 } .search .textinput { float: left; height: 22px; width: 180px; padding: 1px 0 0; background: transparent url(../images/marketplace-sprite.png) no-repeat scroll 0 -74px; border: 0 none; } .search button { float: left; width: 61px; height: 22px; margin-left: 10px; margin-top: 1px; padding: 0; border: 0 none; background: transparent; color: #333; text-transform: none } .search button span { background: transparent url(../images/marketplace-sprite.png) no-repeat scroll 0 -41px } html:not([lang*=""]) .search button span { top: -5px; left:-3px; } .search button span, x:-moz-any-link { top: -4px } .box.popular li { clear: both } span.rating { float: left; width: 65px; height: 12px; margin: 5px 20px 0 0; font-weight: normal; line-height: 14px } span.rating span { background: transparent url(../images/marketplace-sprite.png) no-repeat scroll 0 -105px } span.rating.zero span { background-position: 0 -200px } span.rating.one span { background-position: 0 -181px } span.rating.two span { background-position: 0 -161px } span.rating.three span { background-position: 0 -142px } span.rating.four span { background-position: 0 -124px } .spaceinbetween #left-col { width: 715px; padding-right: 40px } .spaceinbetween #right-col { width: 245px } .spaceinbetween #left-col h2 { font-size: 16px } .featuresimage {margin-top:-20px;} .featureshead { /*margin-left:20px;*/ margin-top:20px;} .features { margin:0 0 15px !important; border-bottom:1px solid #eee; padding-bottom:20px; } #left-col .tablehead { background: #F6F6F6 url(../images/support-header-bg.png) no-repeat scroll 0 0; height:32px; } #left-col .tablehead h2, .tourhead h2 { color:#fff; font-size:13px; font-weight:bold; padding:6px 0 0 15px; float:left;} #left-col .tablebody { background: #F6F6F6 url(../images/support-body-bg.png) no-repeat scroll 0 0; height:320px; margin-bottom:20px; } #left-col ul.support { margin: 20px 0 20px 12px; } #left-col ul.support li { font-size: 11px; color: #666; } #left-col ul.support a { font-size: 14px; color: #39c; } #left-col ul.support li { margin: 0 0 12px; padding-left: 53px; } #left-col ul.support li.createbuttons { background: url(../images/support-icons-sprite.png) no-repeat 0 0; } #left-col ul.support li.viewcart { background: url(../images/support-icons-sprite.png) no-repeat 0 -40px; } #left-col ul.support li.setuppayments { background: url(../images/support-icons-sprite.png) no-repeat 0 -80px; } #left-col ul.support li.vouchers { background: url(../images/support-icons-sprite.png) no-repeat 0 -120px; } #left-col ul.support li.configure { background: url(../images/support-icons-sprite.png) no-repeat 0 -160px; } #left-col ul.support li.advancedsettings { background: url(../images/support-icons-sprite.png) no-repeat 0 -200px; } #left-col ul.features { margin: 10px 0 20px 0 !important; border: 0 none; padding-bottom: 0; float: left } #left-col ul.features li { width: 340px; float:left; margin:10px 30px 10px 0px } #left-col ul.features .entry2 { margin-right: 0 } #left-col ul.features h3 { padding-left: 50px; line-height:30px; color:#333; height:35px; font-size:14px;} #left-col ul.features li.products h3{ background: url(../images/feature-icons-sprite.png) no-repeat 0 0; } #left-col ul.features li.creditcards h3{ background: url(../images/feature-icons-sprite.png) no-repeat 0 -40px; } #left-col ul.features li.gift h3{ background: url(../images/feature-icons-sprite.png) no-repeat 0 -80px; } #left-col ul.features li.affiliates h3{ background: url(../images/feature-icons-sprite.png) no-repeat 0 -120px; } #left-col ul.features li.orders h3{ background: url(../images/feature-icons-sprite.png) no-repeat 0 -160px; } #left-col ul.features li.thirdparty h3{ background: url(../images/feature-icons-sprite.png) no-repeat 0 -200px; } #left-col ul.products { margin: 20px 0 ; } #left-col ul.products li { border-bottom:1px solid #eee; margin-bottom: 20px; height:150px;} #left-col ul.products h3 { color:#333; font-size:14px;} img.right { margin: 0 0 20px 20px; float:right;} img.left { margin: 0 20px 20px 0x; float:left;} #left-col ul.products li.shipping { background: url(../images/product-icons-sprite.png) no-repeat right -300px; padding-right: 280px; } #left-col ul.credit-cards { margin: 20px 0 ; } #left-col ul.credit-cards li { border-bottom:1px solid #eee; margin-bottom: 20px; padding-bottom: 15px; } #left-col ul.credit-cards h3 { color:#333; font-size:14px;} #left-col ul.credit-cards li.merchantaccounts { background: url(../images/product-icons-sprite.png) no-repeat right -450px; padding-right: 280px; } #left-col ul.premium { margin: 20px 0 ; } #left-col ul.premium li { border-bottom:1px solid #eee; margin-bottom: 20px; clear:both;} #left-col ul.premiums h3 { color:#333; font-size:14px;} .menusupport { background: #F6F6F6 url(../images/support-menu-bg.png) no-repeat scroll 0 0; height:230px; width:240px; margin-bottom:20px; } .menuforum { background: #F6F6F6 url(../images/forum-menu-bg.png) no-repeat scroll 0 0; height:120px; width:240px; margin-bottom:20px; } .menufeatures { background: #F6F6F6 url(../images/features-menu-bg.png) no-repeat scroll 0 0; height:190px; width:240px; margin-bottom:20px; } .tourhead { background: #ddd url(../images/feature-tour-head-bg.png) no-repeat scroll 0 0; width:240px; height:30px; } .tourfeatures { background: #F6F6F6 url(../images/feature-tour-menu-bg.png) no-repeat scroll 0 0; height:255px; width:240px; margin-bottom:20px; } #right-col .section { margin:0 15px; } #right-col .section li { height: 19px; padding: 8px 0 8px 35px; font-size: 13px !important; font-weight: bold; color:#FB7319; border-color: #eee; } #right-col .section li a.selected { font-size: 13px !important; font-weight: bold; color:#FB7319; } #right-col .section a { color: #333; font-size: 12px; } #right-col .section a:hover { color: #007FBF; font-size: 12px; text-decoration:none;} #right-col .section li.home { background: url(../images/support-menu-sprite.png) no-repeat 0 0; } #right-col .section li.setup { background: url(../images/support-menu-sprite.png) no-repeat 0 -39px; } #right-col .section li.service { background: url(../images/support-menu-sprite.png) no-repeat 0 -73px; } #right-col .section li.start { background: url(../images/support-menu-sprite.png) no-repeat 0 -109px; } #right-col .section li.btnmaker { background: url(../images/support-menu-sprite.png) no-repeat 0 -146px; } #right-col .section li.morders { background: url(../images/support-menu-sprite.png) no-repeat 0 -183px; } #right-col .section li.advanced { background: url(../images/forum-menu-sprite.png) no-repeat 0 0; } #right-col .section li.today { background: url(../images/forum-menu-sprite.png) no-repeat 0 -37px; } #right-col .section li.usergroup { background: url(../images/forum-menu-sprite.png) no-repeat 0 -74px; } #right-col .section li.upgrading { background: url(../images/features-menu-sprite.png) no-repeat 0 0; } #right-col .section li.matrix { background: url(../images/features-menu-sprite.png) no-repeat 0 -37px; } #right-col .section li.processors { background: url(../images/features-menu-sprite.png) no-repeat 0 -74px; } #right-col .section li.demostore { background: url(../images/features-menu-sprite.png) no-repeat 0 -118px; } #right-col .section li.processors { background: url(../images/features-menu-sprite.png) no-repeat 0 -155px; } #right-col .section li.free { background: url(../images/feature-tour-sprite.png) no-repeat 0 0; } #right-col .section li.products { background: url(../images/feature-tour-sprite.png) no-repeat 0 -37px; } #right-col .section li.creditcards { background: url(../images/feature-tour-sprite.png) no-repeat 0 -74px; } #right-col .section li.gift { background: url(../images/feature-tour-sprite.png) no-repeat 0 -108px;} #right-col .section li.affiliates { background: url(../images/feature-tour-sprite.png) no-repeat 0 -145px;} #right-col .section li.orders { background: url(../images/feature-tour-sprite.png) no-repeat 0 -181px; } #right-col .section li.thirdparty { background: url(../images/feature-tour-sprite.png) no-repeat 0 -218px; } .forumbanner h2.forums { color:#F60; font-size:14px;} .forumbanner h2.forums span { background:transparent url(../images/banner-forums.png) no-repeat scroll 0 0;height:220px; width:240px; } #left-col ul.new { margin: 20px 0 50px; } #left-col ul.new li { font-size: 11px; color: #666;float:left; display:inline; list-style:none; width:160px; text-align: left } #left-col ul.new a { font-size: 12px; color: #39c; font-weight:bold;} #left-col ul.new li.start { background: url(../images/support-new-start.png) no-repeat 0 2px; padding-left:40px; margin-right:30px;} #left-col ul.new li.cards { background: url(../images/support-new-cards.png) no-repeat 0 2px; padding-left:35px; margin-right:30px;} #left-col ul.new li.paypal { background: url(../images/support-new-paypal.png) no-repeat 0 2px; padding-left:100px; } .forum { margin-bottom: 20px } .breadcrumb { margin: -10px 0 10px 0; clear:both; } .forum .new-discussion { float: right; width: 210px !important; height: 32px; line-height: 32px !important; text-align: center; background-color: #FB7115; font-size: 14px !important } .forum .new-discussion:hover { opacity: 0.7 } .forum .new-discussion span { background: transparent url(../images/marketplace-sprite.png) no-repeat scroll -86px -105px !important } .forum .reply-discussion {float: right; width: 210px !important; height: 32px; line-height: 32px !important; text-align: center; background-color: #FB7115; font-size: 14px !important } .forum .reply-discussion:hover { opacity: 0.7 } .forum .reply-discussion span { background: transparent url(../images/marketplace-sprite.png) no-repeat scroll -86px -210px !important } .forum .submit { margin:10px 0 0 10px; float: right; margin:15px 0;width: 90px !important; height: 32px; line-height: 32px !important; text-align: center; background-color: #FB7115; font-size: 14px !important } .forum .submit:hover { opacity: 0.7 } .forum .submit span { background: transparent url(../images/marketplace-sprite.png) no-repeat scroll -86px -140px !important } .forum .post { margin:10px 0 0 10px; float: right; margin:15px 0;width: 90px !important; height: 32px; line-height: 32px !important; text-align: center; background-color: #FB7115; font-size: 14px !important } .forum .post:hover { opacity: 0.7 } .forum .post span { background: transparent url(../images/marketplace-sprite.png) no-repeat scroll -86px -315px !important } ; .forum .post-reply { margin:10px 0 0 10px; float: right; width: 110px !important; height: 32px; line-height: 32px !important; text-align: center; background-color: #FB7115; font-size: 14px !important } .forum .post-reply:hover { opacity: 0.7 } .forum .post-reply span { background: transparent url(../images/marketplace-sprite.png) no-repeat scroll -86px -245px !important } .forum .edit-post { margin:10px 0 0 10px; float: right; width: 110px !important; height: 32px; line-height: 32px !important; text-align: center; background-color: #FB7115; font-size: 14px !important } .forum .edit-post:hover { opacity: 0.7 } .forum .edit-post span { background: transparent url(../images/marketplace-sprite.png) no-repeat scroll -86px -280px !important } .forum .quote { margin:10px 0 0 10px; float: right; width: 90px !important; height: 32px; line-height: 32px !important; text-align: center; background-color: #FB7115; font-size: 14px !important } .forum .quote:hover { opacity: 0.7 } .forum .quote span { background: transparent url(../images/marketplace-sprite.png) no-repeat scroll -86px -175px !important; } .forum .quoted { display:block; color:#333; border-left:10px solid #eee; background-color:#f6f6f6; padding:15px 20px; clear:both; font-family:"Courier New", Courier, monospace;} .forum ul.discussions { clear: both; background: #fff url(../images/forum-bg.jpg) repeat-y;} .controls { overflow: auto; padding-bottom: 13px } .controls.end { margin-top: 13px } .topic { overflow: auto; padding-bottom: 13px } .topic.end { padding-top: 13px; border-top:solid 1px #ccc; } .pagination { clear: both; height: 32px; padding: 0 15px; overflow: auto; background: #eee url(../images/pagination-bg.jpg) no-repeat; line-height: 30px; } .paginationbottom { clear: both; height: 40px; padding: 0 15px; overflow: auto; background: #eee url(../images/pagination-bg.jpg) no-repeat; line-height: 30px; } .pagination p { margin: 0 !important; color: #333333 } .forum ul.discussions li { padding: 5px 15px; margin:0 1px; } .forum ul.discussions li.odd{ background: #F9F9F9 none; border-right: 0 none } .forum ul.discussions h3 { color: #3399CC; font-size: 14px; line-height:1em; } .forum ul.discussions li p { margin: 0 !important; color: #333333; font-size: 11px } .forum .replies span, .forum .views span { color: #3399CC } .forum .replies, .forum .views { float: left; min-width: 70px } .discussion { padding: 0 1px ; background: #fff url(../images/forum-bg.jpg) repeat-y;} .reply { padding: 20px } .user { height:30px; padding: 10px 20px 20px; background:#ccc; background: #eee url(../images/date-bg.jpg) no-repeat;} .username { color: #333; font-size: 13px; height:30px; font-weight:bold;float:left;padding-left:50px; background:url(../images/frm-user.png) left top no-repeat;} .user p { padding-top:5px;} .date { clear: both; height: 30px; padding: 0 15px; overflow: auto; background: #f6f6f6 url(../images/pagination-bg.jpg) no-repeat; line-height: 30px; } .date p { margin: 0 !important; color: #333333 } /* use
when you have a lot of content text and you need well formatted, readable styles */ .content { text-align: justify } .content ul { margin: 5px 0 5px 35px; list-style: disc outside } .content ol { margin: 5px 0 5px 35px } .content h2, .content h3 { margin-top: 20px } .content h3 { font-size: 14px } .content h2:first-child, .content h3:first-child { margin-top: 0 } .content big { font-size: 16px; letter-spacing: -1px } blockquote { margin: 15px 25px; padding: 15px 20px; color: #515151; border: 1px solid #ffb786 } .line { margin: 20px 0; padding:20px 0 50px;border-top: 1px solid #eee } /*