﻿#find_a_jjs_page {
	width: 850px;
	min-height: 470px;
	_height: 470px;
	margin-left: 0px;
	padding-top: 0px;
	padding-left: 16px;
	display: block;
}


  /******************/
 /* GENERAL STYLES */
/******************/

img {border: 0px;}


  /***************/
 /* FORM STYLES */
/***************/

select, input 
{
 font: 12px Arial, Helvetica, sans-serif; 
 color: #000000;
}


  /***************/
 /* LINK STYLES */
/***************/

#find_a_jjs_page a.morelink:link {color: #ffffff; text-decoration: none;}
#find_a_jjs_page a.morelink:visited {color: #000000; text-decoration: none;}
#find_a_jjs_page a.morelink:hover {color: #D30F33; text-decoration: none;}
#find_a_jjs_page a.morelink:active {color: #D30F33; text-decoration: none;}
#find_a_jjs_page a.morelink:focus{color: #D30F33; text-decoration: none;}   



  /**********************/
 /* LANDING PAGE DIVS  */
/**********************/

#landingBackground
{
 display: block;
 width: 850px;
 height: 472px;
 background:  url("../images/findAJJs/bg_landing.jpg") no-repeat;
}
#searchFormLanding
{
 top: 150px;
 left: 300px;
 position: relative;
 width: 250px;
 height: 117px;
}
 

  /********************/
 /* SEARCH FORM DIVS */
/********************/

#searchForm
{
 width: 250px;
 height: 117px;
 float:left; 
 background:  url("../images/findAJJs/bg_form.jpg");
}
#fieldContainer
{
 left:28px;
 top: 16px;
 position: relative;
 width: 200px;
 height: 50px;
}


#fieldContainerLanding
{
 padding-top:10px;
 margin: 0 auto;
 width: 250px;
 height: 50px;
}

#ctl00_ContentPlaceHolder2_stateList, #ctl00_ContentPlaceHolder2_cityList
{
    float: left;
    display: block;
    width: 190px;
    margin-bottom: 3px;
    height: 23px;
    font-size: 14px;
}

#zipLanding
{
    float: left;
    display: block;
    width: 186px;
    margin-bottom: 3px;
    height: 16px;
    font-size: 14px;
}

#zip
{
 float: left;
 width: 45px;
 height: 16px;
}



#fieldImageState
{
 background:  url("../images/findAJJs/form_state_landing.jpg");
  width: 45px;
 height: 23px;
 float:left; 
 clear: left;
}
#fieldImageCity
{
     background:  url("../images/findAJJs/form_city_landing.jpg");
  width: 45px;
 height: 23px;
 float:left; 
 clear: left;
}

#fieldDescription
{
 background:  url("../images/findAJJs/form_city_state.jpg");
 width: 43px;
 height: 49px;
 float:left; 
}
#fieldDescriptionLanding
{
 background:  url("../images/findAJJs/form_city_state_landing.jpg");
 width: 43px;
 height: 49px;
 float:left; 
}
#city
{
 float: left;
 margin-top: 3px;
 margin-bottom: 5px;
 width: 140px;
 height: 18px;
}
#state
{
 float: left;
 width: 50px;
}
#fieldImage
{
 width: 45px;
 height: 22px;
 background:  url("../images/findAJJs/form_zip.jpg");
 float: left;
}
#fieldImageLanding
{
 width: 45px;
 height: 22px;
 background:  url("../images/findAJJs/form_zip_landing.jpg");
 float: left;
 clear: left;
}

#search {
 float: left;
 display: block;
 width: 56px;
 height: 16px;
 overflow: hidden;
 margin-top: 10px;
 margin-left: 68px;
}

#searchLanding {
 float: left;
 display: block;
 width: 56px;
 height: 16px;
 overflow: hidden;
 margin-top: 5px;
 margin-left: 103px;
}




* html #search, * html #searchLanding { margin-left: 34px; }
#search a,#searchLanding a {
	width: 56px;
	height: 16px;
	display: block;
	background: url(../images/findAJJs/btn_search.gif) 0 -16px no-repeat;
	text-indent: -9000px;
}
#search a:hover, #searchLanding a:hover  { background-position: 0 0; }


  /***********************/
 /* SEARCH RESULTS DIVS */
/***********************/

#leftColumn
{
 float:left; 
 width: 250px; 
 height: 480px; 
}
#theListContainer
{
 float:left; 
 background:  url("../images/findAJJs/bg_results.jpg");
 width: 250px; 
 height: 336px; 
 overflow: hidden;
}
.listingContainer
{
	width: 190px;
	padding: 0px;
	margin: 0px;
	border: 0px;	
}
.listingIcon
{
 float: left; 
 width: 54px;
 text-align: left;
}
.listingIcon a {
	width: 41px;
	height: 44px;
	display: block;
	overflow: hidden;
	text-decoration: none;
	text-indent: -9000px;
	background: url(../images/findAJJs/jj_logo_mapit.gif) 0 -44px no-repeat;
}
.listingIcon a:hover {
	background-position: 0 0;
}
.listingInfo
{
 width: 136px;
 padding-bottom: 12px;
 font: 8pt Arial, Helvetica, sans-serif;
 color:#000000;
}

.errorInfo
{
	width: 136px;
	padding-bottom: 12px;
	font: 8pt Arial, Helvetica, sans-serif;
	color:#000000;
	display: block;
	float: left;
}

a.listingHeader
{
 font: 14px Arial, Helvetica, sans-serif;
 color:#000000;
 font-weight: bold; 
 text-decoration: none;
}
a.listingHeader:hover {
	color: #D30F33;
}
.listingContainer a.more_link, #selectedContainer a.more_link,
#location_holder a.more_link, #hours_holder a.more_link {
	color: #FFFFFF;
}
#selectedContainer a.more_link {
	width: 154px;
	text-align: center;
	display: block;
	margin-left: 103px;
	margin-top: 20px;
}
.listingContainer a.more_link:hover, #selectedContainer a.more_link:hover,
#location_holder a.more_link:hover, #hours_holder a.more_link:hover {
	color: #D21034;
}
.error
{
 font: 12px Arial, Helvetica, sans-serif;
 color: #D30F33;
}
img.makeThis{padding-top: 4px;}
#thePlotAll
{
 background:  url("../images/findAJJs/bg_plot_all.jpg");
 float:left; 
 width: 250px; 
 height: 27px; 
 z-index: 100;
 clear: both;
}
#mapAllButton
{
 margin: 0px 0px 0px 2p;
 z-index: 200;
 margin-left:11px;
}
#mapAllButton a.more_link {
 width: 223px;
 background-color: #D21034;
 color: #FFFFFF;
 text-align: center;
 display: block;
}
#mapAllButton a.more_link:hover {
	color: #D21034;
	background-color: #FFFFFF;
}
#listingPlotAll
{
 width: 238px;
 text-align: center;
}
#mapContainer
{
 width: 600px; 
 height: 480px; 
 float: left; 
 background-color: #262626; 	
	margin: 0px;
	padding: 0px;
}
#mapContainer div{ font: Arial, Helvetica, sans-serif;color:#000000;}
#map
{
 width: 598px; 
 height: 478px; 
 float: left; 
 position: relative; 
 top: 1px; 
 left: 1px;
}


  /***********************/
 /* SCROLLBAR STYLES    */
/***********************/

#wheelScroll
{
 width: 221px; 
 height: 296px;
 margin: 40px 30px 0px 15px;
}
#wrap 
{
 float: left;
 width: 11px;
 height: 296px;
 background: transparent url(../images/common/track_bottom.gif) no-repeat bottom left;
}
#track-top {
 position: absolute;
 width: 11px;
 height: 11px;
 background: transparent url(../images/common/track_top.gif) no-repeat top left;
}
/* vertical track */
#track {
 position: absolute;
 width: 11px;
 height: 296px;
}
/* vertical track handle */
#handle {
 width: 7px;
 height: 69px;
}
#scrollable {
 float: left;
 width: 194px;
 height: 280px;
 padding: 8px;
 overflow: hidden;
}


  /***********************/
 /* LIGHTBOX CONTENT    */
/***********************/

#selectedClose
{
 float: left;
 width: 403px;
 height: 15px;
}
#selectedClose #close_button {
	width: 11px;
	height: 11px;
	float: right;
	display: inline;
	margin-top: 2px;
	margin-right: 2px;
	background: url(../images/common/btn_close.gif) 0 0 no-repeat;
}
#selectedClose #close_button a {
	width: 11px;
	height: 11px;
	float: right;
	background: url(../images/common/btn_close.gif) 0 -11px no-repeat;
	display: inline;
	overflow: hidden;
	text-indent: -9000px;
}
#selectedClose #close_button a:hover  {
	background-position: 0 0;
}
#selectedContainer{
 float: left;
 width: 403px;
 height: 342px;
 background-color: #FFF;
 display: block;
}

#selected
{
 float: left;
 background:  url("../images/findAJJs/bg_selected_v2.jpg");
 margin-left: 15px; 
 width: 373px;
 height: 184px;
 display: inline;
}
#selectedButtons
{
 float: left;
 margin-left: 15px; 
 background:  url("../images/findAJJs/bg_selected_buttons_v2.jpg") bottom;
 background-repeat: no-repeat;
 width: 373px;
 height: 128px;
 margin-bottom: 15px;
 display: inline;
}
.selectedHeader
{
 font: 14px Arial, Helvetica, sans-serif;
 color:#FFF;
 font-weight: bold;
}
#selectedCopy
{
 float:left;
 padding-top: 18px;
 padding-left: 171px;
 color: #FFF;
 width: 188px;
 height: 15px;
}
#imgOr
{
 padding-left:170px;
 padding-top:6px;
 padding-Bottom:7px;
}
#selectedGraphicTreatment
{
	margin: 110px 0 0 15px;
	width: 344px;
	height: 60px;
}
#bummer
{
	margin: 0 0 6px 115px;
	width: 114px;
	height: 28px;
	background:  url("../images/findAJJs/bg_bummer.jpg") bottom;
}

#congratulations
{
	width: 344px;
	height: 33px;
	background:  url("../images/findAJJs/bg_congratulations.jpg") bottom;
	margin: 0px;
}

#orderOnlineButton
{
	display: block;
	width: 344px;
	height: 27px;
	background:  url("../images/findAJJs/btn_order_online.jpg") bottom;
}

#orderOnlineTeaserButton
{
	margin-left: 20px;
	display: block;
	width: 302px;
	height: 27px;
	background:  url("../images/findAJJs/btn_coming_soon.jpg") bottom;
}

#orderOnlineButton:hover
{
	display: block;
	width: 344px;
	height: 27px;
	background:  url("../images/findAJJs/btn_order_online.jpg") top;
}
#orderOnlineTeaserButton:hover
{
	display: block;
	width: 302px;
	height: 27px;
	background:  url("../images/findAJJs/btn_coming_soon.jpg") top;
}
