/* 
Theme Name: Certifix LiveScan
Theme URI:  
Description: WordPress Powered theme built solely for Certifix Live Scan
Version: 1.0
Author: <a href="http://dinolatoga.com">Dino Latoga</a>
Author URL: http://dinolatoga.com
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

html, body {height: 100%;}
body {font: 15px/150% "Arial", Verdana, sans-serif; background:#222 url(images/bg.jpg) top left; text-align:center;color:#444;}
a{text-decoration:none;}
hr{border:0;border-top:1px solid #ddd;}

#container{background:url(images/container-bg.jpg) 150px 0 no-repeat;text-align:left;}
#header{position:relative;margin:0 10px; height:115px;}
#navigation{position:relative;height:35px;margin:0 10px;background:#dbebf8 url(images/navigation.jpg) top right no-repeat;}
#footer{clear:both;background:#222 url(images/footer-bg.png) left repeat-x;padding:30px 0;border-top:1px solid #fff;height:20px;}
#main{clear:both;margin-bottom:40px;}
#page{margin-bottom:20px;}
.push{height:81px;clear:both;display:block;}
.wrapper{width:960px;min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -81px;}
.clearfix{clear:both;line-height:0;display:block;font-size:0;overflow:hidden;}
small{font-size:10px;}
.alignleft{float:left;display:inline;text-align:left;}
.alignright{float:right;display:inline;text-align:right;}
.navigation a{color:#069;font-size:13px;}
.navigation .alignleft,
.navigation .alignright{width:200px;height:50px;}

/* header */
#logo{position:absolute;top:25px;height:60px;width:322px;background:url(images/certifix-logo.png) top left no-repeat;}
	#logo h1{height:100%;}
	#logo a{text-indent:-9999px;display:block;height:100%;}
p#description{visibility:hidden;}
ul#topnav{position:absolute;top:45px;right:0;font-size:12px;color:#069;}
ul#topnav li{float:left; margin-left: 15px;display:inline;}
ul#topnav li a{padding:0 0 0 30px; color:#069;background-image:url(images/topnavsprites.png);background-repeat:no-repeat;display:block;}
ul#topnav li a:hover{text-decoration:underline;}
li#tn-support{padding-left:30px;background:url(images/topnavsprites.png) 0 4px no-repeat;}
li#tn-blog a{background-position:0 -26px;}
li#tn-refer a{background-position:0 -56px;}
li#tn-signin a{background-position:0 -86px;}
li#tn-blog a:hover{background-position:0 -146px;}
li#tn-refer a:hover{background-position:0 -176px;}
li#tn-signin a:hover{background-position:0 -206px;}

/* navigation */
#navigation ul{margin:0;height:35px;}
#navigation ul li{float:left;height:35px;display:inline;}
#navigation ul li.first a{border-left:0;}
#navigation ul li.last a{border-right:0;}
#navigation ul li.current a{color:#555;}
#navigation ul li a{display:block;color:#069;line-height:100%;padding:10px 10px 8px;border-right:1px solid #e3e6e9;border-left:1px solid #dfdadf;text-transform:uppercase;}
#navigation ul li a:hover{color:#000;}

fieldset#searchform{position:absolute;right:0;top:0;}
fieldset#searchform form{position:relative;width:200px;height:35px;background:url(images/icon-search.jpg) 0 10px no-repeat;}
input#s{position:absolute;right:10px;top:8px;font-size:11px;color:#555;width:157px; height:12px;padding:4px;border:0;background:#fff url(images/site-search-input.jpg) top left no-repeat;}

#intro{position:relative;margin:25px 10px 50px;height:335px;padding-left:400px;background:url(images/intro-hand.png) top left no-repeat;}
h1#intro-heading{padding-top:40px;font-size:30px;color:#069;line-height:120%;}
small.intro-subtext{font-size:12px;color:#222;text-transform:uppercase;padding:10px 0;}
#intro p{padding:30px 0;text-shadow: 1px 1px 1px #fff;}
a#button-intro{background:url(images/button-intro.png) top left no-repeat;text-indent:-9999px;display:block;width:265px;height:55px;}
a#promo-5-off{position:absolute;right:0;bottom:0;}

.section{float:left;margin:10px;width:300px;display:inline;}
.section h2{font-size:15px;color:#39f;text-transform:uppercase;padding:10px 0 20px;}
.section ul{margin-bottom:20px;}
.section ul li{background:url(images/faq-bullet.png) 0 10px no-repeat;padding:5px 0 5px 20px;}
.section ul li a{color:#444;font-weight:bold;text-shadow: 1px 1px 1px #fff;font-size:15px;}
.section ul li a:hover{color:#069;}
.section ul li small{font-size:11px;color:#878787;}

a.button-small{background:transparent url(images/grey-button-right.png) no-repeat scroll top right;display:block;float:left;height:25px;margin-right:0;padding-right:12px;font-size:10px;text-transform:uppercase;color:#069;text-shadow: 1px 1px 1px #fff;}
a.button-small span{background:transparent url(images/grey-button-left.png) no-repeat;display:block;line-height:25px;padding:0 0 5px 12px;}
a.button-small:hover{color:#006;}

#how-it-works{margin:0 10px;padding-bottom:25px;background:url(images/step-content-bottom-bg.jpg) bottom left no-repeat;}
ul#hiwmenu{display:block;height:85px;border-bottom:1px solid #ddd;padding:0 20px;}
ul#hiwmenu li{float:left;width:150px;}
ul#hiwmenu li a{display:block;padding:15px 10px;height:55px;color:#999;font-size:12px;line-height:120%;}
ul#hiwmenu li a span{display:block;width:40px;text-align:center;background:#d1e0ec;font-size:10px;text-transform:uppercase;color:#fff;border:1px solid #ddd;margin:0;}
ul#hiwmenu li a.selected{background:url(images/hiwtab.png) bottom left no-repeat;height:56px;color:#444;font-weight:bold;border-bottom:0;}
ul#hiwmenu li a.selected span{background:#f00;border:1px solid #900;}
.stepbox{clear:both;background:#fff;background-position:top right;background-repeat:no-repeat;padding:20px;font-size:13px;min-height:200px;color:#777;}
.stepbox h2{font-size:20px;color:#202020;padding:10px 0 20px;}
.stepbox ul{padding:10px;}
.stepbox ul li{padding-left:15px;background:url(images/bullet.jpg) left no-repeat;}

#step1{background-image:url(images/step1.gif);}
#step2{background-image:url(images/step2.gif);}
#step3{background-image:url(images/step3.gif);}
#step4{background-image:url(images/step4.gif);}
#step5{background-image:url(images/step4.gif);}
#step6{background-image:url(images/step3.gif);}
#step7{background-image:url(images/step3.gif);}


/*Blog and Insides*/
h1#page-title{text-transform:uppercase;padding:25px 10px 25px;color:#069;font-size:25px;clear:both;}

#content{float:left;margin-left:10px;min-height:300px;width:620px;display:inline;}
	.post{padding:15px;background:#fff;color:#555;font-size:13px;line-height:150%;position:relative;}
	.post a{color:#4d5669;}
	.post ul{padding:10px 0 20px;}
	h2.post-title{font-size:18px;font-family:Georgia, "Times New Roman", serif;line-height:120%;font-weight:normal;padding-right:60px;}
	.post p{padding:10px 0;line-height:180%;}
	.post-meta{font-size:13px;color:#111;font-family:Georgia, "Times New Roman", serif;padding:10px 0;}
	.post ul li{background:url(images/faq-bullet.png) 0 8px no-repeat;padding:5px 0 5px 20px;}
	.comment-num{position:absolute;top:20px;right:20px;}
	ul.wp-tag-cloud li{float:left;width:170px;padding:10px 0 10px 20px;font-size:12px!important;background:url(images/faq-bullet.png) 0 13px no-repeat;}
	.post a:hover{color:#069;}
.post h2,
.post h3{color:#39f;font-size:18px;}
.post h4{}	
#sidebar{float:left;width:320px;display:inline;padding:0!important;}
	.module{clear:both;width:300px;margin:0 0 20px 20px; font-size:14px;}
	.module h3{text-transform:uppercase;font-size:15px;color:#39f;}
	.module ul li{padding:10px 0 20px 0;line-height:130%;}
	.module ul li a{color:#444;}
	.module ul li a:hover{color:#39c;}
	span.date,
	span.commenter{font-size:11px; color:#878787;}
	ul.column-list{clear:both;margin-bottom:40px;}
	ul.column-list li{float:left;width:130px;margin-right:20px;padding:10px 0 0 0;}
	
/* Product Display */
.product-post{min-height:300px;}
.product-item{position:relative;float:left;margin-bottom: 20px;margin-right:20px;width: 180px;height:230px;background:#fff;border-bottom:5px solid #d6d6d6;border-right:5px solid #d6d6d6;display:inline;}
.product-item h3{font-size: 22px; font-weight:normal; font-family: Georgia, "Times New Roman", serif; line-height:130%; display:block; height:90px; width:150px; padding:15px; border-bottom:2px solid #eee;}
.product-item h3 a{color:#069;}
.pricedisplay{color:#393;font-family: Georgia, "Times New Roman", serif;font-size:30px;white-space:nowrap;padding:15px;border-bottom:2px solid #eee;}
ul.product-option{padding:15px 0;}
ul.product-option a{color:#069;}
ul.product-option li{float:left;font-size:11px;padding-left:30px;background:#fff url(images/topnavsprites.png) no-repeat; display:inline;}
ul.product-option li#product-option-1{background-position:2px -303px;}
ul.product-option li input#add-to-cart{border:none;background:#fff;color:#069;font-size:11px;padding:0;font-family:Arial, Verdana, serif;cursor:pointer;}
ul.product-option li#product-option-2{background-position:2px -333px;}
	
.nearby-locations ul li{padding:10px 0 10px 20px;font-size:13px;background:url(images/faq-bullet.png) 0 13px no-repeat;display:block!important;min-height:30px;}
.nearby-locations ul{}
.carousel{margin:10px 0;}
button.next,button.prev{border:0; background:none;color:#069;cursor:pointer;padding:0;margin-right:20px;}
button.next:hover,button.prev:hover{color:#000;}
.search-result{background:#fff;margin:0 0 15px 0;padding:15px;}
.search-result p{font-size:13px;padding:10px 0;}
.search-result a{color:#4d5669;}
.search-result a:hover{color:#069;}

h3.search-result-title{font-size:18px;font-weight:normal;}
ul.store-info{padding:10px 0 10px 5px;list-style:none;}
ul.store-info li{font-size:12px;float:none;padding:5px 5px 5px 25px;width:auto;}
ul.store-info li.store-info-telephone{background:url(images/telephone.png) left no-repeat;}
ul.store-info li.store-info-office-hours{background:url(images/time.png) left no-repeat;}
ul.store-info li.store-info-map-go{background:url(images/map_go.png) left no-repeat;}
#livescan-location-search{background:#fff;padding:15px;}
input#hiw-submit{width:100px;height:45px;padding:10px;font-size:15px;margin:10px 0;}
input#hiw-searchbox{width:560px;height:20px;border:2px solid #ddd;padding:10px;font-size:15px;margin:10px 0;}
input#cll-submit{width:100px;height:45px;padding:10px;font-size:15px;margin:10px 0;}
input#cll-searchbox{width:460px;height:20px;border:2px solid #ddd;padding:10px;font-size:15px;margin:10px 0;}
a#button-request{display:block;width:303px;height:40px;background:url(images/button-request-for-livescan.png) top left no-repeat;text-indent:-9999px;margin:20px 0 0;}
a#button-pay-for-fees-online{display:block;width:230px;height:40px;background:url(images/button-pay-for-fees-online.jpg) top left no-repeat;text-indent:-9999px;margin:20px 0 0;}
a#button-request-mobile-livescan{display:block;width:350px;height:40px;background:url(images/button-request-a-mobile-livescan.jpg) top left no-repeat;text-indent:-9999px;margin:20px 0 0;}

/* Footer*/
ul.footernav{margin:0 auto;width:960px;font-size:12px; color:#858585;}
ul.footernav li{margin:0 10px;display:inline;}
ul.footernav li a{color:#858585;}
ul.footernav li a:hover{color:#eee;}
input#loc-search-footer{width:170px;padding:10px;font-size:14px;}
input#loc-search-button{background:#ddd;color:#3485AD;font-size:15px;width:95px;font-family:arial, verdana, serif;text-transform:uppercase;font-weight:bold;padding:5px 8px;}

#location-searchform{padding:0 0 10px;}
.focusField{background:#fff;color:#000;border:2px solid #71b8ff;}  
.idleField{background:#eee;color: #666;border:2px solid #ddd;}  

/*Modal*/
/* Z-index of #mask must lower than #boxes .window */  
#mask {position:absolute;z-index:9000;top:0;left:0;background-color:#000;display:none;}  
#boxes .window {position:absolute;left:0;top:0;width:440px;height:200px;display:none;z-index:9999;padding:20px;}  
  
/* Customize your modal window here, you can add background image too */  
#boxes #dialog {width:300px;height:150px;background:#fff;color:#000;font-size:12px;border:3px solid #069;}