/* THEME NAME: Loan Supermart THEME URI: http://iheartbrew.com/ VERSION: 1 AUTHOR: Hanif AUTHOR URI: http://iheartbrew.com/ Template: thematic */ @import url('../thematic/library/styles/default.css'); html, body { background:#17386b; font-family:Arial,Helvetica,Garuda,sans-serif; font-size:13px; height: 100%; margin: 0; padding: 0; } label, input, textarea { font-size:13px;font-family:Arial,Helvetica,Garuda,sans-serif;} #wrapper { margin:25px auto; width:953px; } .alignright { float:right; margin-left:10px; } .alignleft { float:left; margin-right:10px; } /* Header */ #header { background:#f3fafc url(images/interface/white-bg-top.jpg) no-repeat top center; display:inline; float:left; padding:25px 40px 20px; position:relative; width:873px; } /* Branding */ #branding { padding:0; } #blog-title a { background:url(images/logos/loansupermart.gif) no-repeat; display:inline-block; float:left; height:96px; text-indent:-999px; width:130px; } #blog-description { background:url(images/interface/top-bg.jpg) no-repeat; color:#ffffff; display:inline-block; font-family:Arial,Helvetica,Garuda,sans-serif; font-size:16.58px; font-style:normal; font-weight:bold; height:67px; line-height:2.5; text-align:center; margin:0; position:absolute; right:40px; text-transform:uppercase; top:0; width:422px; } #blog-description span { color:#ffff00; font-size:24.87px; } /* Menu */ #access { border:none; display:inline; float:right; margin:60px 0 0 0; } #access .menu { font-size:11.3px; } ul.sf-menu { border:none; } ul.sf-menu li { background:#f3fafc url(images/interface/menu-calculator.jpg) no-repeat -999px; border:none; text-align:center; } ul.sf-menu li.page-item-2 { background:#f3fafc url(images/interface/menu-services.jpg) no-repeat -999px; } ul.sf-menu li.page-item-home { background:#f3fafc url(images/interface/menu-highlight.jpg) no-repeat -999px; } ul.sf-menu li.page-item-73 { background:#f3fafc url(images/interface/menu-highlight.jpg) no-repeat -999px; } ul.sf-menu li.page-item-70 { background:#f3fafc url(images/interface/menu-services.jpg) no-repeat -999px; } ul.sf-menu li.page-item-15 { background:#f3fafc url(images/interface/menu-services.jpg) no-repeat -999px; } ul.sf-menu li.page-item-20 { background:#f3fafc url(images/interface/menu-contact.jpg) no-repeat -999px; } ul.sf-menu li.page-item-25 { background:#f3fafc url(images/interface/menu-calculator.jpg) no-repeat -999px; } ul.sf-menu li.current_page_item { background-position:center; } ul.sf-menu li a { color:#006699; border:none; text-transform:uppercase; } ul.sf-menu li .gilder-levin { } ul.sf-menu li.current_page_item a { color:#ffffff; } .sf-menu a:visited { color:#006699; } /* Main */ #main { background:#f3fafc url(images/interface/white-bg-bottom.jpg) no-repeat bottom center; padding:0 40px 40px; min-height:1%; } div.banner { margin:0;} .entry-title { font-size:15px; font-weight:bold; padding:0; text-transform:uppercase; } #content .hentry {margin-top:40px;} /* Page top area */ #page-top { display:none; } #page-top ul.xoxo { padding:0; margin:0;} #page-top li.widgetcontainer { display:inline; float:left; height:174px; padding:16px 0 0 100px; position:relative; width:176px; *padding-top:27px; *height:163px;} #page-top li.widgetcontainer a { font-size:12px; position:absolute; bottom:6px; right:22px; } #page-top li .widget_sp_image-description { color:#000000; font-size:13px; padding:0 15px 0 0; } .home #page-top { border:none; display:block; height:190px; margin:15px 0; padding:0;} #page-top h3.widgettitle { color:#ffffff; font-size:15px; font-style:normal; padding:0; text-transform:uppercase; *margin:10px 0;} #widget_sp_image-3 { background:url(images/interface/aboutus-widget.jpg) no-repeat;} #widget_sp_image-4 { background:url(images/interface/ourservices-widget.jpg) no-repeat; margin:0 10px; } #widget_sp_image-5 { background:url(images/interface/testimonials-widget.jpg) no-repeat;} /* Home page */ .home .entry-title { display:none; } .home #latestpromo { background:url(images/interface/latestpromotions.gif) no-repeat; display:inline-block; width:271px; height:207px;} #latestpromo table { color:#0554a0; font-size:22px; margin:155px 0 0 20px; text-align:center; } .home #interbank-rates { background:url(images/interface/interbank-rates.jpg) no-repeat; display:inline-block; height:207px; margin-left:10px; width:271px;} #interbank-rates table { margin:75px 0 0; } #interbank-rates td { padding:0 15px; } #interbank-rates td.bold { color:#002d57; font-weight:bold; } #interbank-rates td.update { color:#00519e; font-weight:bold; text-align:center; } /* Entry Content */ .entry-content table { border:none; } body.slug-about .entry-content p { padding-left:100px; } form table { width:100%; } form table label { clear:both; float:left; } form table input { clear:both; float:left; width:100%;} /* Our Services */ .slug-our-services .entry-content strong { color:#00519d; } .slug-our-services .entry-content p { margin:0 0 10px; padding:0 0 0 85px; } .slug-our-services .entry-content td { line-height:13px; padding:0; vertical-align:top; } .slug-our-services #services-1 { background:url("images/interface/services-1.jpg") no-repeat; display:block; float:left; height:210px; padding:80px 5px 0 54px; position:relative; width:145px; } .slug-our-services #services-2 { background:url("images/interface/services-2.jpg") no-repeat; display:block; float:left; height:210px; padding:80px 5px 0 10px; width:145px; } .slug-our-services #services-3 { background:url("images/interface/services-3.jpg") no-repeat; display:block; float:left; height:210px; padding:80px 5px 0 10px; width:145px; } .slug-our-services #services-4 { background:url("images/interface/services-4.jpg") no-repeat; display:block; float:left; height:110px; margin-left:-7px; padding:70px 5px 0 60px; width:470px; } .slug-our-services #services-1 img { left:-3px; position:absolute; top:-7px; } /* Calculator */ #calculator { font-size:11px; } #calculator #calc-box { background:url(images/interface/calc-box.jpg) no-repeat; display:inline-block; float:left; height:140px; margin:5px 0 0 0; padding:50px 20px 0; position:relative; width:220px; } #calculator #calc-box td { padding:0;} #calculator div#results { background:url(images/interface/result-box.jpg) no-repeat; display:inline-block; float:left; height:130px; margin:0 0 0 20px; padding:75px 20px 0; position:relative; width:155px; } /* Calculation box */ #calc-box label, #calc-box input { float:left; font-size:11px; } #calc-box label { clear:both; font-weight:bold; width:90px; } #calc-box input[type=text] { clear:both; padding:3px 2px; width:125px; } /* Calculator input */ #calc-box #amount { background:#ffffff url(images/interface/calc-amt.jpg) no-repeat center center; padding-left:10px; width:117px; } #calc-box #interest { background:#ffffff url(images/interface/calc-int.jpg) no-repeat center center; } #calc-box #term { background:#ffffff url(images/interface/calc-trm.jpg) no-repeat center center; } #calculator div#results input#cal_results { *margin:0 0 0 -20px; } #calculator div#results p { *margin:0; } .slug-calculator .entry-content img { margin-top:15px; } /* Formbuilder forms */ #formBuilderCSSIDEnquiry_Form { width:460px; } #formBuilderCSSIDContact_Form { font-size:12px; width:385px; } #formBuilderCSSIDContact_Form .formBuilderLabelRequired { font-weight:normal; width:85px; } #formBuilderCSSIDContact_Form textarea { height:180px; width:264px; } form.formBuilderForm .submit_button, form.formBuilderForm .reset_button { clear:none; float:right; } form.formBuilderForm .submit_button input, form.formBuilderForm .reset_button input { font-size:11px; } form.formBuilderForm .formBuilderInput input { font-size:13px; width:260px; } /* Footer */ #footer { border:none; margin:0; width:100%;} #siteinfo { color:#ffffff; } /* `Clear Floated Elements ----------------------------------------------------------------------------------------------------*/ /* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */ .clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } * html .clearfix { height: 1%; }