/* Theme Name: Fintronx Theme URI: http://www.fintronx.com Author: Jon Horton Author URI: http://www.jonhorton.com Version: .6 Description: This is a custom theme for Fintronx, LLC. */ /* ================ */ /* = The 1Kb Grid = */ /* 12 columns, 60 pixels each, with 20 pixel gutter */ /* ================ */ .grid_1 {width:60px;}.grid_2 {width:140px;}.grid_3 {width:220px;}.grid_4 {width:300px;}.grid_5 {width:380px;}.grid_6 {width:460px;}.grid_7 {width:540px;}.grid_8 {width:620px;}.grid_9 {width:700px;}.grid_10 {width:780px;}.grid_11 {width:860px;}.grid_12 {width:940px;} .column { margin: 0 10px; overflow: hidden; float: left; display: inline;}.row { width: 960px; margin: 0 auto; }.row .row { margin: 0 -10px; width: auto; display: inline-block;} * {margin: 0;} html, body {height: 100%;} body {margin: 0;padding: 0; background: #1a293e url(http://www.fintronx.com/images/bg.jpg) no-repeat fixed center top; font: 14px/1.5em Arial;} /********************************************* Main Containers *********************************************/ #wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto 0px; overflow:hidden;/* background: #1a2330 url(http://www.fintronx.com/images/comp1.jpg) no-repeat center top;*/} #header { width:960px;height:125px; overflow:hidden;} #topnav ul { list-style-type: none; text-align:right;padding: 60px 0;} #topnav ul li { display:inline; padding: 0 10px; font-size:12px;} #topnav ul li a {text-decoration:none; color: #fff;} #topnav ul li a:hover, #topnav ul li a.selected {text-decoration:none; color: #ff6c00; background:transparent;} #nav {height: 40px; } #slideshow { width: 960px; height: 300px; background:#666 url(http://www.fintronx.com/images/loading.gif) no-repeat 50% 50%; border-bottom: 1px solid #333; } #slideshow-rewards { width: 960px; height: 300px; background:#666 url(http://www.fintronx.com/images/loading.gif) no-repeat 50% 50%; border-bottom: 1px solid #333; margin-top:10px;} #container, #breadcrumb, #nobreadcrumb { margin: 0 auto; width:960px; padding: 10px 0 0 0; background:#fff url(http://www.fintronx.com/images/bg-content.png) repeat-y center top; /*height:500px;temporary height*/ overflow:hidden; } #breadcrumb {padding: 5px 0; height:25px; font-size: 12px;} #nobreadcrumb { } #breadcrumb p{margin-bottom:0;} #container-end {background: url(http://www.fintronx.com/images/bg-content-end.png) no-repeat center top; height: 15px;} #ad-top {background: url(http://www.fintronx.com/images/bg-content-top.png) no-repeat center top; height: 15px; margin-top:20px;} #ad { margin: 0 auto; width:960px; padding: 20px 0; background:#fff url(http://www.fintronx.com/images/bg-content.png) repeat-y center top; height:100px;/*temporary height*/ overflow:hidden;} #ad-end {background: url(http://www.fintronx.com/images/bg-content-end.png) no-repeat center top; height: 15px;} #footer { width:960px; margin-top:20px; color:#ccc; } #bottomnav { } #bottomnav ul { list-style-type: none; text-align:left; padding: 0; margin-bottom:0; margin-left:0;} #bottomnav ul li { display:inline; padding: 0; margin:0; } #contact {text-align:right;} .copyright, .address { font-size: 12px; } .phone {font-size: 28px;margin-top:5px;} .builtbyjonhortondesign {padding:10px 0; text-align:right; background:transparent; } .searchbox {width: 250px; height: 23px;background: #fcfcfc; border: 1px solid #666; margin: 7px 7px 0 7px; color:#666;font-size: 14px; } .search-btn {padding:5px; font-size: 14px; color: #666;} input:hover.search-btn {color:#000;} /*#container .editor-button { position:relative; margin:0; width:100%;} #container .editor-button a {top:0px;} */ #subnav .editor-button a, #search .editor-button a, #blog .editor-button a,#container .editor-button, #container .editor-button a, .editor-button {display:none;} /********************************************* Text & Link Styles *********************************************/ a, a:visited {color: #ff6c00; text-decoration: none;} a:hover {text-decoration: underline;/* background:#ff6c00; color:#fff;*/ } a img, a:visited img a:hover img {border: none; background:transparent;} p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,li,pre,address,fieldset{margin-bottom:10px; margin-left: 10px;} h1, h2, h3, h4, h5, h6{ font-weight: normal; line-height:90%;} h1 {font-size:32px;} h2 {font-size:28px;} h3 {font-size:24px;} h4 {font-size:18px;} h5 {font-size: 14px; color:#fff;margin-bottom: 10px; margin-left:10px; } .error {font-size:500%;margin:20px 10px;} .error h1 {font-weight:bold;font-size:40px;} label { display: block; width: 150px; float: left; margin: 2px 4px 6px 4px; text-align: right;clear:both;} input.contactform, select.contactform, textarea.contactform { width:400px; border: 2px solid #ccc; font-size:18px; color: #333; } input.contactform, select.contactform {vertical-align: middle;height:30px;} select.contactform {width:404px;} textarea.contactform {width: 396px;} .requiredfield {font-size: 18px; font-weight: bold; color: #ff6600;padding-top:5px;} .validation-advice { color: #ff6600; background: #fff url(http://www.fintronx.com/images/alert.gif) no-repeat left center; padding-left: 22px; font-size: 85%; margin-left:150px; } input.btn-submit {color: #333; background: #ddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 5px 10px; margin: 10px 0; display:block; text-transform:capitalize; height: 40px; width:400px; border:0; font-size:18px; } input:hover.btn-submit {background: #333; color:#fff; text-decoration:none;} /* ----- Promo Styles ----- */ .centered {text-align:center;} .centered p, .centered h1, .centered h2, .centered h3, .centered h4, .centered h5, .highlight hr {margin-left:0;} h2.promo-code {font-size: 36px; color:#ff6c00;} input.promo-code {color: #333; font-size: 45px; height: 50px; border: 3px solid #ccc;width:445px;vertical-align: middle; text-align: center;text-transform:uppercase;-webkit-border-radius: 5px; -moz-border-radius: 5px;} input:hover.promo-code {border: 3px solid #ff6c00;} input.btn-promo-submit {color: #fff; background: #ff6c00; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 5px 10px; margin: 10px 0; text-transform:uppercase; height:56px;width:150px; border:0; font-size:20px;vertical-align: middle; } input:hover.btn-promo-submit {background: #cf4800; color:#fff; text-decoration:none;} .highlight {background: #ddd;} .member-registration p.break label {height:10px;} .member-registration label { display: block; width: 200px; float: left; margin: 7px; text-align: right;clear: both;} .member-registration input, .member-registration select, .member-registration textarea { width:350px; border: 2px solid #ccc; font-size:18px; color: #333; float:left; margin: 0px 0px 10px; } .member-registration input, .member-registration select {vertical-align: middle;height:30px;} .member-registration input.checkbox {float:none; width:25px;} .member-registration input.address {text-transform:capitalize;} .member-registration input.city {width:150px; margin-right: 10px;text-transform:capitalize;} .member-registration input.state {float:none; width:30px; margin-right: 10px;text-transform:uppercase;} .member-registration input.zip {float:none; width:70px;} .member-registration span {float:left;} .member-registration select {width:404px;} .member-registration textarea {width: 396px;} span.note {font-size:10px; color: #aaa;float: right; } .member-registration input.btn-submit {color: #fff; background: #ff6c00; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 5px 10px; margin: 10px 0; display:block; text-transform:capitalize; height: 40px; width:350px; border:0; font-size:18px; } .member-registration input:hover.btn-submit {background: #000; color:#ff6c00; text-decoration:none;} .resultHead {background: #222; color:#fff;} .resultRowTwo {background: #ececec;} .resultRowOne {background: #fcfcfc;} /********************************************* Main Nav Styles *********************************************/ #nav ul, #nav li {margin: 0; padding: 0; list-style-type: none;} #nav li {display: block; float: left; height: 40px;margin: 0; padding: 0; position: relative; /*--Important--*/} #nav li a { display: block; float: left; height: 40px; font-weight:bold; font-size:85%;} #nav li a.home, #nav li a:visited.home { width: 84px; background: url(http://www.fintronx.com/images/nav.png) 0px 0px; text-indent: -9999px; overflow: hidden;} #nav li a:hover.home { background: url(http://www.fintronx.com/images/nav.png) 0px -40px;} #nav li a.home.selected, #nav li a:visited.home.selected {background: url(http://www.fintronx.com/images/nav.png) 0px -80px;} #nav li a.products, #nav li a:visited.products { width:187px; background: url(http://www.fintronx.com/images/nav.png) -84px 0px; text-indent: -9999px; overflow: hidden;} #nav li a:hover.products {background: url(http://www.fintronx.com/images/nav.png) -84px -40px;} #nav li a.products.selected, #nav li a:visited.products.selected {background: url(http://www.fintronx.com/images/nav.png) -84px -80px;} #nav li a.support, #nav li a:visited.support { width: 177px; background: url(http://www.fintronx.com/images/nav.png) -271px 0px; text-indent: -9999px; overflow: hidden;} #nav li a:hover.support {background: url(http://www.fintronx.com/images/nav.png) -271px -40px;} #nav li a.support.selected, #nav li a:visited.support.selected {background: url(http://www.fintronx.com/images/nav.png) -271px -80px;} #nav li a.contact, #nav li a:visited.contact { width: 99px; background: url(http://www.fintronx.com/images/nav.png) -448px 0px; text-indent: -9999px; overflow: hidden;} #nav li a:hover.contact {background: url(http://www.fintronx.com/images/nav.png) -448px -40px;} #nav li a.contact.selected, #nav li a:visited.contact.selected {background: url(http://www.fintronx.com/images/nav.png) -448px -80px;} #nav li a.blog, #nav li a:visited.blog { width: 73px; background: url(http://www.fintronx.com/images/nav.png) -547px 0px; text-indent: -9999px; overflow: hidden;} #nav li a:hover.blog {background: url(http://www.fintronx.com/images/nav.png) -547px -40px;} #nav li a.blog.selected, #nav li a:visited.blog.selected {background: url(http://www.fintronx.com/images/nav.png) -547px -80px;} #nav li.empty { width: 340px; background: url(http://www.fintronx.com/images/nav.png) -620px 0px; overflow: hidden;} #nav li.empty a:hover {background: url(http://www.fintronx.com/images/nav.png) -620px -40px;} #nav li.empty.selected {background: url(http://www.fintronx.com/images/nav.png) -620px -80px;} #nav li .sub { position: absolute; /*--Important--*/ top: 40px; left: 0; z-index: 99999; background: #eee url(http://www.fintronx.com/images/bg-sub.png) repeat-x bottom left; /*--Background gradient--*/ padding: 20px 20px 20px; float: left; /*--Bottom right rounded corner--*/ -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; /*--Bottom left rounded corner--*/ -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; /*-- dropdown shadow --*/ -moz-box-shadow:0px 3px 10px #222; -webkit-box-shadow:0px 3px 10px #222; box-shadow:0px 3px 10px #222; display: none; /*--Hidden for those with js turned off--*/ } #nav li .row { /*--If needed to break out into rows--*/ clear: both; float: left; width: 100%; margin-bottom: 10px; } #nav li .sub ul{ list-style-image: url("http://www.fintronx.com/images/nav-arrow.png"); margin: 0; padding: 0; width: 200px; float: left; } #nav .sub ul li { width: 100%; /*--Override parent list item--*/ color: #fff; } #nav .sub ul li h2 { /*--Sub nav heading style--*/ padding: 0; margin: 0; font-size: 1.2em; font-weight: normal; } #nav .sub ul li h2 a { /*--Sub nav heading link style--*/ padding: 5px 0; background-image: none; color: #333; } #nav .sub ul li h2 a:hover {background:none; padding-left:0; color:#000;} #nav .sub ul li a { float: none; text-indent: 0; /*--Override text-indent from parent list item--*/ height: 20px; /*--Override height from parent list item--*/ background: url(http://www.fintronx.com/images/nav-arrow.png) no-repeat 0 0; padding: 5px 5px 5px 15px; display: block; font-weight:normal; } #nav .sub ul li a:hover {background: #ff6c00 url(http://www.fintronx.com/images/nav-arrow.png) no-repeat 5px -30px; padding-left:20px; color:#fff; text-decoration:none;} /********************************************* Sub Nav Styles *********************************************/ #subnav {background: #ececec; -webkit-border-radius: 5px; -moz-border-radius: 5px; width:300px; } #subnav ul, #subnav li{margin: 0; padding: 0; list-style-type: none;} #subnav li a, #subnav ul#nav-sub li ul li.selected a {width:265px;color:#ff6c00; padding:5px 10px 5px 25px; display: block; float: left; /*height: 20px; */ background:ececec;} #subnav li a:hover, #subnav ul#nav-sub li ul li.selected a {color:#fff; text-decoration: none; display: block; float: left; /*height: 20px;*/background:#ff6c00;} #subnav li.open a { width:315px; color:#333; padding:5px 10px 5px 35px; display: block; float: left; height: 20px;background:#fcfcfc url(http://www.fintronx.com/images/2010/bg.png) 0px -540px repeat-x;} #subnav li.open a:hover, #subnav li.open a.selected {text-decoration: none; display: block; float: left; height: 20px;background:#ddd url(http://www.fintronx.com/images/2010/bg.png) 0px -570px repeat-x;} #subnav p {width:315px; padding:10px 10px 0 10px; display:block; float: left; color:#333; } #subnav h3 {margin:0;width:275px; display: block; float: left; padding:10px 10px 10px 15px; height: 20px;} #subnav img {display:inline;}