﻿/* Color Library dk green  #405a4d  /light green #cceecc / yellow #ffff00 / light Blue #0099d9  / dark blue #243b8b */
h2,h3 { margin:0;padding:0}

.formRow { padding-top:4px; clear:both; width:350px; }
.formLabel { font-weight:bold; float:left; width:100px; text-align:right; padding-right:4px }
.formdata { font-weight:normal; float:left; width:240px;  text-align:left }
.formButton { font-weight:normal; float:left; width:240px;  text-align:left; }

.left150px { width:150px; float:left }
.left200px { width:200px; float:left }

.content a.searchLink, .content a.searchLink:visited, .content a.searchLink:active {color:#0099d9 ; text-decoration:underline}
.content a.searchLink:hover {color:#009000;}

/* search results */
.mp  { font-size:8pt; width:190px;}
#map{   height: 520px;  width: 725px; border:solid 2px #405a4d ; }
#mapLeft { height: 520px;    width: 730px; background-color:#ffffff  } 
.yahooAttrib { font-size:8pt; padding-top:4px }
.locNum { padding:2px 4px 2px 4px; background-color:#ff7800 }
.whiteBG { background-color:#ffffff}

.reseller { padding-top:8px ; clear:both; border-top:solid 1px #000}
.location { float:left; width:360px; padding-right:6px}
.store { font-size:12px; font-weight:bold}
.distance { padding-left:24px; font-weight:normal}
.address { padding-left:24px;}
.phone { padding-left:24px;}
.locURL { padding-left:24px;}
.locMapURL { padding-left:24px; padding-bottom:12px}
.hours { padding-left:24px;}
.info { padding-left:24px;}

.products { float:left; width:360px; padding-left:6px}
.products .productList {}
.products .productItem { padding-left:24px; font-weight:normal}
.products .brandName { font-size:10pt; font-weight:bold; padding-top:0.5em} 

div#mapWrapper {}

.googleAttrib { padding: 0.5em 0 0.5em 0}
.mapInfoWrapper {height:auto; margin-bottom:1em; padding-bottom:0.25em; clear:both;  }

.mapInfoIcon_1 {background: url(../images/mapIcons/mapSprite.png) no-repeat 0 0px; float:left; width:30px; height:34px}
.mapInfoIcon_2 {background: url(../images/mapIcons/mapSprite.png) no-repeat 0 -34px; float:left; width:30px; height:34px}
.mapInfoIcon_3 {background: url(../images/mapIcons/mapSprite.png) no-repeat 0 -68px; float:left; width:30px; height:34px}
.mapInfoIcon_4 {background: url(../images/mapIcons/mapSprite.png) no-repeat 0 -102px; float:left; width:30px; height:34px}
.mapInfoIcon_5 {background: url(../images/mapIcons/mapSprite.png) no-repeat 0 -136px; float:left; width:30px; height:34px}
.mapInfoIcon_6 {background: url(../images/mapIcons/mapSprite.png) no-repeat 0 -170px; float:left; width:30px; height:34px}
.mapInfoIcon_7 {background: url(../images/mapIcons/mapSprite.png) no-repeat 0 -204px; float:left; width:30px; height:34px}
.mapInfoIcon_8 {background: url(../images/mapIcons/mapSprite.png) no-repeat 0 -238px; float:left; width:30px; height:34px}
.mapInfoIcon_9 {background: url(../images/mapIcons/mapSprite.png) no-repeat 0 -272px; float:left; width:30px; height:34px}
.mapInfoIcon_10 {background: url(../images/mapIcons/mapSprite.png) no-repeat 0 -306px; float:left; width:30px; height:34px}
.mapInfoIcon_11 {background: url(../images/mapIcons/mapSprite.png) no-repeat 0 -340px; float:left; width:30px; height:34px}
.mapInfoIcon_12 {background: url(../images/mapIcons/mapSprite.png) no-repeat 0 -374px; float:left; width:30px; height:34px}
.mapInfoIcon_13 {background: url(../images/mapIcons/mapSprite.png) no-repeat 0 -408px; float:left; width:30px; height:34px}
.mapInfoIcon_14 {background: url(../images/mapIcons/mapSprite.png) no-repeat 0 -442px; float:left; width:30px; height:34px}
.mapInfoIcon_15 {background: url(../images/mapIcons/mapSprite.png) no-repeat 0 -467px; float:left; width:30px; height:34px}
.mapInfoIcon_16 {background: url(../images/mapIcons/mapSprite.png) no-repeat 0 -510px; float:left; width:30px; height:34px}
.mapInfoIcon_17 {background: url(../images/mapIcons/mapSprite.png) no-repeat 0 -544px; float:left; width:30px; height:34px}
.mapInfoIcon_18 {background: url(../images/mapIcons/mapSprite.png) no-repeat 0 -578px; float:left; width:30px; height:34px}
.mapInfoIcon_19 {background: url(../images/mapIcons/mapSprite.png) no-repeat 0 -612px; float:left; width:30px; height:34px}
.mapInfoIcon_20 {background: url(../images/mapIcons/mapSprite.png) no-repeat 0 -646px; float:left; width:30px; height:34px}
.mapInfoIcon {background: url(../images/mapIcons/mapSprite.png) no-repeat 0 -680px; float:left; width:30px; height:34px}

.mapInfoText {float:left; width:370px; padding-right:4px; height:auto;  }
.mapProducts {float:left; width:220px; height:auto; }


.mapProducts .productList {}
.mapProducts .prodAvailavle, .mapProducts .prodAvailable {font-size:100%; font-weight:bold; color: #405a4d}
.mapProducts .productItem { padding-left:24px; font-weight:normal}
.mapProducts .brandName { font-size:100%; font-weight:bold; padding-top:0.5em ;padding-left:8px;} 

.mapInfoText .store { font-size:110%; font-weight:bold}
.mapInfoText .distance { padding-left:24px; font-weight:normal}
.mapInfoText .address { padding-left:24px;}
.mapInfoText .phone { padding-left:24px;}
.mapInfoText .locURL { padding-left:24px;}
.mapInfoText .locMapURL { padding-left:24px; padding-bottom:12px}
.mapInfoText .hours { padding-left:24px;}
.mapInfoText .hours table {}
.mapInfoText .info { padding-left:24px; font-family: Verdana,Arial,Helvetica,sans-serif;color: #666666; font-size:85%;}
.mapInfoText td.locationHoursDays { line-height:140%}.mapInfoText .info { padding-left:24px;}

/* common */
.indent { padding-left:2em }
.clear { clear:both} 
strong, .strong, b { font-weight:bold}
small, .small { font-size:8pt}
.green { color:#405a4d}
.blue {color:#243b8b}
.required { color:Red}
input { font-size:10pt}
input:disabled, input.disabled { color:#000; background-color:#999999; background-color:#cccccc; border: solid 1px #999999;}
input.isdate, input.isNum {width: 75px}
input.isRadio { width: 18px }
input.isShortText, input.small {width: 100px}
input.tiny {width: 50px}
input.med , textarea.med {width: 150px}
input.large , textarea.large {width: 230px}
input.huge, textarea.huge {width: 350px}

.errorMsg, .errMessage { color:Red}
.para { padding-bottom:0.5em}
.paraDouble { padding-bottom:1em}

.hidden { display:none}
.show { display:block }

.firstRow { padding-top:0.5em} 
/*CSS for pop up hint box */
#hintbox ul { padding:0px 0px 2px 14px; margin:0px 0px 0px 0px; color:#000}
#hintbox
{
	text-align:left;
	position:absolute;
	top: 0;
	background-color: #FFF4BF;
	width: 150px; /*Default width of hint.*/ 
	padding: 3px;
	border:1px solid black;
	font:normal 11px Verdana;
	line-height:14px;
	z-index:100;
	border-right: 3px solid black;
	border-bottom: 3px solid black;
	visibility: hidden;
}

a.hintanchor,  a.hintanchor:active,  a.hintanchor:visited { color:#5a8f74; font-weight:bold; text-decoration:none}
a.hintanchor:hover { color:#bc2030;font-weight:bold ;  text-decoration:none }

/* END CSS for pop up hint box */

.footerShow{ position:absolute; left:-999em; top:-999em}
