/* 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}
.pushDown{
    padding-top:50px;
}
/* discoverCard */
.discoverCard{ position:relative; margin-bottom:20px; text-align:center; height:270px}
.cardHeader{ margin:0 auto; padding:0 10px; line-height:35px; margin-bottom:-35px; color:#fff; font-weight:bold; background:#73B06F; display: inline-block; position: relative; z-index: 1; min-width:120px; font-size:16px}
.cardContent{ position:absolute; bottom:0; left:0; right:0; z-index:1; color:#fff; font-size:16px; padding:0 20px 20px; text-shadow:0 1px 1px rgba(0,0,0,0.3); background:rgba(32,40,44,0.3)}
.videoCard .glyphicon{ font-size:60px}
.cardTitle{ font-size:30px; font-weight:bold; line-height:1em}
.cardTitle span{ font-size:16px; font-weight:bold; display:block; font-style:italic}


.feedbackRating{ display:inline-block}
.feedbackRating span{ font-size:10px; display:block; text-align:left; line-height: 1;}

.cardImg{ position:absolute; top:0; left:0; bottom:0; right:0; background-position:center center; background-repeat:none; background-size: cover; z-index:0}

/* press ****************************/
.pressCategory, .listItemCategory{ margin-bottom:50px}
.pressItem, .listItem{ padding:20px 0; border-top: 1px solid #e9ebec;}
.pressImg, .listItemImg{ width:150px; float:left; padding-bottom:20px}
.listItemImg{ width:20%}
.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 #e9ebec; 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:#F5822B; color:#fff; font-size:20px; font-weight:bold; padding:10px}


#homeHeroBanner{ position: absolute; right: 20px; bottom: 20px;}

/* BOOTSTRAP THEME */
/*.btn{ border-radius:0}
.btn-primary, .btn-info{ background-color:transparent;}
.btn-primary{ color:#f47413}
.btn-info { color:#0a7f7f; border-color: #0a7f7f;}
.btn-info:hover,
.btn-info:focus { border-color: #0a7f7f; background-color: #0a7f7f;}*/
.btn-primary, .btn-info{ color:#fff !important;}
.btn-block{ display:block}

.table{ font-size:inherit}

.img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img{ margin:0 auto}

/* DNN */
#dnn_ctr1364_ModuleContent{
    margin-top:20px;
}
.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 #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-bottom: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);}

#planCarousel > div > div > div > img{
    width:100% !important;
    height:auto !important;
}

#planCarousel > div > div{
       width:100% !important;
}
.galleryThumbnailInner > img{
    max-width:100%;
	     max-height:100px;
}

#galleryCarousel > div > div > picture > img, #galleryCarousel > div > div.item.active > picture > img{
    max-width:100%;
     max-height:550px;
}
/*** CHAT BUTTON ***/
		.liveChatBut {
background-color: #f5822b;
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;
        }
/*** MEDIA QUERIES ***/
@media (max-width: 767px) 
{
   #footerDisclaim-container{
    font-size: 11px;
}
   #locationMapLinks a{
           text-align: center;
   }
   .padding-but{
    padding: 5px 5px 0 0;
   }
	#headerToolbar{ display:none;}

    /*#contactDetails{ font-size:16px; line-height: 32px;}*/
    #contactDetails .glyphicon{ font-size: 12px;}
	
	#headerLang{ display:none}
    #headerLang .nav>li>a, #headerLang .dropdown-menu>li>a{ padding: 5px 10px;}
   
	#content h1{ font-size:35px;}
	#content h2{ font-size:25px;}
	#content h3{ font-size:20px;}
	#content h4{ font-size:18px;}

	/*#header{ background:#37444B}*/
	
	#homeVideo{ display:none !important}
	
	.menuOpen #header{ position:relative !important; margin:0 !important}
	.menuOpen #dnn_hero_content{ padding-top:0}
	
	.menuOpen .navbar-fixed-top .navbar-collapse{max-height:initial !important; background-color:white; }
	
    .navbar-brand a{ height:25px; margin-top:12.5px; width:111px}

	
	.navbar-toggle{ padding:9px 5px}

    .col-menu-3 > ul.dropdown-menu-large > li, .col-menu-4 > ul.dropdown-menu-large > li	{ width: 100%; float:none; padding: 0px;}

	.dropdown-menu-large { margin-left: 0 ; margin-right: 0 ;}
	.dropdown-menu-large > li { margin-bottom: 10px;}
	.dropdown-menu-large > li:last-child { margin-bottom: 0;}
	.dropdown-menu-large .dropdown-header { padding: 3px 15px !important;}

    /*.home #heroWrapper, #dnn_hero_content, #dnn_hero_content .DnnModule, .home #dnn_hero_content .DnnModule{ height:auto; min-height:200px}*/
    #dnn_hero_content .DnnModule, .home #dnn_hero_content .DnnModule{ position:static}


     .formPopup{ width:100%; border-radius: 0 0 6px 6px}
    .formPopup ul{ width:100%}
    .formPopup li{ width:50%}
	
	.formPopup .close{ border-radius:0}


    .centerText{ padding:0}

    .QuickSearchToggle, .hotDealsBtn{ float:right; margin:8px 5px 0 0; padding:6px; background:#F5822B; color:#fff; font-weight: bold;}
	
	#heroLinks{ left:0; right:0}
	#heroNav{ margin:0; width:auto}
	#heroNav li{ width:50%; margin:0; padding: 0 10px; position: relative;}
    #heroNav button, #heroNav a{ font-size:12px}

    .homePanel{ position:static; margin:0; opacity:1; height:auto; padding:20px 0 70px}
    #heroNav li#searchFormBackBtn{ margin-left:-5000px}

    .homeDeal{ margin-bottom:20px}
	.homeDealImg img{ height:auto; width:100%}
	
	#checkinForm, #showCheckin{ display:none}
	
	#footer .livechat_button{ margin:0; float:none; text-align:center}
	
	#footer{ padding-top:35px}
	
	#footerNav .langNav, #countryNav{ float:right; margin:0 0 20px 0; clear:right}
	#footerNav .dropdown-menu{ left: auto; right: 0;}
	
	#footerSocial{ margin-top:-60px; z-index:2;}

	.berthIcons{ position:static; margin-bottom:20px; text-align:center}
	
	
	#bookNowSecondary { display:none}
	
	#planPageBg{ display:none}

	
	.branchMap{ height:300px}
	
	#homeDealsWrapper{ background:#E9EBEC; padding: 20px 0; margin-top:20px; border-top:none; overflow:hidden;}

	#homeDealsText{ color:#405059}
	
	.homeDeal{ color:#405059}
	
	.homeDeal .title, .homeDeal ul{   list-style:square inside;}
    .homeDeal ul li{margin-left:auto; margin-right:auto; }
	.homeDeal-1, .homeDeal-2, .homeDeal-3{ transform:none}
	
	#homeDealsWrapper .listPageLink{ background:none; bordeR:1px solid #F5822B; text-indent:0px; width:auto; height:auto; color:#F5822B; font-size:16px; line-height:35px; padding:0 10px}
	
	/*.togglePassengers{ width:100%}
	.toggleFeatures{ width:240px}
	.vehicleToggle{ width:100px}
	.togglePassengers .vehicleToggle{ width: 16.666666666666666666666666666667%; margin:0}*/
	
	.listCardImg{ height:160px}

	.home #feedback, #feedback.feedbackFooter{ padding:20px}


    .home #feedback .rating-inner{ min-height:initial}

    .vehicleImage{ height:auto}
	    #waiting-list-but {
    margin-bottom:50px;}
}


/* forms *********************/

/* Check in form */
#showCheckin{ position:absolute; right:20px; top:210px; background:#c0c7cb; border-radius:0 0 5px 5px; border:none; color:#405059; line-height:30px; height:30px; padding:0 10px; box-shadow:0 2px 2px rgba(0,0,0,0.3) inset}
#showCheckin:focus{ outline:none}

#checkinForm{ position:absolute; right:20px; top:210px; padding:10px; background:#c0c7cb; border-radius:0 0 5px 5px; box-shadow:0 2px 2px rgba(0,0,0,0.3) inset; margin-top:-100px}
#checkinForm h2{ line-height:50px; float:left; margin:0}
#checkinForm .form-group{ float:left; margin:0 0 0 10px}
#checkinForm label { padding:0 0 3px; margin:0; font-size: 11px; font-style: italic; font-weight: normal; line-height: 1em; color:#424242}
#checkinForm button{ margin-top:20px}

/* filter form */
#listFilter .checkbox label.filter-label{ display:block; padding:0 !important; font-weight:bold}
#listFilter .checkbox label{ padding:0}
#listFilter .checkbox input[type="checkbox"]{ position:static !important; margin:0 10px 0 0 !important}

#famil-disclaimer{ background:#e9ebec; padding:10px; border-radius:6px; font-size:12px; margin-bottom:20px}
#famil-disclaimer p{ margin:0}

.panel-error{background:#c00; color:#fff}

/* newsletter signup */
#newsletter .title{ text-align:right; text-transform:uppercase; font-size:11px; margin-bottom:5px}

/* vehicles */
#vehicleSlideWrapper{ position:relative}
#vehicleSlideInner{ position:relative; z-index:2}
 
#vehicleSlidePanels{ background: #fff; border-radius:50%; border:5px solid #ccc; margin-bottom: 20px; overflow:hidden; height:565px}
#vehicleSlidePanels .vehiclePanel{ display:none; text-align: center; position: relative; height:100%}
#vehicleSlidePanels .vehiclePanel.active{ display:block}
#vehicleSlidePanels .contentBox{ position:absolute; top:50%; margin-top:-200px; padding:0 60px}

#vehicleList .vehiclePanel{ text-align: center; position: relative; background: #fff; border:1px solid #ccc; margin-bottom: 10px; overflow:hidden; height:270px}
#vehicleList .contentBox{ position:absolute; top:50%; margin-top:-100px; padding:0 30px; font-size:12px}
#vehicleList .contentBox p{ height:70px}

.vehiclePanelImg{ width:100%}
#vehicleList .vehiclePanelImg{ width:auto; height:100px}

/* vehicle list *********************/
.vehicleListItem{ background: #e9ebec; position:relative; margin-bottom:20px}
.vehicleListItem .inner{ background: #fff; border:1px solid #e9ebec; padding:10px}
.vehicleListName { font-size:22px; font-weight:bold; margin-bottom:10px; color:#0C8F8F}
.vehicleListThumb{ height:160px; overflow:hidden; position:relative}
.vehicleListThumb img{ width:100%; position:absolute; top:0; left:0}

.vehicleListDetails{ }
.vehicleListTitle{ font-size:14px; font-style:italic; margin-bottom:10px; color:#8C969B}
.vehicleListDetails p{ font-size:13px; min-height:90px}
.vehicleListRating{ font-size:11px; float:left; width:50%;}
.vehicleListRating img{ margin-top:5px}

.vehicleListLink{ color:#0C8F8F; font-size:12px; text-align: right;}

/* used vehicles *******************/
.usedVehicleItem{ border:1px solid #2d404e;padding: 15px;margin-bottom:20px;}
.usedVehicleItem button{ position:relative;z-index:0;vertical-align: middle;}
.vehicleImageWrapper{ position:relative}

.vehicleLogo{ max-height:20px}

.vehicleImage{ height:75px; overflow:hidden; margin:5px 0 20px}
.featuredImage{ height:100%;}
.vehicleImage a{ display:block; height:100%}
.vehicleImage img{ height:100%}


.vehiclePrice{ display:block; text-align:center; margin-top: 10px; color: #bd0404; font-weight: bold; font-size: 24px;}
.vehiclePrice small{ font-size:16px; position: relative; top: -5px;}

.vehicleFeatures .title{ font-size:22px; color:#0C8F8F; margin-bottom:10px}

.vehiclePriceWrapper{ margin:20px 0; border-radius:6px; background:#F5822B; color:#fff; padding:20px}
#usedVehiclePrice{ text-align:center; }
#usedVehiclePrice p{ font-size:18px; margin:0}
#usedVehiclePrice span{ font-size:40px; display:block; margin-bottom:10px; line-height:45px}
.vehiclePriceWrapper .usedEnquiryBtn, .vehiclePriceWrapper .usedBrochureBtn{ border-color:#fff; background:#fff; color:#F5822B !important; box-shadow: 0 1px 1px rgba(0,0,0,0.3);}
.vehiclePriceWrapper .usedEnquiryBtn:hover, .vehiclePriceWrapper .usedBrochureBtn:hover{ border-color:#fff; color:#fff}

#vehiclePriceTerms a{ color:#fff; font-weight:bold}

/*.usedVehicleItem button.usedEnquiryBtn{ position:absolute; bottom:20px; right:175px; z-index:10}*/

/* vehicle slider */
.vehicleSliderTitle{ text-align:center; font-style:italic}
#vehicleSlider.ui-slider { font-size: 16px; font-family: 'Roboto', sans-serif; height: 15px; border-radius: 0; border: none; background: url(include_graphics/vehicleSliderBg.png) no-repeat center center; background-size: cover; margin-bottom: 30px; }
#vehicleSlider .ui-slider-handle { border-radius: 50%; background: url(include_graphics/vehicleSliderHandle.png) no-repeat center center; border: none; height:45px; width:45px; margin-left:-22.5px; top:-15px; cursor:pointer; box-shadow:0 2px 2px rgba(0,0,0,0.3)}


#vehicleSlider .ui-slider-pip-first, #vehicleSlider .ui-slider-pip-last{ background:url(include_graphics/vehicleSliderIcon_2.png) no-repeat left bottom; width:49px; margin-left:-24px; height:25px; top:32px}
#vehicleSlider .ui-slider-pip-last{ width:67px; margin-left:-33px; background-position:right bottom}
#vehicleSlider .ui-slider-pip-first span, #vehicleSlider .ui-slider-pip-last span{ display:none}

#vehicleSlideStrip{ position:absolute; z-index:1; top:100px; width:100%; height:365px; background:#fff}
.vehicle1 #vehicleSlideStrip, .vehicle1 #vehicleSlider .ui-slider-handle, #heroBackground.vehicle1{ background-color:#F5822B}
.vehicle2 #vehicleSlideStrip, .vehicle2 #vehicleSlider .ui-slider-handle, #heroBackground.vehicle2{ background-color:#e31d3e}
.vehicle3 #vehicleSlideStrip, .vehicle3 #vehicleSlider .ui-slider-handle, #heroBackground.vehicle3{ background-color:#96b474}
.vehicle4 #vehicleSlideStrip, .vehicle4 #vehicleSlider .ui-slider-handle, #heroBackground.vehicle4{ background-color:#537bb9}
.vehicle5 #vehicleSlideStrip, .vehicle5 #vehicleSlider .ui-slider-handle, #heroBackground.vehicle5{ background-color:#5d99a4}
.vehicle6 #vehicleSlideStrip, .vehicle6 #vehicleSlider .ui-slider-handle, #heroBackground.vehicle6{ background-color:#006940}

#vehicleList .vehicle1{ border-color:#F5822B}
#vehicleList .vehicle2{ border-color:#e31d3e}
#vehicleList .vehicle3{ border-color:#96b474}
#vehicleList .vehicle4{ border-color:#537bb9}
#vehicleList .vehicle5{ border-color:#5d99a4}
#vehicleList .vehicle6{ border-color:#006940}

/* vehicle list */
.vehicleSection{ padding:50px 0; border-bottom:1px solid #8c969b}

.vehicleBookBtn{ margin-bottom:20px; display:none}
.vehicleBookBtn:focus{ outline:none}

/* vehicle page */
/*#video{ background:#20282c; margin-bottom:-75px; padding:50px 0 75px}
#videoContainer{ text-align:center}
#videoContainer iframe{ }*/

.vehicleDetailsCompare{ position:absolute; right:0; top:0}

#vehicleDetialsWrapper{ position:relative}

.vehicleMeta{ text-align:center; margin-bottom:20px}
.berthIcons, .featureIcons{ margin:0 10px; display:inline-block}
.featureIcons{ padding-top:10px}
.berthIcons img, .featureIcons img{ margin:0 5px}
.featureIcons img{ margin-top:15px; }

.childRestraint{ margin-top:20px; border-radius:6px; background:#c00; padding:10px; color:#fff}
.childRestraint .glyphicon{ float:left; font-size:50px; line-height:1}
.childRestraint p{ line-height:25px; margin:0 0 0 70px}
.childRestraint a{ display:block; line-height:25px; color:#fff; font-weight:bold; margin:0 0 0 70px}

#vehicleDesc{ }
#vehicleDesc p{ font-size:18px; line-height:24px}

#bookNowSecondary{ margin:20px 100px 0 100px}

/* showthroughs */
#showthroughWrapper{ border-bottom:1px solid #fff}

#showthroughCarousel{ margin:0 10%}

.part-wrapper{ margin-bottom:20px}
.videoChapters{ margin: 10px 0 20px 0; }
.videoChapter{ padding:0 10px}
.videoChapters a{ font-weight:bold}
.videoChapters a.inactive{ color:#fff}
.videoLength{ font-style:italic}

/* Deals list*/
#social-popup-close {
    float:right;
    cursor:pointer;
}
#social-popup{
       position: fixed;
       bottom: 0;
       left: 50px;
           display: none;
           background-color: #fff;
           width:350px;
}
#social-popup-img {
float:left;
}
#social-popup-content {
    float:right;
    width:150px;
}
#social-popup-footer {
color: grey;
font-size: smaller;
text-align:right;
}
.popover .top .arrow{
  top: 50px;
}
.wText{
    margin-top:25px;
}
    @media only screen and (min-width: 1200px) {
        .retailFormAffix {
            width: 270px;
        }
    }
    @media only screen and (min-width: 992px)  and (max-width: 1199px) {
        .retailFormAffix {
            width: 220px;
        }
    }
@media (min-width: 768px) {
    #locationMapLinks a {
        text-align: right;
    }
}
    @media only screen and (min-width: 769px) and (max-width: 991px) {
        .retailFormAffix {
            width: 165px;
        }
    .usedEnquiryBtn{
        font-size:11px;
    }
        }
    @media only screen and (min-width: 769px) {
          .retailFormAffix {
            position: fixed;
            top: 50px;
        }
#homeDealsWrapper #homeDealsText h2{background:transparent url(include_graphics/blackboard-bg_header.png) no-repeat center top; margin:0 auto; color:#fff; font-size:4em;  padding:30px 130px 80px 130px;}

        .mobOnly {
        display:none;
    }
            .mobAdjust {
        margin-top: -265.611px;
    }
}
            .mobAdjust {
        margin-top: -265.611px;
    }
            
@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    .mobRem {
        display: none;
    }
    .mobEdit {
    font-size: smaller;
    }
    	#homeDealsWrapper #homeDealsText h2{ color:#405059; padding:0 0 10px; background:none; color:#fff; font-size:2em}
}
.modal-img {
width:100%;}
.modal-fixer {
    max-width: 100%;

}
/*Waiting list button*/
@import url(http://fonts.googleapis.com/css?family=Montserrat:400);
.flipper-container {
  text-align: center;
  margin-top: 40px;
  -moz-perspective: 1000;
  -webkit-perspective: 1000;
  perspective: 1000;
}
.dealslist-title-but{

  font-family: 'Montserrat', arial, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  color: black;
}
.dealslist-title-text {
    display: inline-block;
    position: relative;
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(255, 255, 255) transparent;
    /* RGBa with 0.6 opacity */
    background: rgba(255, 255, 255, 0.4);
    /* For IE 5.5 - 7*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
    border-radius: 2px;
    margin-right: 70px;
    margin-bottom: 5px;
}
.social-popup-head {
height: 10px;
}
.flipper {
  display: inline-block;
  position: relative;
  text-decoration: none;
  font-family: 'Montserrat', arial, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  width: 40%;
  min-width: 350px;
  height: 4.5em;
  background-color: #282828;
  box-shadow: 0 3px 5px #282828;
  -moz-transition: all 0.6s cubic-bezier(0.37, 0.74, 0.15, 1.65);
  -o-transition: all 0.6s cubic-bezier(0.37, 0.74, 0.15, 1.65);
  -webkit-transition: all 0.6s cubic-bezier(0.37, 0.74, 0.15, 1.65);
  transition: all 0.6s cubic-bezier(0.37, 0.74, 0.15, 1.65);
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.flipper:target {
  -moz-transform: rotateX(90deg);
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
}

.front-face, .back-face {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding-right: 70px;
  letter-spacing: 2px;
  line-height: 4.5em;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.front-face:before, .back-face:before {
  content: attr(data-icon);
  font-size: 30px;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 70px;
  border-radius: 0 2px 2px 0;
}

.front-face {
  background-color: #F5822B;
  color: #fff;
  text-shadow: 0 1px 1px #b25108;
  -moz-transform: rotateX(0deg) translateZ(2.25em);
  -ms-transform: rotateX(0deg) translateZ(2.25em);
  -webkit-transform: rotateX(0deg) translateZ(2.25em);
  transform: rotateX(0deg) translateZ(2.25em);
}
.front-face:before {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NhNWMwYSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmY5ODRmIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZjk4NGYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNTgyMmIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -moz-linear-gradient(45deg, #ca5c0a 0%, #ff984f 50%, #ff984f 50%, #f5822b);
  background-image: -webkit-linear-gradient(45deg, #ca5c0a 0%, #ff984f 50%, #ff984f 50%, #f5822b);
  background-image: linear-gradient(45deg, #ca5c0a 0%, #ff984f 50%, #ff984f 50%, #f5822b);
}

.back-face {
  background-color: #0C8F8F;
  color: #064848;
  -moz-transform: rotateX(-90deg) translateZ(2.25em);
  -ms-transform: rotateX(-90deg) translateZ(2.25em);
  -webkit-transform: rotateX(-90deg) translateZ(2.25em);
  transform: rotateX(-90deg) translateZ(2.25em);
}
.back-face:before {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA2NDg0OCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjNDFkM2QzIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiM0MWQzZDMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYzhmOGYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -moz-linear-gradient(45deg, #064848 0%, #41d3d3 50%, #41d3d3 50%, #0c8f8f);
  background-image: -webkit-linear-gradient(45deg, #064848 0%, #41d3d3 50%, #41d3d3 50%, #0c8f8f);
  background-image: linear-gradient(45deg, #064848 0%, #41d3d3 50%, #41d3d3 50%, #0c8f8f);
}


/*Waiting list button end*/
.vehImg {
margin:auto;
}
.vehImgContainer {
min-height:102px;
}
.faqP {
display:none;
padding-left:20px;
}
.dealsth {
    cursor:pointer;
}

.dealsth:hover {
    text-decoration: underline;
}
.locCities {z-index:100;
}
.smltxt {font-size: smaller;}
.deals-location{ width:180px; background:#cee9e9; color: #0c8f8f; font-weight: 700; border-top-color: #9ed2d2 !important;}
table.tablesorter tbody tr.even td {
	background-color:#e9ebed;
}
.deal-date{ width: 160px}

.dealsLocationBtns{ margin:20px 0}
.dealBtn{ display:block; margin-bottom:10px; text-decoration:none !important}
.dealBtn .dealPickup{ display:block; line-height:20px; color:#fff; background:#405059; padding:0 10px; font-style:italic; font-size:12px}
.dealBtn .dealLocation{ display:block; line-height:50px; color:#0C8F8F; background:#e9ebec url(include_graphics/dealBtn_bg.png) no-repeat 95% bottom; padding-left:10px; font-size:18px}

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

/* Locations */
.locationsList{ margin:0 0 10px 0; padding:0 0 10px 0; list-style:none; border-bottom:1px solid #8c969b}
.locationsList li{ float:left; width:50%}
.locationsList li.clearfix{ float:none}
.locationsList a{ text-transform:uppercase; display:block; line-height:35px; text-align:center}

#locationMapLinks{ border:none; padding:0; margin:20px 0 0 0}
#locationMapLinks li{ float:none; width:auto}
#locationMapLinks a{ font-size:18px}
.usefulInfoSection{ border-bottom:1px solid #ccc; margin-bottom:10px}
.usefulInfoName{ text-decoration:underline}
#usefulInfo{
    margin-top:50px;
}
.branchMap{ height:600px}
.markerTitle{ font-weight:bold}

.gmapLocationLabel{ position: absolute; right: 0; top: -30px; white-space: nowrap; border: 1px solid #8C969B; padding: 3px 10px 3px 5px; background-color: white; z-index:40}

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

.btn_view_all_routes_a{ margin-bottom:20px}

/* 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: #006940; 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}
.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:#8c969b; text-align:center; margin-bottom:20px}
.vehicleCardCompare .compareAddVehicle{ color:#fff; line-height:30px; height:30px}
.vehicleCardCompare .compareAddVehicle.vehicleSelected { color: #2B373D;}


#routeMap{ border: 2px solid #8c969b; }
#locationMap{ border: 2px solid #8c969b; margin:20px 0 50px; min-height:320px}
/*#routeMap{ margin-top:-50px; border-right: 2px solid #8c969b;}
#routeMap.affix{ position:fixed !important; top:50px; left:0; margin:0 !important; z-index:100}
.hasSubNav #routeMap.affix{ top:110px}*/

/* 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:#0C8F8F; 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:#0C8F8F}

/* 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(43,55,61,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:#F5822B}

.specialListItem .listCardImg{ height:100%; background:#405059}
.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:#8C969B; color:#405059; border:none; padding-top:0px; padding-bottom:0px; line-height:30px}

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

#homeDealsWrapper{ padding:50px 0 20px; background:#292728 url(include_graphics/blackboard-bg.jpg) no-repeat center top; border:1px solid #222; border-width:1px 0; text-align:center;}
#homeDealsText { margin:0 auto; color:#fff; font-weight:bold;}
#homeDealsWrapper #homeDealsText p, #homeDealsWrapper #homeDealsText p.centerText{ padding-bottom:30px; }

.homeDeal{ background:#fff; box-shadow:0 5px 5px rgba(0,0,0,0.3); padding:20px; position:relative; margin-bottom:40px; overflow:hidden}
.homeDeal img{ margin-bottom:20px; max-width:100%}
.homeDeal-1{ -ms-transform: rotate(4deg); -webkit-transform: rotate(4deg); transform: rotate(4deg);}
.homeDeal-2{ -ms-transform: rotate(-1deg); -webkit-transform: rotate(-1deg); transform: rotate(-1deg);}
.homeDeal-3{ -ms-transform: rotate(-6deg); -webkit-transform: rotate(-6deg); transform: rotate(-6deg);}
.homeDeal-4{ -ms-transform: rotate(-6deg); -webkit-transform: rotate(-6deg); transform: rotate(-6deg);}

.homeDeal .title{ font-size:20px; font-weight:bold; text-align:center; margin-bottom:20px}
.homeDeal ul{ font-size:12px; list-style:square inside !important;}

#homeDealsWrapper .listPageLink{ display:block; width:278px; color:#fff; font-size:1.5em; height:37px; text-align:right; padding-right:60px; background:url(include_graphics/blackboard_more-specials_arrow.png) no-repeat top right; float:right}

/* 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}
.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: #0C8F8F; font-size: 40px; padding-right: 5px; font-weight: bold;}

.section-header { cursor: pointer;}

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

.image-fields{ border-bottom:1px dashed #8c969b; 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}

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

/* Travel Information*/
.touringRoute{ padding:20px 0 0 160px; clear:both}
.touringRoute img.pull-left{ margin:0 0 0 -160px}

/* FAQs */
.faqSection{ margin-bottom:20px}
.faqQuestion{ width: 100%; text-align: left; white-space: initial;}
.faqAnswer{ padding-top:10px}

/* 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:#F5822B; border-color:#F5822B}

.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:#F5822B; color:#F5822B}

#filterToggleSelection{ text-align:center; font-size:18px; margin-bottom:20px; color: #F5822B; 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:#F5822B; 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:#F5822B; color:#fff}

.filterOptions{ position:absolute; left:0; top:100%; width:476px; padding:10px; background:#fff; border:3px solid #F5822B; 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}

/* Location Map */
#locationMapWrapper{ width:1140px; position:relative; height: 800px; overflow: hidden; margin: -140px 0 50px -155px;}
#locationMapOverlay, #locationMapVideo{ position:absolute; z-index:0;}
#locationMapVideo{ left:245px; top:170px}
#locationMapOverlay{ z-index:1}

.locationMapMarker{ height:60px; overflow-y:hidden; position:absolute; margin:-60px 0 0 -12px; z-index:3}
.locationMapMarker a{ display:block; height:60px; line-height:30px; padding-left:5px; background:url(include_graphics/locationMapMarker.png) no-repeat left top;  font-weight:bold; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; margin:60px 0 0 10px}
.locationMapMarker a span{ background:url(include_graphics/locationMapMarker.png) no-repeat right -60px; display:block; line-height:30px; padding:6px 35px 24px 15px; color:#fff;}
/*.locationMapMarker:hover, .locationMapMarker.hover{ background-position:left -120px}
.locationMapMarker:hover a, .locationMapMarker.hover a{ background-position:right -180px}*/

.locationMapDot{ position:absolute; left:0; top:36px; color:#f5822b; line-height: 1em; font-size: 24px; height: 24px;}

.locationMapMarker.brisbane{ left:884px; top:474px}
.locationMapMarker.cairns{ left:766px; top:283px}
.locationMapMarker.darwin{ left:538px; top:200px}
.locationMapMarker.broome{ left:392px; top:312px}
.locationMapMarker.perth{ left:289px; top:543px}
.locationMapMarker.alice-springs{ left:538px; top:431px}
.locationMapMarker.adelaide{ left:652px; top:611px}
.locationMapMarker.melbourne{ left:754px; top:663px}
.locationMapMarker.hobart{ left:796px; top:756px}
.locationMapMarker.sydney{ left:852px; top:587px}

/* print button */
#printLinkWrapper{ float:right; margin-top:-50px}

/* Contact Form */
.DnnModule-DNN_Feedback, #contactForm{ margin:100px 20% 0}
#contactForm .form-group{ border-bottom:1px solid #e9ebec; padding-bottom:20px; margin-bottom:20px}
#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;}
.CommandButton:hover{ color:#fff; background-color: #f47413}

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

.dnnForm.NarrowFeedbackForm .dnnFormItem INPUT, .dnnForm.NarrowFeedbackForm .dnnFormItem TEXTAREA, .dnnForm.NarrowFeedbackForm .dnnFormItem SELECT{ width:100%; max-width:none}

#jobPosition{ display:none}

#content .dnnPrimaryAction{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;background-color:#f5822b;border-color:#f47413; box-shadow:none; text-shadow:none}

#content .dnnPrimaryAction:hover, #content .dnnPrimaryAction:active, #content .dnnPrimaryAction:focus{color:#fff;background-color:#e2680b;border-color:#c05809}

/*.contactCard{ width:20%; float:left; padding:0 10px}*/
.contactCardInner{ text-align:center; border-bottom:1px dotted #8C969B; height:150px; margin-bottom:20px}
.contactIcon{ font-size:35px; color:#8C969B; height:50px}

.contactTitle{ text-transform:uppercase; color:#006940; 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:30px; height:30px; background:url(include_graphics/sprite_social_small.png) no-repeat}
#contactCardSocial li.twitter{ background-position:0 center}
#contactCardSocial li.facebook{ background-position:-30px center}
#contactCardSocial li.youtube{ background-position:-60px center}
#contactCardSocial li.instagram{ background-position:-90px center}
#contactCardSocial li.googleplus{ background-position:-120px center}
#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}

/* Tables */
.table{ width:100% !important}
.locationInfo .table thead th, .vehicleSection .table thead th{ color:#405059; font-size:18px; font-weight:normal}
.locationInfo .table tbody th, .vehicleSection .table tbody th{ width:33%; font-weight: normal; font-style: italic;}

.matrix{ width:100% !important; border-collapse:collapse}
.matrix td{ border:1px solid #fff; text-align:center; padding:5px; width:74px}
.matrix td.cities{ color:#f5822b; font-weight:bold}
.matrix td.bg{ background:#ddd}
.matrix .miles{font-size:11px; font-style:italic; color:#999}
/*content*/
.borderedBox{ border:1px solid #e9ebec; padding:20px; background:#fff; margin-bottom:20px}
.borderedBox .title{ font-size:20px; line-height:1; margin-bottom:10px; color:#0C8F8F}

.list-item{ border-bottom:1px solid #e9ebec; 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:#0C8F8F}
.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}

img.pull-right{ margin-left:20px}
img.pull-left{ margin-right:20px}
/* footer social */
.footerSocialRV{ margin-left:-105px !important; }
#footerSocial{ position:absolute; left:50%; margin-left:-140px; margin-top:-45px; z-index: 2;}
#footerSocial ul, #footerSocial li{ margin:0; padding:0; list-style:none}
#footerSocial li{ float:left; margin:0 10px; border-radius:50%; overflow:hidden; position:relative; width:50px; height:50px; background:url(include_graphics/sprite_social.png) no-repeat}
#footerSocial li.twitter{ background-position:0 center}
#footerSocial li.facebook{ background-position:-50px center}
#footerSocial li.youtube{ background-position:-100px center}
#footerSocial li.googleplus{ background-position:-199px center}
#footerSocial li.instagram{ background-position:-150px center}

#footerSocial a.transLink{ border:none}

/* footer lang country */
#footerNav .langNav, #countryNav{ width:160px; background:#2b373d; list-style:none}
#footerNav .langNav{ margin-left:15px; display:none} 

#copyright{ float:left; font-size:11px; margin-top:5px; width:100%}
#copyright a{ font-weight:bold; color:#8c969b; text-decoration:underline !important}
#copyright a:hover{ text-decoration:none !important}

/* footer brand links */
#dnn_footerBrandLinks{ background:#20282C; 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 #405059; font-weight:bold; color:#405059; padding-right:15px; margin-right:15px; line-height:15px; width:120px; 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}


#footerWrapper{ position:relative; z-index:11; background:#405059; color:#8c969b; clear:both}

#footer{ position:relative; padding-top:20px; padding-bottom:10px}

#footerLogo img{ opacity:0.4}
/*#footerLogo img:hover{ opacity:1}*/
/* 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}

/* GALLERY */
#gallery{ padding-top:20px}
#galleryCarousel{  overflow:hidden; margin-bottom:20px}

/* vehicle price */
#vehiclePrice{ background:#FFAD08; color:#405059; padding:0 20px; line-height:1em; height:55px; overflow: hidden;}
.priceTitle{ margin-top:5px}
.price{ font-weight:bold; font-size:30px; float:left; line-height:30px}
.currency{ font-weight:bold; position:relative; top:-10px; font-size:14px;  line-height:1}
.perText{ float:right; font-size:18px; line-height:30px}

#bookNowFloatWrapper.affix{ position:fixed; top:110px; z-index:110; margin:0}
#bookNowFloat{ padding:10px; background:#e9ebec; display:none}
#bookNowFloat button{ display:block; text-align:center; white-space:normal}

/* Vehicle Compare */
/*#compareListWrapper.affix{ position:fixed; top:110px; z-index:110; margin:0}
.showControlBar #compareListWrapper.affix{ top:262px}*/

#compareListWrapper{ position:fixed; width:100%; left:0; bottom:0; z-index:100; background:#2b373d; color:#fff; display:none; height:56px;}

#compareListText{ position:absolute; left:10px; top:0px; color:#fff; font-size:18px; font-style:italic; line-height:56px}

#compareListItemsWrapper{ height:46px; margin:5px 194px 5px 174px; position:relative}

#compare-list-items{ height:46px}

#compareSelectMore{ position: absolute; right: 20px; top: 0; line-height: 56px; font-weight:bold}

.compareAddVehicle{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";}

/*.compareItem{ padding:10px 0; margin:10px 0; border-top:1px solid #e9ebec}
.removeItem{ float:right; color:#c00}
.compareItemImg{ float:left; width:55px}
.compare-item-details{ margin-left:65px}
.vehicleName{ font-weight:bold; font-size:16px; line-height:25px}
.vehicleSubtitle{ color:#8c969b; line-height:15px}*/

.compareItem{ background:#fff; float:left; position:relative; margin-right:10px; }
.removeItem{ float:right; color:#c00}
.compare-item-inner{ padding:5px;}
.compareItemImg{ float:left; height:75px}
#compare-list-items .compareItemImg{ height:35px}
.compare-item-details{ margin-left:55px}
.vehicleName{ font-size:16px; color:#FF9401; line-height:18px; margin-right:20px}
.vehicleSubtitle{ line-height:18px; font-size:11px; color:#8c969b; white-space:nowrap}

/*.new-compare-item{ background-color:#0C8F8F}*/

#compareList .compareViewLink{ position:absolute; right:20px; bottom:55px; display:block; color:#fff; font-size:18px; padding: 0 20px; line-height: 44px; color: #fff; background: #0C8F8F;}

#compare-table-wrapper{ position: relative; background:#37444B; border-radius:15px; -moz-border-radius:15px}
#compare-table-inner{ padding:10px}

.compare-table{ width:320px; float:left; border:1px solid #bababa; background:#fff url(include_graphics/compare-rule.png) no-repeat 0 -30px; border-radius:10px; -moz-border-radius:10px; margin-left:10px; text-align:left}
.first{ margin:0}
.compare-table .inner{ padding:5px}

.compare-table table th{ width:35%}

.compare-table .compare-item-details{ margin-left:100px; height:75px}
.compare-table .vehicle-name{ font-size:20px; padding:5px 0; color:#333}
.compare-table img.left{ margin-right:5px}

.removeVehicle{ color:#c00; font-size:11px; float:right}
.compare-vehicle-details{ margin-bottom:10px}
.compare-item-img{ float:left; height:75px}

.category-section{ margin-bottom:10px}
.category-section .vspecs-table{ margin:0}

#specWrapper tbody th{ width:40%}
.col-sm-9 #specWrapper tbody th{ width:70%}

/* smooth scroll styles */
div.scrollingHotSpotLeft, div.scrollingHotSpotRight{ position:absolute; top:200px; z-index:200; /* background: url(/graphics/big_transparent.gif); */}
div.scrollingHotSpotLeft{ left:10px; cursor: pointer; display:none}
div.scrollingHotSpotLeftVisible{ background:url(include_graphics/compare-arrows.png) no-repeat left top; width: 100px; height: 100px; }
div.scrollingHotSpotRight{ right:10px; cursor: pointer; display:none}
div.scrollingHotSpotRightVisible{ background:url(include_graphics/compare-arrows.png) no-repeat left bottom; width: 100px; height: 100px; }
div.scrollWrapper{ position: relative; overflow: hidden; width: 100%; height: 100%}
div.scrollableArea{ position: relative; width: auto; height: 100%}

#compareListItemsWrapper div.scrollingHotSpotLeft{ top:0; left:0}
#compareListItemsWrapper div.scrollingHotSpotRight{ top:0; right:0}
#compareListItemsWrapper div.scrollingHotSpotLeftVisible, #compareListItemsWrapper div.scrollingHotSpotRightVisible{ height:46px; width:46px; background:#F5822B; border:1px solid #2B373D}
#compareListItemsWrapper div.scrollingHotSpotLeftVisible{ border-width:0 10px 0 0}
#compareListItemsWrapper div.scrollingHotSpotRightVisible{ border-width:0 0 0 10px}

#compareListItemsWrapper div.scrollingHotSpotLeft .glyphicon, #compareListItemsWrapper div.scrollingHotSpotRight .glyphicon{ display:block; line-height:46px; text-align:center; font-size:20px}

div.scrollingHotSpotLeft.affix, div.scrollingHotSpotRight.affix{ position:fixed; top:100px; z-index:110; margin:0}

/* list filter */
.branchLocations{ display:none}
.selectionList{ max-height:150px; overflow-y:scroll; border:1px solid #8c969b; padding:5px; border-radius:5px}
.selectionList label{ font-weight:normal; display:block}
#footerNav{padding-top: 10px;}
#footerNav a{ color:#fff; border:none}
#footerNav .dropdown{ text-align:center; text-transform:uppercase}
#footerNav .dropdown-menu{ top:auto; bottom:100%; background:#2b373d; border-radius:0; border:none; box-shadow:none; font-size:14px}
#footerNav .langNav .dropdown-menu{ left:auto; right:0}
#footerNav .dropdownTitle{ text-transform:none; padding:0 20px;}
#footerNav .dropdown-menu .divider { background:#222}

#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: #2b373d;}
#footerNav .dropdown-menu > li > a:hover, #footerNav .dropdown-menu > li > a:focus { background-color: #8c969b}
#footerNav .dropdown-menu > li > a { text-transform:none}

#footer .livechat_button{ margin-top:-30px; float:right}
#footer #chinaReady img, #footer #dnn_chinaReady img{float:right; max-height:80px;}

.tabTitle{ padding: 10px 15px; line-height: 1.42857; font-weight:bold; color:#999}
.nav-tabs{ margin-bottom:20px}

/* feedback list *********************/
.home #feedback, #feedback.feedbackFooter{ margin:0; position:relative; overflow: hidden; padding:50px 70px; background:#e9ebec; margin-bottom: -75px;}
.home #feedback h2{ text-align:center}

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

#feedbackListWrapper{ position:relative; z-index:2}
#feedbackListWrapper li{ border:none}
#feedbackListBackground{ position:absolute; top:0; left:0; right:0; height: 100%; overflow:hidden}

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

#feedback .title{ display:none}
.home #feedback .title, #feedback.feedbackFooter .title{ display:block; font-size:45px; text-align:center; margin-bottom: 10px;}
.home #feedback .title span, #feedback.feedbackFooter .title span{ background:#73B06F; color:#fff; padding:3px 10px}
		
/*.home #feedback .rating-inner{ background:#000; background:rgba(0,0,0,0.7); color:#fff; padding:20px; margin-bottom:20px}*/
.home #feedback .rating-inner{ background:#fff; padding:20px; margin-bottom:20px; box-shadow: 0 2px 2px rgba(0,0,0,0.1); min-height:310px}
#feedback.feedbackFooter .rating-inner{ padding:0 20px;/* margin:0 10px; background:#fff; box-shadow: 0 2px 2px rgba(0,0,0,0.1); height:100%*/}
#feedback.feedbackFooter .rating-wrapper{ padding-top:20px}
#feedback.feedbackFooter .feedback-details{ padding-bottom:20px}

.personally-verified{ font-style:italic; margin-bottom:20px}
/*.home .personally-verified{ color:#fff;}*/
.feedbackVerified{ display:inline-block; background:#0C8F8F; 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:#0C8F8F}
.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:#F5822B; 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}
.feedbackAverageTitle{ display:inline-block; font-style:italic; margin-right:10px}

/* instagram **/
#instagramFeedWrapper{ border:none; background:#405059; 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{ float:left; width:100px; margin:0 5px 10px 5px; border:1px solid #fff; border-radius:5px; -mox-border-radius:5px; -webkit-border-radius:5px}*/
#instagramFeedWrapper li img{ width:100%}

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