
* html .PageBody { min-height: 500px; display: block;  margin-bottom: 10px; clear: both; background: #edebdf url(images/pagebody_bg.gif) no-repeat bottom right !important }
.PageBody { min-height: 500px; display: block;  margin-bottom: 10px; clear: both; background: #edebdf url(images/pagebody_bg.gif) no-repeat bottom right !important }

.ContentPane { float: left; background:#edebe0;height:auto; font-size:1em;width:764px !important ;  }
* html .ContentPane { float: left; background:#edebe0;height:auto; font-size:1em;width:757px !important ;  }
* html .RightPane{margin-right:-10px;margin-left:6px}
.BreadArea{display:none;}
.Box-FocusOn,.Box-News,.Box-Events,.Box-Blog{width:auto;float:none;}

.Box-News .Body .Content dl { width: 291px;padding:0px;margin:0px; }
.Box-News .Body .Content dl dt {background: transparent url(images/webparts/BoxNews_img_bg.gif) no-repeat; width:73px;height:58px; float:left;padding:0px;margin:0px}
.Box-News .Body .Content dl dd a { padding: 11px;display:block;border:none;}
.Box-News .Body .Content dl dd { display: block;  clear: right;float:left;height:58px;width:218px;padding:0px;margin:0px ;border-bottom:1px dashed #ccc}


.Box-Events .Body .Content dl { width: 291px; padding:0px;margin:0px;}
.Box-Events .Body .Content dl dt {background: transparent url(images/webparts/BoxNews_img_bg.gif) no-repeat; width:73px;height:58px; float:left;padding:0px;margin:0px}
.Box-Events .Body .Content dl dd a { padding: 11px;display:block;border:none;}
.Box-Events .Body .Content dl dd { display: block;  clear: right;float:left;height:58px;width:218px;padding:0px;margin:0px ;border-bottom:1px dashed #ccc}

.Box-Blog .Body .Content dl { width: 291px;padding:0px;margin:0px; }
.Box-Blog .Body .Content dl dt {display:none;background: transparent url(images/webparts/BoxNews_img_bg.gif) no-repeat; width:73px;height:58px; float:left;padding:0px;margin:0px}
.Box-Blog .Body .Content dl dd a { padding: 11px;display:block;border:none;}
.Box-Blog .Body .Content dl dd { display: block;  clear: right;float:left;height:48px;width:292px;padding:0px;margin:0px ;border-bottom:1px dashed #ccc}

.SlideShow { overflow: hidden; position: relative; font-family: Verdana,Arail,Sans-serif; width: 945px; height: 336px; z-index: 5;}
.withArrows a.open { position: absolute; top: 0; left: 0; height: 99%; width: 631px; z-index: 10; background: none; }
.withArrows a.open:hover { position: absolute; top: 0; left: 0; height: 99%; width: 631px; z-index: 10;  background: transparent url(images/slideshow/zoom.png) no-repeat center center;}
* html .SlideShow a.open:hover { position: absolute; top: 0; left: 0; height: 99%; width: 631px; z-index: 10;  background: transparent url(images/slideshow/zoom.gif) no-repeat center center;}
.SlideShow .slideInfoZone { position: absolute; z-index: 10; width: 304px; margin: 0px; left: 641px; top: 0; height: 303px; background: #FFF; line-height:1em; text-indent: 0; overflow: hidden; }
#Gallery, #myGallerySet, #flickrGallery { border: 0px solid #000; clear: both; display: block;  width: 945px; height: 336px; z-index: 5; }


#Gallery, #myGallerySet, #flickrGallery { border: 0px solid #000; clear: both; display: block; }
#flickrGallery { width: 500px; height: 334px; }
/*  */
/* hide & format stuff when JS disabled */
#Gallery img.thumbnail, #myGallerySet img.thumbnail { display: none; }
#Gallery .imageElement h3 { clear: left; }
#Gallery .imageElement { clear: both; width: 100%; }
#Gallery .slideindex ul{display: block;padding-left:20px; vertical-align: middle; list-style: none; background:url(images/slideshow/squarebullet.gif) no-repeat ;margin:5px 0}
/*  */

/* General structure*/
.SlideShow { overflow: hidden; position: relative; font-family: Verdana,Arail,Sans-serif; width: 945px; height: 336px; z-index: 5; }
.SlideShow .slideElement { width: 100%; height: 100%; background-color: #FFF; background-repeat: no-repeat; background-position: top left; background-image: url('images/loading-bar-black.gif' ); display: block; }
.SlideShow .slideElement .slidetext { padding: 20px; font-size: 1em; color: #000; font-family: Verdana,Arail,Sans-serif; width: 597px; height: 363px; overflow: hidden; }
.SlideShow .loadingElement { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #FFF; background-repeat: no-repeat; background-position: center center; background-image: url('images/loading-bar-black.gif' ); }
.SlideShow .slideInfoZone { position: absolute; z-index: 10; width: 304px; margin: 0px; left: 641px; top: 0; height: 383px; background: #FFF; line-height:1em; text-indent: 0; overflow: hidden; }
* html .SlideShow .slideInfoZone { bottom: -1px; }
/*  */

/* formatting for custom slides */
.slidetext { color: #000; padding: 20px; font-family: Verdana,Arail,Sans-serif; font-size: 1em; display: block; clear: right; }
/*  */

/* tab styles */
.tabs { color: #000; width: 616px; height: 32px; background-color: #FFF; font-family: Verdana,Arail,Sans-serif; font-size: 10px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; z-index: 9998; clear: both; margin-bottom: 10px; }
.tabs ul { list-style-type: none; padding: 0px; margin: 0px; }
.tabs ul li.slidelink { width: auto; padding: 0px; margin: 0px; display: inline; float: left; height: 32px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 11px; background: #FFF none; clear: none; }
.tabs ul li.slidelink a { width: auto; text-decoration: none; padding: 9px; margin: 0px; text-align: center; cursor: pointer; }
.tabs ul li.slidelink a:active { color: #cc3333; }
.tabs ul li.slidelink a:visited:active { color: #cc3333; }
.tabs ul li.slidelink a:hover { text-decoration: underline; }
.tabs ul li.selected a { color: #cc3333; text-decoration: underline; }
.tabs ul li.selected a:visited { color: #cc3333; text-decoration: underline; }

/* 'brand story' custom */
.SlideShowWrapper .SlideShow { width: 627px !important; }
.SlideShowWrapper { width: 945px; height: 400px; z-index: 5; }
.SlideShowWrapper .tabs { display: none !important; }
.SlideShowWrapper .StaticBlock { width: 289px; margin: 0; z-index: 6; height: 383px; background: #FFF;  display: block; float: right; }
.StaticBlock h4 {margin-top:0; padding-top:0;}
.SlideShow img { border: 0; margin: 0; }
/*  */

/* multi images class */
.group { display: block; width: 260px; float: left; overflow: hidden; height:140px;margin:14px; background-position:50% 40%; background-repeat:no-repeat; }
.group a{display: block; width: 260px; float: left; overflow: hidden; height:140px;}
.group a:hover {  background: transparent url(images/slideshow/zoom.png) no-repeat center center; }
.group img { }
/*  */

/* Links/pagination*/
.SlideShow a { font-size: 12px;  cursor: pointer  }
.SlideShow a.right, .SlideShow a.left { position: absolute; cursor: pointer ; z-index: 9998; border: 0px solid #fff; }
.SlideShow a.right:hover, .SlideShow a.left:hover { }
.SlideShow a.left { left: 595px; top: 321px; height: 20px; width: 19px; background: url(  'images/slideshow/btnPrevious.png' ) no-repeat -20px 0px; }
.SlideShow a.left:hover { background: url(  'images/slideshow/btnPrevious.png' ) no-repeat 0px 0px; }
* html .SlideShow a.left { background: url(  'images/slideshow/btnPrevious.gif' ) no-repeat -21px 0px; }
* html .SlideShow a.left:hover { background: url(  'images/slideshow/btnPrevious.gif' ) no-repeat 0px 0px; }
.SlideShow a.right { left: 614px; top: 321px; height: 20px; width: 20px; background: url(  'images/slideshow/btnNext.png' ) no-repeat -19px 0px; }
.SlideShow a.right:hover { background: url(  'images/slideshow/btnNext.png' ) no-repeat 0px 0px; }
* html .SlideShow a.right { background: url(  'images/slideshow/btnNext.gif' ) no-repeat 1px 0px; }
* html .SlideShow a.right:hover { background: url(  'images/slideshow/btnNext.gif' ) no-repeat -19px 0px; }
/*  */
/* lightbox link*/
.SlideShow a.open { left: 0; top: 0; width: 100%; height: 100%; border:none !important }
.withArrows a.open { position: absolute; top: 0; left: 0; height: 99%; width: 631px; z-index: 10; background: none; }
.SlideShow a.open:hover, .SlideShow .group a:hover { left: 0; top: 0; width: 100%; height: 100%; background: transparent url(images/slideshow/zoom.png) no-repeat center center; }
.withArrows a.open:hover { position: absolute; top: 0; left: 0; height: 99%; width: 631px; z-index: 10;  background: transparent url(images/slideshow/zoom.png) no-repeat center center;}
* html .SlideShow a.open:hover { left: 0; top: 0; width: 100%; height: 100%; background: transparent url(images/slideshow/zoom.gif) no-repeat center center; }
* html .SlideShow a.open:hover { position: absolute; top: 0; left: 0; height: 99%; width: 631px; z-index: 10;  background: transparent url(images/slideshow/zoom.gif) no-repeat center center;}

/* Side info panel*/
.slideInfoZone .Header {  background: #CC3333 url(images/slideshow/sideinfoZoneHeaderBG.jpg) repeat-x bottom left; }
.slideInfoZone .TopCorner{position:relative;top:0px; left:301px;width:3px;height:3px;font-size:0.1px;background: #CC3333 url(images/slideshow/sideinfoZoneHeaderTopCorner.gif) no-repeat top left;}
.slideInfoZone .BotCorner{position:relative;bottom:0px; left:301px;width:3px;height:3px;font-size:0.1px;background: #CC3333 url(images/slideshow/sideinfoZoneHeaderBotCorner.gif) no-repeat bottom left;}
.slideInfoZone .Header h2{ padding:21px 80px 21px 15px;font-size:1.9em;line-height:1.2em;  margin: 0;font-weight: normal; color: #fff; font-family: Verdana,Arail,Sans-serif; }

.slideInfoZone .sidetext { overflow: hidden;height:191px; padding: 20px 27px;  background: #EDECEC url(images/slideshow/sideinfoZoneSideTextBG.jpg) repeat-x bottom left; }

.slideInfoZone .slideindexholder { font-size: 1em; }
.slideInfoZone .slideindexinner { font-family: Verdana,Arail,Sans-serif; font-size: 12px; overflow: hidden;  }
.slideInfoZone p { padding: 0; font-size: 1em; margin: 2px 5px; font-family: Verdana,Arail,Sans-serif !important;  }

.slideInfoZone ul { width:220px; list-style-type:none; margin:0; padding:0; margin-top:15px;}
.slideInfoZone li.slidelink{ display: block;padding-left:20px; vertical-align: middle; list-style: none; background:url(images/slideshow/squarebullet.gif) no-repeat 2px 7px ;margin:5px 0}
.slideInfoZone li.slidelink a {vertical-align: top; text-decoration:none;}
.slideInfoZone li.selected a { border:none; color: #000;  vertical-align: top;text-decoration:none; }

.slideInfoZone .scrollup { background: url(  'images/slideshow/btnUp.png' ) no-repeat; position: absolute; bottom: 70px; left: 277px; height: 15px; width: 15px; z-index: 9990; cursor: pointer; }
.slideInfoZone .scrolldown { background: url(  'images/slideshow/btnDown.png' ) no-repeat; position: absolute; bottom: 55px; left: 277px; height: 15px; width: 15px; z-index: 9990; cursor: pointer; }
/*  */


/* Carousel*/
.SlideShow div.carouselContainer { position: absolute; height: 134px; width: 631px; z-index: 10; margin: 0px; left: 0; top: 0; }
.SlideShow div.carouselContainer a.carouselBtn { position: absolute; bottom: 0; right: 0; height: 21px; width: 111px; background: transparent url(  'images/slideshow/btnCarousel.png' ) no-repeat -111px 0px; text-align: center; font-size: 13px; color: #fff; cursor: pointer; }
.SlideShow .carousel { position: absolute; background: transparent url(  'images/slideshow/CarouselBG.jpg' ) no-repeat top right; width: 100%; margin: 0px; left: 0; top: 0; height: 114px; color: #666; text-indent: 0; overflow: hidden; }
.jdExtCarousel { overflow: hidden; position: relative; }
.SlideShow .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper { position: absolute; width: 100%; height: 78px; top: 0; left: 0; overflow: hidden; padding-top: 10px; }
.SlideShow .carousel .carouselInner, .jdExtCarousel .carouselInner { position: relative; }
.SlideShow .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail { cursor: pointer; background: #ccc; background-position: center center; float: left; }
.SlideShow .wall .thumbnail, .jdExtCarousel .wall .thumbnail { margin-bottom: 10px; }
.SlideShow .carousel .carousellabel, .jdExtCarousel .carousellabel { font-size: 13px; position: absolute; bottom: 5px; left: 10px; padding: 0; margin: 0;width:90% }
.SlideShow .carousel .wallButton, .jdExtCarousel .wallButton { font-size: 10px; position: absolute; bottom: 5px; right: 10px; padding: 1px 2px; margin: 0; background: #222; border: 1px solid #888; cursor: pointer; }
.SlideShow .carousel .label .number, .jdExtCarousel .label .number { color: #b5b5b5; }
/*  */

/* Gallery Sets */
.SlideShow a.gallerySelectorBtn { z-index: 15; position: absolute; top: 0; left: 30px; height: 20px; /*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/ text-align: center; padding: 0 10px; font-size: 13px; background: #666; color: #fff; cursor: pointer; /*opacity: .4;     -moz-opacity: .4;     -khtml-opacity: 0.4;     filter: alpha(opacity=40);*/ }
.SlideShow .gallerySelector { z-index: 20; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; }
.SlideShow .gallerySelector h2 { margin: 0; padding: 10px 20px 10px 20px; font-size: 20px; line-height: 30px; color: #fff; }
.SlideShow .gallerySelector .gallerySelectorWrapper { overflow: hidden; }
.SlideShow .gallerySelector .gallerySelectorInner div.galleryButton { margin-left: 10px; margin-top: 10px; border: 1px solid #888; padding: 5px; height: 40px; color: #fff; cursor: pointer; float: left; }
.SlideShow .gallerySelector .gallerySelectorInner div.hover { background: #333; }
.SlideShow .gallerySelector .gallerySelectorInner div.galleryButton div.preview { background: #000; background-position: center center; float: left; border: none; width: 40px; height: 40px; margin-right: 5px; }
.SlideShow .gallerySelector .gallerySelectorInner div.galleryButton h3 { margin: 0; padding: 0; font-size: 12px; font-weight: normal; }
.SlideShow .gallerySelector .gallerySelectorInner div.galleryButton p.info { margin: 0; padding: 0; font-size: 12px; font-weight: normal; color: #aaa; }

.slidelink a { text-decoration: underline; font-size: 12px; }
.sidetext ul { margin-top: 10px; }
.sidetext li { padding: 1px; }

/* Gallery Sets 
.SlideShow .slideElement  .textslidetext {margin-top:20px}
.SlideShow .slideElement  .slidetext { width: 580px; background-color:#d7d7d8; float:left; z-index:9999}
.SlideShow .slideElement  .slidetext .sliderow {float:left; padding:8px 0 4px  20px }
.SlideShow .slideElement  .slidetext .sliderow .tick {float:left; width: 40px; height:30px; background:url(images/tick.gif) no-repeat right top;  }
.SlideShow .slideElement  .slidetext .sliderow .cross {float:left; width: 40px; height:30px ;background:url(images/cross.gif) no-repeat right top}
.SlideShow .slideElement  .slidetext .sliderow .text {float:right; width: 550px; font:1.2em Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#5e5e5e}
.SlideShow .slideElement  .slidetext .textonlyslide {margin:20px; float:left; display:block}*/
