/* Slideshow ---------- */

#slideshow { position: relative; overflow: hidden; height: 300px; margin-bottom: 15px; }
#slideshow ul { margin: 0; padding: 0; list-style-type: none; }

#slideshow ul.images { position: relative; }
#slideshow ul.images li { position: absolute; left: 0; top: 0; display: none; }
#slideshow ul.images li.active { display: block; }
#slideshow ul.images li.jsactive { z-index: 20; }

#slideshow ul.indicators { position: absolute; z-index: 30; right: 25px; bottom: 7px; }
.ie7 #slideshow ul.indicators,
.ie6 #slideshow ul.indicators { width: 80px; }
.ie7 #slideshow ul.indicators { bottom: 9px; width: 70px; }
.ie6 #slideshow ul.indicators { top: 264px; }
#slideshow ul.indicators li { float: left; margin: 0 0 7px 7px; }
#slideshow ul.indicators li.i-5 { clear: left; }
#slideshow ul.indicators li a { position: relative; overflow: hidden; display: block; zoom: 1; width: 8px; height: 8px; background: url(../../image/home/slideshow-indicator.png) no-repeat; text-indent: -999px; }
#slideshow ul.indicators li.active a { background-position: 0 -8px; }

#slideshow h2 { position: absolute; left: 25px; bottom: 10px; color: white; z-index: 50; margin: 0; line-height: 18px; text-shadow: 1px 1px 1px #24363e; font-weight: bold; font-size: 16px; }

#slideshow ul.text { position: absolute; z-index: 30; left: 125px; bottom: 9px; }
#slideshow ul.text li { position: absolute; left: 0; bottom: 0; font-size: 0.9em; line-height: 1.4em; }
#slideshow ul.text li img { position: relative; top: 2px; float: left; }
.ie7 #slideshow ul.text li img { top: 12px; }
#slideshow ul.text li p { margin: 0 0 0 30px; color: white; text-shadow: 1px 1px 1px #333b3e; width: 700px; }
#slideshow ul.text li p strong { text-transform: uppercase; letter-spacing: 4px; letter-spacing: 1px; }

/* Events columns ---------- */

#col-left { float: left; width: 640px; }
#col-left div.events { margin-bottom: 15px; background: #fff url(../../image/home/cols.gif) repeat-y 320px 0; position: relative; }
#col-left div.left { position: relative; float: left; width: 320px; }
#col-left div.right { position: relative; float: right; width: 320px; }
#col-left div.events h2 { position: relative; margin: 0 0 20px; padding: 0 25px; height: 43px; line-height: 46px; background: #0f3c56 url(../../image/home/col-title.png) repeat-x; color: white; text-shadow: 1px 1px 1px #24363e; font-weight: bold; }
#col-left div.left h2 { background-image: url(../../image/home/events-title.gif); background-position: right top; background-repeat: repeat-y; }
#col-left div.events div.view-highlights { position: absolute; top: 10px; right: 0; }
#col-left div.events ul { margin: 0; padding: 0 25px; list-style-type: none; }
#col-left div.events ul li { padding: 0; }
#col-left div.events ul li h3 { margin: 0 0 5px; font-weight: bold; border-bottom: 1px solid #c4ccd4; text-transform: uppercase; }
#col-left div.events ul li ul { position: relative; margin: 0; padding: 0 0 10px; list-style-type: none; }
#col-left div.events ul li ul li { padding-bottom: 3px; }
#col-left div.events ul li ul li a { display: block; padding-left: 40px; background-position: left center; background-repeat: no-repeat; }
#col-left div.events div.right ul li h3 { border-color: #a3abb3; }

/* Right sidebar ---------- */

#col-right { float: right; width: 300px; }

#col-right div.box { position: relative; margin-bottom: 15px; background: #d4d4d4; color: #373737; }
#col-right div.box img { display: block; }
#col-right div.box img.right-pos { position: absolute; right: 20px; top: -5px; }
#col-right div.box h2 { margin: 0; padding: 0 20px; height: 43px; line-height: 46px; background: #0f3c56 url(../../image/home/col-title.png) repeat-x; color: white; text-shadow: 1px 1px 1px #2c4850; font-weight: bold; }
#col-right div.box p { margin: 0; padding: 15px 20px; }
#col-right div.box h2 img,
#col-right div.box p img { display: block; }
#col-right div.box h2 img { margin: 5px 0; }
#col-right div.box a { color: #007aa3; }
#col-right div.box ul { margin: 0; padding: 10px 0 10px 20px; width: 140px; list-style-type: none; }
#col-right div.box ul li { height: 27px; line-height: 27px; font-weight: bold; font-size: 1.05em; border-top: 1px solid #dedede; border-bottom: 1px solid #bbbbbb; }
#col-right div.box ul li.first { border-top: 0; }
#col-right div.box ul li.last { border-bottom: 0; }
#col-right div.box img.logo { position: absolute; right: 10px; top: 10px; }
#col-right div.images { padding: 15px 20px 1px; background: #adb7b9; text-align: center; }
#col-right div.images img { display: block; margin-bottom: 15px; }

/* ========================================================================================    CUSTOMISATIONS    ======================================================================================= */

/* main content */
#main { background-color: transparent; }

/* Slideshow ---------- */
#slideshow ul.indicators li a { background: url(/media.marathon-photos.com/website-assets/images/MPX2/home/slideshow-indicator.png) no-repeat; }
#slideshow ul.text li { display: none;}
#slideshow ul.text li.active { display: block;}
#slideshow ul.text li a { float: left;}
.ie7 #slideshow ul.text li a { position: relative; top: 14px; }
#slideshow ul.text li a span { padding: 0px !important; }
#slideshow div.mask { position: absolute; bottom: 0px; width: 100%; height: 50px; left: 0px; z-index: 25; display: block; background-image: url(/media.marathon-photos.com/website-assets/images/MPX2/file/home/slides/bg.png); background-repeat: repeat-x;}
#slideshow ul.indicators { width: 80px; right: 10px; }
.ie #slideshow ul.indicators { width: 85px; }
#slideshow ul.indicators li.i-5 { clear: none; }
#slideshow ul.indicators li.i-6 { clear: left; }
/*
.ja #slideshow ul.indicators { width: 50px;}
.ja #slideshow ul.indicators li.i-6 { clear: none; }
.ja #slideshow ul.indicators li.i-4 { clear: left; }
.ja #slideshow ul.text li p { width: 740px; font-size: 10px;}
.ja #slideshow ul.text { position: absolute; z-index: 30; left: 120px; }
*/

/* Events columns ---------- */
#col-left div.events { background: #f1f1f1 url(/media.marathon-photos.com/website-assets/images/MPX2/home/cols.gif) repeat-y 315px 0; }
#col-left div.events h2 { background: #0f3c56 url(/media.marathon-photos.com/website-assets/images/MPX2/home/col-title.png) repeat-x;}
#col-left div.left h2 { background-image: url(/media.marathon-photos.com/website-assets/images/MPX2/home/events-title.gif); }
/* #col-left div.events ul li ul li a { padding-right: 25px; white-space: normal;} */
#col-left div.events ul li ul li { padding: 0px; margin: 0px; }
#col-left div.events ul li ul li a { padding-left: 0px; line-height: 15px !important; vertical-align: middle; margin: 0px; display: inline-block;}
#col-left div.events ul li ul li a span { width: 23px; height: 15px !important; vertical-align: middle; margin-right: 10px; padding-left: 0px;}

/* region events */
#region-events { background-image: none !important; background-color: #f1f1f1 !important;}
#region-events h2 button { 
    background-color: white; border-radius: 5px; border: 1px solid white;
    font-weight: bold; cursor: pointer; box-shadow: 0px 0px 2px 2px #888;}
.region-event-list { margin: 0px 20px; }
.region-event-list .ui-widget-content { height: 30px; }
.region-event-list.ui-widget * { font-family: "Droid Sans", Arial, sans-serif !important; }
.region-event-list div.search { padding: 10px; overflow: hidden;}
.region-event-list div.search input.bib { width: 180px; 
    border: 1px solid silver; padding: 0.3em 0.5em;}
.region-event-list div.search input.button { float: right; display: inline-block; width: auto;}
.region-event-list h3 { font-size: 15px; background: none; border-color: #f1f1f1 !important;
    font-size: 13px; text-transform: none !important; margin: 0px !important;
    padding: 2px 0px 2px 5px !important; color: #007aa3; }
.region-event-list.upcoming h3 {margin-bottom: 2px !important; }
.region-event-list h3.ui-state-active { border-color: #aaaaaa !important; }
.region-event-list h4 { margin: 10px 0px 5px 0px; padding: 0px; border-bottom: 1px solid #c4ccd4; font-size: 15px; font-weight: bold; line-height: 19.5px}
.region-event-list h3 a { padding-left: 0px; line-height: 15px !important; vertical-align: middle; margin: 0px; width: 28px; }
.region-event-list h3 a span { width: 23px; height: 15px !important; vertical-align: middle; margin-right: 10px;}

/* Right sidebar ---------- */
#col-right div.box h2 { background: #0f3c56 url(/media.marathon-photos.com/website-assets/images/MPX2/home/col-title.png) repeat-x; }
#col-right div.box ul { width: 260px; }