/*
IMPORTANT NOTES:
- Redesigned October 2009.
- This style sheet is for the CLMA and GPLI contact lens prescriber locator that Pliner developed with ASP.
- locator.css and locator-print.css contain the same info, so when you change one, just do "save as" to change the other.
*/

* { padding: 0; margin: 0; }
html { min-height: 100%; margin: 0; background: url(../images/locator/bg-page-gradient-1x154.gif) repeat-x 0 0 #0077dc; }

body { font: 12px/18px Verdana, Arial, Helvetica, sans-serif; color: #000; text-align: center; }

a:link, 
a:visited { color: #000; text-decoration: underline; }
a:hover { color: #000; text-decoration: none; }

blockquote { position: relative; margin: 0 30px; }

.clear { clear: both; }

#container { position: relative; margin: 0 auto; width: 730px; text-align: left; }

#header { position: relative; margin: 18px 0 0 0; width: 730px; height: 68px; background: url(../images/locator/hed-730x68.gif) no-repeat 0 0; }

#content { position: relative; width: 730px; height: 100%; }

#content-top { position: relative; width: 730px; height: 68px; background: url(../images/locator/hed-search-730x68.gif) no-repeat 0 0; }

#content-top2 { position: relative; width: 730px; height: 68px; background: url(../images/locator/Doctor-Finder.gif) no-repeat 0 0; }

#content-top-intl { position: relative; width: 730px; height: 68px; background: url(../images/locator/hed-international-730x68.gif) no-repeat 0 0; }

#txtSearchName { position: relative; top: 15px; left: 140px; padding: 0 2px 0 2px; width: 142px; height: 15px; font: 11px/13px Verdana, Arial, Helvetica, sans-serif; color: #000; background: #fff; border: 1px solid #ccc; }

#ddlSearchState { position: relative; top: 15px; left: 250px; width: 60px; height: 17px; font: 11px/13px Verdana, Arial, Helvetica, sans-serif; color: #000; background: #fff;  border: 1px solid #ccc; }
#ddlSearchState option { font: 11px/13px Verdana, Arial, Helvetica, sans-serif; color: #000; background: #fff; margin: 0 0 3px 3px; }

#txtSearchZip { position: relative; top: 15px; left: 334px; padding: 0 2px 0 2px; width: 86px; height: 15px; font: 11px/13px Verdana, Arial, Helvetica, sans-serif; color: #000; background: #fff;  border: 1px solid #ccc; }

#btnSearch { position: relative; top: 20px; left: 343px; width: 34px; height: 19px; }

#content-mid { position: relative; width: 730px; background: url(../images/locator/bg-content-mid-730x1.gif) repeat-y 0 0; }

#lblErr { text-align: center; }

.result { position: relative; left: 40px; width: 650px; margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 2px solid #d7d7d7; }
#result { position: relative; left: 40px; width: 650px; margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 2px solid #d7d7d7; }

.col-01 { position: relative; float: left; width: 320px; }
#col-01 { position: relative; float: left; width: 320px; }
.col-02 { position: relative; float: right; width: 330px; }
#col-02 { position: relative; float: right; width: 330px; }
.col-02-country { position: relative; float: right; width: 330px; margin: 10px 0 0 0; }
#col-02-country { position: relative; float: right; width: 330px; margin: 10px 0 0 0; }

.name, 
.address, 
.citystatezip { margin: 0 10px 0 0; }

.country { font: 12px/18px Arial, Helvetica, sans-serif; color: #014a89; font-weight: bold; margin: 0 0 10px 0; }

.name { font: 14px/18px Verdana, Arial, Helvetica, sans-serif; color: #000; font-weight: bold; }

.phone { margin: 10px 10px 0 0; }

.web { margin: 0 10px 0 0; }

.credentials { margin: 0 10px 0 0; list-style-position: inside; }

#content-btm { position: relative; margin: -22px 0 0 0; width: 730px; height: 58px; background: url(../images/locator/bg-content-btm-730x58.gif) no-repeat 0 0; z-index: 10; }

#footer { position: relative; width: 730px; text-align: center; padding: 0 0 30px 0; font: 11px/13px Verdana, Arial, Helvetica, sans-serif; color: #000; }
#footer p.international { padding: 0 0 20px 0; font: 14px/13px Verdana, Arial, Helvetica, sans-serif; color: #7adbff; }
#footer p.international a, #footer p.international a:visited { text-decoration: underline; color: #7adbff; }
#footer p.international a:hover { text-decoration: none; color: #7adbff; }




/*

COLOR PALETTE:

fff = white
000 = black (main type color and default link color)
ccc = light gray (borders in the search form)
d7d7d7 = light gray (rule that separates search results)
0077dc = med blue (page background)
014a89 = purplish navy (country names on International Listings page)
7adbff = turquoise blue (footer link)

*/