/*
Theme Name: joelsmobile
Theme URI: www.joelsmobile.com
Description: joelsmobile
Version: 1.0
Author: Anchor Wave
Author URI: www.anchorwave.com 
*/

body { background:#000; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF; margin-top:15px;}
:focus { outline:0;}
a { text-decoration:none; color:#99ccff}
a:hover { text-decoration:underline;}
.aligncenter { text-align:center;}
img { border:0;}
form { margin:0; padding:0; border:0;}
h2 { font-size:18px; color:#99CCFF; margin-top:0; }

img.alignright {
	padding: 5px;
	margin: 0 0 5px 15px;
	}

img.alignleft {
	padding: 5px;
	margin: 0 15px 5px 0;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

#wrapper,
.phone { width:740px; margin:0 auto;}

.phone { text-align:right;}
.phone span { color:#F00; display:inline-block;}

.center { margin:0 auto; display:block;}
#wrapper { margin-top:10px;}
#top { background:url(images/wrapper_top_background.gif) top no-repeat; height:10px; overflow:hidden;}
#content { border:1px solid #999; background:#333; height:800px; border-top:none; border-bottom:none; overflow:hidden; height:1%; position:relative;}
#header {
padding:0 10px;
height:80px;
}
	
#logo {
background:url(images/joels-mobile-logo.png) no-repeat;
float:left;
text-indent:-9999px;
margin:0 8px;
}
#logo a {
width:355px;
height:70px;
display:block;
}

#top-nav { margin:0; padding:0; list-style:none; width:414px; display:inline; float:right;}
#top-nav li {display:inline; float:left;}

#navigation { margin:0; padding:0; list-style:none; background:url(images/menu_bg.gif) no-repeat; height:42px; line-height:42px; padding-left:5px;}
#navigation li { display:inline; float:left; margin:0 15px;}
#navigation li a { font-size:15px; color:#fff; font-weight:bold;}
#navigation li a:hover,
#navigation li.current_page_item a { text-decoration:none; color:#111214;}
#phone-number { background:url(images/phone-number.jpg) no-repeat; width:694px; height:60px; text-indent:-9999px; margin:0 auto; margin-bottom:10px;}
#free-detail { background:url(images/win-a-free-detail-bg.gif) no-repeat; padding-left:258px; width:436px; margin:0 auto; height:47px; padding-right:2px; list-style:none;}
#free-detail li { display:inline; float:left; margin-right:5px; padding-top:12px; }
#free-detail li .txt-box { border:none; margin:0; background:url(images/input-bg.gif) no-repeat; width:126px; height:19px; padding:5px 0 0 5px; color:#333;}
#free-detail li strong { line-height:25px;}
.teaser { padding:0; list-style:none; width:695px; margin:0 auto; margin-top:20px;}
.teaser li { display:inline; float:left;}
.teaser li.second { margin:0 40px;}

.inner-content { padding:0 15px; overflow:hidden; padding-top:15px;}

#coll-1 { width:550px; display:inline; float:left;}
#coll-2 { width:133px; display:inline; float:right;}

#footer { padding-top:89px; padding-left:391px; height:71px; width:339px; padding-right:10px; background:url(images/footer-bg.gif) no-repeat; clear:both;}
.owned-by { width:255px; display:inline; float:left; text-align:center;}

/*.bbb { display:inline; float:right; border:1px solid red;}*/
.bbbreview{ display:block; height:60px; width:82px; float:right; text-align:center; font-size:10px;}
a.bbbreview:hover{	text-decoration:none;}

#copyright { font-size:11px; padding-top:10px;}
#copyright a { color:#99ccff;}
#copyright span { display:block; text-align:center;}

/*from old css file*/
ul#social-buttons 
{
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top:25px;
}

ul#social-buttons li
{
	display: inline;
	border: none;
	margin: 0;
	padding: 0;
}

ul#social-buttons li a
{
	text-indent: -9999px;
	display: block;
	height: 59px;
	width: 152px;
	float: right;
	margin: 0px 5px 0 5px;
	outline: none;
}

ul#social-buttons li a.twt
{
	background: url(images/btn-twitter.gif) no-repeat top center;
}
ul#social-buttons li a.twt:hover
{
	background: url(images/btn-twitter.gif) no-repeat bottom center;
}

ul#social-buttons li a.fbk
{
	background: url(images/facebook-btn.gif) no-repeat top center;
}
ul#social-buttons li a.fbk:hover
{
	background: url(images/facebook-btn.gif) no-repeat bottom center;
}

.heading {
	color: #99CCFF;
	font-size: 14px;
	font-weight:bold;
	background-color:#444;
	border-bottom:1px solid #ccc;
	padding:2px 0px 0px 10px;
}
.heading span {
	color: #FFF;	
	float: right;
	width:90px;
	font-size: 12px;	
	font-weight:normal;
}

/* gallery */
.ngg-navigation { height:20px;}
.ngg-gallery-thumbnail-box { width:140px; margin-bottom:20px;}

/*#gift-certificate { position:absolute; width:247px; height:190px; top:252px; left:22px; z-index:1; display:block; text-indent:-9999px;}*/
#gc-container
{
	position:relative;
	z-index:1000;
	background: url(images/joelsmobiletruckGC.jpg) top center no-repeat;
	width: 695px;
	height: 333px;
	margin: 2px 20px 0px 20px;
}
#gift-certificate { position:absolute; width:247px; height:190px; top:0px; z-index:2000; display:block; text-indent:-9999px;}
.auto-detailing-table { color:#3A5E99; font-size:12px; line-height:16px;}
.auto-detailing-table strong { color:#2C3767;}
.auto-detailing-table td div {text-align:center;}
.right {text-align:right;margin-bottom:15px;}

/*Forms*/
.form { font-size:12px;}
.form p { margin:0 0 5px 0;}
.form input.text-input, .form textarea { background-color:#fff; border:none; color:#333;}
.form label {float:left; display:inline-block; width:190px; text-align:right; padding-right:10px;}
.form input.text-input { width:260px; padding:2px 5px; height:18px; line-height:18px;}
.form textarea { width:260px; padding:5px; height:100px;}
.form .form-align { padding-left:200px;}
.form .interested .wpcf7-list-item { display:block; margin-top:5px;}
#contact-by { margin-bottom:20px;}
.form input#btn-submit {font-weight:bold; text-transform:uppercase; cursor:pointer; font-size:12px;}
span.wpcf7-not-valid-tip { color:#f00;}

#simple-checkout-container {
	width:460px;
	margin:0px auto;
}

/*=New Header
---------------------------------------*/
#vehicle-detail {background:url(images/btn-vehicle-detail.png) no-repeat;}
#power-wash {background:url(images/btn-power-wash.png) no-repeat;}

#header .nav {
float:left;
width:173px;
height:48px;
margin-top:10px;
}
#header .nav a {
text-indent:-9999px;
outline:none;
display:block;
width:173px;
height:48px;
}