@charset "utf-8";
/* Max Spielmann Store Locator CSS Document */

#content {padding:30px 50px 20px 50px; width:762px;}
#content h1 span {color:#e4292b;}
#content h2, #content h3, #content h4 {font-size:0.9em; color:#e4292b; margin-bottom:1.3em;}
#content p {font-size:0.70em; color:#666; margin-bottom:2em;}

#content #col1 {float:left; display:inline; width:371px; position:relative;}
#content #col1 #map {background: url(../images/locator/british-isles.gif) no-repeat 0 0; width:240px; height:268px; margin:0 0 0 21px; padding-bottom:20px;}
#content #col1 fieldset {margin-bottom:1.6em;}
#content #col1 fieldset input {float:left; display:inline; border:1px solid #666; padding:2px; font-size:0.7em; color:#666; margin:1px 10px 3px 0; width:140px;}
#content #col1 fieldset select {float:left; display:inline; font-size:0.7em; color:#666; margin:1px 10px 3px 0;}
#content #col1 #selectRegion fieldset label {display:none;}

#content #col2 {float:right; display:inline; width:371px;}
#content #col2 #town h2 {color:#0067a9; margin-bottom:1em;}
#content #col2 #town h2 span {color:#e4292b;}
#content #col2 ul {width:260px;}
#content #col2 ul li {display:block; font-weight:bold; margin:0; border-bottom:1px solid #93bcd6; line-height:22px; font-size:0.70em;}
#content #col2 ul li a {display:block; width:248px; padding:6px 6px; text-decoration:none; color:#0067a9;}
#content #col2 ul li a:hover {background:#f2f2f2 url(../images/locator/btn-view-store.gif) 180px 7px no-repeat scroll;}


#content #details {float:left; display:inline; width:371px;}
#content #details dl {padding:0 0 12px 0; width:200px;}
#content #details dl dt {font-size:0.9em; color:#e4292b; margin-bottom:0.3em; font-weight:bold;}
#content #details dl dd {font-size:0.70em; color:#666;}
#content #details dl dd address {font-style:normal;}
#content #details dl dd a {color:#e4292b; font-weight:bold; background:url(../images/red-arrow.gif) right 0.5em no-repeat scroll; padding-right:8px;}
#content #details dl dd a:hover {color:#666; background:url(../images/grey-arrow.gif) right 0.5em no-repeat scroll; text-decoration:none;}
#content #details dl dd label {display:none;}
#content #details dl dd fieldset {margin-top:5px;}
#content #details dl dd input {width:100px; padding:0 2px; color:#666; float:left; display:inline; margin:2px 0 0 0; font-size:1.0em;}
#content #details dl dd img.button {float:left; display:inline; cursor:pointer; margin:0 0 0 5px;}

#content #moreInfo {float:right; display:inline; width:371px;}
#content #moreInfo img {margin-bottom:30px;}
#content #moreInfo dl {padding:0 0 12px 0; width:300px;}
#content #moreInfo dl dt {font-size:0.9em; color:#e4292b; margin-bottom:0.3em; font-weight:bold;}
#content #moreInfo dl dd {font-size:0.70em; color:#666;}
#content #moreInfo dl dd ul li {margin-bottom:0.3em;}
#content #moreInfo dl dd a {color:#e4292b; font-weight:bold; background:url(../images/red-arrow.gif) left 0.5em no-repeat scroll; padding-left:8px;}
#content #moreInfo dl dd a:hover {color:#666; background:url(../images/grey-arrow.gif) left 0.5em no-repeat scroll; text-decoration:none;}

div#content #storeDetails {position:relative; padding-bottom:10px;}
div#content #storeDetails img {float:right; display:inline; margin-right:12px;}
div#content #storeDetails dl {padding:0 0 12px 13px; width:250px; font-size:0.75em;}
div#content #storeDetails dl dt {font-weight:bold;}
div#content #storeDetails dl dd {}
div#content #storeDetails dl dd address {font-style:normal;}
div#content #storeDetails dl dd a {text-decoration:underline; color:#005aab;}
div#content #storeDetails dl.address dd a {font-weight:bold; padding-left:9px; background:url(../_images/in-store/arrow.gif) 0 0.25em no-repeat scroll;}
div#content #storeDetails #servicesAvailable {width:237px; float:right; display:inline;}
div#content #storeDetails #servicesAvailable img {margin:0 12px 30px 0;}
div#content #storeDetails dl.available {width:237px; margin:0; padding:0;}
div#content #storeDetails dl.available dd ul {margin-top:5px;}
div#content #storeDetails dl.available dd ul li {line-height:1.8em;}
div#content #storeDetails dl.available dd a {padding-left:15px; background:url(../_images/in-store/tick.gif) 0 0.35em no-repeat scroll;}
div#content #storeDetails dl dd label {display:none;}
div#content #storeDetails dl dd fieldset {margin-top:5px;}
div#content #storeDetails dl dd input {width:100px; padding:0 2px; color:#005aab; float:left; display:inline; margin:2px 0 0 0;}
div#content #storeDetails dl dd img.button {float:right; display:inline; cursor:pointer; margin-top:1px;}
