@import url(https://fonts.googleapis.com/css?family=Sue+Ellen+Francisco|Maven+Pro:400,700);
/*Temp*/
.vehicleIcon{
    padding-top:20px;
}
#feedbackAverage {display: none;}
.location-content li:nth-child(5), .location-content li:nth-child(8) {display:none;}
#vanImg {display: none;}

.form-Retail{display:none;}
@media (min-width: 500px) and  (max-width: 992px) {
#dnn_ctr9000_ModuleContent{
    min-height:380px;
}
#headerSocial{ margin:5px 200px 0 0 !important;}

}
#salesnums{display:none;}
.contentTitle{
    padding-top:20px;
}/* Filter selector */
#filterSelectWrapper{ padding:50px 0; }
#filterSelect{ border:1px solid #E9EBEC; overflow:hidden}

#filterToggles{ text-align:center; position:relative; min-height:100px; padding:20px 0 25px}

.filterTogglesScroll{ text-align:center; margin-top:-1px; display:none; position: relative;}
.toggles .title{ line-height:20px; font-size:20px; padding-bottom: 10px;}

.filterToggles{ margin:0 auto; position:relative}
/*.toggleFeatures{ width:440px}
.togglePassengers{ width:720px}
.toggleCountry{ width:660px}*/

.filterContinue{ margin-top:20px}

#filterToggles{ }
.toggles{ display:none}
.toggles.current{ display:block}


.filterToggle{ cursor:pointer; /* float:left; width:200px; margin:0 10px;  position:relative; z-index:1}
.togglePassengers .filterToggle{ width:100px*/}
.toggleImg{ background:#006940; }
.toggleImg img{ width:100%}

.filterToggleHover .toggleImg{ background:#73B06F !important}
.filterToggle:hover .toggleImg{ background-color:#73B06F; border-color:#v}
.filterToggle.active .toggleImg{ background-color:#c0311a; border-color:#c0311a}

.filterToggle .btn{ border: 1px solid #8B959B; background:none}
.filterToggle .btn:focus{ outline:none}
.filterToggle:hover .btn{ border-color:#73B06F; color:#73B06F}
.filterToggle.active .btn{ border-color:#c0311a; color:#c0311a}

#filterToggleSelection{ text-align:center; font-size:18px; margin-bottom:20px; color: #c0311a; display:none}
.specialToggles #filterToggleSelection{ margin:20px 0 0 0;}
.filterSelectedOptionsTitle{ color:#006940}

.vehicleCardsEmpty{ display:none; margin-top:30px}
#vehicleCards{ display:none; margin: 20px 20px 0;}
#vehicleCards .vehicleCardItem{ display:none}

#filterToggleReset{ display:none; margin-top:20px}

#filterShowToggles{ text-align:center}
#filterShowToggles button{ background: #c0c7cb; border-radius: 0 0 5px 5px; border: none; color: #405059; line-height: 30px; height: 30px; padding: 0 10px; outline: none;}
#filterShowToggles button:hover{ background:#c0311a; color:#fff}

.specialToggles{ display:none}

#specialFilterWrapper{ border-bottom:2px solid #E9EBEC; margin:20px 0; position:relative; z-index:10; text-align:center}
.filterOptionWrapper, .filterTitle{ display:inline-block; margin:0 10px; position:relative}

.filterTitle{ line-height:35px; font-weight:bold; font-size:18px}

.filterBtn{ background: #c0c7cb; border-radius: 5px 5px 0 0; border: none; color: #405059; line-height: 35px; height: 35px; padding: 0 20px; outline: none;}
.filterBtn .glyphicon{ font-size:.8em}
.filterBtn:hover, .filterBtn.active{ background:#c0311a; color:#fff}

.filterOptions{ position:absolute; left:0; top:100%; width:476px; padding:10px; background:#fff; border:3px solid #c0311a; display:none; z-index:10}
.branchOptions{ left:auto; right:0}

.filterOption{ float:left; width:150px; padding:5px; border-bottom:1px solid #E9EBEC}
.filterOption button{ width:140px; text-align:left; background:none; outline:none !important; box-shadow:none !important}
.filterOption button .glyphicon{ font-size:.8em}
.filterOption button:hover{ color:#0C8F8F}
.filterOption.active button .glyphicon:before{ content: "\e067";}

#specialFilterWrapper #filterToggleReset{ margin-top:0; position:absolute}
/*** CONTENT ***/
/*body { font-family: 'Maven Pro', sans-serif; color:#373634; font-size:15px; background:#fff}*/
h1, h2, .title{ font-family: 'Sue Ellen Francisco', cursive; margin-top:0px; color:#f58025; font-weight:normal; text-transform:uppercase}
h2, h3, h4{ margin-top:0px; color:#551900; font-weight:normal; text-transform:uppercase}

#content h1{ font-size:45px; line-height:1em; text-align:center; margin-bottom:20px; font-weight:normal; position:relative}
#content h1:before{ content:" "; width:100%; height:1px; background:#f58025; display:block; position:absolute; top:15px}
#content h1:after{ content:" "; width:100%; height:1px; background:#f58025; display:block; position:absolute; top:20px; border:1px solid #fff; border-width:0 15px}
#content h1 span{ background:#fff; padding:0 15px; position:relative; z-index:1}

#content h1 small{ font-family: 'Maven Pro', sans-serif; font-size:18px; display: block; margin-top:10px; position:relative; z-index:2}

#content h2{ font-size:36px; padding-bottom:5px; margin-bottom:20px; text-align:center}
#content h3{ font-size:22px; font-weight:bold}
#content h4{ font-size:18px; font-weight:bold}

#viewGallery{
display:none;}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small{ color:#9e9c97}

img.pull-right{ margin-left:20px}
img.pull-left{ margin-right:20px}

.centerText{ padding: 0 20%; text-align: center; font-size: 20px; line-height: 24px; margin-bottom:40px}

.svg{ display:none}
.replaced-svg{ display: inline-block}

.hidden{ display:none}

img.right{ margin:0 0 20px 20px}
img.left{ margin:0 20px 20px 0}

.list-item{ /*border-bottom:1px solid #9e9c97;*/ padding-bottom:20px; margin-bottom:20px}
.list-item-image{ width:20%; float:left}
.list-item-content{ margin-left:20%; padding-left:20px}
.list-item-title{ font-size:18px; color:#f58025; font-weight:bold}
.list-item-link{ display:block; text-align:right}
.list-item-link:after{ font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; content: "\e080";}
.list-item-details{ color: #999; font-size: 12px; line-height: 16px; height: 16px;}

.faq-item, .faq-section{ margin-bottom:20px}
.faq-question{ font-size:20px; color:#0C8F8F}
.faq-answer{ padding-top: 10px;}

.faq-question .btn { width: 100%; text-align: left; white-space: initial; color:#222}

.transition, .btn, a{ -webkit-transition: background 0.2s linear, border 0.2s linear, color 0.2s linear;
-moz-transition: background 0.2s linear, border 0.2s linear, color 0.2s linear;
-ms-transition: background 0.2s linear, border 0.2s linear, color 0.2s linear;
-o-transition: background 0.2s linear, border 0.2s linear, color 0.2s linear;
transition: background 0.2s linear, border 0.2s linear, color 0.2s linear;}

.contentBtn{ background:url(include_graphics/btn_bg_white.png) no-repeat left bottom; color:#c0311a; padding:0 0 0 6px; border-radius:0; font-family: 'Sue Ellen Francisco', cursive; font-size:22px; text-transform:uppercase}
.contentBtn:hover{ color:#7d2011}
.contentBtn span{ display:block; background:url(include_graphics/btn_bg_white.png) no-repeat right top; padding: 0 20px 0 14px; line-height:40px}

.darkBtn, .darkBtn span{ background-image:url(include_graphics/btn_bg_dark.png)}
.darkBtn{ color:#fff}
.heroimgContainer{
    position:relative;
}
.heroImgOverlay{
        position: absolute;
    top: 110px;
    right: 0px;
}
/*** CHAT BUTTON ***/
		.liveChatBut {
background-color: #c0311a;
border-top-left-radius: 6px;
border-top-right-radius:  6px;
color:white;
position: fixed;
right: 40px;
    bottom: 0;
    font-family: Helvetica;
    width:220px;
    z-index:999;
		}
            .liveChatBut:hover {
           cursor:pointer;
                 }

        .liveChatButTop{
            font-size: 22px;
            font-weight: bold;
        }
        .liveChatButBot{
            font-size: 12px;
        }
        .liveChatButImg{
            padding-top:5px;
            width:40px;
            height: auto;
            padding-right:5px;
        }
/* flag icons */
.iconFlag{ background:url(include_graphics/flag-sprite.png) no-repeat; display: inline-block; width:16px; line-height:1em; height:11px; margin-right:5px}
.iconFlag:before { content: " ";}
.flag-en{ background-position:left top}
.flag-fr{ background-position:-16px top}
.flag-de{ background-position:-32px top}
.flag-nl{ background-position:-48px top}
.flag-au{ background-position:left -11px}
.flag-nz{ background-position:-16px -11px}
.flag-us{ background-position:-32px -11px}
.flag-ca{ background-position:-48px -11px}
.flag-zh{ background-position:-16px -22px}
.flag-global{ background-position:left -22px}

a.transLink { display:block; position:absolute; left:0; right:0; top:0; bottom:0; z-index:5 !important}
a.transLink:hover{ background:rgba(255,255,255,0.2)}
a.transLink a img{ width:100%}

.glyphicon{ font-size:0.8em}

/*** LAYOUT ***/
html { height: 100%; position: relative;}
body{ height:100%; overflow-x:hidden}
body.hasPopup{ height:auto}

#headerWrapper{ z-index: 30; position: relative;}
	
#header{ background:#551900; border:none; box-shadow:0 2px 2px rgba(0,0,0,0.3); border-radius: 0; position:absolute; top:30px; left:0; right:0; z-index:5} 
#headerWrapper .container{ position:relative}

.nav-left{ float:left}
.nav-right{ float:right}

#headerNav .nav{ text-align:center; float:none}
#headerNav .nav>li{ display:inline-block; float:none}
#headerNav .nav>li.centerNavLeft{ margin-right:105px}
#headerNav .nav>li.centerNavRight{ margin-left:105px}
#headerNav .navbar-nav>li>a{ font-family: 'Sue Ellen Francisco', cursive; color:#fff; font-size:24px; text-transform:uppercase}
.frWrapper #headerNav .navbar-nav>li>a{ font-size:22px;}
.nlWrapper #headerNav .navbar-nav>li>a{ font-size:19px;}
#headerNav .navbar-nav>li>a:hover, #headerNav .navbar-nav>.open>a, #headerNav .navbar-nav>.open>a:hover, #headerNav .navbar-nav>.open>a:focus{ background:#3c1201}
#headerNav .caret{ position: absolute; bottom: 5px; margin: 0 0 0 -2px; left: 50%;}

#headerNav li>.dropdown-menu{ background:#3c1201; border:none}
#headerNav .dropdown-menu>li>a{ color:#fff}
#headerNav .dropdown-menu>li>a:hover{ color:#373634}

.menu-separator{ clear:both; border-top:1px solid #672509; width:100% !important; margin:10px 0; text-indent:-5000px; font-size:0px}

#headerToolbarWrapper{ position:absolute; right:0; top:50px; z-index:4}

#headerToolbar{ float:left;  padding-left:10px; color:#fff; background-color:#373634; border-bottom-left-radius:4px; border-bottom-right-radius:4px;}
#headerToolbarInner{  padding-right:10px; height:50px}

#contactDetails{ font-size:20px; line-height:25px; float:left; padding-left:5px}
#contactDetails .glyphicon{ font-size: 16px;}
#contactDetails a{ color:#fff; font-weight:700}
#contactDetails a:hover{ color:rgba(255,255,255,0.8)}

#contactHours{ font-size: 12px; line-height: 15px; font-weight: normal}

#headerLang{ float:right; margin-left:15px; padding-left:5px}
#headerLang .langName, #headerLang .dropdownTitle, #headerLang .divider{ display:none}
#headerLang .iconFlag{ margin:0}
#headerLang .langNav{ margin: 0;}
#headerLang .nav>li>a, #headerLang .dropdown-menu>li>a{ padding:10px 10px}
#headerLang .nav>li>a:hover, #headerLang .nav>li>a:focus, #headerLang .nav .open>a, #headerLang .nav .open>a:hover, #headerLang .nav .open>a:focus{ background:#171716}
#headerLang .dropdown-menu{ width: 100%; min-width: initial; border-radius:0 0 5px 5px; background:#171716; margin:0}

#headerSocial{ position:absolute; right:600px; width:200px}
#headerSocial .roundIcon{ float:left; margin-left:10px}


#heroWrapper{ position:relative; background:url(include_graphics/paper-grain.jpg); border-bottom: 1px solid #fff; z-index:20; }
#heroWrapper .row, #heroWrapper .row>div, #hero, #searchWrapper{ height:100%}

#vanImg{ position:absolute; bottom:-30px; left:50%; margin-left:-200px}

.greyBar{ height:10px; position:absolute; bottom:0; left:0; right:0; background:rgba(0,0,0,0.3)}

.searchFormTitle{ color:#551900; font-size:32px; padding-left:10px; font-family: 'Sue Ellen Francisco', cursive; margin-top: 0px; font-weight: normal; text-transform: uppercase;}

#hero{ width:50%; overflow:hidden; position:absolute; top:0; right:0}
#heroImg{ width:100%; height:auto; }
#heroImg.apolloClubImg{ position:absolute; left:0; bottom:0}

#content{ padding-top:25px}

#dnn_contentPane{ padding-bottom:20px}
#dnn_contentPane.DNNEmptyPane{ padding-bottom:0x}

#footerWrapper{ background:url(include_graphics/wood-herringbone.jpg) center top; color:#fff; border-top:1px solid #fff; min-height:195px}
#footer{ padding-top:60px; position:relative}
.QuickSearchToggle{
    float:right;
    margin-top:22px;
    margin-right:20px;
}
#copyright{ font-size:12px; max-width:100%; text-align:center; }
 #copyright > a {
   color: white !important;
}
Try it Yourself �

#footerNav .nav{ margin:0}
#footerNav a{ color:#fff; border:none}
#footerNav .dropdown-toggle{ border:1px solid #fff; border-radius:6px; overflow:hidden; text-transform:uppercase; font-family: 'Sue Ellen Francisco', cursive; font-size:18px; z-index: 1001;}
#footerNav .dropdown-toggle .glyphicon{ float:right}

#footerNav .dropdown-menu{ top:auto; bottom:100%; background:#373634; border-radius:6px 6px 0 0; border:none; box-shadow:none; font-size:14px; margin-bottom:-6px; width:100%; padding-bottom:16px}
#footerNav .langNav .dropdown-toggle .iconFlag{ display:none}
#footerNav .langNav .dropdown-menu{ left:auto; right:0}
#footerNav .dropdownTitle{ text-transform:none; padding:0 20px;}
#footerNav .dropdown-menu .divider { background:#242320}

#footerNav .nav .open > a, #footerNav .nav .open > a:hover, #footerNav .nav .open > a:focus, #footerNav .nav > li > a:hover, #footerNav .nav > li > a:focus { background-color: #FFF; color:#373634}
#footerNav .dropdown-menu > li > a:hover, #footerNav .dropdown-menu > li > a:focus { background-color: #c0311a}
#footerNav .dropdown-menu > li > a { text-transform:none}

#footerSocial{ text-align:center; margin-top:20px; margin-bottom:30px;}

#footer .livechat_button{ margin:-50px 0 -10px 0; float:right;display:block; width:191px; height:214px; /*text-indent:-2000px;*/ overflow:hidden; background:url(include_graphics/liveChat.png) no-repeat; cursor:pointer;}
#liveChat > a > div > a > img{display:none;}
#liveChat > div > a > img{display:none;}
#dnn_subNavWrapperPane .DnnModule{ position:relative; z-index:10}
#subNavWrapper{ background:#c0311a}
#subNavWrapper.hasAffix{ height:65px}
#subNav{ background:#c0311a; position:relative; z-index:1}
#subNav.affix{ position:fixed; top:0px; width:100%; z-index:100; border-bottom: 5px solid #551900;}
.showControlBar #subNav.affix{ top:85px}

#subNav .navbar-nav > li > a { padding:0 15px; line-height:55px; color:#fff}
#subNav .navbar-nav > li > a.btn_back { color:#551900}
#subNav .navbar-nav > li > a.btn_back .glyphicon{ top:2px}
#subNav .navbar-nav > li > a:hover{ background:#7d2011; }
#subNav .navbar-nav > li > a:active, #subNav .navbar-nav > li > a:focus{ background:none; }
#subNav .secondaryLinks > li > a { color:#551900}

#subNav .secondaryLinks > li > a.btn_compare{ color:#EDD75A}
#subNav .secondaryLinks > li > a.btn_compare .glyphicon{ top:4px}

#subNav .scrollTop{ display:none}

.subTitle{ line-height:55px; font-weight:700; color:#551900; margin-right:10px}

a.disabledTab{ color:#ccc}

/* round icons ***************/
.roundIcon{ display:inline-block; width:35px; height:35px; overflow:hidden; position:relative}
.svgWrapper{ width:35px; height:140px; display:block}
.roundIcon .svg{ width:35px;}

.facebookIcon .svg{ margin-top:-35px}
.phoneIcon .svg{ margin-top:-70px}
.instagramIcon .svg {
    margin-top:-70px
}
.roundIcon svg path { fill: #c0311a;}
.roundIcon:hover svg path { fill: #7d2011;}
#footerSocial .roundIcon svg path { fill: #FFF;}
#footerSocial .roundIcon:hover svg path { fill: #9e9c97;}
#getInContact .roundIcon svg path { fill: #c0311a;}

#getInContact .roundIcon{ width:40px; height:40px}
#getInContact .svgWrapper{ width:40px; height:160px}
#getInContact .roundIcon .svg{ width:40px;}
#getInContact .twitterIcon .svg{ }
#getInContact .facebookIcon .svg{ margin-top:-40px}
#getInContact .phoneIcon .svg{margin-top:-120px}
#getInContact .locationIcon .svg{ margin-top:-160px}
#getInContact .instagramIcon .svg{  margin-top:-80px}
.iconPng{
    width:40px;
    height:40px;
}
/* FORMS *********************/
/*contact form*/

#contactForm .form-group{ border-bottom:1px solid #e9ebec; padding-bottom:20px; margin-bottom:20px}

#contactForm .form-group input[type="text"], .CaptchaStyle  input[type="text"], #contactForm .form-group textarea{ display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #9e9c97; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);}
#contactForm .form-group textarea{ height:130px !important}
.CaptchaStyle  input[type="text"]{ width:180px; margin:0 auto}

.CaptchaStyle{ margin:0 20% 20px; text-align:center}
.CaptchaStyle img{ display:block; margin:0 auto; border-radius:6px; margin-bottom:10px}

#SubmitButton{ text-align:center}
.CommandButton{ display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 10px 16px; font-size: 19px; line-height: 1.33; border-radius: 6px; -webkit-user-select: none; -moz-user-select: none;
-ms-user-select: none; user-select: none; color: #fff; text-decoration:none !important; background-color: #f5822b; border-color: #f47413; box-shadow: none; text-shadow: none;}

/*search form*/
#searchFormText{ display:none}

#searchWrapper{ padding-bottom:80px; z-index: 999;padding-top:150px}
#searchWrapper label { padding: 0 0 5px; margin: 0; font-size: 11px; font-style: italic; font-weight: normal; line-height: 1em; color: #373634; white-space: nowrap; display: block;}

/*#searchWrapper .hiddenContent { top: auto; margin: 0; bottom: 0; height: 0; overflow: hidden;}*/
#showSearchBtn{ display:none}

#searchWrapper .formSection{ position: relative; min-height: 1px; padding-left: 10px; padding-right: 10px}

.formPopupWrapper{ position:relative}
.formPopup{ position:absolute; top:100%; left:0; border:1px solid #f58025; background:#fff; border-radius:0 6px 6px 6px; padding:15px; z-index:10; display:none; margin-top:-1px}
.popupTitle{ font-size:18px; margin-bottom:10px; font-weight:bold; padding-left: 10px;}
.formPopup ul{ margin:0; padding:0; list-style:none; width:480px}
.formPopup li{ width:160px; float:left}
.formPopup li a{ display:block; line-height:1; padding:5px; border-bottom:1px solid #9e9c97; margin:0 5px}
.formPopup .close{ color: #fff; opacity: 1; width: 30px; height: 30px; text-align: center; background: #c00; text-shadow: none; border-radius: 0 5px; margin: -15px -15px 0 0; }

.hasInputPopup{ border-color:#f58025; position: relative; border-radius: 3px 3px 0 0; z-index: 11; border-bottom-color: #fff !important; box-shadow:none !important}

.form-control{ padding:6px;}

.formPopup .ui-widget { font-size:0.8em !important}

.dateWrapper{ position:relative}
#StartDate, #EndDate { visibility: hidden;}
#StartDateSurrogate, #EndDateSurrogate { position: absolute; top: 0; left: 0; white-space: nowrap; overflow: hidden;}
/*.StartTime, .EndTime{ margin-left:-5px}*/

#StartDepotCodeSurrogate.marquee, #EndDepotCodeSurrogate.marquee, #StartDateSurrogate.marquee, #EndDateSurrogate.marquee{
	-webkit-animation: marquee 7s linear infinite;
	animation: marquee 50s linear infinite;
	animation-play-state: paused;
	-webkit-animation-play-state: paused;
}
#StartDepotCodeSurrogate.marquee:hover, #EndDepotCodeSurrogate.marquee:hover, #StartDateSurrogate.marquee:hover, #EndDateSurrogate.marquee:hover{
	animation-play-state: running;
	-webkit-animation-play-state: running;
}

@keyframes marquee {
    0%   { text-indent: 0em }
    100% { text-indent: -15em }
}

@-webkit-keyframes marquee {
    0%   { text-indent: 0em }
    100% { text-indent: -15em }
}

.searchForm .form-group { margin-bottom:8px}
.searchForm .form-group.red label { color:#c00}
.searchForm label { padding:0 0 5px; margin:0; font-size: 11px; font-style: italic; font-weight: normal; line-height: 1em; color:#424242; white-space: nowrap; display:block}
#StartDatePicker, #EndDatePicker{ margin-bottom:10px}

#search-element > span > #searchBtn, #searchBtn2{  padding:0px; text-align:center; line-height:40px; font-size:24px; font-family: 'Sue Ellen Francisco', cursive; text-transform:uppercase; float:right; background:url(include_graphics/searchBtnBg.png) no-repeat  top; color:#fff; border:none; border-radius:0; transition: none;}
#searchBtn2 {
    width: 150px;
}
#searchBtn {
    width:100%;
}
#searchBtn:hover{ background-position:left bottom}
#searchBtn .glyphicon{ display:none}

#searchFormHolder{ position:absolute; left:0; width:100%; background:#405059; box-shadow:0 -5px 5px rgba(0,0,0,0.3) inset; top:-5000px; overflow:hidden}
#searchFormHolder.open{ overflow:visible}
#searchFormHolder #searchFormWrapperBody{ margin-top:20px; margin-bottom:20px}

.searchFormClose{ background:#c00; color:#fff; border:none; padding:0 10px; position:absolute; right:10px; bottom:100%; line-height:30px; height:0px; border-radius:5px 5px 0 0; overflow:hidden}

#checkinForm{height:0px;overflow:hidden; background: #9e9c97; position:absolute; right:0; left:100px; top:100%; border-radius:0 0 4px 4px; box-shadow: 0 2px 2px rgba(0,0,0,0.3); z-index:1;}
#checkinForm .inner{ padding:20px}

#showCheckin{ float:right; margin:-15px 20px 0 0; position: relative; z-index: 1; border:0; background:none; font-family: 'Sue Ellen Francisco', cursive; color:#c0311a; font-weight:normal; text-transform:uppercase; line-height:40px; padding:0; font-size:22px}
.groupBookBtn{ float:left; margin:-40px 200px 0 0; position: relative; z-index: 1; border:0; background:none; text-transform:uppercase; line-height:40px; padding:0;  color:#c0311a;  }
#GroupBook:link, #GroupBook:visited, #GroupBook:hover, #GroupBook:active {
   color:#c0311a;
}
#checkinFormClose {
    position: absolute;
    right: 10px;
    top: 5px;
    cursor: pointer;
}


/* footer brand links */
#dnn_footerBrandLinks{ background:#373634; padding:10px 0; box-shadow:0 5px 5px rgba(0,0,0,0.3) inset}
#brandLinks{ margin:0 auto; width:870px}
#brandLinks span{ display:block; float:left; text-align:right; border-right:1px solid #737371; font-weight:bold; color:#737371; padding-right:15px; margin-right:15px; line-height:15px; width:125px; font-size:12px}
#brandLinks a{ display:block; float:left; background:url(include_graphics/brand-logos.png); height:34px; text-indent:-5000px; margin-right:15px; transition:initial !important}
#brandLinks a.starrv{ background-position:left top; width:82px}
#brandLinks a.starrv:hover{ background-position:left bottom}
#brandLinks a.apollo{ background-position:-82px top; width:102px}
#brandLinks a.apollo:hover{ background-position:-82px bottom}
#brandLinks a.cheapa{ background-position:-186px top; width:96px}
#brandLinks a.cheapa:hover{ background-position:-186px bottom}
#brandLinks a.hippie{ background-position:-284px top; width:59px}
#brandLinks a.hippie:hover{ background-position:-284px bottom}
#brandLinks a.talvor{ background-position:-345px top; width:67px; margin-right:0px}
#brandLinks a.talvor:hover{ background-position:-345px bottom}
#brandLinks a.winnebago{ background-position:-413px top; width:102px}
#brandLinks a.winnebago:hover{ background-position:-413px bottom}
#brandLinks a.adria{ background-position:right top; width:106px;}
#brandLinks a.adria:hover{ background-position:right bottom}

/* home special links */
#specialLinksWrapper{ background:#333 url(include_graphics/specialLinks_bg.jpg) no-repeat center; background-size:cover; padding:100px 0; text-align:center; margin-top:50px}
#specialLinksWrapper .specialLink{ display:block; margin:0 15px}
#specialLinksWrapper .specialLink .svg{ width:100%; margin-bottom:30px}
#specialLinksWrapper .specialLink svg #text { fill: #fff;}
#specialLinksWrapper .specialLink svg #base { fill: #fff;}
#specialLinksWrapper .specialLink:hover svg #base { fill: rgba(255,255,255,0.3);}

/* vehicle price tiles */
.vehiclePriceTile{ position:relative; font-family: 'Sue Ellen Francisco', cursive; text-transform:uppercase; max-width:270px; margin:0 auto}
.vehiclePriceTag{ position:absolute; bottom:60px; background:#c0311a; color:#fff; padding:0 10px; height:45px}
.vehiclePriceTag:after{ content:" "; display:block; clear:both}
.vehiclePriceFrom{ -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); font-size:14px; float:left; position:relative; margin-top:10px}
.vehiclePrice{ font-size:40px; line-height:45px;  padding:0 5px; float:left}
.vehiclePrice span{ font-size:20px; line-height:45px; position:relative; top:-10px}
.vehiclePricePerDay{ font-size:14px; width:22px; float:left; line-height: 16px; margin-top: 8px;}

.vehiclePriceImg{ width:100%}

.vehiclePriceName{ line-height:30px; font-size:30px; margin-top:10px}

.vehiclePriceIcon{ position:absolute; right:10px; bottom:0; border:2px solid #fff; width:80px; height:80px; border-radius:40px; background:#c0311a; text-align:center}
.vehiclePriceIcon svg{ width:70px; height:100% }

/* instagram **/
#instagramFeedWrapper{ border:none; background:#c0311a; color:#fff; text-align:center; padding:20px 0}
#instagramFeedWrapper h2{ color:#fff; padding-right:20px; border:none}
#instagramFeedWrapper p{ padding-right:20px}
		
#instagramFeedWrapper .col-sm-2{ padding:0}
#instagramFeedWrapper .inner{ padding:0}
#instagramFeedWrapper ul{ list-style:none; margin:0; padding:0}
#instagramFeedWrapper ul{ margin:0}
#instagramFeedWrapper li img{ width:100%}

#instagramFeedText{ margin:20px 20px 0 0; text-align:right}
#instagramFeedText a{ font-weight:bold; color:#fff}

/* Get in Contact */
#getInContactWrapper{ background:url(include_graphics/paper-grain.jpg);}

#getInContact{ padding:40px 0 0 0; font-size:24px; color:#551900; text-align:center}
#getInContact a{ color:#551900}
#getInContact ul{ max-width:300px; margin:0 auto 20px}
#getInContact li{ line-height:35px; margin-bottom:20px; text-align:left}
#getInContact .roundIcon{ float:left; margin-right:20px}

#contactLocationMap, #getInContactImg{ margin:0 -10px; height:420px; overflow:hidden}


#getInContactImg{ background:url(include_graphics/hero-sample.jpg) no-repeat; background-size: cover; background-position: center;}

/* vehicle details page ****************************/
.compareAddVehicle{ display:none; font-style:italic; background:none; border:none; padding:0; line-height:50px; height:50px; margin:0 20px; outline:none !important}
.compareAddVehicle.vehicleSelected{ color:#F5822B}
.compareAddVehicle.vehicleSelected .glyphicon:before{ content: "\e067";}

.vehicleMeta{ margin-bottom:20px}
.vehicleMeta .berthIcons, .vehicleMeta .featureIcons{ display:inline-block; margin:0 10px}

#vehicleDetialsWrapper{ width:auto !important; padding:0 !important}

/* gallery */
#vehicleGalleryWrapper{ position:relative; margin:-50px 0 50px 0}

#vehicleGalleryContentWrapper{ position:relative; z-index:2; color:#fff; padding-top:40px; height:700px; margin:0 10%}
#vehicleGalleryContent{  vertical-align:middle; text-align:center; padding:0 15%}
#vehicleGalleryContent .alert{font-size:12px; background:rgba(255,255,255,0.8); border:none; margin:0 10% 20px}
#bookNowSecondary{ display:none}

#vehicleGalleryContent h1{ color:#fff}
#vehicleGalleryContent h1 span{ background:none}
#vehicleGalleryContent h1:before, #vehicleGalleryContent h1:after{ display:none}
#vehicleGalleryContent h1 small{ color:#fff}
#vehicleGalleryContent .contentBtn{ margin-top:100px}

#vehicleGalleryClose{ text-align:center; z-index:10; position:absolute; left:10%; right:10%; top:640px; display:none} 


#galleryCarousel{ height:700px; position:absolute; z-index:1; top: 0; left: 0; right: 0;}
#galleryCarousel .carousel-inner, #galleryCarousel .item{ height:100%; width:100%}

#galleryCarousel .item .resizeImg{ height:100%}
#galleryCarousel .item .resizeImg img{ position: absolute; top:-100%; left:-100%; right:-100%; bottom:-100%; margin: auto; min-width:100%; min-height:100%}

 /*#galleryCarousel .item img.imgOverlay{ z-index:1}*/

#galleryCarousel .item:after{ content:" "; display:block; width:100%; height:100%; background:rgba(0,0,0,0.6); position:absolute; top:0; left:0; z-index:2}
#galleryCarousel.active .item:after{ background:none}

#galleryCarousel .carousel-control{ background:none; width:10%}

#galleryIndicatorsInner.inactiveIndicators{ height:1px; overflow:hidden; margin-top:-1px}
.galleryThumbnail{ float:left; cursor:pointer; max-width:15%}
.galleryThumbnail img{ width:100%}

.galleryThumbnail{ }

#galleryIndicatorsWrapper .scrollIndicatorLeft, #galleryIndicatorsWrapper .scrollIndicatorRight{ display:none}

/* Specs */
#specWrapper thead th { color:#c0311a;}
#specWrapper tbody th { width:40%; }

/* Location details page */
.locationInfo .table tbody th, .vehicleSection .table tbody th { width: 33%; font-weight: normal; font-style: italic;}

#locationMap { border-top: 2px solid #9e9c97; margin: 20px 0 0; min-height: 550px;}
#locationMap.branchMap { border: 2px solid #9e9c97; margin: 20px 0 40px}

/* feedback list *********************/
.home #feedback, #feedback.feedbackFooter{ margin:0; position:relative; overflow: hidden; padding:50px 70px; background:#373634}
#feedback.feedbackFooter{ margin-top:20px}
#feedback h2{ color:#fff}

.home #feedbackList{ min-height:100px}
.home #feedbackList .row{ height:100%}
.home #feedbackList .feedbackItem{ height:100%}

#feedbackListWrapper{ position:relative; z-index:2}
#feedbackListWrapper li{ border:none}

#feedback.feedbackFooter #feedbackList{ display:table}
#feedback.feedbackFooter .feedbackItem{ width:20%; display:table-cell; padding:0; border:1px solid #373634; border-width:0 10px; background:#fff}

.home #feedback .rating-inner{ background:#fff; padding:20px; margin-bottom:20px; box-shadow: 0 2px 2px rgba(0,0,0,0.1); height:100%; min-height:310px}
#feedback.feedbackFooter .rating-inner{ padding:0 20px;}
#feedback.feedbackFooter .rating-wrapper{ padding-top:20px}
#feedback.feedbackFooter .feedback-details{ padding-bottom:20px}

.personally-verified{ font-style:italic; margin-bottom:20px; color:#fff}
/*.home .personally-verified{ color:#fff;}*/
.feedbackVerified{ display:inline-block; background:#C0311A; color:#fff; border-radius:20px; padding:3px 10px}

#feedbackList, #feedbackList li{ list-style:none; margin:0; padding:0}
#feedbackList .feedbackItem{ padding-bottom:20px; border-bottom:1px solid #e9ebec; margin-bottom:20px; position:relative; z-index:0}
.home #feedbackList li{ border:none}


.feedback-name{ line-height:16px; font-size:16px; color:#C0311A}
.feedback-name em{ display:block; font-size:0.8em}
.feedback-anonymous{ line-height:16px; font-size:16px}

.rating{ text-align:center; line-height:16px; padding:10px 0}

.feedback-date{ font-size:12px; }
#MainContent_feedbackList_feedbackMonthlyWinner .feedback-date{ position:static}
.feedback-details{ color:#999; font-size:12px; line-height:16px; min-height:16px}
.vehicle-rented{ font-weight:bold; color:#f58025; display:block}

#feedbackListCarousel .carousel-control{ width:50px !important; left:-50px}
#feedbackListCarousel .carousel-control.right{ left:auto; right:-50px}

#feedback .filterBox{ text-align:center}
#feedback .borderedBox{ display:inline-block}
#feedback .filterBox h3{ line-height:35px}
#feedback .filterBox h3, #feedback .filterBox .form-element{ display:inline-block;  margin:0 10px}

#feedbackAverage{ margin-top:20px; line-height:20px; text-align:center; color:#fff}
.feedbackAverageTitle{ display:inline-block; font-style:italic; margin-right:10px}

/* Deals list*/
.deals-location{ width:180px; background:#e3e1db; color: #c0311a; font-weight: 700; border-top-color: #9e9c97 !important;}
.deal-date{ width: 160px}

#dealsLocationsTabs{ margin-bottom:20px}

.dealsLocationBtns{ margin:20px 0}
.dealBtn{ display:block; margin-bottom:10px; text-decoration:none !important; position:relative; overflow:hidden}
.dealBtn .dealPickup{ display:block; line-height:20px; color:#fff; background:#373634; padding:0 10px; font-style:italic; font-size:12px; position:relative; z-index:1}
.dealBtn .dealLocation{ display:block; line-height:50px; color:#c0311a; background:#9e9c97; padding-left:10px; font-size:18px}

.dealBtn:after { content: "\e062"; position: absolute; right:-5px; bottom:-5px; font-size:60px; display: inline-block; color:#c9c7c3; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

.hotdeals .dealBtn:after{ content: "\e104";}

td.deals-book{ vertical-align:middle !important}

/* list cards */
.listCardItem{ margin-bottom:20px; text-align:center; position:relative; z}
/*.travelRouteItem h4{ display:block; background:#0C8F8F; color:#fff; text-align:center; padding:10px; margin-bottom: -5px; position: relative;}*/

.listCardTitle{ position: absolute; z-index: 1; top:0; left:0; right:0;}
.listCardTitleText{ margin: 0 auto; padding: 8px 10px; line-height: 18px; color: #fff; font-weight: bold; background: #c0311a; display: inline-block; position: relative; z-index: 1; width: 80%; font-size: 16px;}

.listCardTitle a{ color:#fff !important; text-decoration:none !important}
.listCardDetails{ background:#e9ebec; background:rgba(233,235,236,0.8); color: #405059; padding:0 10px; min-height:30px}
.listCardDetails .left-text{ float:left; margin:0; line-height:30px}
.listCardDetails .right-text{ float:right; margin:0; line-height:30px}

.listCardDetails .featureIcons img{ height:22px; margin:9px 0}

.listCardText{ font-size:12px; border:1px solid #e9ebec; padding:20px}
.listCardImg{ /*border-radius: 8px 8px 0 0;*/ overflow:hidden; height:160px}
.listCardImg img{ width:100%}
.travelRouteSection .listCardImg img{ width:100% !important}
#vehicleCards .listCardImg img{ height:100%}
.listCardItem .view-more:after{ font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; content: "\e080";}

.vehicleCardItem{ margin-bottom:20px}
.vehicleCardItem .listCardText p{ min-height:105px}
.vehicleCardItem .listCardItem{ margin-bottom:0px}

.vehicleCardSubTitle{ line-height:30px}

.vehicleCardCompare{ background:#e9ebec; text-align:center; margin-bottom:20px}
.vehicleCardCompare .compareAddVehicle{ color:#fff; line-height:30px; height:30px}
.vehicleCardCompare .compareAddVehicle.vehicleSelected { color: #2B373D;}

/* Travel Routes */
.travelRouteSection{ margin-bottom:20px}
.travelRouteHighlight{ border-top:1px solid #e9ebec; padding:20px 0}

#travelDestincations{ margin:0 0 20px}

/* Specials **************************/
.specialPage #heroBackground{ display:none}

.homeSpecialItem{ position:relative}
.homeSpecialItem .specialImg{ width:100%}
.homeSpecialItem .inner{ background:#e9ebec; padding:10px; border-radius:0 !important; margin:0 !important;}

.homeSpecialItem .specialBlurb{ font-size: 13px; margin-bottom: 10px;}

#specialsList .title{ font-size:24px; line-height:1; margin-bottom:10px}
.specialListItem{ }


.specialListImg{ width:auto !important; height:100%}

.specialListTitle{ font-size:20px; color:#c0311a; font-weight:bold}

.specialListText{ font-size:16px}

.specialHero{ margin-bottom:30px}
.specialHero img{ width:100%}

.special-copy{ text-align:center; font-size:16px}

#specialTerms{ margin-top:50px}
.termsTitle{ font-size:20px; color:#c0311a}

/* specials list */
.specialListItem .listCardItem{ height:300px}
.specialListItem .listCardText{ padding:10px;min-height:initial}
.specialListItem .listCardDetails{ padding-top:5px; padding-bottom:5px; position:absolute; bottom:0; left:0; right:0; height:75px; overflow:hidden; -webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;}
.specialListItem .listCardItem:hover .listCardDetails{ height:100%; background:rgba(55,54,52,0.90); padding-top:60px; color:#fff}
.specialListItem .transLink:hover{ background:none}

.specialListText{ height:75px}
.specialTerms{ font-size:11px; height:127px; margin-bottom:0}
.specialTerms li{ text-align:left; line-height:14px !important}

.specialViewLink{ display:block; width:100%; color:#c0311a}

.specialListItem .listCardImg{ height:100%; background:#373634}
.dealListItem .listCardDetails{ padding-top:0}
.dealListItem .specialListText{ line-height:30px; height:45px}
.dealLink{ position:absolute; z-index:6; bottom:0; left:0; right:0}
.dealLink .btn{ display:block; text-align:right; background:#9e9c97; color:#373634; border:none; padding-top:0px; padding-bottom:0px; line-height:30px; border-radius:0}

.conditions-list{ background:#e9ebec; padding:20px; display:none}

/* Conditions*/
.termsList{ margin-bottom:20px; border-bottom:1px solid #9e9c97}
.termsList .title{ font-size:24px; margin-bottom:20px}
.termsItem{ border:1px solid #ceccc8; padding:10px; margin-bottom:20px}
.termsItem span{ color:#9e9c97; font-style:italic}

/* happy campers ******************/
#storiesWrapper ul, #storiesWrapper li{ list-style:none; margin:0; padding:0}
#storiesWrapper li{ padding-top:20px; border-top:1px solid #e9ebec; margin-bottom:20px; position:relative; z-index:0 ;clear:left}
.story-name{ line-height:16px; font-size:16px; color:#0C8F8F}
.story-location{ font-size:12px; font-style:italic; color:#999; padding-left:20px}

.story-thumb{ width:60px; float:left; margin:0 20px 20px 0}
.story-thumb img{ width:100%}

.story-title{ font-weight:bold}

.story-meta{ color:#999; font-size:12px; line-height:16px; height:16px; margin-top:20px}
.story-hasimg{ padding-left:20px}

#storySubmitted{ font-weight: bold; font-size:12px; color:#8c969b; margin-bottom:20px}
#storySubmitted em { font-weight: normal}

.storyImages{ margin-top:20px; text-align:center}
.storyImages img{ margin:10px}

.step-header { font-size: 18px; margin-top: 15px; height: 60px; line-height: 60px;}
.step-header em { color: #c0311a; font-size: 30px; padding-right: 5px; font-weight: bold;}

.section-header { cursor: pointer;}

.form-section{ padding-bottom:10px; margin-bottom:20px; border-bottom:1px solid #9e9c97}

.image-fields{ border-bottom:1px dashed #9e9c97; margin-bottom:20px}
.image-title{ font-weight:bold}
.remove-image{ color:#c00;}

#captcha-img img{ display:block; margin:0 auto; border-radius:6px; margin-bottom:10px}

/*Contact Card*/
.contactCardInner{ text-align:center; border-bottom:1px dotted #9e9c97; min-height:150px; margin-bottom:20px}
.contactIcon{ font-size:35px; color:#9e9c97; height:50px}

.contactTitle{ text-transform:uppercase; color:#551900; font-size:18px; line-height:25px}

#contactCardSocial, #contactCardSocial li{ margin:0; padding:0; list-style:none}
#contactCardSocial{ margin-top:10px}
#contactCardSocial li{ display:inline-block; margin:0 3px; border-radius:50%; overflow:hidden; position:relative; width:40px; height:40px;}


#contactCardSocial a.transLink{ border:none}

.contactCard .contactIconSkype{ position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; width:32px; height:32px; background:url(include_graphics/icon-skype.png) no-repeat}

/* press ****************************/
.pressCategory, .listItemCategory{ margin-bottom:50px}
.pressItem, .listItem{ padding:20px 0; border-top: 1px solid #9e9c97;}
.pressImg, .listItemImg{ width:150px; float:left; padding-bottom:20px}
.listItemImg{ width:17%}
.pressImg img, .listItemImg img{ width:100%}

.pressContent, .listItemContent{ margin-left:170px;}
.pressTitle, .listItemTitle{ font-size:18px; font-weight:bold; color:#F5822B}

.releasedInfo{ color: #999; font-size: 12px; line-height: 16px; height: 16px; margin:10px 0 0 0}

.pressViewMoreItems{ text-align:right}
.pressMoreItems{ display:none}

.cms-list, .cms-list li{ margin:0; padding:0; list-style:none}
.cms-list li{ padding-top: 20px; border-top: 1px solid #9e9c97; margin-bottom: 20px; position: relative; z-index: 0;}
.cms-content{ margin-left:170px}

/* Travel Info **********/
.travlInfoDiscount{ float:right; border-radius:5px; box-shadow:0 3px 3px rgba(0,0,0,0.3); -ms-transform: rotate(4deg); -webkit-transform: rotate(4deg); transform: rotate(4deg); overflow:hidden; margin:10px 0 0 20px}
.travlInfoDiscountTitle{ width:130px; text-align:center; background:#C0311A; color:#fff; font-size:20px; font-weight:bold; padding:10px}

/* sitemap */
ul#sitemap, #sitemap ul{ margin:0; padding:0; list-style:none}
ul#sitemap{ margin:0 20%}
#sitemap ul{ margin-left:20px}
#sitemap li{ list-style-image:none; margin:0; padding:0}
#sitemap ul li{ background:url(include_graphics/vline.png) repeat-y left}
#sitemap ul ul li{ background-position:left center}
#sitemap a, #sitemap span.navTitle, #sitemap span.navText{ display:block; line-height:2em}
#sitemap ul li a, #sitemap ul li span.navTitle, #sitemap ul li span.navText{ background: url(include_graphics/node.png) no-repeat left center; padding:0 20px}
#sitemap ul ul li a, #sitemap ul ul li span.sitemap-no-link{ font-weight:normal; text-shadow:none}
#sitemap span.navTitle, #sitemap span.navText{ color: #F5822B; font-size: 18px; font-weight:bold }
#sitemap span.navText{ font-size: 16px; }

#sitemap ul li.last{ background:none}
#sitemap li.last a{ background:url(include_graphics/lastnode.png) no-repeat}

/******************** DNN *************************/
.listModuleEdit{ font-weight:bold; padding:5px; bordeR:1px solid #333; margin:5px}
.dnnFormPopup{ z-index:2000 !important}
.dnnEditState .ui-dialog, #Body .dnnFormPopup  { padding:18px; overflow: visible; margin-top:150px}
.dnnEditState .ui-dialog .ui-dialog-titlebar-close, #Body .dnnFormPopup .ui-dialog-titlebar-close{ position:static}

.dnnEditState #dnn_hero_background{ padding-top:150px}

.dnnEditState #dnn_endContentPane{ padding-bottom:100px !important}

.dnnEditState #heroWrapper{ min-height:100px; margin-top: 140px;}
.dnnEditState #heroBackground{ top: 80px;}
.dnnEditState #subNavWrapper{ margin-top:200px}

#Body #Form{ height:100%; margin:0 !important}

#pageWrapper.authenticated { margin-top:32px}
.showControlBar #pageWrapper.authenticated { margin-top:87px}

.authenticated #headerWrapper{ height:112px}

.authenticated #header, .authenticated #heroBackground{ margin-top:32px}
/*.showControlBar .authenticated #header, .showControlBar .authenticated #heroBackground, .dnnEditState #dnn_hero_background{ margin-top:87px !important}*/

.dnnEditState #dnn_subNavWrapperPane{ display:block; margin-top:120px}

.dnnEditState #heroWrapper{ margin:0 0 50px}
.authenticated #heroWrapper.minimisedSearch{ height:auto}

.dnnEditState #dnn_hero_content, .dnnEditState #dnn_hero_background{ height:120px}
.dnnEditState #dnn_hero_content{ height:120px}
.home #dnn_subNavWrapperPane{ margin-top:240px}

#heroBackground .dnnSortable{ margin-top:50px}

.DNNEmptyPane{ min-height:initial !important}

/*.dnnEditState #heroBackground .redactor_box{ margin-top:220px}*/

.Normal, .NormalDisabled, .NormalDeleted{ font-size:inherit}

h1 .LabelEditTextClass{ color:#405059}

#Body #Form #ControlBar_ControlPanel{ z-index:1500 !important}
#ControlBar, #ControlBar *{ box-sizing:content-box}
#dnn_userControlsWrapper{ background:#CCCEDB; height: 32px !important; min-height: 32px !important; position:fixed; top:0px; z-index:1050; width:100%; padding: 0 !important; border: 0;}
.showControlBar #dnn_userControlsWrapper{ top:55px}
#userControls { height: 32px;}

#login .registerGroup,
#login .registerGroup *,
#login .loginGroup,
#login .loginGroup * { display: block;}

#login .registerGroup,
#login .loginGroup { float: left; padding: 0; margin: 0;}

#login .registerGroup li:first-child:hover { border-left: #222;}

/* Register Group Styles */
#login .registerGroup li { float: left; padding:0}

#login .registerGroup .buttonGroup { margin-right: 0;}

#login .registerGroup a,
#login .loginGroup a { display: block; position: relative; height: 32px; line-height:32px; min-width: 12px; padding: 0 15px; color: #333; font-size: 11px}

#login .registerGroup a:hover,
#login .loginGroup a:hover {
background: rgb(45,45,45); /* Old browsers */ background: -moz-linear-gradient(top, rgba(45,45,45,1) 0%, rgba(86,86,86,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(45,45,45,1)), color-stop(100%,rgba(86,86,86,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d2d2d', endColorstr='#565656',GradientType=0 ); /* IE6-9 */ color: #e9ebec; text-shadow: 0px -1px 0px #333333; }

#login .registerGroup a:active,
#login .loginGroup a:active { color: #fff; text-shadow: 0px -1px 0px #333333;}

#login .registerGroup a:hover,
#login .loginGroup a:hover { text-decoration: none;}

#login .registerGroup a strong,
#login .loginGroup a strong { display: block; position: absolute; left: 0; top: 0; width: 100%; overflow: hidden; font-size: 11px; text-indent: -9999px; }

#login .userMessages a,
#login .userNotifications a { background-color: #333;}

#login .userMessages strong { height: 100%; background: url('include_graphics/icon_message.png') no-repeat center center;}

#login .userNotifications { border-right: 1px solid #CCC;}

#login .userNotifications strong { height: 100%; background: url('include_graphics/icon_notification.png') no-repeat center center;}

#login .registerGroup a span { display: inline-block; position: absolute; right: 2px; top: -9px; min-width: 7px; margin-right: 3px; background: rgb(59,150,182); /* Old browsers */ text-align: center; font-size: 11px; color: #fff; text-shadow: 0px 1px 0px #333333;}

#login .registerGroup .userProfileImg a { min-width: 25px; min-height: 32px; padding: 0; background: none;}

#login .registerGroup a img { height: 32px; width: 32px; background: #333;}

/* Login Group Styles */
#login .loginGroup { border-right: 1px solid #CCC;}

#login .loginGroup a { color: #333;}

/* Number of message next to the message icon*/
#login .userMessages a span,
#login .userNotifications a span { display: inline-block; margin-top: 9px; margin-right: 0px; background-color: transparent; font-size: 10px;}

/* Language */
#userControls .dropdown-toggle{ display:none}
#userControls .dropdown-menu{ position: static; display: block; background: none; border: none; box-shadow: none;}
#userControls .dropdown-menu li{ float:left}
#userControls .dropdown-menu li.divider{ display:none}
#userControls .langName{ display:none}
#userControls .dropdown-menu>li>a{ padding:0 5px}

#userControls .language .language-object{ padding-top:10px}

.language .language-object { float: right; display: block; margin: 0; padding: 0;}

.language .language-object span { float: left; display:block; margin: 0 0 0 5px;}

.language .language-object span:first-child { padding-left: 8px; }

.language .language-object span img { height: 12px; width: 17px; opacity: 0.3;}

.language .language-object span:hover img { opacity: 1;}

.language .language-object .Language.selected img { opacity: 1; border-color: #222; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8); box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8);}

/* customised modal dialog style */
.dnnFormPopup {   
	border-radius: 7px !important;
}
    .dnnFormPopup .ui-dialog-titlebar {
		margin: -18px -18px 0 -18px;
        padding: 22px 0 18px 22px !important;
		background: #092836;
		color: #ffffff;
        border: none;
        cursor: move;
		font-size:18px;
		font-weight: normal;
		border-radius: 5px 5px 0 0 !important;
		border:none !important;
    }
	
		.mobileView .dnnFormPopup .ui-dialog-titlebar{
			margin: inherit;
			padding: 5px 0 0 0;
			line-height: 1.5em;
			background-color: inherit;
			color: inherit;
			border: inherit;
			cursor: inherit;
			font-size: 22px;
			font-weight: bold;
			border-radius: 0;
		}
		
	.dnnFormPopup .dnnModalCtrl {
		top: 20px; 
		right: 22px;	
		width: 20px;
		height: 20px;		
		border: none;
		background-color: transparent;
		-webkit-border-radius: 0;
		border-radius: none;
		box-shadow: none;
    }
	
	        .dnnFormPopup .dnnModalCtrl .ui-dialog-titlebar-close {
				background: #092836 url(include_graphics/icon_close_dialog.png) no-repeat;
				border: none;
				width: 20px;
				height: 20px;	
				margin: 0;
			}
            .dnnFormPopup .dnnModalCtrl .ui-dialog-titlebar-close:hover {
				background: #092836 url(include_graphics/icon_close_dialog.png) no-repeat;
				border: none;
				width: 20px;
				height: 20px;	
				margin: 0;
            }
			
			.dnnFormPopup .dnnModalCtrl a.dnnToggleMax {
				display: none;		
			}
			.dnnFormPopup .dnnModalCtrl a.dnnToggleMax:hover {
				display: none;
            }

div.ui-dialog-titlebar > .ui-dialog-titlebar-close {    
	top: 20px; 
	right: 22px;			
	background: #092836 url(include_graphics/icon_close_dialog.png) no-repeat;
	border: none;
	width: 20px;
	height: 20px;	
}

	div.ui-dialog-titlebar > .ui-dialog-titlebar-close:hover {
		background-color: #092836;
		cursor: pointer;
	}
	
	.dnnFormPopup .ui-resizable-se {
		display: none !important;
	}
	
.dnnFormPopup div.ui-dialog-content{
	margin: 0 -18px -18px -18px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.comment-update-dialog textarea.message {
	display: block;
	box-size: border-box;
	-moz-box-size: border-box;
	margin: 20px;
	border-radius: none;
}

/* compose message popup css fix */
.dnnFormPopup div.ui-dialog-content.composeMessageDialog{
	padding-top: 20px;
}

	.mobileView .dnnFormPopup div.ui-dialog-content {
		margin: 0;
		border-radius: 0;
	}

div.dialog-footer{
	padding: 8px 30px 8px 30px;
	border-top: 1px solid #edeae9;
	background-color: #f4f4f4;	
}

	div.dialog-footer ul.dnnActions{
		display: block;
	}

	.mobileView div.dialog-footer,
	.mobileView .dnnFormPopup div.ui-dialog-buttonpane{
		padding: 0;
		border: none;
		background-color: transparent;
		margin: 0;
	}
	
	.mobileView div.dialog-footer ul.dnnActions.dnnRight{
		float: none;
		width: 100%;		
	}
	
	.mobileView div.dialog-footer ul.dnnActions.dnnRight > li{
		float: none;
		display: inline-block;
		width: 48%;
		margin: 0;
	}
	
	.mobileView div.dialog-footer ul.dnnActions.dnnRight > li > a{
		width: 100%;
	}	
	

.dnnFormPopup div.ui-dialog-buttonpane{
	padding: 12px 22px 18px 22px;
	border-top: 1px solid #edeae9;
	background-color: #f4f4f4;
	margin: 18px -18px -18px -18px;	
}

	.dnnFormPopup.fileManagerPopup .ui-dialog-buttonpane{
		margin: 18px -18px -18px -18px !important;	
	}

	.dnnFormPopup div.ui-dialog-buttonpane div.ui-dialog-buttonset{
		float: right;
	}

		.dnnFormPopup .ui-dialog-buttonpane div.ui-dialog-buttonset button{
			padding: 10px;
			float: right;
			display: block;
		}

.dnnFormPopup .dnnDialog,
.dnnFormPopup .ui-dialog-content.social-report-content {
	padding: 22px !important;
}
	
span.dnnFormRequired:after, div.dnnFormItem.dnnFormRequired > div.dnnLabel span:after {
        font-size: 16px;
}

#ui-datepicker-div{ font-size:12px}
    @media only screen and (min-width: 769px) {
        .mobOnly {
        display:none;
    }
            .mobAdjust {
        margin-top: -265.611px;
    }
}
@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    .mobRem {
        display: none;
    }
    .mobEdit {
    font-size: smaller;
    }}
@media (max-width: 767px) 
{
        #vehicleGalleryContent > h1{
        font-size: 36px;
    }
    #vehicleGalleryWrapper{
       margin-left: -10px;
    margin-right: -10px;
    }
    #vehicleGalleryContent{  padding:0;font-size:smaller;}
    #vehicleGalleryContent .alert{
        font-size: 10px;
    }
    #GroupBook{
        display:none;
    }
    .liveChatBut{
        display:none !important;
    }
    .searchFormTitle {
        font-size: 25px;
    }
	#header{ top:0; height:80px}
	#logo img{ height:100px; margin-left:20px}
	
	.navbar-default .navbar-toggle{ border:none; margin-top: 22px;}
	.navbar-default .navbar-toggle .icon-bar{ background-color:#fff}
	
	.navbar-header{ position: relative; z-index: 2;}
	
	#headerNav{ background:#373634; margin-top:-20px}
	#headerNav .nav>li{ display:block; }
	
	#headerToolbarWrapper{ top:100%; background-color:#fff;}
	
	#footer{ padding-top:0}
	
	#footerLogo{ text-align:center; padding:40px 0; border-bottom:1px solid #fff}
	#footerLogo img{ display:inline}
	
	#footerNav, #liveChat{ background:#373634; }
	#footerNav{ padding:20px}
	
	#footerNav .dropdown-menu{ background:#242320}
	#countryNav .dropdown-menu{ z-index:1002}
	
	.footerNav{ max-width:300px; margin:10px auto}
	
	#footer .livechat_button{ margin:0 auto; float:none}
	
	
	#searchForm{ padding-bottom:30px;}
	#searchForm:after{ content:" "; display:block; clear:both}
	
	#vehicleGalleryContentWrapper, #galleryCarousel{ height:450px}
	
	#vehicleGalleryContent .contentBtn{ margin-top:20px}
	#vehicleGalleryClose{ top:390px}
	
	/* home special links */
	#specialLinksWrapper{ background:#333; padding:20px}
	#specialLinksWrapper .specialLink{ margin:20px 0}
	#specialLinksWrapper .specialLink .svg{ display:none}
	
	#feedback.feedbackFooter .feedbackItem{ width: auto; display: block; height: auto;}
	
	.vehiclePriceTile{ margin-top:20px}
}

@media (min-width: 768px) 
{

       #heroWrapper{ min-height:40em}
	#logo{ position:absolute; left:50%; top:-50px}
	#logo img{ display:block; margin-left:-550px}

	.navbar-left {
		margin-left: -15px;
	}
	
	/*#heroWrapper{ height:540px}*/
	
	#searchWrapper .formSection{ float: left; width: 50%;}
	
	#searchFormWrapper.collapse{ display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important;}
	
	#footerLogo{ margin-top:-40px}
	
	#storiesWrapper, #pagination-inner{ margin:0 15% 20px}
	
	#travelDestincations{ margin:0 10% 20px}
	.pressCategory, .listItemCategory{ margin-left:10%; margin-right:10%}
	
	#contactForm{ margin:20px 20%}
}

@media (min-width: 768px) and (max-width: 991px) 
{
	#logo img{ width:150px; margin-left:-360px}
	#headerNav .navbar-nav>li>a{ font-size:18px; padding:15px 5px}
	
	#searchTitle { font-size:26px;}

	#searchWrapper .row{ margin-left:-3px; margin-right:-3px}
	#searchWrapper .col-xs-4, #searchWrapper .col-xs-6, #searchWrapper .col-xs-8{ padding-left:3px; padding-right:3px}
	 
	#searchWrapper .form-control{ font-size:12px; padding: 6px 4px; height: 32px;}
	
	/*#heroWrapper{ height:520px}*/
	
	#feedback.feedbackFooter .feedbackItem{ width: 33.3333333333%;}
	
	.vehiclePriceTile{ margin-top:20px}
}

@media (min-width: 992px) and (max-width: 1199px) 
{
	#headerNav .navbar-nav>li>a{ font-size:20px; padding:15px 10px}
	
	#feedback.feedbackFooter .feedbackItem{ width:25%}
}

@media (min-width: 1200px)
{
	#headerNav .navbar-nav>li>a{ font-size:24px}
    #copyright{ text-align:left }
}