/*------------------------------------------------------------------------ * JV Template 1.5 - March, 2009 * ------------------------------------------------------------------------ * Copyright (C) 2004-2008 APL Solutions And Vision Co., LTD. All Rights Reserved. * @license - Copyrighted Commercial Software * Author: APL Solutions And Vision Co., LTD * Websites: http://www.joomgroup.com - http://www.joomvision.com -------------------------------------------------------------------------*/ /* COMMON STYLE --------------------------------------------------------- */ html, body, form, fieldset { margin: 0; padding: 0; } body { background: #FFFFFF; font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 12px; line-height: 18px; } body.contentpane { color: #000000; background: #FFFFFF; font-size: 12px; line-height: 1.3em; margin: 0; margin: 1em 2em; width: auto; /* Printable Page */ } .contentpane .button { display: inline; height: 25px; padding: 0 10px; } /* Small text */ small, .small, .smalldark, .article-meta, .modifydate, .img_caption p, .site-slogan { font-size: 92%; } /*article image*/ img { margin: 0; padding: 0; border: none; } .img_caption p { text-align: center; color: #000000; } .img_caption.left, .img_caption.right { margin-top: 3px; } .img_caption img { padding: 1px; border: 1px solid #CCCCCC; } .img_caption p { background: url(../images/shadow-bg.gif) no-repeat right top; padding-top: 5px; margin-top: 0px; } img.caption { margin-right: 10px; padding: 3px; border: 1px solid #E5E5E5; } img.personal { margin-right: 5px; padding: 3px; border: 1px solid #E5E5E5; } a { outline: none; color: #DC1A1A; text-decoration: none; } a:hover, a:active, a:focus { color: #000000; text-decoration: underline; } .shadow img { padding: 1px; border: 1px solid #CCCCCC; } .shadow { float: left; margin-right: 10px; padding-bottom: 3px; } /* Heading */ h1 {font-size: 165%;} h2 {font-size: 140%;} h3 {font-size: 115%;} h4 {font-size: 100%;} p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 { margin: 1em 0; padding: 0; } ul { list-style: none; } ul li { padding: 0 0 0 22px; background: url(../images/bg-bullet.png) no-repeat 6px 4px; } ul.menu { } div.modulecontent ul.menu { margin: 0; } ul.menu li { margin-left: 0; padding: 5px 0; border-bottom: dotted 1px #EAEAEA; background: none; } ul.menu li a { font-weight: bold; } ul.menu ul { margin: 0 0 0 15px; } ul.menu ul li { margin-left: 0; padding: 5px 0; border-bottom: none; } ul.list { margin: 0; } ul.list li { padding: 5px 0 5px 0; background: none; border-bottom: 1px solid #EAEAEA; } ul.list li a { color: #444; font-weight: bold; } ol li { margin-left: 21px; } th { font-weight: bold; padding: 8px; text-align: left; } fieldset { border: none; padding: 10px 5px; } fieldset a { font-weight: bold; } fieldset.input { padding: 0; background: none; } legend { font-weight: bold; background: #FFFFFF; } td, th, div { font-size: 100%; } /* FORM --------------------------------------------------------- */ form { margin: 0; padding: 0; } form label { cursor: pointer; } input, select, textarea, .inputbox, .button { font-family: Arial, Helvetica, sans-serif; font-size: 100%; } .button { margin: 0; padding: 7px 26px 8px 10px; height: 30px; width: 85px; color: #FFF; cursor: pointer; border: none; text-align: center; background: url(../images/bg-submitform.png) repeat-x top; } .search { margin: 0; } .search .inputbox { margin: 0; color: #848484; padding: 7px 5px 8px 15px; border: none; width: 190px; height: 15px; line-height: 15px; background: url(../images/bg-inputbox-email.png) no-repeat 0 0; border: none; } .search .button { margin: 0 0 0 5px; padding: 0 12px 2px 12px; color: #FFF; height: 28px; line-height: 28px; text-transform: uppercase; background: url(../images/bg-button-search.png) no-repeat 0 100%; } .search .button:hover { background: url(../images/bg-button-search.png) no-repeat 0 0; } /* JOOMLA STYLE --------------------------------------------------------- */ /* Article Layout */ .leading { overflow: hidden; padding-bottom: 10px; border-bottom: solid 1px #e3e3e3; } .leading_separator { display: block; margin: 1px 0; height: 2px; overflow: hidden; width: 100%; } .article_column { float: left; margin: 0 !important; padding: 0 !important; overflow: hidden; } .article_separator { clear: both; margin: 0; display: none; } .row_separator { display: block; clear: both; height: 2px; } .article_row { margin: 0; overflow: hidden; border-bottom: solid 1px #e3e3e3; } .column1.cols1 { float: none; } .column2.cols2 { float: right; } .column3.cols3 { float: right; } .column4.cols4 { float: right; } .column5.cols5 { float: right; } .column1.cols2 .article_column_pad, .column1.cols3 .article_column_pad, .column2.cols3 .article_column_pad, .column1.cols4 .article_column_pad, .column2.cols4 .article_column_pad, .column3.cols4 .article_column_pad, .column1.cols5 .article_column_pad, .column2.cols5 .article_column_pad, .column3.cols5 .article_column_pad, .column4.cols5 .article_column_pad { } .article_column_pad { margin: 10px 10px 10px 0; padding: 0 10px 0 0; overflow: hidden; } p.iteminfo { line-height: 1em; margin: 0 -10px 5px; padding: 10px; } .article_row p.iteminfo { line-height: 1em; margin: 0 -10px 5px; padding: 10px; } .articleinfo { margin: 0.5em 0; } /* Category Table layout */ .filter { float: left; margin: 0; padding: 0; } .display { float: right; margin: 10px 0 0; text-align: right; } /**/ table.category, table.weblinks, table.newsfeeds { border: 1px solid #E3E3E3; width: 100%; clear:both; font-size:1em; margin:20px 0; } table.newsfeeds th, table.weblinks th, table.category th { background: #F5F5F5 url(../images/bg-grey-hori.jpg) repeat-x scroll center bottom; padding: 5px; } table.newsfeeds td, table.weblinks td, table.category td { padding:5px; } /* content tables */ .sectiontableheader { padding: 4px 8px; font-weight: bold; } .sectiontableheader a, .sectiontableheader a:hover, .sectiontableheader a:active, .sectiontableheader a:focus { color: #3B5468; } tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td { padding: 8px; } tr.sectiontableentry2 td { background: #E8F3FA; } td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 { padding: 4px; } table.contentpane { border: none; width: 100%; } table.contentpaneopen { border: none; border-collapse: collapse; border-spacing: 0; } table.contenttoc { margin: 0 0 10px 10px; padding: 0; width: 30%; float: right; } table.contenttoc td { background: url(../images/bullet-list.gif) no-repeat 5px 8px; padding: 1px 5px 1px 15px; } table.contenttoc th { border-bottom: 1px solid #CCCCCC; padding: 0 0 3px; text-indent: 5px; } table.poll { border-collapse: collapse; padding: 0; width: 100%; } table.pollstableborder { border: none; padding: 0; text-align: left; width: 100%; } table.pollstableborder img { vertical-align: baseline; } table.pollstableborder td { border-collapse: collapse; border-spacing: 0; padding: 4px !important; background: none; } table.pollstableborder tr.sectiontableentry1 td { background: #EEEEEE; } table.searchintro { padding: 10px 0; width: 100%; } table.searchintro td { padding: 5px!important; } .blog_more { margin: 0; padding: 10px 0 0; } .blog_more strong { display: block; margin: 0 0 5px; text-transform: uppercase; } .blog_more ul { margin: 0; padding: 0; } .blog_more ul li { margin: 0; padding: 0 0 0 21px; } .category { font-weight: normal; } h1.componentheading, .componentheading { margin: 0.5em 0; padding: 0; display: block; font-size: 33px; line-height: 100%; font-weight: normal; font-family: "Lucida Sans Unicode"; } .contentdescription { /*padding-bottom: 30px;*/ } h2.contentheading, .contentheading { margin: 0 0 20px 0; padding: 0; font-size: 22px; font-weight: normal; line-height: 25px; font-family: "Lucida Sans Unicode"; } h2.contentheading a, .contentheading a { } table.blog .contentheading { font-size: 1.4em; } td.contentheading { line-height: 28px; } a.contentpagetitle, a.contentpagetitle:hover, a.contentpagetitle:active, a.contentpagetitle:focus { } a.readon { padding: 0 0 0 10px; background: url(../images/bg-bullet.png) no-repeat 0 3px; } a.readon:hover, a.readon:focus, a.readon:active { text-decoration: underline; } table.contentpaneopen td, table.contentpane td { } table.contentpaneopen, table.contentpane, table.blog { width: 100%; } .moduletable { padding: 0; } ul.pagination { color: #3B5468; overflow: hidden; clear: both; margin: 10px auto; padding: 10px 0; text-align: center; list-style: none; } ul.pagination li { margin: 10px 2px; padding: 0; /*float: left;*/ display: inline; height: 22px; border: solid 1px #a6a6a6; background: none; } ul.pagination li span { padding: 0 10px 0 0; /*float: left;*/ display: inline; } ul.pagination li span span { padding: 0 0 0 10px; /*float: left;*/ display: inline; } ul.pagination a { padding: 0; text-decoration: none; color: #3B5468; font-weight: bold; } ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus { color: #000000; } .counter { text-align: center; margin: 0.5em auto; width: 107px; border: solid 1px #a6a6a6; } .pagenavbar { background: url(../images/icon-pages.gif) no-repeat center left; font-weight: bold; padding-left: 14px; } .pagenavcounter { background: url(../images/icon-pages.gif) no-repeat 0 11px; font-weight: bold; padding: 8px 14px 0 14px; } .smalldark { text-align: left; } div.syndicate div { text-align: center; } /* META --------------------------------------------------------- */ .article-toolswrap { display: block; margin: 0 0 10px; padding: 0; position: relative; } .article-tools { display: block; padding: 0 10px 0 0; } .article-meta { width: 70%; float: left; color: #3B5468; } .createdby { font-size: 0.9em; } .createdate { font-size: 0.9em; } .modifydate { width: 100%; display: block; margin: 0 0 3px 0; } .article-section { padding-left: 6px; margin-left: 5px; } .article-section a { color: #3B5468; } .article-category a { color: #3B5468; } .buttonheading img { margin: 12px 0 0 3px !important; padding: 0 !important; border: 0 !important; float: right; background: none !important; } p.buttonheading { text-align:right; margin: 0; } p.buttonheading a:hover { background:none !important; color:#000 !important; } p.buttonheading a:active,p.buttonheading a:focus { color:#000; } ul.latestnews, ul.mostread { padding-left: 0; } ul.latestnews li, ul.mostread li { margin-left: 0; padding: 4px 0 4px 10px; border-bottom: dotted 1px #CCC; background: url(../images/arrow1.png) no-repeat 0 10px; } a.button-grey { margin: 2px 5px 0 5px; padding: 0 15px 0 0; float: left; line-height: 18px; color: #333; font-size: 10px; font-weight: bold; text-transform: uppercase; background: url(../images/button-grey.jpg) no-repeat 100% 0; } a.button-grey span { margin: 0; padding: 0 0 0 15px; float: left; line-height: 18px; cursor: pointer; background: url(../images/button-grey.jpg) no-repeat 0 0; } a.button-grey:hover, a.button-grey:focus, a.button-grey:active { color: #658a00; text-decoration: none; } .loginframe { margin: 0 auto; padding: 10px; width: 400px; height: 145px; position: relative; background: #FFF; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; } .closebox { margin: -25px -25px 0 0; float: right; width: 30px; height: 30px; line-height: 30px; text-indent: -999em; cursor: pointer; background: url(../images/closebox.png) no-repeat 0 0; } .logincol { margin: 0 10px 0 0; float: left; width: 180px; } .logincol label { margin: 5px 0; display: block; } .logincol ul { margin: 5px 0; } .required { color: #FF0000; } #jvloginframe { display: none; height: 100%; width: 100%; position: fixed; top: 0; left: 0; z-index: 9999; background: transparent url(../images/bg-dot-black.png); } #jvloginContent { display: block; position: fixed; width: 100%; left: 0; top: -165px; z-index: 10000; } #jvbacktotop { cursor: pointer; } .breadcrumbs { color: #DC1A1A; } .breadcrumbs a { color: #4d4d4d; } .breadcrumbs img { margin-bottom: -4px; }/*------------------------------------------------------------------------ * JV Template 1.5 - Jan, 2010 * ------------------------------------------------------------------------ * Copyright (C) 2008-20010 APL Solutions And Vision Co., LTD. All Rights Reserved. * @license - Copyrighted Commercial Software * Author: APL Solutions And Vision Co., LTD * Websites: http://www.joomgroup.com - http://www.joomvision.com -------------------------------------------------------------------------*/ /* COMMON STYLE --------------------------------------------------------- */ html, body, form, fieldset { margin: 0; padding: 0; } body { font-family: Arial, Tahoma, Helvetica, sans-serif; line-height: 18px; } body#bd { color: #4D4D4D; background: #FFF url(../images/bg.jpg) repeat-x top; } body.fs1 {font-size: 10px;} body.fs2 {font-size: 11px;} body.fs3 {font-size: 12px;} body.fs4 {font-size: 13px;} body.fs5 {font-size: 14px;} body.fs6 {font-size: 15px;} /* Clearfix */ .clearfix { clear: both; } #jv-wrapper { padding: 0; overflow: hidden; text-align: left; } .jv-wrapper { width: 960px; margin: 0 auto; } .jv-inner { width: 978px; } #jv-userwrap1, #jv-userwrap2, #jv-userwrap3, #jv-userwrap4, #jv-userwrap5, #jv-userwrap6, #jv-userwrap7 { margin: 0; width: 100%; } #jv-userwrap2-inner{ padding: 0px 0; width: 100%; overflow: hidden; } #jv-userwrap3-inner, #jv-userwrap4-inner, #jv-userwrap5-inner, #jv-userwrap6-inner, #jv-userwrap7-inner { padding: 5px 0; width: 100%; overflow: hidden; } #jv-userwrap1 { padding: 0; width: 100%; overflow: hidden; } #jv-userwrap1-inner { padding: 0 0 10px 0; background: url(../images/bg-slide-bottom.jpg) repeat-x bottom; } #jv-userwrap2 { overflow: hidden; } #jv-userwrap2-inner { padding: 5px 0; width: 100%; overflow: hidden; } #jv-userwrap2 ul li { padding: 2px 0 2px 12px; background: url(../images/bg-bullet.png) no-repeat 0 6px; } #jv-userwrap7 { color: #A6A6A6; border-top: solid 1px #414141; } #jv-userwrap7 a { color: #FFF; } #jv-hightlight { padding: 10px; } #jv-search { position: absolute; right: 0; top: 40px; } .jv-spotlight { width: 100%; overflow: hidden; } #jv-frame { width: 100%; background: url(../images/bg-slide-top.jpg) repeat-x top; } /* BEGIN HEADER -------------------------------------------------------------*/ #jv-header { width: 100%; height: 170px; } #jv-header-inner { width: 100%; overflow: hidden; position: relative; background: url(../images/header.png) no-repeat; //border: 1px solid red; height: 170px; } #jv-top { margin: 0; color: #707070; position: absolute; right: 0; top: 5px; max-width: 650px; } #jv-top ul { margin: 0; list-style: none; float: right; } #jv-top ul li { padding: 0; display: inline; border-bottom: none; } #jv-top ul li.last { border: none; } #jv-top ul.menu_flag li { padding: 0 0 0 5px; background: none; } #jv-top a { padding: 3px 10px; color: #454444; font-weight: normal; } #jv-top a:hover { color: #454444; text-decoration: none; background: #dbdbdb; } #jv-top a img { margin-right: 2px; margin-bottom: -4px; } #jv-top ul.menu_flag a { padding: 3px 5px; } #jv-logo { margin: 0; padding: 0; display: block; overflow: hidden; float: left; width: 250px; height: 170px; //border: 1px solid red; } #jv-logo h1 { float: left; overflow: hidden; margin: 0; background: url(../images/logo.png) no-repeat 0 0; } #jv-logo h1 a { display: block; height: 170px; width: 250px; margin: 0; } #jv-logo h1 a span { display: none; } #jv-mainmenu { margin: 0 0 1px 0; width: 100%; height: 85px; background: url(../images/bg-mainmenu-wrapper.jpg) repeat-x bottom; } #jv-mainmenu-inner { padding: 15px 0 0 0; width: 100%; height: 70px; overflow: hidden; background: url(../images/bg-mainmenu-inner.png) no-repeat top center; } #jv-login { margin: 0; bottom: 5px; right: 10px; position: absolute; } #jv-slideshow { } #jv-breadcrumb { padding: 10px 0; width: 100%; } #jv-breadcrumb-inner { width: 100%; } /* END HEADER -------------------------------------------------------------*/ /* BEGIN CONTAINER -------------------------------------------------------------*/ #jv-mainbody { padding: 5px 0; width: 100%; } #jv-mainbody-inner { overflow: hidden; width: 100%; } #jv-container, #jv-container-left, #jv-container-right, #jv-container-full { width: 100%; overflow: hidden; } #jv-container { } #jv-container-right { } #jv-container-left { } #jv-middle { width: 100%; overflow: hidden; } #jv-left { margin: 0; padding: 0; width: 250px; overflow: hidden; float: left; //border: 1px solid red; } #jv-right { margin: 0; padding: 0; width: 200px; overflow: hidden; float: left; //border: 1px solid red; } #jv-content { margin: 0; padding: 0; width: 700px; overflow: hidden; float: right; //border: 1px solid red; } #jv-content-inner { overflow: hidden; display: block; } #jv-maincontent { margin: 0; padding: 0; width: 100%; float: left; overflow: hidden; position: relative; } #jv-component { margin: 0 0 10px 0; padding: 10px 0; display: block; overflow: hidden; } #jv-container-left #jv-content { //width: 100%; } #jv-container-left #jv-maincontent { width: 100%; } #jv-container-right #jv-content { width: 748px; } #jv-container-right #jv-maincontent { width: 748px; } #jv-container-full #jv-content { width: 100%; float: none; } #jv-container-full #jv-maincontent { width: 100%; } #jv-slideshow2 { padding: 10px; display: block; overflow: hidden; background: #FFF; border-bottom: 1px solid #D6D6D6; } #jv-beforecontent { padding: 0 0 10px 0; display: block; overflow: hidden; } #jv-aftercontent { margin: 0; padding: 10px 0 0 0; display: block; overflow: hidden; } #jv-usercol { } /* END CONTAINER -------------------------------------------------------------*/ /* BEGIN FOOTER -------------------------------------------------------------*/ .jv-user { float: left; overflow: hidden; } .jv-box-right { float: right; } .jv-user .jv-box-inside { padding: 0 2px; overflow: hidden; } .jv-box-full { width: 100%; } #jv-userwrap3 .jv-box-left .jv-box-inside { padding: 0; } #jv-userwrap3 .jv-box-right .jv-box-inside { padding: 0 0 0 35px; } #jv-userwrap2 .jv-box-left .jv-box-inside, #jv-userwrap4 .jv-box-left .jv-box-inside, #jv-userwrap5 .jv-box-left .jv-box-inside { padding: 0 4px 0 0; } #jv-userwrap2 .jv-box-center .jv-box-inside, #jv-userwrap4 .jv-box-center .jv-box-inside, #jv-userwrap5 .jv-box-center .jv-box-inside { padding: 0 4px; } #jv-userwrap2 .jv-box-right .jv-box-inside, #jv-userwrap4 .jv-box-right .jv-box-inside, #jv-userwrap5 .jv-box-right .jv-box-inside { padding: 0 0 0 5px; } #jv-bottom { padding-bottom: 50px; width: 100%; background: #373737 url(../images/bg-bottom.jpg) repeat-x top; } #jv-bottom-inner { width: 100%; } #jv-bottom ul li { padding: 2px 0 2px 12px; color: #FFF; background: url(../images/bg-bottom-bullet.png) no-repeat 0 8px; } #jv-userwrap6 { } #jv-userwrap6-inner { } #jv-userwrap6 a { color: #FFF; font-weight: normal; } #jv-footer { float: right; width: 50%; text-align: right; } #jv-footer-inner { padding-left: 10px; } #jv-footer ul.menu { margin: 0; } #jv-footer ul.menu li { margin: 0; padding: 0 5px; display: inline; border: none; background: url(../images/bg-footer-seperator.jpg) no-repeat right center; } #jv-footer ul.menu li.last { background: none; } #jv-copyright { float: left; width: 50%; } #jv-copyright-inner { padding-right: 10px; } #jv-tools { margin: 0; padding: 0 0 0 5px; float: right; width: 40px; text-align: right; } #jv-inset { width: 100%; color: #FFF; background: #B51E1E url(../images/bg-highlight.jpg) repeat-x top; } #jv-inset-inner { padding: 10px 0; overflow: hidden; } #jv-inset ul.menu { margin: 0; text-align: center; } #jv-inset ul.menu li { margin: 0; padding: 0; display: inline; background: none; } #jv-inset ul.menu li.last { margin-right: 0; } #jv-inset ul.menu a { padding: 0 15px 0 0; color: #212121; float: left; line-height: 20px; text-transform: uppercase; text-shadow: 0 1px 0 #FFF; } #jv-inset ul.menu a span { float: left; padding: 0 0 0 15px; line-height: 20px; } #jv-inset ul.menu li.active a { color: #FFF; text-shadow: 0 1px 0 #000; background: url(../images/button-green.jpg) no-repeat 100% 0 } #jv-inset ul.menu li.active a span { background: url(../images/button-green.jpg) no-repeat 0 0 } #jv-userwrap6 { color: #666; } #jv-userwrap6 a { color: #AAA; } #jv-userwrap6 a:hover { color: #FFF; text-decoration: none; } #jv-userwrap2 h3.moduletitle, #jv-userwrap4 h3.moduletitle, #jv-userwrap5 h3.moduletitle { margin: 0; color: #000; font-size: 14px; background: none; border: none; font-family: "Lucida Sans Unicode"; } #jv-userwrap6 h3.moduletitle { margin: 0 0 5px 0; padding: 10px 0; color: #FFF; font-size: 17px; text-shadow: none; background: none; border-bottom: 1px solid #303030; } #jv-userwrap6 div.modulecontent { padding: 0 10px; } /* END FOOTER ----------------------------------------------*/ div.module, div.moduletable, div.moduletable_menu, div.moduletable_text, div.moduletable_blank, div.module, div.module_menu, div.module_text, div.module_blank { clear: both; margin: 0 0 10px 0; position: relative; } #jv-extra div.moduletable, #jv-extra div.moduletable_menu, #jv-extra div.moduletable_text { margin-bottom: 5px; } h3.moduletitle { margin: 0; padding: 10px 10px 0 10px; display: block; font-size: 150%; line-height: 100%; font-weight: normal; } div.moduletable h3 span, div.moduletable_menu h3 span, div.moduletable_text h3 span, div.module h3 span, div.module_menu h3 span, div.module_text h3 span { color: #848680; } div.twitter h3.moduletitle { padding: 15px 0 20px 80px; background: url(../images/bg-twitter.jpg) no-repeat 0 0; } div.modulecontent { padding: 10px; } div.green h3 { color: #699000; } div.blue h3 { color: #006A6E; } div.orange h3 { color: #E14C00; } div.module_blank div.jv-box-tc, div.module_blank div.jv-box-bc { display: none; } div.module_blank div.jv-box-c, div.module_blank div.jv-box-c-inside { padding: 0; border: none; background: none; } /* BEGIN FRAME ----------------------------------------------*/ .jvbr, .jvbl, .jvtr, .jvtl { } .jv-box-tc, .jv-box-bc { margin: 0 6px; display: block; height: 6px; position: relative; } .jv-box-tc { background: #F8F8F8 url(../images/bg-dot.jpg) repeat-x top; } .jv-box-bc { background: #F8F8F8 url(../images/bg-dot.jpg) repeat-x bottom; } .jv-box-tl { width: 6px; height: 6px; display: block; position: absolute; left: -6px; top: 0; background: url(../images/bg-box-round.jpg) no-repeat 0 0; } .jv-box-tr { width: 6px; height: 6px; display: block; position: absolute; right: -6px; top: 0; background: url(../images/bg-box-round.jpg) no-repeat 100% 0; } .jv-box-bl { width: 6px; height: 6px; display: block; position: absolute; left: -6px; top: 0; background: url(../images/bg-box-round.jpg) no-repeat 0 100%; } .jv-box-br { width: 6px; height: 6px; display: block; position: absolute; right: -6px; top: 0; background: url(../images/bg-box-round.jpg) no-repeat 100% 100%; } .jv-box-c { background: #F8F8F8; overflow: hidden; border-left: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; } .jv-box-c-inside { display: block; padding: 10px; overflow: hidden; } /* END FRAME ----------------------------------------------*/ #paginate-jvtitleflash { padding: 0; } #paginate-jvtitleflash ul { margin: 0; } .jv-jvtitleflash .sliderwrapper { height: 20px !important; } .jv-jvtitleflash .sliderwrapper .contentdiv { padding: 0 0 0 10px; height: 15px !important; } .jv-majuheadline-wrapper { margin: 0; padding: 0; border: none; } .jv-proshow-group { top: 10px; } .jv-proshow-group a img { padding: 2px; } .jv-proshow-intro { bottom: 10px; width: 500px; } .jv_ahovermenu_wrap ul.jv_maccordion ul, .jv_aclickmenu_wrap ul.jv_maccordion ul { padding: 0; } ul.jv_maccordion { margin: 0; } .jv_wrap_twitter .jv_twitter_status { margin: 0; } .jvcarousel-item img { border: none; float: left; margin: 0 15px 0 0; } .jvcarousel-pagi { display: none; } .jvcarousel-item { font-size: 12px; } .jvcarousel-item p { margin: 0 0 20px 0; } a.readmore { padding-right: 31px; display: inline-block; width: 108px; height: 33px; line-height: 33px; color: #FFF; text-align: center; font-size: 14px; font-weight: bold; text-transform: uppercase; text-shadow: 0 -1px 1px #2e5700; background: url(../images/slide-readmore.png) no-repeat 0 0; } a.readmore:hover { text-decoration: none; background: url(../images/slide-readmore.png) no-repeat 0 100%; } .jvcarousel_mtitle { color: #4D4D4D; } ul.listline { margin: 0; } ul.listline li { margin: 0 0 10px 0; padding: 0 0 10px 0; background: url(../images/bg-dot.jpg) repeat-x bottom; } span.time { color: #A4A4A4; } a.facebook, a.flickr, a.twitter, a.youtube { margin: 5px 0; padding: 15px 0 15px 65px; display: block; color: #FFF; font-weight: bold; } a.facebook { background: url(../images/facebook.png) no-repeat 0 0; } a.flickr { background: url(../images/flickr.png) no-repeat 0 0; } a.twitter { background: url(../images/twitter.png) no-repeat 0 0; } a.youtube { background: url(../images/youtube.png) no-repeat 0 0; } .jv-column { float: left; width: 240px; } span.newsletter { margin: 0 0 10px 0; display: block; font-family: "Lucida Sans Unicode"; font-size: 20px; } .jv-column .inputbox { padding: 7px 5px 8px 15px; border: none; width: 190px; height: 15px; line-height: 15px; background: url(../images/bg-inputbox-email.png) no-repeat 0 0; } .jv-column .button { margin-top: 10px; background: url(../images/bg-signup.png) no-repeat 0 0; color: #FFFFFF; display: block; font-size: 20px; font-weight: bold; height: 41px; line-height: 41px; padding: 0 40px 0 5px; text-align: center; text-shadow: 0 -1px 1px #2E5700; text-transform: uppercase; width: 209px; } .jv-column .button:hover { background: url(../images/bg-signup.png) no-repeat 0 100%; } .jv-row, div.latestnewsitems { margin: 0 0 30px 0; width: 100%; overflow: hidden; } .jv-row-innerright { margin-left: 100px; overflow: hidden; } .jv-row-right { overflow: hidden; } h4 { margin: 0 0 5px 0; padding: 0 0 8px 0; font-size: 18px; font-weight: normal; border-bottom: solid 1px #dedede; } .jv-image { float: left; width: 170px; text-align: center; } .jv-image img.caption { border: none; } .jv-offices { padding: 50px 0 0 0; float: left; width: 235px; position: relative; background: url(../images/bg-homeoffices.jpg) no-repeat 0 0; } .jv-form { padding: 50px 0 0 0; float: right; width: 400px; position: relative; background: url(../images/bg-contactform.jpg) no-repeat 0 0; } .jv-formitem { margin: 10px 0; width: 100%; overflow: hidden; } .jv-formitem label { float: left; } .jv-formitem input.inputbox { padding: 7px 10px 8px; border: none; width: 235px; height: 15px; line-height: 15px; float: right; background: url(../images/bg-inputform.png) no-repeat 0 0; } .jv-formitem textarea { padding: 7px 10px; border: none; width: 235px; height: 175px; float: right; background: url(../images/bg-textareaform.png) no-repeat 0 0; } .button_contact { margin: 0 3px; padding: 7px 26px 8px 10px; display: inline; width: 85px; height: 30px; border: none; color: #FFF; display: inline; line-height: 15px; text-align: center; cursor: pointer; background: url(../images/bg-submitform.png) no-repeat 0 0; } .button_contact:hover { background: url(../images/bg-submitform.png) no-repeat 0 100%; } .button1, .button2, .button3, .button4 { padding: 4px 25px 6px 0; color: #FFF; text-transform: uppercase; border: none; width: 130px; height: 28px; line-height: 15px; font-weight: bold; display: inline; text-align: center; cursor: pointer; } .button1 { text-shadow: 1px 1px 1px #4e8f11; background: url(../images/button1.png) no-repeat 0 0; } .button1:hover { background: url(../images/button1.png) no-repeat 0 100%; } .button2 { text-shadow: 1px 1px 1px #9e4006; background: url(../images/button2.png) no-repeat 0 0; } .button2:hover { background: url(../images/button2.png) no-repeat 0 100%; } .button3 { text-shadow: 1px 1px 1px #31629e; background: url(../images/button3.png) no-repeat 0 0; } .button3:hover { background: url(../images/button3.png) no-repeat 0 100%; } .button4 { text-shadow: 1px 1px 1px #851616; background: url(../images/button4.png) no-repeat 0 0; } .button4:hover { background: url(../images/button4.png) no-repeat 0 100%; } a.request { padding: 0 42px 0 0; display: block; text-align: center; line-height: 51px; font-size: 17px; color: #FFF; font-weight: bold; text-transform: uppercase; text-shadow: 0px -1px 1px #48800E; background: url(../images/button6.png) no-repeat 0 0; } a.request:hover { text-decoration: none; background: url(../images/button6.png) no-repeat 0 100%; } .jv-majuheadline-wrapper { background: none; } .jv-proshow-intro { left: 120px; bottom: 40px; width: 200px; } .jv-proshow-intro a.readon { padding: 0 28px 0 0; display: block; color: #FFF; text-transform: uppercase; font-size: 15px; font-weight: bold; text-align: center; text-shadow: 0 -1px 1px #4e4e4e; line-height: 41px; width: 181px; background: url(../images/button5.png) no-repeat 0 0; } .jv-proshow-intro a.readon:hover { text-decoration: none; background: url(../images/button5.png) no-repeat 0 100%; } .jv-proshow-group { display: none; } .jv-proshow-intro-bb, .jv-proshow-intro-bt { background: none; } #system-message dd ul { border-bottom: 3px solid #70c615; border-top: 3px solid #70c615; color: #000; list-style: none outside none; margin-bottom: 10px; padding: 10px; } #system-message dd { text-indent: 5px; } div.latestnewsitems h4 { margin: 0 0 5px; } div.latestnewsitems img { margin-right: 10px; padding: 3px; background: none; border: 1px solid #E5E5E5; } .jv_tab_default_wrap .jv_tabdefault { margin: 0; } .jv_tab_default_wrap ul.tabs_title { font-size: 100%; } .jv_tab_default_wrap ul.tabs_title li h3 { font-weight: normal; } .jv_tab_default_wrap .jv_tabs_panel { background: url(../images/bg-tabs-dot.jpg) repeat-y left top #F8F8F8; } .jv_tab_default_wrap .jv_tabs_panel_r { background: url(../images/bg-tabs-dot.jpg) repeat-y right top; } .jv_tab_default_wrap .jv_tabs_panel_bc { background: url(../images/bg-tabs-dot.jpg) repeat-x bottom; } .jv_tab_default_wrap .jv_tabs_panel_bl { background: url(../images/bg-tabs-bl.jpg) no-repeat bottom left; } .jv_tab_default_wrap .jv_tabs_panel_br { background: url(../images/bg-tabs-br.jpg) no-repeat bottom right; } .jv_tab_default_wrap .jv_tabs_panel .panel_tc { background: url(../images/bg-tabs-dot.jpg) repeat-x top; } .jv_tab_default_wrap .jv_tabs_panel .panel_tl { background: url(../images/bg-tabs-tl.jpg) no-repeat top left; } .jv_tab_default_wrap .jv_tabs_panel .panel_tr { padding: 10px; background: url(../images/bg-tabs-tr.jpg) no-repeat top right; } .jv_tab_default_wrap ul.tabs_title li h3, .jv_tab_default_wrap ul.tabs_title li h3 span { background: none; } div.jv_tabs_panel p.readmore a, div.jv_tabs_panel .jv_default_content li a { font-weight: normal; } .jv_tab_default_wrap .jv_tabdefault{ padding-top: 36px; } .jv_tab_default_wrap ul.tabs_title li{ margin-top: 0; padding: 0; } div.jv_tabs_panel .jv_default_content ul li{ padding: 6px; } .jv_tab_default_wrap ul.tabs_title li h3, .jv_tab_default_wrap ul.tabs_title li h3 span{ height: 36px; line-height: 36px; color: #4D4D4D; font-family: "Lucida Sans Unicode"; } .jv_tab_default_wrap ul.tabs_title li.active h3, .jv_tab_default_wrap ul.tabs_title li.active h3 span { height: 36px; line-height: 36px; color: #4D4D4D; background-image: url(../images/tabs_active.png); background-position: left top; } .jv_tab_default_wrap ul.tabs_title li.active h3 span { background-position: right top; } .jv_tab_default_wrap ul.tabs_title li.first.active h3, .jv_tab_default_wrap ul.tabs_title li.first.active h3 span { color: #4D4D4D; height: 43px; background-position: left bottom; } .jv_tab_default_wrap ul.tabs_title li.first.active h3 span { background-position: right bottom; } div.jv_tabs_panel .jv_default_content li a img { padding: 3px; border: 1px solid #E5E5E5; } div.jv_tabs_panel .jv_default_content ul li.item_active{ background: #F1F1F1; } .jv_twitter li.jv_twitter_item, ul.jv_user_timeline li.jv_twitter_item { background: none; } #jv-userwrap3 a.latestnews { color: #4D4D4D; } table#price-chart { } table#price-chart .even th, table#price-chart .odd th, table#price-chart .even td, table#price-chart .odd td { padding: 10px; width: 172px; border-right: 1px solid #FFFFFF; text-align: center; vertical-align: top; } table#price-chart .even td { background: #E6E6E6; } table#price-chart .odd td { } table#price-chart .agent td { padding: 10px; text-align: center; background: #d6d6d6; border-right: 1px solid #FFFFFF; } table#price-chart .even .col-0 { background: #cbe1ab url(../images/bg-even-col0.jpg) repeat-y right; } table#price-chart .even .col-1 { background: #f3e4ba url(../images/bg-even-col1.jpg) repeat-y right; } table#price-chart .even .col-2 { background: #b5ddf7 url(../images/bg-even-col2.jpg) repeat-y right; } table#price-chart .even .col-3 { background: #f3dc9d url(../images/bg-even-col3.jpg) repeat-y right; } table#price-chart .odd .col-0 { background: #e4f0d5 url(../images/bg-odd-col0.jpg) repeat-y right; } table#price-chart .odd .col-1 { background: #f9f1dc url(../images/bg-odd-col1.jpg) repeat-y right; } table#price-chart .odd .col-2 { background: #daeefb url(../images/bg-odd-col2.jpg) repeat-y right; } table#price-chart .odd .col-3 { background: #fff9e8 url(../images/bg-odd-col3.jpg) repeat-y right; } table#price-chart .agent .col-0 { background: #d0d2cc url(../images/bg-agent-col0.jpg) repeat-y right; }/*------------------------------------------------------------------------ * JV Template 1.5 - Dec, 2009 * ------------------------------------------------------------------------ * Copyright (C) 2004-2008 APL Solutions And Vision Co., LTD. All Rights Reserved. * @license - Copyrighted Commercial Software * Author: APL Solutions And Vision Co., LTD * Websites: http://www.joomgroup.com - http://www.joomvision.com -------------------------------------------------------------------------*/ /* TYPOGRAPHY --------------------------------------------------------- */ pre, .code { border: 1px solid #E3E3E3; border-left: 6px solid #E3E3E3; font-family: "Courier News",monospace; font-size: 1em; font-size-adjust:none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.5em; margin: 5px 0 15px; padding: 10px 15px; color: #000000; background: #FFF; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } blockquote { padding: 10px 15px; } blockquote span.open { background: url(../images/bq-o.gif) no-repeat left top; padding: 0 0 10px 30px; } blockquote span.close { background: url(../images/bq-c.gif) no-repeat bottom right; padding: 0 25px 5px 0; } blockquote.testimonial { padding: 0 0 15px; border-bottom: 1px solid #E6E6E6; } blockquote.testimonial span.author { background: url(../images/author.gif) no-repeat 5px center; display: block; font-weight: bold; margin-top: 5px; padding-left: 20px; } /**/ small { font-size: 0.85em; } sup { position: relative; bottom: 0.3em; vertical-align: baseline; } sup em { color: #FF0000; font-size: .8em; } sup { position: relative; bottom: 0.3em; vertical-align: baseline; } acronym, abbr { border-bottom: 1px dashed; letter-spacing: 1px; cursor: help; } /* @IMAGE */ img { border: none; } img.image-left { float: left; margin: .5em 1em .5em 0; } img.image-right { float: right; margin: .5em 0 .5em 1em; } img.image-border { border: 1px solid #E5E5E5; padding: 3px; } img.image-margin { margin: .5em; } /* @TEXT */ .clearbreak { clear: both; } div.grid2:after, div.grid3:after, div.grid4:after, div.grid5:after, ul.hlist-left:after, ul.hlist-right:after, .clearafter:after { clear: both; display: block; content: "."; height: 0; visibility: hidden; } /* Text grid */ div.grid-col { float: left; margin-right: 2%; overflow: hidden; } div.grid-lastcol { float: right; margin-right: 0 !important; overflow: hidden; } div.grid2 div.grid-col { width: 48%; } div.grid3 div.grid-col { width: 31%; } div.grid4 div.grid-col { width: 22%; } div.grid5 div.grid-col { width: 17%; } /* Dropcap */ .dropcap { overflow: hidden; } .dropcap:first-letter { color: #414141; display: block; float: left; font: 50px/40px Georgia, Times, serif; padding: 4px 8px 0 0; } /* Tips, Error, Message, Hightlight*/ p.error { background: url(../images/error.gif) no-repeat top left; color: #DF0000; padding: 0 0 5px 30px; } p.message { background: url(../images/info.gif) no-repeat top left; color: #2FAFCB; padding: 0 0 5px 30px; } p.tips { background: url(../images/tips.gif) no-repeat top left; color: #FA6900; padding: 0 0 5px 30px; } p.feed { background: url(../images/feed.gif) no-repeat 3px 0px; padding-left: 30px; padding-bottom: 5px; } .highlight { color: #3d3d3d; background: #ececec; font-weight: bold; padding: 3px 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; } /* Note Style */ p.stickynote { background: #FFF url(../images/stickynote.gif) no-repeat 8px center; border: 3px solid #E3E3E3; padding: 15px 10px 15px 70px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; } p.download { background: #FFF url(../images/download.gif) no-repeat 8px center; border: 3px solid #E3E3E3; padding: 15px 10px 15px 70px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; } p.buy { background: #FFF url(../images/buy.gif) no-repeat 8px center; border: 3px solid #E3E3E3; padding: 15px 10px 15px 70px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; } p.sell { background: #FFF url(../images/sell.gif) no-repeat 8px center; border: 3px solid #E3E3E3; padding: 15px 10px 15px 68px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; } .blocknumber { clear: both; padding: 5px 15px 10px; position: relative; } /* bullet */ /* Check list */ ul.checklist { list-style: none; } ul.checklist li { background: url(../images/checklist.png) no-repeat 6px 5px !important; padding: 0 0 0 22px !important; } /* Star list */ ul.star { list-style: none; } ul.star li { background: url(../images/star.png) no-repeat 2px 0 !important; padding: 0 0 0 22px !important; } /* List arrow */ ul.arrow { list-style: none; } ul.arrow li { background: url(../images/arrow.png) no-repeat 5px 1px; padding: 0 0 0 22px; } /* Square List */ ul.square { list-style: none; } ul.square li { background: url(../images/square.png) no-repeat 0 7px !important; padding: 0 0 0 10px !important; } /* Bignumber */ .bignumber { background: url(../images/bignumber.gif) no-repeat top left; color: #fff; display: block; float: left; font: bold 23px/normal Arial, sans-serif; margin-right: 8px; padding: 7px 8px 8px 9px; } /* Talking box. Thinking box. */ div.bubble1, div.bubble2, div.bubble3, div.bubble4 { margin: 15px 0; } div.bubble1 span.author, div.bubble2 span.author, div.bubble3 span.author, div.bubble4 span.author { display:inline-block; font-weight:bold; line-height:18px; margin-left:35px; } div.bubble1 div { background: url(../images/bub1-br.gif) no-repeat bottom right; margin: 0; width: 100%; } div.bubble1 div div { background: url(../images/bub1-bl.gif) no-repeat bottom left; } div.bubble1 div div div { background: url(../images/bub1-tr.gif) no-repeat top right; } div.bubble1 div div div div { background: url(../images/bub1-tl.gif) no-repeat top left; } div.bubble1 div div div div div { margin: 0; padding: 10px 15px 20px; width: auto; } div.bubble2 div { background: url(../images/bub2-br.gif) no-repeat bottom right; margin: 0; width: 100%; } div.bubble2 div div { background: url(../images/bub2-bl.gif) no-repeat bottom left; } div.bubble2 div div div { background: url(../images/bub2-tr.gif) no-repeat top right; } div.bubble2 div div div div { background: url(../images/bub2-tl.gif) no-repeat top left; } div.bubble2 div div div div div { margin: 0; padding: 12px 15px 22px; width: auto; } div.bubble3 div { background: url(../images/bub3-br.gif) no-repeat bottom right; margin: 0; width: 100%; } div.bubble3 div div { background: url(../images/bub3-bl.gif) no-repeat bottom left; } div.bubble3 div div div { background: url(../images/bub3-tr.gif) no-repeat top right; } div.bubble3 div div div div { background: url(../images/bub3-tl.gif) no-repeat top left; } div.bubble3 div div div div div { margin: 0; padding: 14px 15px 50px; width: auto; } div.bubble4 div { background: url(../images/bub4-br.gif) no-repeat bottom right; margin: 0; width: 100%; } div.bubble4 div div { background: url(../images/bub4-bl.gif) no-repeat bottom left; } div.bubble4 div div div { background: url(../images/bub4-tr.gif) no-repeat top right; } div.bubble4 div div div div { background: url(../images/bub4-tl.gif) no-repeat top left; } div.bubble4 div div div div div { margin: 0; padding: 10px 15px 50px; width: auto; } /* Legend */ .legend-title { background: #FFF; display: block; font-size: 100%; float: left; font-weight: bold; left: 7px; margin: 0; padding: 0 3px; position: absolute; top: -10px; } .legend { border: 1px solid #CCCCCC; margin: 20px 0; padding: 0 10px; position: relative; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } /* Left & Right*/ div.jv-left, div.jv-right { margin: 0; padding: 0; width: 49%; } div.jv-left { float: left; clear: left; } div.jv-right { float: right; clear: right; } /* jv Tabs */ #jv-tabs { background: #262626; } #jv-tabs div.jv-box-br, #jv-tabs div.jv-box-bl, #jv-tabs div.jv-box-tr, #jv-tabs div.jv-box-tl { margin: 0; padding: 0; } #jv-tabs div.jv-box-br { background: #262626; } #jv-tabs div.jv-box-bl { background: none; } #jv-tabs div.jv-box-tr { background: none; } #jv-tabs div.jv-box-tl { background: none; } /* @TABLES */ table { border-collapse: collapse; border-spacing: 0; } caption, th { text-align: left; } /* Plain rows */ table.plainrows { background-color: #F2F2F2; color: #404040; border-collapse: collapse; } table.plainrows caption { padding: 6px 0; font-size: 1.2em; font-weight: bold; text-transform: uppercase; text-align: center; } table.plainrows thead { border-bottom: solid 1px #284D73; } table.plainrows thead th { padding: 5px 10px; background-color: #366999; color: #FFFFFF; font-size: 1.1em; text-transform: capitalize; } table.plainrows tfoot th, table.plainrows tfoot td { padding: 3px 10px; background-color: #D9D9D9; color: #000000; font-size: 1.1em; text-transform: capitalize; } table.plainrows tfoot td { text-align: right; } table.plainrows tbody th, table.plainrows tbody td { border-bottom: solid 1px #D9D9D9; padding: 4px 10px; } table.plainrows tbody th { white-space: nowrap; } table.plainrows tr.odd { } table.plainrows tbody tr:hover { background: #E5E5E5; } /* Dark stripes */ table.colorstripes { border: 1px solid #162C40; color: #FFFFFF; background: #284D73; border-collapse: collapse; } table.colorstripes caption { padding: 6px 0; font-size: 1.2em; font-weight: bold; text-transform: uppercase; text-align: center; } table.colorstripes td, table.colorstripes th { border: 1px dashed #366999; padding: 5px 10px; } table.colorstripes thead th { border: 1px solid #284D73; background: #162C40; color: #FFFFFF; font-size: 1.1em; } table.colorstripes tbody th, table.colorstripes tbody td { text-align: left; vertical-align: top; } table.colorstripes tbody tr.odd { background: #224161; } table.colorstripes tbody tr:hover { background: #1F3D59; } table.colorstripes tbody tr:hover th, table.colorstripes tbody tr.odd:hover th { background: #1F3D59; } table.colorstripes tfoot th, table.colorstripes tfoot td { border: none; padding: 4px 10px; background: #162C40; color: #FFFFFF; font-size: 1.1em; } table.colorstripes tfoot td { text-align: right; } /* Light stripes */ table.greystripes { border: 1px solid #D9D9D9; color: #404040; background: #FFFFFF; border-collapse: collapse; } table.greystripes caption { padding: 6px 0; font-size: 1.2em; font-weight: bold; text-transform: uppercase; text-align: center; } table.greystripes td, table.greystripes th { border: 1px dashed #E5E5E5; padding: 5px 10px; } table.greystripes thead th { border: 1px solid #595959; border-bottom: 2px solid #000000; background: #404040; color: #FFFFFF; font-size: 1.1em; } table.greystripes tbody th, table.greystripes tbody td { text-align: left; vertical-align: top; } table.greystripes tbody tr.odd { background: #F2F2F2; } table.greystripes tbody tr:hover { background: #E5E5E5; } table.greystripes tbody tr:hover th, table.greystripes tbody tr.odd:hover th { background: #E5E5E5; } table.greystripes tfoot th, table.greystripes tfoot td { border: none; padding: 4px 10px; background-color: #D9D9D9; color: #000000; font-size: 1.1em; } table.greystripes tfoot td { text-align: right; } div.announce_red { width: 70px; height: 70px; padding: 20px; text-align: center; color: #FFF; text-shadow: 1px 1px 0 #751313; background: url(../images/announce_red.png) no-repeat 0 0 } div.announce_green { width: 70px; height: 70px; padding: 20px; text-align: center; color: #2f6100; text-shadow: 1px 1px 0 #fff; background: url(../images/announce_green.png) no-repeat 0 0 } div.announce_red span.strong, div.announce_green span.strong { font-size: 26px; line-height: 100%; } .icon1 { margin: 5px 0; padding: 6px 0 6px 45px; background: url(../images/icon1.png) no-repeat 0 0; } .icon2 { margin: 5px 0; padding: 6px 0 6px 45px; background: url(../images/icon2.png) no-repeat 0 0; } .icon3 { margin: 5px 0; padding: 6px 0 6px 45px; background: url(../images/icon3.png) no-repeat 0 0; } .icon4 { margin: 5px 0; padding: 6px 0 6px 45px; background: url(../images/icon4.png) no-repeat 0 0; } .icon5 { margin: 5px 0; padding: 6px 0 6px 45px; background: url(../images/icon5.png) no-repeat 0 0; } .icon6 { margin: 5px 0; padding: 6px 0 6px 45px; background: url(../images/icon6.png) no-repeat 0 0; } .icon7 { margin: 5px 0; padding: 6px 0 6px 45px; background: url(../images/icon7.png) no-repeat 0 0; } .icon8 { margin: 5px 0; padding: 6px 0 6px 45px; background: url(../images/icon8.png) no-repeat 0 0; } .icon9 { margin: 5px 0; padding: 6px 0 6px 45px; background: url(../images/icon9.png) no-repeat 0 0; } .icon10 { margin: 5px 0; padding: 6px 0 6px 45px; background: url(../images/icon10.png) no-repeat 0 0; }