html { background: #1a1a1a; font-family: 'Source Sans Pro', Arial, sans-serif; font-weight: normal; }
/* Header */
#header { padding: 20px 0; background: url(../images/backgrounds/header-bg-big.png) no-repeat scroll center bottom transparent; height: 290px;}
#header ul#header-contact { margin: 0; font-family: 'Bitter', Arial, sans-serif; }
#header ul#header-contact li { margin-bottom: 10px; height: 20px; list-style-type: none; color: #fff; font-size: 180%; font-weight: bold; white-space: nowrap; }
#header ul#header-contact li.dedication p { font-size: 12px; }
#header ul#header-contact li a { display: block; color: #fff; font-size: 60%; font-weight: normal; }
#header ul#header-contact li span { display: block; float: left; margin-right: 10px; width: 20px; height: 20px; }
#header ul#header-contact li span img { display: block; width: 100%; height: 100%; }
#header ul#header-social { margin: 0 0 20px 0; }
#header ul#header-social li { margin-bottom: 10px; height: 20px; list-style-type: none; font-size: 100%; white-space: nowrap; padding-left: 140px;}
#header ul#header-social li a { font-weight: normal; color: #fff; }
#header ul#header-social li span { display: block; float: left; margin-right: 10px; width: 20px; height: 20px; }
#header ul#header-social li span img { display: block; width: 100%; height: 100%; }
#header a#logo { display: block; margin: 0 auto; max-width: 260px; }
#header h2#strapline { float: left; margin: 0; text-align: center; }
#header h2#strapline img { display: block; width: 80%; max-width: 386px; }
/* Navigation */
#navigation { z-index: 2000; height: 40px; background: #c91475;
-moz-box-shadow: inset 0 -1px 3px rgba(0,0,0,0.3);
-webkit-box-shadow: inset 0 -1px 3px rgba(0,0,0,0.3);
box-shadow: inset 0 -1px 3px rgba(0,0,0,0.3);
}
#navigation ul#nav { z-index: 2001; margin: 0; height: 40px; }
#navigation ul#nav li { z-index: 2002; position: relative; float: left; padding: 0 10px; border-left: 1px solid #a0125e; height: 40px; list-style-type: none; }
#navigation ul#nav li:hover { background: #ce408c; }
#navigation ul#nav li a { z-index: 2003; display: block; height: 40px; line-height: 40px; font-size: 100%; color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,0.4); }
#navigation ul#nav li a:hover { text-decoration: none; }
#navigation ul#nav li.sign-in > a { padding-left: 30px; background: url(../images/logos-icons/icon_login.png) left center no-repeat; }
#navigation ul#nav li ul { z-index: 2004; position: absolute; top: 40px; left: 0; margin: 0; background: #c91475; }
#navigation ul#nav li ul li { z-index: 2005; float: none; }
#navigation ul#nav li ul li a { z-index: 2006; white-space: nowrap; }
#navigation a#open-close { display: block; font-family: 'Bitter', Arial, sans-serif; font-size: 140%; }
#navigation a#open-close::before { content:""; display: block; float: left; margin: 10px 0; width: 20px; height: 20px; background: url(../images/logos-icons/icon_menu.png) 0 0 no-repeat; }
/* Member Panel */
#member-dashboard { height: 30px; }
#member-dashboard .row-fluid { position: relative; }
#memberPanel { display:inline; position: absolute; top: 0; right: 0; padding: 5px; background: #c91475;
-moz-border-radius: 0 0 4px 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-radius: 0 0 4px 4px;
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.6);
box-shadow: 0 1px 2px rgba(0,0,0,0.6);
}
#memberPanel a:hover { text-decoration: none; }
#memberPanel span { margin-right: 6px; color:#fff; text-shadow: 0 1px 2px rgba(0,0,0,0.4); }
#memberPanel ul { display: none; margin: 0; padding-top: 4px; list-style: none; border-top: 1px dashed rgba(255,255,255,0.2); }
#memberPanel ul li a { display: block; color:#fff; text-shadow: 0 1px 2px rgba(0,0,0,0.4); }
#memberPanel ul li a:hover { text-decoration: underline; }
/* Content */
#content { padding: 20px 0; }
/* Home -> Banner */
#banner { height: 360px; background: #fff url(../images/graphics/banner2.jpg) 0 0 repeat-x; }
#scrollContainer { width:100%; height: 360px; position: relative; }
#scrollContainer div.scrollableArea .textBox{ background:#004eba; color:#fff; height:320px; width:200px; padding:20px; position: relative; float: left; margin: 0; }
#scrollContainer div.scrollableArea .imageBox{ height:360px; position: relative; float: left; margin: 0; padding: 0; }
#scrollContainer div.scrollableArea .imageBox .caption { color:#fff; background: #cb0b72; position: absolute; padding: 10px; min-width: 100px; }
#scrollContainer div.scrollableArea .imageBox .caption.no-js { top: 10px; left: 10px; }
#scrollContainer div.scrollableArea .videoBox { height:360px; width:640px; position: relative; float: left; margin: 0; padding: 0; }
/* Home -> Introduction */
#content #introduction { position: relative; margin-bottom: 20px; background: #cc0b73; }
#content #introduction .cms { padding: 20px; }
#content #introduction h2 { line-height: 1; }
#content #introduction h3 { margin-bottom: 0; line-height: 1.2; font-weight: normal; font-size: 130%; }
#content #introduction h2, #content #introduction h3 { margin-top: 0; color: #fff; }
#content a.button.pink { display: block; margin: 20px auto 0 auto; width: 160px; font-family: 'Bitter', Arial, sans-serif; font-size: 160%; font-weight: bold; }
#content a.button.pink::after { display: block; float: right; margin-left: 2px; width: 10px; height: 40px; content:""; background: url(../images/logos-icons/icon_arrow-right.png) center center no-repeat; }
#content #introduction span.pink-fold-big { position: absolute; bottom: 0; right: 0; display: block; width: 40px; height: 40px; background: #1a1a1a url(../images/backgrounds/pink-fold-big.png) 0 0 no-repeat; background-size: 100%; }
/* Home -> Featured Listings */
#content #featured-listings { margin-bottom: 20px; background: #004eba; }
#content #featured-listings .cms { position: relative; padding: 20px; }
#content #featured-listings h2 { margin-top: 0; padding-left: 50px; height: 40px; line-height: 40px; font-family: 'Bitter', Arial, sans-serif; font-size: 140%; color: #fff; background: url(../images/logos-icons/icon_featured-listings.png) 0 0 no-repeat; }
#content #featured-listings span.blue-fold-big { position: absolute; top: 0; right: 0; display: block; width: 40px; height: 40px; background: #1a1a1a url(../images/backgrounds/blue-fold-big.png) 0 0 no-repeat; background-size: 100%; }
#content #featured-listings #carousel-holder { position: relative; width: 100%; height: 160px; }
#content #featured-listings #carousel-holder a#prev { position: absolute; left: -30px; top: 40%; z-index: 100; }
#content #featured-listings #carousel-holder a#next { position: absolute; right: -30px; top: 40%; z-index: 100; }
#content #featured-listings #carousel-holder #carousel { margin: 0 auto; width: 300px; height: 100%; }
#content #featured-listings #carousel-holder #carousel div { width: 100%; height: 100%; }
#content #featured-listings #carousel-holder #carousel a { position: relative; display: block; width: 100%; height: 100%; background: #000; }
#content #featured-listings #carousel-holder #carousel a span.text { display: block; position: absolute; bottom: 0; left: 0; z-index: 11; padding: 5%; width: 90%; height: auto; background: url(../images/backgrounds/trans_blue.png) 0 0 repeat; text-shadow: 0 1px 2px rgba(0,0,0,0.4); }
#content #featured-listings #carousel-holder #carousel a span.article-timestamp { display: block; font-size: 100%; color: #fff; }
#content #featured-listings #carousel-holder #carousel a span.article-title { display: block; font-family: 'Bitter', Arial, sans-serif; font-size: 130%; font-weight: bold; color: #fff; }
#content #featured-listings #carousel-holder #carousel a img { display: block; position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height:100%; }
#content #featured-listings #pager { margin-top: 10px; width: 100%; height: 20px; text-align: center; }
#content #featured-listings #pager a { display: inline-block; *display: inline; zoom: 1; margin: 0 4px; width: 20px; height: 20px; text-indent: -9999em; overflow: hidden; background: #000;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
#content #featured-listings #pager a.activeSlide { background: #fff; }
#content #featured-listings p.mockup { color: #fff; }
/* Home -> Upcoming Events */
#content #upcoming-events { margin-bottom: 20px; background: #fff; }
#content #upcoming-events h2 { position: relative; margin: 0; padding: 10px 10px 10px 60px; height: 40px; font-family: 'Bitter', Arial, sans-serif; font-size: 130%; color: #fff; background: #cc0b73 url(../images/logos-icons/icon_upcoming-events.png) 10px 10px no-repeat; }
#content #upcoming-events h2 a { display: block; position: absolute; bottom: 10px; right: 10px; height: 10px; line-height: 10px; font-family: 'Source Sans Pro', Arial, sans-serif; font-size: 14px; color: #fff; }
#content #upcoming-events p { text-align: center; height: 100px; line-height: 100px; font-style: italic; }
#content #upcoming-events ul { margin: 0; }
#content #upcoming-events ul li { margin: 0; padding: 10px; border-bottom: 1px dashed #e1a6c6; list-style-type: none; }
#content #upcoming-events ul li.last { border: 0 none; }
#content #upcoming-events ul li img.article-image { display: block; float: left; margin-right: 2.5%; width: 12%; }
#content #upcoming-events ul li a { display: block; float: right; width: 85%;}
#content #upcoming-events ul li a:hover { text-decoration: none; }
#content #upcoming-events ul li a:hover > span.article-title { text-decoration: underline; }
#content #upcoming-events ul li a span.article-timestamp { display: block; color: #707070; }
#content #upcoming-events ul li a span.article-title { display: block; font-size: 120%; color: #cc0b73; line-height: 1.1; }
/* Home -> News */
#content #news { margin-bottom: 20px; background: #fff; }
#content #news h2 { position: relative; margin: 0; padding: 10px 10px 10px 60px; font-family: 'Bitter', Arial, sans-serif; height: 40px; font-size: 130%; color: #fff; background: #004eba url(../images/logos-icons/icon_news.png) 10px 10px no-repeat; }
#content #news h2 a { display: block; position: absolute; bottom: 10px; right: 10px; height: 10px; line-height: 10px; font-family: 'Source Sans Pro', Arial, sans-serif; font-size: 14px; color: #fff; }
#content #news ul { margin: 0; }
#content #news ul li { margin: 0; padding: 10px; border-bottom: 1px dashed #83b7db; list-style-type: none; }
#content #news ul li.last { border: 0 none; }
#content #news ul li img.article-image { display: block; float: left; margin-right: 2.5%; width: 12%; }
#content #news ul li img.article-image.large { width: 40%; }
#content #news ul li a { display: block; float: right; width: 85%;}
#content #news ul li a.first { width: 56%;}
#content #news ul li a:hover { text-decoration: none; }
#content #news ul li a:hover > span.article-title { text-decoration: underline; }
#content #news ul li a span.article-timestamp { display: block; color: #707070; }
#content #news ul li a span.article-title { display: block; font-size: 120%; color: #08c; line-height: 1.1; }
#content #news ul li a span.article-summary { display: block; margin-top: 10px; font-size: 100%; color: #777; line-height: 1; }
/* Home -> Search */
#content #search { position: relative; margin-bottom: 20px; background: #4f266e; }
#content #search h2 { position: relative; margin: 0; padding: 10px 10px 10px 60px; font-family: 'Bitter', Arial, sans-serif; font-size: 130%; color: #fff; background: url(../images/logos-icons/icon_news.png) 10px 10px no-repeat; }
#content #search form { margin: 0 auto; padding: 0 0 20px 0; width: 220px; }
#content #search form label { color: #fff; }
#content #search form input, #content #search form select { border: 0 none; }
#content #search .button.pink { display: block; margin: 20px auto 0 auto; width: 160px; font-family: 'Bitter', Arial, sans-serif; font-size: 130%; font-weight: bold; }
#content #search span.purple-fold-big { position: absolute; top: 0; right: 0; display: block; width: 40px; height: 40px; background: #1a1a1a url(../images/backgrounds/purple-fold-big.png) 0 0 no-repeat; background-size: 100%; }
#content #search .mockup { color: #fff; }
/* Internal -> One Column */
#content #one-col { margin-bottom: 20px; background: #fff; }
#content #one-col .cms { position: relative; padding: 40px 20px 20px 20px; }
#content #one-col .cms {}
#content #one-col .cms h1 { color: #c91475; }
#content #one-col .cms h2 { color: #065c9b; }
#content #one-col .cms p {}
#content #one-col .cms p img { margin: 0.5em; padding: 4px; border: 1px solid #d0d0d0; background: #fff; }
#content #one-col span.white-fold-big { position: absolute; top: 0; right: 0; display: block; width: 40px; height: 40px; background: #1a1a1a url(../images/backgrounds/white-fold-big.png) 0 0 no-repeat; background-size: 100%; }
/* Internal -> Two Column with Calendar */
#content #left-col { background: #fff; }
#content #left-col .cms { position: relative; padding: 40px 20px 20px 20px; }
#content #left-col .cms {}
#content #left-col .cms h1 { color: #c91475; }
#content #left-col .cms h2 { color: #065c9b; }
#content #left-col .cms p {}
#content #left-col .cms p img { margin: 0.5em; padding: 4px; border: 1px solid #d0d0d0; background: #fff; }
#content #left-col span.white-fold-big { position: absolute; top: 0; right: 0; display: block; width: 40px; height: 40px; background: #1a1a1 url(../images/backgrounds/white-fold-big.png) 0 0 no-repeat; background-size: 100%; }
#content #right-col {}
#content #right-col h1 { color: #FFFFFF; text-align:center; }
#content #right-col img { width: 100%; }
/* Internal -> News (List) */
#content #news-list {}
#content #news-list a.news-article { display: block; float: left; margin: 1.3%; padding: 1%; border: 1px solid #d0d0d0; width: 20%; line-height: 100%; background: #fff; text-decoration: none;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.12);
-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.12);
box-shadow: 0 2px 3px rgba(0,0,0,0.12);
}
#content #news-list a.news-article img { display: block; width: 100%; }
#content #news-list a.news-article strong { display: block; padding: 10px 0; font-size: 120%; color: #c91475; text-align: center; }
#content #news-list a.news-article span { line-height: 120%; color: #505050; }
#content #news-list a.news-article:hover > span { color: #c91475; }
/* Internal -> News (Basic) */
#news-article { margin: 0 auto; width: 80%; }
#news-article a.button.pink { float: left; margin: 0; margin-bottom: 20px; width: auto; font-weight: normal; font-size: 100%; }
#news-article a.button.pink:after { display: none; }
#news-article p#timestamp { clear: both; margin: 20px 0; font-size: 100%; }
#news-article h1 { margin-bottom: 20px; }
#news-article img#mainImage { float: left; margin: 0 2% 2% 0; padding: 4px; border: 1px solid #d0d0d0; background: #fff; }
/* tabs */
#client-list { min-height:200px ;}
.tabs { display:block; float:left; height:100%; margin-left:0; margin-bottom:20px; position:relative;}
.tabs li { position:relative; z-index:4; float:left; width:3%; height:55px; width:50px;
margin:3px;
background: #F33B81;
list-style-type: none !important;
border-bottom:none; -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.6);
box-shadow: 0 1px 2px rgba(0,0,0,0.6);}
.tabs li.active { z-index:6; background: url(../images/backgrounds/white-panel-70.png) repeat;}
.tabs li a{ text-decoration:none; padding: 20px; width:40px; height:40px; font-weight:bold; font-size:18px; color:#FFF;}
.tabs li.active a{ color:#F33B81; }
.tab span { display:block;float:left;width:16px; height:16px; }
.tab.map span { background-position:0 0; }
.tabs li.active span { background-position:0 -16px; }
.tab.twitter span { background-position:0 -32px; }
.tab-content {
display: none;
min-height: 400px;
margin-bottom: 10px;
position: relative;
width: 100%;
z-index: 5; }
.tab-content.active { display:block; }
.tab-content ul { list-style-type:none; margin:0px; }
.tab-content ul li{ background: none repeat scroll 0 0 #F6F6F6;
border: 1px solid #E0E0E0;
border-radius: 10px 10px 10px 10px;
margin: 20px 0 0;
float: none !important;
list-style-type: none !important;
padding: 2% !important;
width: 96% !important; }
.tab-content ul li span { color:#F33B81; }
.tab-content ul li a { color:#0088CC !important; text-decoration:none; }
.tab-content ul li a:hover { color:#7ac7ee; text-decoration:none; }
.tab-content ul li a:hover span{ }
/* Overrides for Signup form */
/* Internal -> Events Calendar edit to responsive */
div.calendar-rb { margin-bottom: 20px; width:100%; background: #fff; border-spacing: 1px; min-height: 1100px;}
div.calendar-rb div.controls { padding: 20px 0; vertical-align: middle; margin:0 auto; width:200px;}
div.calendar-rb div.controls a.prev-month, div.calendar-rb div.controls a.next-month { display: inline-block; *display: inline; zoom: 1; width: 30px; height: 30px; line-height: 30px; text-align: center; background: #c91475; font-family: Arial, sans-serif; font-size: 140%; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,0.4);
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
div.calendar-rb div.controls a.prev-month:hover, div.calendar-rb div.controls a.next-month:hover { text-decoration: none; }
div.calendar-rb div.controls span.event-date { display: inline-block; *display: inline; zoom: 1; margin: 0 10px; height: 100%; font-weight:bold; }
div.calendar-rb div.calendar-days { display: div-row; }
div.calendar-rb div.event-holder { position: relative; }
div.calendar-rb div.empty-event { background: url(../images/backgrounds/blue_70pcnt.png) repeat; }
div.calendar-rb div.event-holder span.day { display: block; position: absolute; right: 0; top: 0; clear:both; color: #FFFFFF; font-weight: bold; }
div.calendar-rb div span.event { color:#fff; width:91%; padding-left: 10%; position:absolute; top:22px; height: 20px; z-index:0; white-space:nowrap; margin-left: -10px; }
div.calendar-rb div span.event1 { background-color: #c91475; }
div.calendar-rb div span.event2 { background-color: #532c7b; }
div.calendar-rb div span.event3 { background-color: #2DABC9; }
div.calendar-rb div span.event4 { background-color: #850a41; }
div.calendar-rb div span.event.firstday { border-top-left-radius:5px; border-bottom-left-radius:5px; z-index:5; }
div.calendar-rb div span.event.endday { border-top-right-radius:5px; border-bottom-right-radius:5px; width:90%; }
div.event-holder { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
/* Map Events */
.map {}
.map-results { margin-top: 85px; }
.interactive-map { width:539px; height:706px; background: url(../images/map/yes-event-map.png) no-repeat;}
img.shetland { left: 500px; position: absolute; top: 125px; }
img.logo-image { float: right; width: 20%; }
#content #map-events { margin-bottom: 20px; background: #fff; }
#content #map-events h2 { position: relative; margin: 0; padding: 10px 10px 10px 60px; height: 40px; font-family: 'Bitter', Arial, sans-serif; font-size: 130%; color: #fff !important; background: #4f266e url(../images/logos-icons/icon_upcoming-events.png) 10px 10px no-repeat; }
#content #map-events h2 a { display: block; position: absolute; bottom: 10px; right: 10px; height: 10px; line-height: 10px; font-family: 'Source Sans Pro', Arial, sans-serif; font-size: 14px; color: #fff; }
#content #map-events p { text-align: center; height: 100px; line-height: 100px; font-style: italic; }
#content #map-events ul { margin: 0; margin-bottom:20px; }
#content #map-events ul li { margin: 0; padding: 10px; border-bottom: 1px dashed #e1a6c6; list-style-type: none; }
#content #map-events ul li.last { border: 0 none; }
#content #map-events ul li img.article-image { display: block; float: left; margin-right: 2.5%; width: 12%; }
#content #map-events ul li a { display: block; float: left; width: 60%;}
#content #map-events ul li a:hover { text-decoration: none; }
#content #map-events ul li a:hover > span.article-title { text-decoration: underline; }
#content #map-events ul li a span.article-timestamp { display: block; color: #707070; }
#content #map-events ul li a span.article-title { display: block; font-size: 120%; color: #4f266e; line-height: 1.1; }
.map-mobile { display:none; }
#content #map-events ul li a.yes span.article-title { color:#F33B81; }
#content #map-events ul li.yes img.article-image{ border:1px solid #F33B81; }
a.next { display: block; float: left; margin: 0 10px; padding: 5px 0; text-align: center;
width: 100px; background:#b1d8f5; text-decoration:none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
a:hover.next { background:#96b6ce; }
a.previous { display: block; float: left; margin: 0 10px; padding: 5px 0; text-align: center;
width: 100px; background:#b1d8f5; text-decoration:none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
a:hover.previous { background:#96b6ce; }
/* Simpletips */
.tooltip { display: block; position:absolute; top:300px !important; left:462px !important; z-index: 3; font-family: Arial, sans-serif; background: url(..images/map/tooltip-arrow.png) #065c9b;
}
.tooltip .arrow { width: 20px; height: 10px; background: url(../images/logos-icons/tooltip-arrow.png) 0 0 no-repeat; }
/* Tooltips -> Interactive Map */
.interactive-map .tooltip { padding: 4px; width: 150px; font-size: 16px; color: #fff; text-align: center; font-family: 'Source Sans Pro', Arial, sans-serif; text-shadow: 1px 2px 1px #105181; }
/* search widget on categories page */
/* google maps */
#map_canvas{ background: url(../images/bgs/map-bg.jpg); height:330px; width:100%; margin-bottom:20px; color:#fff; -moz-box-shadow: 0px 3px 5px rgba(68,68,68,0.6);
-webkit-box-shadow: 0px 3px 5px rgba(68,68,68,0.6);
box-shadow: 0px 3px 5px rgba(68,68,68,0.6);}
/* contact page ul */
.cms ul#header-contact { margin: 0; font-family: 'Bitter', Arial, sans-serif; }
.cms ul#header-contact li { margin-bottom: 10px; height: 20px; list-style-type: none; color: #333333; font-size: 180%; font-weight: bold; white-space: nowrap; }
div.floatright{ float:right;position:relative;}
.dedication p { font-size: 12px; font-style: italic; padding-right: 46px; padding-top: 20px; width: 120px;}
.cms ul#header-contact li a { display: block; color: #333333; font-size: 60%; font-weight: normal; }
.cms ul#header-contact li span { display: block; float: left; margin-right: 10px; width: 20px; height: 20px; }
.cms ul#header-contact li span img { display: block; width: 100%; height: 100%; }
/* Contact form */
#ContactForm { width:100%; }
#ContactForm select{ width: 100px; }
#ContactForm label{ color: #FFFFFF; font-size: 16px; height: 20px; line-height: 24px; }
#ContactForm div.row {margin-bottom:15px;}
#ContactForm div.col1 { float: left; margin: 0; width: 25%; text-align: left; margin-bottom:5px; text-align: right; margin-right:2%;}
#ContactForm div.col2 { float: left; margin: 0; width: 70%; }
#ContactForm div.col2 input { padding: 4%;
width: 92%; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;}
#ContactForm div.col2 textarea { padding: 4%; width: 92%; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;}
#ContactForm div.col2 input.button { padding: 0px; cursor: pointer; background: #D82B88; border:1px solid #eb92c2; font-family: 'Bitter', Arial, sans-serif; font-size: 160%; font-weight: bold; color:#FFF;}
#ContactForm div.col2 input:hover.button { padding: 0px; cursor: pointer; background: #de7bb0; border: 1px solid #eb92c2;}
#ContactForm .row.extra { display:none; }
p.return a { display:block; text-decoration:none; font-family: 'Raleway', sans-serif; font-size:14px; font-weight:bold; text-align:center; color:#FFF; background: #D82B88; border:1px solid #eb92c2; height:28px; line-height: 28px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
p.return a:hover { background: #de7bb0; border: 1px solid #eb92c2; }
/* ZOOMED DETAIL VIEW */
.DetailView {
display: none;
position: fixed;
background: url(../images/backgrounds/black_80pcnt.png) left top repeat;
top: 0px; bottom: 0px; left: 0px; right: 0px;
overflow-x: auto;
overflow-y: scroll;
z-index: 3000;
cursor: zoom-out;
}
.DetailView .modal-container { position: relative; margin: 0 auto; top: 40px; width: 480px; }
.DetailView .modal { background: #fff; min-height: 300px; position: relative; cursor: default; width: 460px; padding: 10px; font-family: Arial, sans-serif;
-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.6);
box-shadow: 0 2px 3px rgba(0,0,0,0.6);
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.DetailView .modal button { border:none; }
.close-modal { z-index: 2000; position: absolute; top: 16px; right: 16px; width: 20px; height: 20px; background: url(../images/logos-icons/close-modal.png) left top no-repeat;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.14);
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.14);
box-shadow: 0 1px 1px rgba(0,0,0,0.14);
}
@media screen and (max-width: 880px) , screen and (max-height: 450px) {
div.calendar-rb div.event-holder span.day { position: relative; display: block; float:left; clear:both; }
div.calendar-rb div span.event { color:#fff; width:91%; padding-left: 10%; position:static; top:22px; height: 20px; float:left; z-index:0; white-space:nowrap; margin-left: -10px; }
div.calendar-rb div.event-holder { position: relative; border: 1px solid #DDDDDD;
margin-bottom: 5px; -moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;}
div.calendar-rb div.event-holder.empty-event { display:none; }
div.floatright { display:none; }
}
/* Internal -> Events Calendar
table.calendar { margin-bottom: 20px; width:100%; background: #fff; border-spacing: 1px; }
table.calendar th { padding: 20px 0; vertical-align: middle; }
table.calendar th a.prev-month, table.calendar th a.next-month { display: inline-block; *display: inline; zoom: 1; width: 30px; height: 30px; line-height: 30px; text-align: center; background: #c91475; font-family: Arial, sans-serif; font-size: 140%; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,0.4);
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
table.calendar th a.prev-month:hover, table.calendar th a.next-month:hover { text-decoration: none; }
table.calendar th span.event-date { display: inline-block; *display: inline; zoom: 1; margin: 0 10px; height: 100%; }
table.calendar tr.calendar-days { display: table-row; }
table.calendar td { border: 1px solid #ddd; vertical-align: top; position: relative; width:14.2857%; padding: 0; }
table.calendar td .event-holder { position: relative; }
table.calendar td .event-holder span.day { display: block; float:right; clear:both; }
table.calendar td span.event { color:#fff; width:91%; padding-left: 10%; position:absolute; top:22px; height: 20px; z-index:0; white-space:nowrap; }
table.calendar td span.event1 { background-color: #c91475; }
table.calendar td span.event2 { background-color: #532c7b; }
table.calendar td span.event3 { background-color: #045d9d; }
table.calendar td span.event4 { background-color: #850a41; }
table.calendar td span.event.firstday { border-top-left-radius:5px; border-bottom-left-radius:5px; z-index:5; }
table.calendar td span.event.endday { border-top-right-radius:5px; border-bottom-right-radius:5px; width:90%; } */
/* Internal Span classes */
span.yes-title {color: #FFFFFF; font-family: 'Bitter',Arial,sans-serif; font-size: 21px; font-weight: bold; margin-right: 10px;
padding: 10px 70px 10px 10px; background: #CC0B73;}
span.pink-fold { background: #CC0B73 url(../images/backgrounds/yes-title-bg.png) 0 0 no-repeat; }
/*
.calendar { width: 100%; font-size: 0.75em; line-height: 1.25em; border-collapse: collapse; border-spacing: 0; }
.calendar th { text-align: left; }
.calendar tr { display: block; }
.calendar td, .calendar th { display: none; }
.calendar .day { margin: 1em 0 .5em 0; font-weight: bold; }
.calendar .events { display: block; }
.calendar ul { display: block; list-style: none; margin: 0 1.25em 0 0; padding: 0; }
.calendar li { display: block; position: relative; margin: 0; padding: 0; height: 1.25em; }
.calendar li a { display: block; position: absolute; left: 0; right: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.calendar tr td:nth-of-type(1n) .day:before { content: 'Monday '; }
.calendar tr td:nth-of-type(2n) .day:before { content: 'Tueday '; }
.calendar tr td:nth-of-type(3n) .day:before { content: 'Wednesday '; }
.calendar tr td:nth-of-type(4n) .day:before { content: 'Thursday '; }
.calendar tr td:nth-of-type(5n) .day:before { content: 'Friday '; }
.calendar tr td:nth-of-type(6n) .day:before { content: 'Saturday '; }
.calendar tr td:nth-of-type(7n) .day:before { content: 'Sunday '; }
@media only screen and (min-width: 30em) {
.calendar tr { display: table-row; }
.calendar th, .calendar td { display: table-cell !important; margin: 0; width: 14.2857%; padding: 0.4166em; border: 1px solid #babcbf; vertical-align: top; }
.calendar .prev-month .day, .calendar .next-month .day { color: #bbb; }
.calendar td .day { display: block; float: right; margin: 0; font-weight: normal; }
.calendar td .day:before { display: none; }
.calendar td .suffix { display: none; }
}
@media only screen and (min-width: 40em) {
.calendar th span { display: inline; }
}
@media only screen and (min-width: 40em) and (min-height: 20em) {
.calendar td { height: 2.5em; }
}
@media only screen and (min-width: 40em) and (min-height: 40em) {
.calendar td { height: 6.25em; }
}
*/
/* Internal -> Clients -> List */
#client-list .list { display: block; }
#client-list .list h2 { padding-bottom: 10px; border-bottom: 1px solid #e0e0e0; }
#client-list .list ul { height:100%;}
#client-list .list ul li { list-style-type: square; color: #d5d5d5; width:31%; padding-right:2%; float:left;}
#client-list .list ul li a { color: #c91475; }
#client-list .list ul li:hover { color: #a0a0a0; }
#client-list .list ul li a:hover { text-decoration: underline; }
/* #client-list {}
#client-list #list { display: block; float: left; padding: 2%; width: 20%; vertical-align: top; }
#client-list #list h2 { padding-bottom: 10px; border-bottom: 1px solid #e0e0e0; }
#client-list #list ul { margin-left: 16px; overflow:hidden; height:50px;}
#client-list #list ul li { list-style-type: square; color: #d5d5d5; }
#client-list #list ul li a { color: #c91475; }
#client-list #list ul li:hover { color: #a0a0a0; }
#client-list #list ul li a:hover { text-decoration: underline; } */
/* Internal -> Clients -> Basic */
#client-left { margin-left: 0; }
#client-left p#client-address, #client-left p#client-phone, #client-left p#client-email, #client-left p#client-website { padding-left: 30px; min-height: 20px; }
#client-left p#client-address { background: url(../images/logos-icons/icon_address.png) 0 0 no-repeat; }
#client-left p#client-phone { background: url(../images/logos-icons/icon_phone.png) 0 0 no-repeat; }
#client-left p#client-email { background: url(../images/logos-icons/icon_email.png) 0 0 no-repeat; }
#client-left p#client-website { background: url(../images/logos-icons/icon_web.png) 0 0 no-repeat; }
#client-left p#client-email a, #client-left p#client-website a { color: #c91475; }
#client-left #client-actions { padding: 20px 0; border-bottom: 1px solid #eee; text-align: center; }
#client-left #client-actions a.button.pink { display: inline-block; margin: 0.25%; width: auto; font-size: 100%; font-weight: normal; text-align: center; }
#client-left #client-actions a.button.pink:after { display: none; background: none; }
#client-left #client-description { margin: 20px 0 0 0; padding: 2%; border: 1px solid #e0e0e0; background: #f6f6f6;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
#client-left #client-description * { margin: 0.5em 0; }
#client-left .cust-review { margin: 20px auto; padding: 9px 9px 9px 49px; border: 1px solid #e0e0e0; width: 80%; background: #f6f6f6 url(../images/logos-icons/icon_review.png) 0 0 no-repeat;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
#client-left .cust-review p { font-size: 16px; }
#client-left .cust-review p + p { margin-bottom: 0; }
#client-left .cust-review p em { display: block; height: 16px; font-size: 14px; color: #606060; text-align: right; }
#client-left textarea { padding: 10px; border: 1px solid #d0d0d0; width: 98%; }
#client-left form button { border: 0 none; }
#client-right { margin-top: 20px; }
#client-right #client-images { margin-bottom: 20px; }
#client-right #client-images img { display: block; float: left; margin: 2% 0; padding: 1%; border: 1px solid #d0d0d0; width: 97%; background: #fff;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.14);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.14);
box-shadow: 0 1px 2px rgba(0,0,0,0.14);
}
#client-right #map-canvas { background: url(../images/graphics/placeholder.jpg) no-repeat scroll center center transparent ;
-moz-box-shadow: 0 0 1px rgba(0,0,0,0.8);
-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.8);
box-shadow: 0 0 1px rgba(0,0,0,0.8);
}
.galleryitem { width: 205px; float: left; position: relative; margin-right: 5px; }
.galleryitem img { width:150px; height:150px; padding:5px; border:1px solid #ddd; display:inline-block; }
.galleryitem a { position:absolute; top:0; right:0; }
/* Internal -> Event -> Basic */
#event-left { margin-left: 0; }
#event-left p#event-address, #event-left p#event-category, #event-left p#event-email, #event-left p#event-time { padding-left: 30px; min-height: 20px; }
#event-left p#event-category { background: url(../images/logos-icons/icon_category2.png) 0 0 no-repeat; }
#event-left p#event-address { background: url(../images/logos-icons/icon_address.png) 0 0 no-repeat; }
#event-left p#event-time { background: url(../images/logos-icons/icon_time.png) 0 0 no-repeat; }
#event-left p#event-email { background: url(../images/logos-icons/icon_email.png) 0 0 no-repeat; }
#event-left #event-desription { margin: 20px 0 0 0; padding: 2%; border: 1px solid #e0e0e0; background: #f6f6f6; margin-bottom:20px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
#event-right { margin-top: 20px; }
#event-right #event-images { margin-bottom: 20px; }
#event-right #event-images img { display: block; float: left; margin: 2% 0; padding: 1%; border: 1px solid #d0d0d0; width: 97%; background: #fff;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.14);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.14);
box-shadow: 0 1px 2px rgba(0,0,0,0.14);
}
/* Footer */
#footer { height: 40px; background: #673b7e;
-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.3);
-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.3);
box-shadow: inset 0 1px 3px rgba(0,0,0,0.3);
}
#footer p { float: left; margin: 0; height: 40px; line-height: 40px; }
#footer a { display: block; float: left; height: 40px; line-height: 40px; }
#footer a#b2 { float: right; }
#footer a, #footer p { padding: 0 10px; border-left: 1px solid #522e64; border-right: 1px solid #6d4383; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,0.3); }
/* CMS */
.cms {}
.cms h1, .cms h2 { font-family: 'Bitter', Arial, sans-serif; }
.cms h3 { font-family: 'Source Sans Pro', Arial, sans-serif; }
.clear { display: block; clear: both; width: 100%; height: 0; }
.mockup { margin: 0; font-style: italic; color: #000; text-align: center; }
/* Buttons */
.button { display: inline-block; *display: inline; zoom: 1; padding: 0 10px; height: 40px; line-height: 40px; text-align: center; text-shadow: 0 1px 1px rgba(0,0,0,0.3); text-decoration: none;
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), 0 1px 2px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), 0 1px 2px rgba(0,0,0,0.2);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), 0 1px 2px rgba(0,0,0,0.2);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.button.pink { color: #fff;
background: #da358e; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RhMzU4ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkODJiODgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #da358e 0%, #d82b88 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#da358e), color-stop(100%,#d82b88)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #da358e 0%,#d82b88 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #da358e 0%,#d82b88 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #da358e 0%,#d82b88 100%); /* IE10+ */
background: linear-gradient(to bottom, #da358e 0%,#d82b88 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da358e', endColorstr='#d82b88',GradientType=0 ); /* IE6-8 */
}
.button.pink:active { background: #a3095c; }
.button:hover { text-decoration: none; }
.button:active {
-moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.4);
-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.4);
box-shadow: inset 0 3px 5px rgba(0,0,0,0.4);
}
/* Icons */
/* Miscellaneous */
::selection { background: #f33b81; }
::-moz-selection { background: #f33b81; }
a#prev, a#next { display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; background: #000; font-family: 'Bitter', Arial, sans-serif; color: #fff; font-size: 180%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
a#prev:hover, a#next:hover { text-decoration: none; }
ul#pagination { display:block; list-style-type:none; margin:0; }
ul#pagination li#older{ float:left; }
ul#pagination li#newer{ float:right; }
ul#pagination li a.button.pink::after { background-image:none;display: none; }
/* Media Queries */
@media (max-width: 979px) {
#navigation ul#nav li a { font-size: 90%; }
#content #upcoming-events h2 a { display: none; }
#content #map-events h2 a { display: none; }
#content #news h2 a { display: none; }
#client-list .list ul li { width:100%; }
/* Footer */
#footer { height: auto; }
#footer p { float: none; padding: 10px 0; border: 0 none; height: auto; line-height: 1.2; }
#footer a { float: none; padding: 0; border: 0 none; border-bottom: 1px solid rgba(255,255,255,0.1); }
#footer a#b2 { float: none; }
}
/* iPad (portrait) and above */
@media (min-width: 768px){
/* Navigation */
#navigation ul#nav { display: block !important; }
#navigation ul#nav li ul { display: none; padding-bottom: 4px;
-moz-border-radius: 0 0 4px 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-radius: 0 0 4px 4px;
}
}
/* Below iPad (portrait) */
@media (max-width: 767px){
/* Header */
#header #header-logo { margin: 30px 0; }
#header h2#strapline { width: 100%; }
#header h2#strapline img { margin: 0 auto; width: 100%; }
#header ul#header-contact { margin-bottom: 20px; }
#header ul#header-contact li { font-size: 150%; }
#header ul#header-social { display: none; }
/* Navigation */
#navigation { margin-bottom: 20px; height: auto; background: transparent; }
#navigation ul#nav { display: none; margin-top: 10px; height: auto; background: #444; }
#navigation ul#nav li { float: none; padding: 6px 16px; border: 0 none; border-bottom: 1px solid #303030; height: auto; }
#navigation ul#nav li:hover { background: #555; }
#navigation ul#nav li a { font-size: 130%; text-shadow: 0 2px 3px rgba(0,0,0,0.4); }
#navigation ul#nav li ul { display: block !important; position: static; margin-bottom: 6px; border-left: 2px solid #da358e; background: #333; }
#navigation ul#nav li ul li { border-color: #222; }
#navigation ul#nav li ul li:hover { background: #222; }
/* Member Panel */
#member-dashboard { height: auto; min-height: 30px; }
#memberPanel { display: block; position: static; padding: 10px; font-size: 16px; }
#memberPanel ul { margin-top: 10px; padding-top: 10px; }
#memberPanel ul li a { height: 40px; line-height: 40px; }
/* Banner */
#banner { display: none; }
#homeBanner { display: none; }
/* Content */
#content { padding: 0; }
#content #featured-listings #carousel-holder #carousel { margin: 0 auto; width: 100%; min-width: 220px; }
#content #upcoming-events ul li img.article-image { display: none; }
#content #upcoming-events ul li a { float: none; width: 100%; }
#content #news ul li img.article-image { display: none; }
#content #news ul li a { float: none; width: 100%; }
#content #news ul li a.first { width: 100%; }
#content #news ul li a span.article-summary { display: none; }
#content #search { min-width: 240px; }
#content #left-col { margin-bottom: 20px; }
#content #right-col { margin-bottom: 20px; }
/* News */
#content #news-list a.news-article { float: none; margin: 0; padding: 2.5% 0; border: 0 none; border-top: 1px dashed #d0d0d0; width: 100%;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#content #news-list a.news-article strong { text-align: left; }
#content #news-list a.news-article img { display: none; }
#content #news-list a.news-article span { font-size: 130%; }
#news-article { width: 100%; }
#news-article h1 { line-height: 100%; font-size: 200%; }
#news-article img#mainImage { display: block; float: none; margin: 4% auto; padding: 4px; border: 1px solid #d0d0d0; background: #fff; }
/* Clients */
#client-list #list { width: 48%; }
#client-left .button.pink { font-size: 90%; }
#client-left #client-actions a.button.pink { margin: 2%; display: block; }
#client-left #client-description { padding: 3%; }
#client-right #client-images img { float: none; margin: 5% 0; padding: 2%; }
/* Event Calendar */
table.calendar tr.calendar-days { display: none; }
table.calendar tr th a.prev-month, table.calendar th a.next-month { width: 40px; height: 40px; line-height: 40px; }
table.calendar tr td .event-holder { float: none; width: 100%; }
table.calendar td { display: block; padding: 30px 0 10px 0; width: 100%; }
table.calendar td span.day { position: absolute; top: -20px; left: 10px; }
table.calendar td span.event { display: block; position: static; top: 0 !important; padding: 0; width: 100%; text-indent: 10px; }
table.calendar tr td:nth-of-type(1n) .day:before { content: 'Monday '; }
table.calendar tr td:nth-of-type(2n) .day:before { content: 'Tueday '; }
table.calendar tr td:nth-of-type(3n) .day:before { content: 'Wednesday '; }
table.calendar tr td:nth-of-type(4n) .day:before { content: 'Thursday '; }
table.calendar tr td:nth-of-type(5n) .day:before { content: 'Friday '; }
table.calendar tr td:nth-of-type(6n) .day:before { content: 'Saturday '; }
table.calendar tr td:nth-of-type(7n) .day:before { content: 'Sunday '; }
/* Footer */
#footer { height: auto; }
#footer p { float: none; padding: 10px 0; border: 0 none; height: auto; line-height: 1.2; }
#footer a { float: none; padding: 0; border: 0 none; border-bottom: 1px solid rgba(255,255,255,0.1); }
#footer a#b2 { float: none; }
div.floatright { display:none; }
}
/* below large desktop */
@media (max-width: 1213px){
img.shetland { display:none; }
}
/* iPhone5 (landscape) */
@media (max-width: 567px){
#client-list #list { width: 98%; }
table.calendar tr.calendar-days { display: none; }
table.calendar tbody tr { display: block; width: 100%; }
table.calendar tbody tr td { display: block; width: 100%; }
.map-mobile { display: block; }
.map { display: none; }
#header { background: none; height: 290px; padding: 20px 0;}
#scrollContainer { display: none; }
.not-mobile { display:none !important; }
.tab-content ul li { width:95%; }
#client-list { min-height: 250px; }
div.floatright { display:none; }
}
/* iPhone4 (landscape) */
@media (max-width: 480px){
#client-left #client-description { padding: 5%; }
#header ul#header-contact li.dedication { display:none; }
div.floatright { display:none; }
}
/* iPhone (portrait) */
@media (max-width: 320px){
#content #featured-listings h2 { line-height: 1; }
#content #upcoming-events h2 { line-height: 1; }
#client-list { min-height: 460px; }
div.floatright { display:none; }
}