@charset "utf-8";


* {
	padding:0;
	margin:0;
}

body  {
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	background: #666666 url(../images/bodyBG.gif) repeat left top;
	text-align: center;
	color: #000000;
}
fieldset
{
	border:none;	
}
.altRow
{
	background-color:#FFFFFF;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.contactHeading
{
	font: bold 1.3em Verdana, Arial, Helvetica, sans-serif;
}
.fltlft {
	float: left;
	margin-right: 8px;
	margin-top: 8px;
}

/* Miscellaneous classes for reuse */
.fltrt {
	float: right;
	margin-left: 8px;
}
.formRow
{
	margin: 3px;
}
.newUser
{
	float:left;
	display:block;
	padding-left:120px;
	padding-top:5px;
}
.notice
{
	font-style: italic;
	font-size: 14px;
}
.Statement
{
	display: block;
	text-align: justify;
}
.warning
{
	font-weight: bold;
	color: #FF0000;
	font-size: 1.8em;
}
#appProcess ol
{
}
#appProcess li
{
	list-style: decimal;
}
#contactinfo_innerLt
{
	float:left;
	padding-right: 0px;
	width: 73px;
	
}
#contactinfo_innerRt
{
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left: 0px;
	margin-left: 0px;
	
}
#contactinfo_innerRt p
{
	padding-left: 0px;
	margin-left: 0px;
}
#contactinfoLt
{
	float: left;
	width: 45%;
	padding: 10px;
}
#contactinfoRt
{
	float: right;
	width: 45%;
	padding-top: 10px;
}
#container {
	width: 100%;
	min-width:780px;
	max-width:1200px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	min-height: 500px;
} 
#contentWrapper
{
	background: #98BDD6;
	min-height:400px;
}
#copyright
{
	float: left;
	color: #E7EFF5;
}
#designBy
{
	color: #E7EFF5;
	float: right;
}
#designBy a:link, #designBy a:visited
{
	color: #E7EFF5;
}
#designBy a:hover, #designBy a:active
{
	color: #00CCFF;
	text-decoration: none;
}


/* footer starts here */
#footer {
	padding: 0 10px;
	margin-left: 0px;
	margin-top: 0px;
	text-transform: uppercase;
	color: #000066;
	text-align: center;
	margin-right: 0px;
	background: url(../images/mainContentCornerLwrRt.png) no-repeat right bottom;
	border-top: 2px ridge #ABC7DC;
} 
#footer p {
	padding: 0px 0;
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	text-transform: lowercase;
}
#formBtm, #rebateFormBtm
{
	width: 99%;
	float: left;
	text-align: center;
}
#formLt
{
	float: left;
	width: 52%;
	text-align: right;
}
#formLt label
{
}
#formRt
{
	float: right;
	width: 48%;
	text-align: right;
}
#header {
	padding: 0 10px;
	height: 125px;
} 
#header h1 {
	padding: 10px 0; 
}
#headerLogIn
{
	float: right;
	margin-top: 30px;
}
#headerLogIn #logoInBtn
{
	width: 50px;
	height: 20px;
	color: #C0C0C0;
}
#headerLogIn label
{
	color: #C0C0C0;
}
#headerLogIn input
{
	height: 15px;
	width: 75px;
	background: #6A6A6A;
	font-size: 1.1em;
	color: #FFFFFF;
}
#here
{
	background: #666666;
}
#hereLwr
{
	background: #CCCCCC;
}#jobber
{
	text-align: center;
	margin-top: 95px;
}
#jobber_info
{
	height: 435px;
	overflow: scroll;
}
#jobber_info td
{
	font-size: 1em;
	padding: 3px;
}

#jobber_info th
{
	font-size: 1.2em;
	font-weight: bold;
	padding: 3px;
	border-bottom: 2px solid #333333;
}
#joinBtn
{
	text-align: center;
	width: 100%;
}
#joinBtn form
{

}
#joinForm
{
	margin-right: auto;
	margin-left: auto;
}
#JSN_logo
{
	margin: 10px;
	float: left;
}
#logoCorner
{
	background: #FFFFFF url(../images/logoBG.jpg) no-repeat left top;
	margin: 10px 10px 0px;
	padding: 40px 0px 10px;
	height: 181px;
	width: 284px;
	text-align: center;
}
#logoCorner hr
{
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	width: 260px;
	margin-left: 12px;
}
#LogIn
{
	text-align: right;
	padding-right: 30px;
	margin-top: 5px;
}
#loginSection
{
	background: url(../images/loginBg.gif) no-repeat;
	height: 125px;
	width: 284px;
	text-align: center;
}
#logoInBtn
{

}
#LogIn #select
{
	margin: 5px;
}
#LogIn input
{
	margin: 2px;
}
#logoInBtn
{
	float:right;
}
#LogIn label
{
	font: 1.2em/1.2em "Myriad Pro", Verdana, Arial;
	letter-spacing:0.1em;
}
#loginSection h2
{
	font: bold 1.6em "Myriad Pro", Verdana, Arial;
	margin-left: 10px;
	margin-top: 5px;
}
#loginSection hr
{
	margin: 0px 5px;
}
#lwrNavBar
{
	list-style: none;
	background: #E7EFF5;
	margin: 0px;
	padding: 0px 0px 5px;
}
#lwrNavBar li
{
	display: inline;
}
#lwrNavBar a
{

}
#lwrNavBar a:link, #lwrNavBar a:visited
{
	text-decoration: none;
	font-size: 1.3em;
	color: #000066;
	margin-top: 5px;
	padding-right: 3px;
	padding-left: 3px;
}
#lwrNavBar a:hover, #lwrNavBar a:active
{
	color: #FFFFFF;
	background: #0049A6;
}


/* mainContent starts here */
#mainContent {
	margin: 0px 20px 0 310px;
	min-height: 450px;
	position: absolute;
	top: 50px;
	background: url(../images/navBarBGrt.png) no-repeat right top;
	left: 3%;
	text-align: center;
} 
#mainNavBar
{
	background: url(../images/navBarBGlt.png) no-repeat left top;
	height:50px;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#mainNav
{
	background: #0049A6;
	margin: 0px 15px;
	height: 50px;
	text-align: center;
	padding: 0px;
}
#mainNav li
{
	list-style: none;
	margin-right: auto;
	margin-left: auto;
}
#mainContentUpper
{
	background: #E7EFF5;
	border-top: 1px solid #E7EFF5;
	text-align: left;
	border-bottom: 3px solid #666666;
	padding-left: 10px;
	padding-bottom: 10px;
}
#mainContentUpper h1
{
	margin: 10px;
	font-size: 1.8em;
}
#mainContentUpper p
{
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
	font: 1.3em/1.4em Arial, Helvetica, sans-serif;
}
#mainContentLwr
{
	background: #E7EFF5;
	min-height: 260px;
	overflow: hidden;
	text-align: left;
	/*max-height: 550px;*/
	min-width: 400px;
	padding:10px;
}
#mainContentLwr hr
{
	color: #FFFFFF;
	background: #FFFFFF;
}
#mainContentLwr p
{
	margin: 10px;
	font-size: 1.1em;
}
#mainContentLwr img
{
	float: left;
	margin: 10px;
	border-style: none;
}
#mainContentLwrLT
{
	width: 48%;
	padding: 10px;
	float: left;
	text-align: left;
}
#mainContentLwrRT
{
	padding: 10px;
	float: right;
	width: 45%;
	text-align: left;
}
#mainContentLwrLT ul
{
	margin: 20px 20px 20px 180px;
}
#mainContentLwrLT li
{
	margin: 10px;
	list-style: url(../images/logoBullet.gif);
}

#mainContentLwrLT p
{
	margin: 10px;
}
#mainContentLwrRT p
{
	margin: 10px;
}
#mainContentLwr li
{
	list-style: disc;
	margin-left: 30px;
	font-size: 12px;
	margin-bottom: 5px;
}

#mainContentLwr h2
{
	font-family:"Myriad Pro", Verdana, Arial;
	font-size:1.6em;
	font-weight:bold;
	margin-top:15px;
	margin-bottom: 5px;
	margin-left: 10px;
}
#mainContentLwr p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	line-height:1.4em;
	text-align: justify;
}#mainContentLwrLt
{
	float: left;
	width: 45%;
}
#mainContentLwrRt
{
	float: right;
	width: 45%;
}
#mainContentBottom
{
	background: url(../images/mainContentCornerLwrLt.png) no-repeat left bottom;
}
#partnerSection, #servicesSection, #publicationSection
{
	
	margin: 0px;
	width: 284px;
}
#partnerMenu, #servicesMenu, #publicationMenu
{
	list-style: none;
	float: right;
	text-align: right;
	font: 1.3em "Myriad Pro", Verdana, Arial;
	margin-right: 2px;
}
#partnerMenu, #servicesMenu
{
	margin-top: 20px;
}
#publicationMenu
{
	margin-top: 10px;
}
#partnerMenu li, #servicesMenu li, #publicationMenu li
{
	margin: 0px;
	padding: 5px 0px 5px 0px;
	display: block;
	border-bottom: 1px solid #FFBD31;
	
}
#partnerMenu a:link, #partnerMenu a:visited, #servicesMenu a:link, #servicesMenu a:visited, #publicationMenu a:link, #publicationMenu a:visited
{
	color: #533800;
	text-decoration: none;
	padding: 5px;
	width: 100px;
}
#partnerMenu a:hover, #partnerMenu a:active, #servicesMenu a:hover, #servicesMenu a:active, #publicationMenu a:hover, #publicationMenu a:active
{
	color: #252F38;
	background: #BCC7D3 url(../images/doubleArrows.gif) no-repeat right center;
	padding-right: 15px;
}
#partnerSection
{
	height: 135px;
	background: url(../images/ProudPartnersBtn.gif) no-repeat left 5px;
	padding-top: 1px;
}
#publicationSection
{
	background: url(../images/PublicationsBG.gif) no-repeat center 5px;
	height: 80px;
	position:relative;
}
#publications
{
	float:left;
	text-align:center;
	width:190px;
	
}
#publications p
{
	font-size:1.5em;
	font-weight:bold;
	margin-bottom:0;
	position:absolute;
	left:5px;
	top:5px;
}
#publications #directions
{
	float:left;
	margin-left:8px;
	margin-right:7px;
	margin-top:35px;
	border:none;
	
}
#publications #focus
{
	float:left;
	margin-left:0px;
	margin-right:0px;
	margin-top:20px;
	border:none;
	
}
#ProudPartnersLogo
{
	margin: 10px 20px 10px 10px;
	width: 129px;
	height: 80px;
	float: left;
}
#partner_search
{
	margin: 5px;
}
#partnerList
{
	height: 435px;
	overflow: scroll;
}
#rebateFormBtm
{
	text-align:left;
	margin-top: 20px;
}
#sendComment, #rebateForm
{
	padding-right: 10px;
	padding-left: 10px;
}
#servicesSection
{
	background: url(../images/CARSmartServicesBg.gif) no-repeat center 20px;
	height: 90px;
}
#servicesMenu
{
	margin-top: 25px;
}
#shopState
{
	width: 3em;
}
#shopZip
{
	width: 5em;
}


/* sidebar starts here */
#sidebar1 {
	float: left;
	width: 304px;
	height:600px;
	background: #FFFFFF;
	padding: 0px 0px 10px;
	position: absolute;
	left: 3%;
	top: 10px;
}
#sidebar1 h3, #sidebar1 p {
	margin-left: 10px;
	margin-right: 10px;
	font: normal 1.3em/1.3em "Myriad Pro", Verdana, Arial;
	color: #000000;
}
#sidebar1 img
{
	margin-left: 0px;
	margin-top: 0px;
	border-style: none;
}
#sidebarLwr
{
	background: #E9EEF4 url(../images/sidebarLwrBG.jpg) no-repeat top;
	height: 350px;
	width: 284px;
	margin-left: 10px;
}
#sidebarLwr img
{
	margin-top: 20px;
}
#testimonialWrapper
{
	background: #FFFFFF url(../images/mainContentUpperRT.gif) no-repeat right top;
	margin-left: 34px;
	margin-top: 10px;
	height: 200px;
	padding-top: 0px;
	padding-right: 10px;
	text-align: left;
}
#testimony01, #testimony02, #testimony03, #testimony04, #testimony05, #testimony06, #testimony07
{
	height: 150px;
	padding-right: 175px;
	font-size: 12px;
	margin-bottom: 10px;
}
#testimony02
{
	background: url(../images/ThomasChristopher.jpg) no-repeat right top;
}
#testimony03
{
	background: url(../images/McCubbin.jpg) no-repeat right top;
	padding-right: 190px;
}

#testimony01
{
	background: url(../images/BobJones.jpg) no-repeat right top;
}
#testimony04
{
	background: url(../images/LarryHaley.jpg) no-repeat right top;
}
#testimony05
{
	background: url(../images/GWAutoRebuild.jpg) no-repeat right top;
	padding-right: 190px;
}
#testimony06
{
	background: url(../images/Aurora.jpg) no-repeat right top;
}
#testimony07
{
	background: url(../images/Kellys.jpg) no-repeat right top;
}
#testimonyWrapper
{
	height: 435px;
	overflow: scroll;
}
#upperNavBar
{
	float: right;
	margin-top: 5px;
	margin-right: 20px;
}
#upperNavBar a:link, #upperNavBar a:visited
{
	text-decoration: none;
	font-size: 1.3em;
	color: #E9EEF4;
	margin-top: 5px;
	padding-right: 3px;
	padding-left: 3px;
}
#upperNavBar a:hover, #upperNavBar a:active
{
	color: #FFFFFF;
	background: #0049A6;
}
#upperNavBar li
{
	display: inline;
	list-style: none;
	color: #C0C0C0;
	text-transform: uppercase;
}
#formBtm th
{
}
#supplierCol
{
	width: 70%;
}
legend
{

}
#rebateFormBtm table
{
	margin-top: 10px;
}
.bold
{
	font-weight: bold;
}
#logoCorner p.focus
{
	margin-top: 15px;
	font-size: 17px;
}

#logoCorner a:link, #logoCorner a:visited
{
	color: #0000FF;
}
#logoCorner a:hover, #logoCorner a:active
{
	color: #FFFFFF;
	text-decoration: none;
}
#register fieldset label {
	display: block;
	margin-bottom: 2px;
}
#register fieldset input, #register fieldset select  {
	display: block;
	margin-bottom: 5px;
}