/*
    AnythingSlider v1.7+ Default (base) theme
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
    
    Customized for METTLER TOLEDO on 04/23/2012 by Ben Zemmer
*/

/*****************************
  SET DEFAULT DIMENSIONS HERE
 *****************************/
.carouselbase_Slider {
    height:240px; /*default.  however, the final height comes from the image height of the first frame*/
    list-style: none;
    /* Prevent FOUC (see FAQ page) and keep things readable if javascript is disabled */
    overflow-y: auto;
    overflow-x: hidden;
}

/*****************
  SET COLORS HERE
 *****************/
/**** Default state (no keyboard focus) ****/
/* slider window - top & bottom borders, default state */
div.carouselbase_SliderBox .anythingSlider .anythingWindow {
    border: 0px;
}
/* Navigation buttons, default state */
div.carouselbase_SliderBox .anythingSlider .anythingControls ul a.cur, div.anythingSlider .anythingControls ul a {
    background: #777;
    color: #000;
}
/* start-stop button, stopped, default state */
div.carouselbase_SliderBox .anythingSlider .start-stop {
    background-color: #040;
    color: #fff;
}
/* start-stop button, playing, default state */
div.carouselbase_SliderBox .anythingSlider .start-stop.playing {
    background-color: #800;
}
/* start-stop button, default hovered text color (when visible) */
div.carouselbase_SliderBox .anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover {
    color: #ddd;
}

/**** Active State (slider has keyboard focus) ****/
/* slider window - top & bottom borders, active state */
div.carouselbase_SliderBox .anythingSlider.activeSlider .anythingWindow {
    border-color: #efefef;
}
/* Navigation buttons, active state */
div .carouselbase_SliderBox .anythingSlider.activeSlider .anythingControls ul a.cur, div.anythingSlider.activeSlider .anythingControls ul a {
    background-color: #fff;
}
/* start-stop button, stopped, active state */
div.carouselbase_SliderBox .anythingSlider .start-stop {
    background-color: #080;
    color: #fff;
}
/* start-stop button, playing, active state */
div.carouselbase_SliderBox .anythingSlider .start-stop.playing {
    background-color: #d00;
}
/* start-stop button, active slider hovered text color (when visible) */
div.carouselbase_SliderBox .anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover {
    color: #fff;
}

/***********************
  COMMON SLIDER STYLING
 ***********************/
/* Overall Wrapper: 45px right & left padding for the arrows, 28px @ bottom for navigation */
div.carouselbase_SliderBox .anythingSlider {
    display: block;
    margin: 0 auto;
    overflow: visible !important; /* needed for Opera and Safari */
    position: relative;
    padding: 0;
    border: 0;
    /*
    NOTE: removed this style because it causes a rendering error.
    left: 22px;
    */
}

div.carouselbase_SliderBox_gradient_dark .anythingSlider{ background:url("../../docroot/images/rockweb/rkwb_col_bg-x_dark.png") repeat-x scroll left bottom #FFFFFF;}
div.carouselbase_SliderBox_gradient_light .anythingSlider{ background:url("../../docroot/images/rockweb/rkwb_col_bg-x_light.png") repeat-x scroll left bottom #FFFFFF;}
div.carouselbase_SliderBox_bkd_grey .anythingSlider{ background:none no-repeat #efefef;}
div.carouselbase_SliderBox_bkd_white .anythingSlider{ background:none no-repeat #fff;}
div.carouselbase_SliderBox_bkd_trans .anythingSlider{ background:none no-repeat transparent;}

.colctrl_grd_x_grey_dark div.carouselbase_SliderBox_gradient_dark .anythingSlider{ background: none; }


/* anythingSlider viewport window */
div.carouselbase_SliderBox .anythingSlider .anythingWindow {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
}
/* anythingSlider base (original element) */
.carouselbase_SliderBox .anythingBase {
    background: transparent;
    list-style: none;
    position: absolute;
    overflow: visible !important;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}
/* all panels inside the slider */
.carouselbase_SliderBox .anythingBase .panel {
    background: transparent;
    display: block;
    overflow: hidden;
    float: left;
    padding: 0;
    margin: 0;
}
.carouselbase_SliderBox .anythingBase .panel.vertical {
    float: none;
}

/* Navigation Links */
div.carouselbase_SliderBox .anythingSlider .anythingControls { outline: 0; display: none; }
div.carouselbase_SliderBox .anythingSlider .anythingControls ul { margin: 0; padding: 0; float: left; }
div.carouselbase_SliderBox .anythingSlider .anythingControls ul li { display: inline; }
div.carouselbase_SliderBox .anythingSlider .anythingControls ul a {
    font: 11px/18px Georgia, Serif;
    display: inline-block;
    text-decoration: none;
    padding: 2px 8px;
    height: 18px;
    margin: 0 5px 0 0;
    background-image: url(carouselbase/images/default.png);
    background-position: center -288px ;
    background-repeat: repeat-x;
    text-align: center;
    outline: 0;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
}
div.carouselbase_SliderBox .anythingSlider .anythingControls ul a:hover {
    background-image: none;
}
/* Navigation size window */
div.carouselbase_SliderBox .anythingSlider .anythingControls .anythingNavWindow { overflow: hidden; float: left; }

/* slider autoplay right-to-left, reverse order of nav links to look better */
div.carouselbase_SliderBox .anythingSlider.rtl .anythingControls ul a { float: right; } /* reverse order of nav links */
div.carouselbase_SliderBox .anythingSlider.rtl .anythingControls ul { float: left; }    /* move nav link group to left */
div.carouselbase_SliderBox .anythingSlider.rtl .anythingWindow {
    direction: ltr;
    unicode-bidi: bidi-override;
}
/* div.anythingSlider.rtl .start-stop { float: right; } */ /* move start/stop button - in case you want to switch sides */

/* Autoplay Start/Stop button */
div.carouselbase_SliderBox .anythingSlider .start-stop {
    background-image: url(carouselbase/images/default.png);
    background-position: center -288px;
    background-repeat: repeat-x;
    padding: 2px 5px;
    width: 40px;
    text-align: center;
    text-decoration: none;
    float: right;
    z-index: 100;
    outline: 0;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
}
/* hide cell shading on hover - makes the button appear to come forward */
div.carouselbase_SliderBox .anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { background-image: none; }

/* probably not necessary, but added just in case */
div.carouselbase_SliderBox .anythingSlider, div.anythingSlider .anythingWindow, div.anythingSlider .anythingControls ul a, div.anythingSlider .arrow a, div.anythingSlider .start-stop {
    transition-duration: 0;
    -o-transition-duration: 0;
    -moz-transition-duration: 0;
    -webkit-transition-duration: 0;
}

div.carouselbase_SliderBox .anythingSlider ul li ul li { height:auto; padding:0px; list-style: circle outside url("../../docroot/images/background/bullet_green.gif"); width:auto; float:none; overflow:visible; display:list-item; }
/* MTCOM-305 Override expander background image if inside landing page header frame to be plus and minus signs */
.landingpage_header div.carouselbase_SliderBox .anythingSlider ul.expander_minimized li { list-style:none;}
.landingpage_header div.carouselbase_SliderBox .anythingSlider ul.expander_minimized { list-style-image: none !important; position: relative; left: 15px; padding: 3px 0 0 20px; background: url("../../docroot/images/button_plus_blue_sm.png") no-repeat top left !important; }
.landingpage_header div.carouselbase_SliderBox .anythingSlider ul.expander_minimized.expander_maximized { background: url("../../docroot/images/button_minus_blue_sm.png") no-repeat top left !important; }

div.carouselbase_SliderBox .anythingSlider ul li .linklist ul.arrow_list li { list-style-image:url("../../docroot/images/background/green_arrow.gif") !important; }
div.carouselbase_SliderBox .anythingSlider ul li .linklist ul.triangle_list li { list-style-image:url("../../docroot/images/images_nav/triangle.png") !important; }
.mt_direction_right_to_left div.carouselbase_SliderBox .anythingSlider ul li .linklist ul.triangle_list li { list-style-image:url("../../docroot/images/images_nav/triangle_left.png") !important; }
.carouselbase_Slider .triangle_list li span {top: 0;}
div.carouselbase_SliderBox .anythingSlider ul li .linklist ul.triangle_list li a {position: relative; top: -3px;}
div.carouselbase_Navigation { position:absolute; bottom:10px; left:10px; z-index: 30000; }

div.carouselbase_Navigation .thumbNav a {
    color: #7E7E7E;
    display: inline-block;
    padding: 2px 8px;
    height: 18px;
    line-height: 19px;
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    border-top: 1px solid #E6E6E6;
    border-right: 1px solid #E6E6E6;
    border-left: 1px solid #E6E6E6;
    background: url("../../docroot/images/tabs/bg_tabs.gif") repeat-x scroll bottom left #FFFFFF;
    text-align: center;
}

div.carouselbase_Navigation .thumbNav a.cur {
    background: #fff;
    color: #67D945;
}

div.carouselbase_Navigation .thumbNav { list-style:none outside none; top:0;}
div.carouselbase_Navigation .thumbNav li { float:left; list-style:none outside none; height:auto;}
div.carouselbase_Navigation .thumbNav a,
div.carouselbase_Navigation .thumbNav a:hover { 
	cursor:pointer;
    border: 0 !important;
    background: url("../../docroot/images/background/carousel_nav_inactive.png") no-repeat scroll left top transparent;
    padding: 0 !important;
    height: 22px;
    width: 22px;
}
div.carouselbase_Navigation .thumbNav a.cur { 
	text-decoration:none; 
    background: url("../../docroot/images/background/carousel_nav_active.png") no-repeat scroll left top transparent;
}

div.carouselbase_Navigation .thumbNav a span {display:none;}

/* Navigation Arrows */
div.carouselbase_SliderBox .anythingSlider .arrow {
    top:40%; z-index:100; margin:0px;
    height: 40px;
    width: 26px; }
div.carouselbase_SliderBox .anythingSlider ul li { text-align:left; }

.carouselbase_SliderBox{ position:relative; overflow:hidden; margin-bottom:4px; }  
.carouselbase_frame { position:relative; height:100%;}
.isWCMEditMode .carouselbase_frame{height:400px;}
.carouselbase_frame .border-allsides, .carouselbase_frame .border-bottom {
    position:static; top:0px;left:0px; display:block; 
    width:100%;
    height:100%;
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
    border-color: #E6E6E6;
    border-style: solid;
    z-index: 40;
}
.carouselbase_frame .border-allsides {
    border-width: 1px;
}
.carouselbase_frame .border-bottom {
    border-width: 0px 0px 1px 0px;
}
.carouselbase_frame .border-none {
    display:none;
}
.carouselbase_frame .textframe {
    position: absolute; 
    top: 1px; 
    left: 20px; 
    width: 400px; 
    min-height: 50px; 
    padding: 20px; 
    text-align: left; 
    z-index: 41; 
}

.carouselbase_frame .video {position:absolute; top:1px; width:100%;}
.carouselbase_frame .dark { color: #666666; }
.carouselbase_frame .light { color: #fff; }
.carouselbase_frame .black { color: #000; }

/*Loader*/
.carouselbase_loader { position:absolute; left:0; top:0; width:100%; height:100%; z-index:300000; background: url("../../docroot/images/rockweb/rkwb_col_bg-x_light.png") repeat-x left bottom #ffffff;}
.carouselbase_loader p { position: absolute; top: 49%; left: 49%; text-align: center; }

.standalone_moodimage_slider {width:100%;}
.isWCMEditMode .carouselbase_frame_main_image, 
.aem-AuthorLayer-Edit .carouselbase_frame_main_image {height:400px;position:relative;}

.aem-AuthorLayer-Preview .carouselbase_frame_main_image {min-height:400px;}

.carouselbase_Slider ul,
.carouselbase_Slider li{list-style-image:none !important;}

/** Prominent title font size override for legacy landingpageheader frames **/
[class^="landingpageheaderfra"] .prominent .responsive-content-title{
	font-size:2rem !important;
	line-height: 2rem !important;
}

/**
 *  Right-to-Left Overrides
 **/
.mt_direction_right_to_left .carousel, .mt_direction_right_to_left .carouselbase_frame {
    direction: ltr;
    }
    .mt_direction_right_to_left .carouselbase_frame .textframe, 
    .mt_direction_right_to_left div.carouselbase_SliderBox .anythingSlider ul li {
        text-align: right;
        }
    .mt_direction_right_to_left .carouselbase_frame .textframe ul, 
    .mt_direction_right_to_left .carouselbase_frame .textframe ol, 
    .mt_direction_right_to_left div.carouselbase_SliderBox .anythingSlider ul li, 
    .mt_direction_right_to_left .carouselbase_frame .carousel-text > div table {
        direction: rtl;
        }
@media only screen and(max-width:992px){
	
	div.carouselbase_SliderBox .anythingSlider{
		max-width:100%;
	}
}

@media(max-width:768px){
    .carouselbase_SliderBox.has-video .anythingSlider { width:100% !important; }
    .carouselbase_SliderBox.has-video .textframe { height:auto !important;  }
    .carouselbase_frame .video { max-width:100%; }
    .has-video .carouselbase_frame .textframe { max-width:100% !important; padding-bottom: 30px; }

    /* Hide dark border if inside of div.colctrl_grd_x_grey_dark */
    .colctrl_grd_x_grey_dark .carouselbase_frame .border-allsides, 
    .colctrl_grd_x_grey_dark .carouselbase_frame .border-bottom { display:none; }
	
	.carouselbase_frame_main_image{
		top:auto !important;
		left:auto !important;
		right:auto !important;
		bottom:auto !important;
	}
	
	.carouselbase_frame_main_image img{
		max-width:100%;
		height:auto;
	}
	
	.carouselbase_frame .light{
		color: #666666;
	}
	
	/* RFC overrides */
	.carouselbase_Slider .responsive-content-wrapper .responsive-content-text-links,
	.carouselbase_Slider .responsive-content-wrapper .responsive-content-image,
	.carouselbase_Slider .responsive-content-wrapper .responsive-content-video{
		margin-bottom:0px !important;
	}
	
	.carouselbase_Slider .responsive-content-wrapper{
		border: 0px !important;
    	border-radius: 0px !important;
    	margin: 0px !important;
    }
}
@media(max-width:600px){
	.colctrl_padding_30 .parsys_col_inner .carouselbase_frame .textframe{ padding:0px; }
	.carouselbase_frame{ padding:5px !important; }
}
.carousel_pre_title{ font-size:8pt; margin-bottom:3px; }
.carousel_title{ font-size: 30pt; line-height:38px; }
.carousel_sub_title { font-size:13pt; color:#999999; margin: 10px 0px 25px 0px; }
.carouselbase_frame_type_featured div.text, 
.carouselbase_frame_type_featured div.text p {font-size:11pt;}
.carouselbase_frame_type_listed .carousel_title {font-size:14.6pt; line-height:29px;}
.carouselbase_frame_type_listed-gwp .carousel_title {font-size:14.6pt; line-height:20px;}
.carouselbase_frame_type_listed .carousel_sub_title {font-size:11pt;}
.carouselbase_frame_type_listed-gwp .carousel_sub_title {font-size:11pt; color:#666666; margin-top: 0px;}

div.carouselbase_Navigation .thumbNav a, 
div.carouselbase_Navigation .thumbNav a:hover { 
	cursor:pointer;
	border:0px !important; 
	background:url("../../docroot/images/background/carousel_nav_inactive.png") no-repeat scroll left top transparent;
	padding: 0px !important;
	height: 22px;
	width:22px;
}
div.carouselbase_Navigation .thumbNav a.cur { 
	background: url("../../docroot/images/background/carousel_nav_active.png") no-repeat scroll left top transparent; 
}

/* Navigation Arrows */
div .carouselbase_SliderBox .anythingSlider .arrow {
    top: 44%;
    position: absolute;
    display: block;
    z-index: 100;
    background-image: none;
    height: 40px;
    width: 26px;
    opacity: 0; 
    filter:alpha(opacity=0); 
    margin: 0px;
}

div .carouselbase_SliderBox .anythingSlider .arrow a {
    height: 40px;
    margin: 0px;
    width: 26px;
}

/* hide text, target the span so IE7 doesn't text-indent the link */
div.carouselbase_SliderBox .anythingSlider .arrow a span { display: block; visibility: hidden; }

/* back arrow */
div.carouselbase_SliderBox .anythingSlider .back { left: 1px; background-image:none; }
div.carouselbase_SliderBox .anythingSlider .back a:link, 
div.carouselbase_SliderBox .anythingSlider .back a:visited, 
div.carouselbase_SliderBox .anythingSlider .back a:active { background: url("../../docroot/images/background/carousel_arrow_green_L.png") no-repeat top left transparent; }
div.carouselbase_SliderBox .anythingSlider .back a:hover { background: url("../../docroot/images/background/carousel_arrow_green_L_hover.png") no-repeat top left transparent; }
div.carouselbase_SliderBox .anythingSlider .back.disabled { opacity: .7; filter:alpha(opacity=70); } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */

/* forward arrow */
div.carouselbase_SliderBox .anythingSlider .forward { right: 0px; background-image:none;}
div.carouselbase_SliderBox .anythingSlider .forward a:link, 
div.carouselbase_SliderBox .anythingSlider .forward a:visited, 
div.carouselbase_SliderBox .anythingSlider .forward a:active { background: url("../../docroot/images/background/carousel_arrow_green_R.png") no-repeat top right transparent; }
div.carouselbase_SliderBox .anythingSlider .forward a:hover {background: url("../../docroot/images/background/carousel_arrow_green_R_hover.png") no-repeat top right transparent;  }
div.carouselbase_SliderBox .anythingSlider .forward.disabled { opacity: .7; filter:alpha(opacity=70); } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */

div.carouselbase_Navigation .thumbNav a span {display:none;}
div.carouselbase_SliderBox .anythingSlider {margin:0px !important;}
div.carouselbase_SliderBox {margin-bottom:0px;}