html, body { border: 0; margin: 0; padding: 0; }
body { font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; min-width: 100%; color: #666; }

p, label, legend { font: 15px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; }
p {padding:5px 0 10px 0;}

h1 { margin: 10px 0 10px; font-size: 24px; color: #333333; }
hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid; }

#contact { display: block; width: 650px; margin: 70px auto; padding: 35px; border: 1px solid #cbcbcb; background-color: #FFF; -moz-border-radius: 5px; -webkit-border-radius:5px; }

/* Form style */

label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 178px; font-size: 1.2em; padding-top:7px; }
input, textarea, select { margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font:1.5em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; -moz-border-radius: 5px; -webkit-border-radius:5px; }
input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
input.submit { cursor: pointer; border: 1px solid #222; background:#333; color:#fff; -moz-border-radius: 5px; -webkit-border-radius:5px; }
input.submit:hover { background:#444; }
fieldset { padding:20px; border:1px solid #eee; -moz-border-radius: 5px; -webkit-border-radius:5px; }
legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; -moz-border-radius: 5px; -webkit-border-radius:5px; }

span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

/* Style for the error message */

.error_message {display: block; line-height: 22px; background: #FBE3E4; padding: 3px 10px 3px 5px; margin: 10px 0; color:#8a1f11;border: 1px solid #FBC2C4; -moz-border-radius: 5px; -webkit-border-radius:5px; }
.error_message ul li {background:url(../images/error.gif) left center no-repeat; list-style-type:none; padding:0 0 0 25px;}
.success_message {display: block; line-height: 22px; background: #DFF2BF; padding: 3px 10px 3px 5px; margin: 10px 0; color:#4F8A10;border: 1px solid #4F8A10; -moz-border-radius: 5px; -webkit-border-radius:5px; }
.success_message ul li {background:url(../images/success.gif) left center no-repeat; list-style-type:none; padding:0 0 0 25px;}
.recaptchatable #recaptcha_response_field {position:absolute; left:0px;}

/*table {background-color:#eee; padding: 2px 5px; border: 1px solid #cccccc;}*/
table#example {background-color:#eee; padding: 2px 5px;}
table {background-color:#fff; padding: 2px 5px;}

/*********************/
/** MAP CSS **/
/*********************/
#store-locator-container
{
	float: left;
	margin-left: 20px;
	width: 100%;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #333;
}

#page-header
{
	float: left;
}

#form-container
{
	clear: left;
	float: left;
	margin-top: 15px;
	width: 100%;
}

#map-container
{
	clear: left;
	float: left;
	margin-top: 27px;
	height: 530px;
	width: 100%;
}

#map-container a
{
	color: #e76737;
	text-decoration: none;
}

#map-container a:hover, #map-container a:active
{
	text-decoration: underline;
}

#loc-list
{
	float: left; 
	width: 25%;
	height: 530px;
	overflow-x: hidden;
	overflow-y: auto;
}

#loc-list ul
{
	display: block;
	clear: left;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}

#loc-list .list-label
{
	float: left;
	margin-left: 6px;
	padding: 2px 3px;
	width: 17px;
	text-align: center;
	background: #005488;
	color: #fff;
	font-weight: bold;
}

#loc-list .list-details
{
	float: left;
	margin-left: 6px;
	width: 165px;
}

#loc-list .list-content
{
	padding: 0 5px 10px 5px;
}

#loc-list .loc-dist
{
	font-weight: bold;
	font-style: italic;
	color: #8e8e8e;
}

#loc-list li
{
	display: block;
	clear: left;
	float: left;
	margin: 0 5px;
	cursor: pointer;
	width: 205px;
}

#map-container .loc-name
{
	color: #AD2118;
	font-weight: bold;
}

#search-form
{
	clear: left;
	float: left;
	height: 60px;
}

#form-input
{
	float: left;
	margin-top: 3px;
}

#form-input label
{
	font-weight: bold;
}

#submit-btn
{
	float: left;
	cursor: pointer;
	margin-left: 10px;
}

#map
{
	float: left; 
	width: 73%; 
	height: 530px; 
}

/* Modal window */

#overlay
{
     position: fixed;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     z-index: 10000;
     background: url(file:///H|/Websvcs/Customer%20Sites%20Local/images/overlay-bg.png) repeat;
}

#modal-window
{
	position: absolute;
	left: 50%;
    margin-left: -460px; /* width divided by 2 */
    margin-top: 60px;
    width: 920px;
	height: 590px;
	z-index: 10010;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 0 10px #656565;
}

#modal-content
{
	float: left;
	padding: 0 30px; /* there's already a margin on the top of the map-container div */
}

#close-icon
{
	position: absolute;
	top: -6px;
	right: -6px;
	width: 18px;
	height: 18px;
	cursor: pointer;
	background: #2c2c2c url(file:///H|/Websvcs/Customer%20Sites%20Local/images/close-icon.png) 3px 3px no-repeat;
	border: 1px solid #000;
	border-radius: 3px;
	box-shadow: 0 0 3px #656565;
}


/* The following is for the geocode page and not the store locator */

#geocode-result
{
	clear: left;
	float: left;
	margin-top: 30px;
	width: 100%;
}
#stars.five{background-image:url(../images/stars.png); background-repeat:no-repeat; background-position:0 -84px; height:18px; margin:-18px 0 3px 75px;}
#stars.four{background-image:url(../images/stars.png); background-repeat:no-repeat; background-position:0 -68px; height:18px; margin:-18px 0 3px 75px;}
#stars.three{background-image:url(../images/stars.png); background-repeat:no-repeat; background-position:0 -51px; height:18px; margin:-18px 0 3px 75px;}
#stars.two{background-image:url(../images/stars.png); background-repeat:no-repeat; background-position:0 -34px; height:18px; margin:-18px 0 3px 75px;}
#stars.one{background-image:url(../images/stars.png); background-repeat:no-repeat; background-position:0 -17px; height:18px; margin:-18px 0 3px 75px;}
#stars.zero{background-image:url(../images/stars.png); background-repeat:no-repeat; background-position:0 0; height:18px; margin:-18px 0 3px 75px;}

#dialog, resumedialog {display:none;}
.profilepicture, .resume {cursor:pointer;}

.slides_container {width:980px; display:none;}
.slides_container div#rateslide {width:980px; height:170px; display:block;}
.next {padding:7px; float:left; margin-top:-10px; font-size:15px;}
.prev {padding:7px; margin-left:865px; margin-top:-10px; float:left; font-size:15px;}
#rateslide .tags_select a {background:#FFFF99; padding:0 5px; margin:5px; line-height:26px; font-size:15px; float:left;}
#rateslide .tags_select {margin:0 30px;}
#rateslide .tags_select_clear a {background:#C00; color:#fff; padding:0 5px; line-height:26px; font-size:15px; float:right;}
#rateslide .tags_select_clear {margin:0 30px;}