/*main layout*/ 
html, body {border:0;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;}

#main {	float:left;	width:720px;	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:720px; padding:0px 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: 0;}*/
	
/*text*/
h1, h2, h3, h4, h5, h6, p {margin:0;padding:0; font-weight:bold; color:#5E3C10;}
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:#5E3C10;   }
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:0;}
.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: #5E3C10; font-weight:normal; }
#main a, #main a:visited {text-decoration:none; font-weight:bold; color: #5E3C10;  }
#main a:hover {text-decoration:none; font-weight:bold; color: #fff; background-color: #5E3C10;  }


/*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: transparent url(gfx/bullet.png) left no-repeat;}
.ing_list ul {list-style-type: none;margin: 0 0 10px 10px;padding: 0;}
.ing_list li {padding-left: 15px;text-align: left;  text-decoration: none; font-weight: normal;background: transparent url(gfx/bullet2.png) left no-repeat;}

/*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;}
 



.form_left {
  float: left;
  text-align: left;
  font-weight: bold;
  color: #fff;
  width: 49%;
  vertical-align:middle;
  }

.form_right {
  float: right;
  text-align: left;
  font-weight: bold;
  color: #fff;
  width: 49%;
  vertical-align:middle;
  }



/*forms*/
.button { background: transparent url(gfx/submit_button.gif) no-repeat center top; color: #fff; font-weight:bold; height: 25px; width: 119px;	margin: 0; border: none; padding: 0; cursor:pointer; }

select, input, textarea { color: #666; border: 2px solid #b8a38c;padding: 3px; font-size: 14px; vertical-align:middle;  color:#5E3C10;  }

textarea {  font-family: arial, helvetica, sans-serif;}

.indent { margin: 0 0 0 40px;}



/*p stlye image lists*/

.arrow { list-style:none;background-repeat: no-repeat;background-position: left center;padding:6px 5px 6px 40px; font-weight:bold; }
.arrow {background-image: url(gfx/large_arrow.jpg); vertical-align: text-top; }


/*graphioc link image replacement rollovers*/

.link1, .link2, link3, link4 { padding: 0; margin: 0;}

a.srollover { display: block; width:121px;height: 14px; background: url("/html/gfx/ocado_roll.gif") 0 0 no-repeat; text-decoration: none;  }
a:hover.srollover { background-position: -121px 0; }

a.srollover2 { display: block; width:130px;height: 14px; background: url("/html/gfx/olimia_roll.gif") 0 0 no-repeat; text-decoration: none;  }
a:hover.srollover2 { background-position: -130px 0; }

a.srollover3 { display: block; width:196px;height: 14px; background: url("/html/gfx/kiddieskitchen_roll.gif") 0 0 no-repeat; text-decoration: none;  }
a:hover.srollover3 { background-position: -196px 0; }

a.srollover4 { display: block; width:184px;height:14px; background: url("/html/gfx/faceofflowers_roll.gif") 0 0 no-repeat; text-decoration: none;  }
a:hover.srollover4 { background-position: -184px 0; }





.link1 { position:absolute; top: 172px; left: 20px; width: 121px;}
.link2 { position:absolute; top: 172px; left: 150px; width:130px;}
.link3 { position:absolute; top: 172px; left: 287px; width:196px;}
.link4 { position:absolute; top: 172px; left: 488px; width:184px;}


/*shop location search*/

.search_title { background-image:url(gfx/rounded_header.gif); background-repeat:no-repeat; width:705px; height: width:38px; color: #fff; font-weight:bold; padding:10px 10px 10px 60px; 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: 30px 0 0 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 { margin: 0 0 0 80px; /*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:98%; 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: 2px solid #5E3C10; margin: 0 0 20px 0;}