/* ============ BREWIN DOLPHIN STYLES ============ */


/* ============ RESET STYLES ============ */
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, em, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ol, ul{list-style: none;}


/* ============ STANDARD STYLES ============ */
body { font-family: Arial, Helvetica, sans-serif; font-size: 75%; color: #37424a; line-height:1.5em; background: #fff; }
a:link, a:visited { color: #024a8c; text-decoration: none; }
#content a:link, #content a:visited { color: #044b8d; text-decoration: underline; }
a:hover, a:focus, a:active { text-decoration: underline; }
.hidden { left:-9000px; position:absolute; }
.for-print {display: none; visibility: hidden;}
blockquote { border: 1px solid #6D757B; border-width: 1px 0; font-size: 1.5em; font-weight: bold; margin: 0 0 10px; padding: 10px 20px 10px 0; }
blockquote p { font-size: inherit; line-height: 1.2em; margin: 0; }
.clr {font-size: 1px; height: 1px; line-height: 1px; clear: both;}

/* ============ HEADINGS ============ */
h1,h2,h3,h4,h5,h6 { font-family: Calibri, Arial, sans-serif; font-weight: normal; color: #37424a;}
h1, .spotlight h2 { font: bold 2.9em Arial, sans-serif; margin-bottom: 15px;}
h2 { font-size: 2em; margin-bottom: 10px; line-height: normal; }
h3 { font-size: 1.5em; margin-bottom: 1em; }
h4 { font-size: 1.2em;margin-bottom: 1.25em;  line-height: 1.25; }
h5 { font-size: 1em; margin-bottom: 1.5em; font-weight: bold; }
#content h2 {margin-top: 30px;}


/* ============ P / IMG ============ */
p{ font-size: 1em; margin-bottom: 1.5em; line-height: 1.5em;}
#content h3 {font-size: 1.15em; font-weight: bold; line-height: 1.3em; color: #044b8d;font-family: Arial, sans-serif;}
.address {color: #044b8d;}
p img.left, .left { float:left; margin: 0 1.5em 1.5em 0; }
p img.right, .right { float:right; margin:0 0 1.5em 1.5em; }


/* ============ LISTS ============ */
#content li ul, #content li ol { margin:0 1.5em; }
#content ul, .aside ul { list-style-type: disc; margin: 0 1.5em 1.5em 1.5em; }
#content ol { list-style-type: decimal; margin: 0 1.5em 1.5em 2.3em; }
#content ol.choices {list-style-type: decimal;margin: 0 1.5em 1.5em 2.3em;}
#content dl { margin: 0 0 1.5em 0; }
#content dl dt { font-weight: bold; }
#content dd { margin-left: 1.5em; }


/* ============ WRAPPER ============ */
#wrapper {}


/* ============ HEADER ============ */
#header { background: #e7e7e7; width: 100%;  }
#header h1 { width: 295px; margin: 0 auto !important; padding: 30px 0 29px; }
#header-inner { background: #37424A url(images/design/header-bg.gif) repeat-x bottom; width: 960px; margin: 0 auto; position: relative; }
#header-inner ul { position: absolute; left: 40px; top: 15px; }
#header-inner ul li { float: left; padding: 0 8px 0 9px; background: url(images/design/header-li-bg.gif) no-repeat center left; }
#header-inner ul li.first { background: none; padding-left:0; }
#header-inner ul a { color: #a8a9ad; }


/* ============ MENU ============ */
#menu { background: #e7e7e7; width: 100%; }
#menu-inner { background: #00386B url(images/design/menu-bg.gif) repeat-x top; border-bottom: 1px solid #fff; width: 960px;	margin: 0 auto;	overflow: hidden; }
#menu-inner .client { background:url(images/design/client-area.png) no-repeat 0 0; display:block; float:right; height:31px; margin:3px 40px 3px 0; width:107px; }
#menu-inner .client span { position:absolute; left:-9999px; }

#searchBar { color: #fff; position:absolute; right:40px; text-align: right; top:15px; }
#searchBar legend {display:none;}
#search { border: 1px solid #222325; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; padding-left: 5px; color: #fff; width: 138px; background: #272e34; }
#searchBar .btn {padding: 0 5px; color:#fff; background: #1a1f23 url(images/design/btn-bg-dark.gif) repeat-x bottom; border: 1px solid #222325; -moz-border-radius: 2px;	-webkit-border-radius: 2px;	border-radius: 2px;	text-transform: uppercase; margin-left:5px; }

#searchBar label { text-align: right; width: 19px; height: 19px;	overflow: hidden; position: absolute; margin: 0 0 0 -26px; }
/*Safari positioning fix*/
@media screen and (-webkit-min-device-pixel-ratio:0){ #menu label {margin: 2px 0 0 66px;} }

#searchBar label span { display: block; width: 100%;	height: 100%; background: url(images/design/search.gif) no-repeat 0 0;	position: absolute; top: 0;	left: 0;  }


/* ============ NAV ============ */
#nav { float: left; width: 610px; font-size: 1.3em; padding-left: 25px; }
#nav li { float: left; padding: 0; list-style: none; background: url(images/design/menu-li-bg.gif) no-repeat center left; }
#nav li.first { background: none; }
#nav li a:link, #nav li a:visited { color: #fff; display: block; padding: 10px 0; margin: 0 15px; text-decoration:none; }
#nav li.first a:link, #nav li.first a:visited {}
#nav li a:focus, #nav li a:hover { text-decoration: none; padding: 10px 10px; margin: 0 5px; background: #00386B; }
#nav li.current a:link, #nav li.current a:visited { padding-bottom: 6px; border-bottom: 4px solid #3C8AD3; background: url(images/design/blue.gif) repeat-x bottom; }
#nav li.current a:hover, #nav li.current a:focus { padding: 10px 0 6px; margin: 0 15px; }


/* ============ LEADERBOARD ============ */
.leaderboard {width: 100%; background: #E7E7E7; position: relative; }
.leaderboard img{margin: 0 auto; border-bottom: 1px solid #fff; display: block;}


/* ============ ROTATOR ============ */
#rotator { margin: 0 auto; width: 960px; height: 247px; overflow: hidden; border-bottom: 1px solid #FFF; }
#rotator li { width: 960px; height: 247px; position: relative; }
#rotator img { border-bottom: none; position: absolute; top: 0; left: 0; z-index: 1; }
#rotator span img {margin-top: 117px; }

#rotator a { display: block; height: 247px; width: 960px; background: url(images/design/leaderboard-bubbledark2.png) top left no-repeat; position: relative; top: 0; left: 0;  z-index: 2; text-decoration:none;}
#rotator a:hover {text-decoration:none;}
#rotator a span#itemone { width: 340px; font-size: 2.4em; color: #ffffff; position: absolute; top: 52px; left: 190px; text-transform: uppercase; }
#rotator a span#itemtwo { width: 260px; font-size: 2.4em; color: #323337; position: absolute; top: 52px; left: 190px; text-transform: uppercase; }
#rotator a span#itemthree { width: 340px; font-size: 2.4em; color: #ffffff; position: absolute; top: 52px; left: 190px; text-transform: uppercase; }
#rotator a span span { top: auto; left: auto; }

#rotator-controls { position: absolute; left: 50%; margin-left: -286px; bottom: 13px; z-index: 5; }
#rotator-controls a { font-size: 1px; line-height: 1px; display: block; width: 12px; height: 12px; background: #d6d4d4; border: 1px solid #b1b3b4; margin-right: 5px; float: left; text-indent: -10000px; outline: none; }
#rotator-controls a.activeSlide { border: 1px solid #FFF; background: #5e9cae; }


/* ============ MAIN ============ */
#main { clear: both; width: 100%; overflow: hidden; background: #fff url(images/design/main-bg.gif) repeat-x top; }
#main-inner { width: 960px; margin: 0 auto; overflow: hidden; }
#main.home  { padding-top: 30px; }


/* ============ BREADCRUMB ============ */
#breadcrumb { float: left; width: 596px; padding: 10px 100px 10px 264px; font-size: .9em; position: relative; overflow: hidden; }
#breadcrumb p { float: left; margin: 1px 10px 16px 0;}
#breadcrumb div { float: left; margin: 0; width: 500px; }
#breadcrumb span { display: inline; padding-left: 5px; }
#breadcrumb span:first-child { padding: 0; }
#breadcrumb span a { padding-right: 15px; background: url(images/design/breadcrumb.png) no-repeat center right; }


/* ============ PRINT ============ */
.print { position: absolute; right: 41px; padding-left: 21px; background: url(images/design/print.gif) no-repeat center left; }
.lang { position: absolute; right: 125px; }


/* ============ FEATURES ============ */
#features { width: 184px; padding: 10px; margin: 0 30px; float: left; display: inline; background: #E5E5E4 url(images/design/features.gif) repeat-x bottom; }
#features div { border: 1px solid #CFCFCF; }
#features h2 { margin-bottom: 5px; }
#features h3 { border-bottom: 1px solid #E7E7E7; background: #EDEDED url(images/design/feature-heading.gif) repeat-x bottom; margin: 0; padding: 2px 0 2px 10px; font-weight: bold; font-size: 1.3em; }
#features .expand h3 { padding: 0; }
#features h3 a { display: block; background: url(images/design/plus.gif) no-repeat center right; padding: 2px 0; }
#features h3 a:hover {text-decoration:none;}
#features h3.ui-state-active a { background: url(images/design/minus.gif) no-repeat center right; }
#features p { background: #fff; padding: 2px 10px; margin: 0; overflow: hidden !important; }
#features a { display:inline-block; margin-top: 5px; }


/* ============ SPOTLIGHT ============ */
.spotlight { padding-bottom: 10px; background: none !important; }
.spotlight h2 { width: 320px; }
.spotlight h3, .spotlight p, .spotlight .more { margin-left: 130px; margin-bottom: 10px; }
.spotlight ul { margin-left: 150px !important; }
.spotlight img { position: absolute; left: 0; margin-top: 5px; border: 1px solid #CCC; }
.spotlight h3 {	margin-bottom: 10px; }
.spotlight p { margin-bottom: 5px; }
.spotlight .more { font-weight: bold; }


/* ============ HP TABS (replaced above) ============ */
#tabs {width: 426px; padding-bottom: 10px; background-color: white !important; border-top: 1px solid #cdcdcd;}
#tabs ul {list-style: none; margin: 7px 0 0; padding: 0; position: relative;}
#tabs ul li {background: url(images/design/tab-inactive-bg.gif) no-repeat; position: relative; float: left; margin: 0; padding: 0; width: 142px; height: 94px;}
#content #tabs li a {color: #36434c;text-decoration: none; padding: 0px;padding: 5px 6px; margin-top: 2px;display:block; }
#tabs ul li a:hover {text-decoration: underline !important;}
#tabs li#tab3 {width: 140px !important;}
#tabs li span {width: 128px; height:37px; margin-bottom: 6px; display: block;}


#tabs h2 { margin-top: 9px;}
#tabs h2 a {text-decoration:none !important;}
#content #tabs .fragment {padding: 0px; height: 166px;}
#content #tabs .fragment-comment {padding: 0px;}
.fragment-comment img {float: left; margin-right: 10px;}
.fragment-comment h3 {margin-bottom: 10px;}
.fragment-comment p {margin-bottom: 9px;}	


/* ============ NAV-SECTION ============ */
#nav-section { width: 264px; float: left; }
#nav-section ul { width: 234px; margin: 0 0 0 20px; padding: 0 0 38px; list-style: none; background: url(images/design/nav-section.gif) no-repeat bottom left; overflow: hidden; }
#nav-section ul ul { margin-left: 0; padding: 0; background: none; font-size: .8em; width: 226px; clear: both; }
#nav-section ul ul ul { width: 218px; font-size: 1em; }
#nav-section li { background: url(images/design/nav-section.gif) no-repeat top left; overflow: hidden; padding: 0 0 0 10px; line-height: normal; }
#nav-section li.first, #nav-section ul ul li{ background: none; }
#nav-section ul ul li {}
#nav-section li a:link, #nav-section li a:visited { width: 180px; color: #044b8d; font-size: 1.25em; font-weight: bold; text-decoration: none; padding: 6px 0 6px 10px; float: left; display: inline; clear: both; }
#nav-section li a:focus, #nav-section li a:hover { background: #E7E7E7; }
#nav-section li.selected a:link, #nav-section li.selected a:visited { color: #37424a; }
#nav-section li.selected li a:link, #nav-section li.selected li a:visited { text-decoration: none; color: #044b8d; width: 175px; background: #fff; }
#nav-section li.selected li a:hover, #nav-section li.selected li a:focus { text-decoration: underline; }
#nav-section li.selected li li a:link, #nav-section li.selected li li a:visited { text-decoration: none; color: #044b8d; width: 165px; }
#nav-section li.selected li li a:hover, #nav-section li.selected li li a:focus { text-decoration: underline; }
#nav-section ul ul li a:link, #nav-section ul ul li a:visited { padding-left: 5px; }
#nav-section ul ul li.selected a:link, #nav-section ul ul li.selected a:visited { color: #37424a;	width: 170px; }
#nav-section ul ul li.selected li a:link, #nav-section ul ul li.selected li a:visited { color: #044B8D; width: 170px; font-weight: normal; }
#nav-section ul ul li.selected li.selected a:link, #nav-section ul ul li.selected li.selected a:visited { color: #37424a; font-weight: bold; }


/* ============ MIDCOL ============ */
#content { width: 428px; padding: 0 40px 0 0; float: left; position: relative; min-height: 300px; }
	.wide #midCol { width: 100%; margin: 0; }
	.twoColLeft #midCol { width: 79%; margin: 0 0 0 1%; }
	.twoColRight #midCol { width: 74%; margin: 0 1% 0 0; }
	
.homeOverride {min-height: 288px !important;}
	

/* ============ ASIDE ============ */

.aside { width: 220px; float: left; padding: 10px 0 0 0; position: relative; }
.aside h2 { margin-bottom: 15px; width: 200px;}
.aside h3 { font-size: 1.35em; float: left; clear: both; width: 85px; }
.aside h2 a, .aside h3 a { color: #37424A; }

.mapLink {background: url(images/design/map-larger.jpg) bottom right no-repeat; width: 175px; height: 156px; display: block;}

.map { float: left; }
.phone { font-size: 1.2em; margin-bottom: 10px; }

.aside-dropdown div { width: 177px; padding: 1px 1px 0 6px; border: 1px solid #B1B1B1; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: url(images/design/dropdown-bg.gif) no-repeat bottom right; position: absolute; left: 0; z-index: 20;}
.aside-dropdown div p { background: url(images/design/dropdown.gif) no-repeat center right; margin: 0; }
.aside-dropdown div.open p { background: url(images/design/dropdown-up.gif) no-repeat center right; margin: 0; }
.aside-dropdown div p a { display: block; cursor: pointer; width: 177px; }
.aside-dropdown div ul { list-style-type: none !important; margin: 0.2em 0 0.4em 0 !important;}

.aside-dropdown div ul.offdrop {background: #fff; height: 130px; overflow: auto; z-index: 99 !important;}

.aside-dropdown h3 { margin-top: 2em; }

.aside-dropdown .map { margin-top: 3em; float: right; }

.aside .under-dropdown {padding-top: 45px;}

.slideshow {margin-top: 20px;}

#idf {margin-bottom: 15px;}
#idf img {border-width: 0px; vertical-align: top; margin-right: 5px;}
#idf a {display: inline-block; margin-top: 70px; width: 60px;}
#idf div p.more {}
#idf p.more {clear: both;}
a.linkArrow { background: url(images/design/more.gif) center right no-repeat; padding-right: 8px; }

#brochure p {margin-top: 24px; padding-right: 20px;}

#video {margin-top: 10px;}
.aside-video p {clear:left;}
#client-exp p {clear: left; width: 200px;}

.aside-video img {float: left; margin: 0 10px 5px 0; border: 1px solid #CCC;}

/* ============ DROPDOWN REGION ============ */
.listing-dropdown {}
.listing-dropdown div {margin-left: 305px; margin-top: -40px; width: 130px; padding: 1px 1px 0 6px; border: 1px solid #B1B1B1; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: url(images/design/dropdown-bg.gif) no-repeat bottom right; position: absolute; left: 0; }
.listing-dropdown div p { background: url(images/design/dropdown.gif) no-repeat center right; margin: 0; }
.listing-dropdown div.open p { background: url(images/design/dropdown-up.gif) no-repeat center right; margin: 0; }
.listing-dropdown div p a { display: block; cursor: pointer; width: 130px; }
.listing-dropdown a {text-decoration: none !important;}
.listing-dropdown a:hover {text-decoration: underline !important;}
.listing-dropdown div ul { list-style-type: none !important; margin: 0.2em 0 0.4em 0 !important;}

.listing-dropdown div ul.offdrop {background: #fff; height: 130px; overflow: auto; z-index: 99 !important;}
.intro-dropdown {font-size: 1.15em; font-weight: bold; line-height: 1.3em; color: #044b8d;}

/* ============ FOOTER ============ */
#footer { width: 100%; clear: both; background: url(images/design/footer.gif) repeat-x top; padding: 20px 0; margin-top: 18px; overflow: hidden; }
#footer-inner { width: 880px; margin: 0 auto; padding: 0 40px; }
#footer ul { float: right; font-size: .95em; }
#nav-footer { margin-bottom: 10px; }
#footer li { display: inline; }
#nav-footer li a:link, #nav-footer li a:visited { color: #6D757B; border-left: 1px solid #BBBFC1; padding: 0 5px 0 6px; }
#nav-footer .first a:link, #nav-footer .first a:visited { padding-left: 0; border: 0; }
#footer p { color: #6D757B; width: 100%; text-align: right; float: right; clear: right; margin: 0; line-height: 1.2em; font-size: .9em; }

/* ============ PAGINATION ============ */
.pagination { clear:both; padding-top:1.5em; text-align:center; font-size: 1.2em; font-weight: bold; }
.pagination li { display: inline; }
.pagination li a:link,.pagination li a:visited { padding:0 4px; text-decoration: none !important; }
.pagination li.currentPage a:link,.pagination li.currentPage a:visited { color: #000 !important; }

.home .pagination { position: absolute; right: 40px; top: 5px; z-index: 100; padding-top: 0; }
.home .pagination ul { display: inline; margin: 0 !important; }
.home .pagination li a { outline: none; }
.home .pagination li a.activeSlide:link, .home .pagination li a.activeSlide:visited { color: #000 !important; }

/* ============ listings ============ */
.listing { border-top: 1px solid #555; padding: 10px 10px 0 10px; }
.listing h2,.listing h3, .listing p { margin-bottom: 10px; }

.standard-listing { margin: 0 0 1em !important; list-style-type: none !important; }
.standard-listing li { border-bottom: 1px solid #CCC; padding: 1.4em 0; width: 100%; overflow: hidden; clear:left;}
.standard-listing li div.details {float:left; width:74%;}

.standard-listing li img { float: left; border: 1px solid #CCC; margin: 0 15px 0 0; }
.standard-listing li h3 { margin-bottom: 0.5em; }
.standard-listing li h4 { margin-bottom: 0.5em; }
.standard-listing li p { margin-bottom: 0em;}

.people-listing {clear: left;}
.people-listing li {height: 112px;}

.branch li p {width: 100%;}

.list-listing img { float: right; border: 1px solid #CCC; margin: 0 0 0 6px; }
.list-listing p.more, .list-listing p.download { margin-top: 0.5em; }

.people-listing li h3 { margin-bottom: 0.2em !important; }
.people-listing li img { float: right; margin: 0 0 0 15px; }

.brochure-listing { padding-bottom: 30px; }
.brochure-listing li img { float: left; border: 1px solid #CCC; margin: 0 15px 0 0; }
.brochure-listing li div { float: right; width: 348px; } 
.brochure-listing li div p { margin-bottom: 1em; }
.brochure-listing li div p.copy { margin-top: 0.5em; margin-bottom: 0; }
.brochure-listing li div input { vertical-align: top; }
.brochure-listing li div div { font-weight: bold; margin: 0.5em 0; background: #F6F6F6; width: 328px; overflow: hidden; display: none; padding: 5px 10px; }
.brochure-listing li div div p { float: left; margin: 0; }
.brochure-listing li div div span { float: right;}

.profile #main-inner { background: url(images/content/profile-bg.jpg) right 40px no-repeat; }
.profile #content { margin-left: -1px; background: #FFF; margin-top: 200px; padding-right: 20px; padding-top: 20px; }
.profile .aside { margin-top: 420px; width: 249px; }

.aside blockquote { background: url(images/design/blockquote-bg.gif) left bottom repeat-x; border-width: 0px; margin:0; padding: 0; width: 220px; }
.aside blockquote p { font-weight: bold; padding: 0px 0px 40px 0px; }
.aside blockquote img.first {margin-right: 10px; vertical-align: -2px;}
.aside blockquote img.last {margin-left: 10px; vertical-align: -2px;}

.aside blockquote p cite { display: block; font-size: 0.7em; padding-top: 0.4em; line-height: 1.3; font-style: italic; }

.profile h2 { margin-top: -0.6em; font-size: 1.6em; margin-bottom: 20px; }
.profile h2 a { color: #37424A !important; }
.profile img.profile { float: right; border: 1px solid #CCC; margin: 0 0 20px 20px; }

.event img.event { float: right; border: 1px solid #CCC; margin: 0 0 20px 20px; }
.event .photo-strip { margin: 0 0 1.5em 0; }

#content .map { float: right; width: 148px; margin: 0 0 15px 15px; font-size: 0.9em; text-align: right; }
#content .map img { border: 1px solid #CCC; }

.aside .map { float: left; width: 170px; margin: 0 0 15px 0; }
.aside .map img { border: 1px solid #CCC; }
.aside .map p.more {margin: 0;}

.branch-map { float: right; width: 146px; height: 146px; border: 1px solid #CCC; margin-left: 15px; }

.photo-strip { margin: 1em 0 2em 0; clear: both; }

.aside-team img { float:left; margin: 0 10px 10px 0; }
div.aside-team p.more {margin-top:93px;}

.aside-spotlight img { float: left; margin: 0 10px 10px 0; border: 1px solid #CCC; }
.aside-spotlight2 img { float: left; margin: 0 8px 10px 0; border: 0px solid #CCC; }

.aside-spotlight div {  width: 100px; margin-left: 90px; margin-top: -30px; }
.aside-spotlight2 div { float: left; width: 116px; }


/* call to action links */
.aside p.more { margin-top: -1.5em; }
p.more a { background: url(images/design/more.gif) center right no-repeat; padding-right: 8px; }
p.download { margin-bottom: 0 !important; }
p.download a { background: url(images/design/pdf.gif) top left no-repeat; padding-left: 20px; }


/* forms */
.form { width: 100%; }
.form div { overflow: visible; width: 100%; padding-bottom: 10px; clear: both; }
.form div.w { float: left; clear: none; }
.form div.w50 { width: 49%; }
.form div.w40 { width: 40%; }
.form div.w20 { width: 20%; }
.form div input, .form div select { width: 100%; margin-bottom: 5px; }
.form div.w input, .form div.w select { width: 90%; }
.form div.wl input, .form div.wl select { width: 98%; }
.form div label { display: block; font-weight: bold; color: #666; }
.form div label.error { color:#9e0b0f; }
.form div.inline label { display: inline; }
.form div.inline input { width: auto; display: inline; }
.form div.inline p { margin-bottom: 0; }
.form div input.submit,
.form div button.submit { float: right; width: auto;}


/* event form */
#event-guest { border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; padding-top: 1em; margin-bottom: 1em; }
#event-guest p { font-weight: bold; color: #044B8D; margin-bottom: 1em; font-size: 1.1em; }
#event-guest-clear { clear: both; padding-bottom: 0; }


/* sitemap */
.sitemap li { font-size: 1.2em; font-weight: bold; padding-bottom: 1em; list-style-type: none;}
.sitemap li ul { padding-top: 0.4em; }
.sitemap li ul li { font-size: 0.8em; font-weight: normal; padding-bottom: 0.4em; list-style-type: disc;}
.sitemap li ul li ul { margin-bottom: -0.4em !important; }
.sitemap li ul li ul li { font-size: 1em; list-style-type: circle;}


/* slideshow */
.slideshow { margin-bottom: 2em; }
.slideshow .controls { background: #a3a3a3; padding: 5px 0 0 5px; float: left; width: 420px; }
.slideshow .controls ul { list-style-type: none !important; margin: 0 !important; height: 64px; }
.slideshow .controls li { width: 100px; height: 59px; position: relative; float: left; margin-right: 5px; margin-bottom: 5px; }
.slideshow .controls a img { position: absolute; top: 0; left: 0; z-index: 100; width:100px;height:59px;}
.slideshow .controls a span { position: absolute; background: #000000; opacity: 0.5; filter: alpha(opacity=50); top: 0; left: 0; width: 100px; height: 59px; z-index: 200; }
.slideshow .controls a:hover span { opacity: 0.2; filter: alpha(opacity=20); }
.slideshow .controls li.on { border: 1px solid #FFF; }
.slideshow .controls li.on span { opacity: 0; filter: alpha(opacity=0); }

.js .slideshow .slide { width: 428px; margin-top: 5px; background: url(images/design/spinner.gif) center center no-repeat; }
.js .slideshow .controls { width: 422px; padding-left: 6px; height: 79px; }

.slideshow p {margin: 1.5em 0 0.5em;}


/* MAP */
ul#mainMap {background: url(images/design/mainmap.gif) no-repeat; height:482px; width: 392px;position:relative;}
ul#mainMap li {list-style-type: none; margin-left: -9999px;}
ul#mainMap li .dot a {cursor:pointer; display: block; width: 80px; text-align: center; text-decoration: none;}
ul#mainMap li a .place {background: transparent url(images/design/mapbubble.png) no-repeat; position: absolute; display: block; width:93px; height:51px; top:0;left:0; overflow:hidden; text-indent:0px; z-index: 80;}
ul#mainMap li a .extra {background: url(images/design/mapdot.png) no-repeat; position: absolute; display: block; top:0;left:0; width:14px; height:10px;}

ul#mainMap li .dot a#aberdeen .extra {top: 220px; left: 265px; }
ul#mainMap li .dot a#aberdeen .place {top: 176px; left: 225px; }

ul#mainMap li .dot a#belfast .extra {top: 350px; left: 155px; }
ul#mainMap li .dot a#belfast .place {top: 306px; left: 115px; }

ul#mainMap li .dot a#birmingham .extra {top: 470px; left: 290px; }
ul#mainMap li .dot a#birmingham .place {top: 426px; left: 250px; }

ul#mainMap li .dot a#bradford .extra {top: 399px; left: 271px; }
ul#mainMap li .dot a#bradford .place {top: 355px; left: 231px; }

ul#mainMap li .dot a#brighton .extra {top: 537px; left: 337px; }
ul#mainMap li .dot a#brighton .place {top: 493px; left: 297px; }

ul#mainMap li .dot a#cardiff .extra {top: 508px; left: 237px; }
ul#mainMap li .dot a#cardiff .place {top: 464px; left: 197px; }

ul#mainMap li .dot a#cheltenham .extra {top: 490px; left: 265px; }
ul#mainMap li .dot a#cheltenham .place {top: 446px; left: 225px; }

ul#mainMap li .dot a#chester .extra {top: 414px; left: 240px; }
ul#mainMap li .dot a#chester .place {top: 370px; left: 200px; }

ul#mainMap li .dot a#dorchester .extra {top: 537px; left: 257px; }
ul#mainMap li .dot a#dorchester .place {top: 493px; left: 217px; }

ul#mainMap li .dot a#dumfries .extra {top: 322px; left: 224px; }
ul#mainMap li .dot a#dumfries .place {top: 278px; left: 184px; }

ul#mainMap li .dot a#dundee .extra {top: 240px; left: 255px; }
ul#mainMap li .dot a#dundee .place {top: 196px; left: 215px; }

ul#mainMap li .dot a#edinburgh .extra {top: 275px; left: 240px; }
ul#mainMap li .dot a#edinburgh .place {top: 231px; left: 200px; }

ul#mainMap li .dot a#elgin .extra {top: 188px; left: 242px; }
ul#mainMap li .dot a#elgin .place {top: 144px; left: 202px; }

ul#mainMap li .dot a#exeter .extra {top: 557px; left: 218px; }
ul#mainMap li .dot a#exeter .place {top: 513px; left: 178px; }

ul#mainMap li .dot a#glasgow .extra {top: 279px; left: 210px; }
ul#mainMap li .dot a#glasgow .place {top: 235px; left: 170px; }

ul#mainMap li .dot a#guernsey .extra {top: 598px; left: 265px; }
ul#mainMap li .dot a#guernsey .place {top: 554px; left: 225px; }

ul#mainMap li .dot a#hereford .extra {top: 485px; left: 246px; }
ul#mainMap li .dot a#hereford .place {top: 441px; left: 206px; }

ul#mainMap li .dot a#inverness .extra {top: 202px; left: 215px; }
ul#mainMap li .dot a#inverness .place {top: 158px; left: 175px; }

ul#mainMap li .dot a#jersey .extra {top: 608px; left: 290px; }
ul#mainMap li .dot a#jersey .place {top: 564px; left: 250px; }

ul#mainMap li .dot a#keswick .extra {top: 344px; left: 241px; }
ul#mainMap li .dot a#keswick .place {top: 300px; left: 201px; }

ul#mainMap li .dot a#leeds .extra {top: 397px; left: 284px; }
ul#mainMap li .dot a#leeds .place {top: 353px; left: 244px; }

ul#mainMap li .dot a#leicester .extra {top: 449px; left: 313px; }
ul#mainMap li .dot a#leicester .place {top: 405px; left: 273px; }

ul#mainMap li .dot a#lincoln .extra {top: 418px; left: 334px; }
ul#mainMap li .dot a#lincoln .place {top: 374px; left: 294px; }

ul#mainMap li .dot a#llandudno .extra {top: 419px; left: 217px; }
ul#mainMap li .dot a#llandudno .place {top: 375px; left: 177px; }

ul#mainMap li .dot a#lymington .extra {top: 543px; left: 285px; }
ul#mainMap li .dot a#lymington .place {top: 499px; left: 245px; }

ul#mainMap li .dot a#london .extra {top: 505px; left: 338px; }
ul#mainMap li .dot a#london .place {top: 461px; left: 298px; }

ul#mainMap li .dot a#manchester .extra {top: 403px; left: 256px; }
ul#mainMap li .dot a#manchester .place {top: 359px; left: 216px; }

ul#mainMap li .dot a#marlborough .extra {top: 515px; left: 302px; }
ul#mainMap li .dot a#marlborough .place {top: 471px; left: 262px; }

ul#mainMap li .dot a#newcastle .extra {top: 316px; left: 287px; }
ul#mainMap li .dot a#newcastle .place {top: 272px; left: 247px; }

ul#mainMap li .dot a#norwich .extra {top: 445px; left: 380px; }
ul#mainMap li .dot a#norwich .place {top: 401px; left: 340px; }

ul#mainMap li .dot a#nottingham .extra {top: 432px; left: 313px; }
ul#mainMap li .dot a#nottingham .place {top: 388px; left: 273px; }

ul#mainMap li .dot a#oxford .extra {top: 490px; left: 312px; }
ul#mainMap li .dot a#oxford .place {top: 446px; left: 272px; }

ul#mainMap li .dot a#plymouth .extra {top: 560px; left: 194px; }
ul#mainMap li .dot a#plymouth .place {top: 516px; left: 154px; }

ul#mainMap li .dot a#reigate .extra {top: 521px; left: 341px; }
ul#mainMap li .dot a#reigate .place {top: 477px; left: 301px; }

ul#mainMap li .dot a#stoke .extra {top: 431px; left: 275px; }
ul#mainMap li .dot a#stoke .place {top: 387px; left: 235px; }

ul#mainMap li .dot a#swansea .extra {top: 495px; left: 224px; }
ul#mainMap li .dot a#swansea .place {top: 451px; left: 184px; }

ul#mainMap li .dot a#taunton .extra {top: 525px; left: 241px; }
ul#mainMap li .dot a#taunton .place {top: 481px; left: 201px; }

ul#mainMap li .dot a#teesside .extra {top: 350px; left: 295px; }
ul#mainMap li .dot a#teesside .place {top: 306px; left: 255px; }

ul#mainMap li .dot a#truro .extra {top: 566px; left: 179px; }
ul#mainMap li .dot a#truro .place {top: 522px; left: 139px; }

ul#mainMap li .dot a#york .extra {top: 387px; left: 294px; }
ul#mainMap li .dot a#york .place {top: 343px; left: 254px; }

ul#mainMap li .dot a .place {display:none;}
ul#mainMap li .dot a .place {padding-top: 9px; color: #373737;}


.jScrollPaneContainer {position: relative; overflow: hidden; z-index: 1; background: #a3a3a3; padding-bottom: 5px;}
.jScrollPaneTrack {position: absolute; cursor: pointer;	left: 0; bottom: 5px; width: 100%; background: #a3a3a3 url(images/design/scroll-track.png) center center no-repeat;}
.jScrollIntervalTrack {position: absolute;}
.jScrollPaneDrag {position: absolute; background: url(images/design/scroll-drag-full.png) top left no-repeat; cursor: pointer;	overflow: hidden;}

/*
.jScrollPaneDragLeft {width: 7px; height: 13px; float: left; background: url(images/design/scroll-drag-left.png) top left no-repeat;}
.jScrollPaneDragRight {width: 7px; height: 13px; float: right; background: url(images/design/scroll-drag-right.png) top left no-repeat;}
*/