/*main layout*/ 
html, body {border:0px none;margin:0;padding:0}
body {font:100%/1.25 arial, helvetica, sans-serif;}
ul, ol {margin:0;padding:0; list-style:none;}
#wrap {	background:#fff;	margin:20px 0 0 20px; width:900px;}
#header {	background:#fff;	}
#header img { padding:0; margin:0 0 20px 0;}
#main {	float:left;	width:640px;	padding-top: 0;}
#sidebar {	background:#fff;	float:right;	width:230px; margin: 0 0 0 30px; }
#sidebar ul, #main ul {margin-bottom:0; font-size:13px; line-height:1.5em;  }
#main ul  {  color:#0071BC; }
#footer {background:#fff;clear:both; width:640px; padding: 20px 0 10px 0;}
#footer p {	font-size: 11px; padding-top:2px; padding-bottom:2px;	margin:0; color:#0071BC; border-top: 1px dashed #0071BC; border-bottom: 1px dashed #0071BC;}
#footer img { margin: 10px 0 0 0;}
	
/*text*/
h1, h2, h3, h4, h5, h6, p {margin:0;padding:0; font-weight:bold; color:#0071BC;}
h1 {  font-weight: bold; font-size: 20px; margin: 0; border-top: 1px dashed #0071BC; padding: 10px 0 0 0; }
h2 {  font-weight: bold; font-size: 18px; margin: 0 0 15px 0; color:#8BC649;   }
h3 { font-weight: bold; font-size: 16px; margin: 5px 0 5px 0;}
p { font-size: 13px; line-height: 1.3em; margin: 0 0 10px 0; font-weight:normal;}
	
/*images*/
img {border:0px none;}
.left { float:left; margin: 0;}
.right_plain { float:right; margin: 0;}
.right { float:right; margin: 5px 5px 5px 10px; padding: 4px 0 4px 0; border-bottom: 1px dashed #8BC649; border-top: 1px dashed #8BC649; }
/*thumbnails with captions*/
.thumb_float {  float: left;  width: 250px;  padding: 10px;  }
.thumb_float p {   text-align: left; font-size: 11px;   }
.thumb_float_container {  background-color: #fff;  }
.thumb_float_spacer {  clear: both;  }
	
/*links*/
a { text-decoration:none; color: #0071BC; font-weight:normal; }
#main a, #main a:visited {text-decoration:none; font-weight:bold; color: #0071BC;  }
#main a:hover {text-decoration:none; font-weight:bold; color: #fff; background-color: #0071BC;  }
#sidebar a { color: #0071BC; }
#main .sub_nav a { color: #8BC649;}
#main .sub_nav a:hover { color: #fff; background-color: #8BC649;}

/*lists*/
.content_list ul {list-style-type: none;margin: 0 0 20px 0;padding: 0;}
.content_list li {padding-left: 20px;text-align: left;  text-decoration: none; font-weight: bold;background: url('gfx/bullet.png') no-repeat left;}
.ing_list ul {list-style-type: none;margin: 0 0 10px 10px;padding: 0;}
.ing_list li {padding-left: 5px;text-align: left;  text-decoration: none; font-weight: normal; /*background: url('gfx/bullet2.png') no-repeat left;*/}

/*boxes*/
.content_list { margin: 0 0 20px 0;}
.sub_nav { border-top: 1px dashed #8BC649; border-bottom: 1px dashed #8BC649; width:40%; padding: 2px 0 2px 0; margin-top: 20px; }
.sub_nav p { color:#8BC649; background-color:#fff; margin: 3px; font-weight: bold; margin: 0 0 0 5px;}
.back p { font-weight: bold; font-size: 11px; border-top: 1px dashed #8BC649; border-bottom: 1px dashed #8BC649; padding:3px; float:right  }
.highlight_box { margin: 0 0 20px 0; background-color: #d3e7ba; border-top: 1px dotted #8BC649; border-bottom: 1px dotted #8BC649; width: 90%; padding-top: 5px;padding-left: 5px; }
.form_box { margin: 10px 0 20px 0; }
.form_box p { margin-bottom: 0;}
.form_box input {margin-bottom: 8px;}
 
/*menu*/
#menuwrapper {	background-color: #fff;margin: 0 0 10px 0; padding: 0;}
.clearit {	clear: both;	height: 0;	line-height: 0.0;	font-size: 0;}
#p7menubar, #p7menubar ul {	padding: 0;	margin: 0;	list-style: none;	}
#p7menubar a {	display: block;	text-decoration: none;	padding: 3px; font-size: 12px;	color: #fff;	background-color:#8BC649;	margin: 0 3px 0 3px;}
#p7menubar a.trigger {	padding: 3px;	margin: 0 3px 0 3px;}
#p7menubar li {	float: left;	width: 9em;}
#p7menubar li ul, #p7menubar ul li  {	width: 9em;}
#p7menubar ul li a  {	color: #fff;	border-right: 0px none;	padding-left:3px; padding-right:0px; padding-top:3px; padding-bottom:3px}
#p7menubar li ul {	position: absolute;	display: none;	background-color: #FFFFFF;	border-right: 1px solid #8BC649;	border-bottom: 1px solid #8BC649;}
#p7menubar li:hover a, #p7menubar a:focus, #p7menubar a:active, #p7menubar li.p7hvr a {	color: #fff;	background-color: #8BC649;}
#p7menubar li:hover ul, #p7menubar li.p7hvr ul {	display: block;}
#p7menubar li:hover ul a, #p7menubar li.p7hvr ul a {	color: #0071BC;	background-color: transparent;}
#p7menubar ul a:hover {	background-color: #8BC649!important;	color: #FFFFFF!important;}
#p7menubar li {width: auto;}

/*forms*/
.button { font-size: 14px;	color: #fff;	background-color:#0071BC;	margin: 0 3px 0 0; border: none; padding: 3px; text-transform:uppercase; cursor:pointer; }
select, input, textarea { color: #666; border: 1px solid #8BC649;padding: 3px; font-size: 12px; vertical-align:middle; }
textarea { font-family: arial, helvetica, sans-serif; }

















/*shop location search*/

.search_title { background-color: #8BC649; color: #fff; font-weight:bold; padding:0; margin:0;}
.category { margin-bottom: 5px; margin-top:5px;}
.category p {font-size: 10px;  text-transform:uppercase;}



/* This encompasses the ENTIRE results window */
div.phpGoogleStoreLocator_body { padding: 5px; margin: 10px 0 15px 0; }

/* This is the width/height of the map that is displayed on the results page.  This can also be used to hide the map.*/
div.phpGoogleStoreLocator_map { border: 3px dashed #0071BC; padding: 3px; width:445px; height:445px; margin-bottom: 20px; display:none;}





/* This is the header that goes above the results list */
div.phpGoogleStoreLocator_results_header {/*border-bottom: 1px dashed #0071BC; */ }

div.phpGoogleStoreLocator_results_header_anchor
{
   float:left;
   padding-right:20px; 
}

div.phpGoogleStoreLocator_results_header_distance
{
 float:left;
 padding-right:40px;
}

div.phpGoogleStoreLocator_results_header_information
{
/* float:left;*/ margin-bottom: 15px; margin-top: 20px;
}

/* This is the block that displays the Store Locations near: 80439 message*/
div.phpGoogleStoreLocator_results_store_locations_near
{    }

/* This is the block that displays the list of categories that the results came from */
div.phpGoogleStoreLocator_results_categories_list
{ }


div.phpGoogleStoreLocator_results_block
{border: 1px dashed #8BC649; width:445px; padding: 3px;}

/* This is used to style each individual result */
div.phpGoogleStoreLocator_result
{ /*border-bottom: 1px solid black;*/}

/* This is the number of the result in the results it has an anchor tag on it that takes you to that location on the map */
div.phpGoogleStoreLocator_result_location_anchor_number
{
/*   border:solid;  */
 /* display:none; */
    /* For some reason, height 100% will not actually set the height to 100% of the phpGoogleStoreLocator_result container div, I dont know why. */
    /* But in anycase, this height simulates a table column cell that stretches down to the bottom of the container */
    float:left;
     padding-right:40px; 
}

/* Use this to display/hide the distance */
div.phpGoogleStoreLocator_result_location_distance
{
/*   border:solid;  */
 /* display:none; */

/* float:left;
  padding-right:10px; */


}

/* This is the image that is associated with a location. */
img.phpGoogleStoreLocator_result_location_image
{
 width:103px;
 height:124px;
      border:0px;
}

/* This is the contain for the image that is associated with a location. */
div.phpGoogleStoreLocator_result_location_image
{

 float:left;
  padding-right:10px; 
/*  border:solid; */
/*  border-color:purple; */
}

/*  Start Data set div, this aligns everything to the left when there is no image available */
div.phpGoogleStoreLocator_result_location_data
{
/*   border:solid;  */
  float:left; 
/*  border-color:yellow; */

}


/* Use this to display/hide the storename */
div.phpGoogleStoreLocator_result_location_storename
{
/*   border:solid;  */
 /* display:none; */

}

/* Use this to display/hide the address */
div.phpGoogleStoreLocator_result_location_address
{
/*   border:solid;  */
 /* display:none; */
}

/* Use this to display/hide the city */
div.phpGoogleStoreLocator_result_location_city
{
/*   border:solid;  */
 /* display:none; */
}

/* Use this to display/hide the state */
div.phpGoogleStoreLocator_result_location_state
{
/*   border:solid;  */
 /* display:none; */
   float:left;
   padding-right:10px; 
}

/* Use this to display/hide the zip */
div.phpGoogleStoreLocator_result_location_zip
{
/*   border:solid;  */
 /* display:none; */
  float:left;
  padding-right:10px;
}

/* Use this to display/hide the country */
div.phpGoogleStoreLocator_result_location_country
{
/*   border:solid;  */
 /* display:none; */


}

/* Use this to display/hide the comments AND ratings stars*/
div.phpGoogleStoreLocator_result_location_phone
{

/*   border:solid;  */
 /* display:none; */
 
}

/* Use this to display/hide the comments AND ratings stars*/
div.phpGoogleStoreLocator_result_location_comments
{
     padding:10px;  
     margin-bottom:-15px;
/*   border:solid;  */
 /* display:none; */
 
}

/* Use this to display/hide the map and directions info*/
div.phpGoogleStoreLocator_result_location_map_and_directions
{
     padding:0;
/*   border:solid;  */
 /* display:none; */
}

/* Use this to display/hide the hours*/
div.phpGoogleStoreLocator_result_location_hours
{
     padding:10px;  
     margin-bottom:-15px;
/*   border:solid;  */
 /* display:none; */
}

/* Use this to display/hide the notes*/
div.phpGoogleStoreLocator_result_location_notes
{
     padding:10px;
     margin-bottom:-10px;
/*   border:solid; */
 /* display:none; */
 }

/* Use this to display/hide the powered by msg*/
div.phpGoogleStoreLocator_powered_by
{
 /* border:solid; */
  display:none;
 text-align:center;
}

/* Use this to display/hide the notes*/
div.phpGoogleStoreLocator_execution_time
{
 /* border:solid; */
 /* display:none; */
 text-align:center;
}

/* This is for the white balloon that pops up on the map when you click on a location icon on the map.  */
div.phpGoogleStoreLocator_map_balloon_body
{
/*  white-space:nowrap;  */
 font-size:12px;
}


/* Google tool tip marker, this is for the tooltip that shows when you hover over an icon on the map. */
div.markerToolTip 
{
   text-align: left;
    white-space: nowrap;
    margin: 0;
    padding: 2px 0.5ex;
    border: 1px solid #555;
    font-weight: bold;
    background: #fff;
    /*    opacity: .80;
        -moz-opacity: .80;
        filter: alpha(opacity=80);*/
}

/***** This is critical to layout design to line things up, dont change it.  ******/
.clearboth {clear:both; border-bottom: 1px dashed #0071BC;}