/*****************************
 * FONT FACE
 ****************************/
@font-face { font-family: 'gs_regular'; font-style: normal; font-weight: normal; src: url('fonts/gsawg-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/gsawg-webfont.ttf') format('truetype'), url('fonts/gsawg-webfont.woff') format('woff'), url('fonts/gsawg-webfont.svg#GillSansAltOneWGLRegular') format('svg'); }
@font-face { font-family: 'gs_bold'; font-style: normal; font-weight: bold; src: url('fonts/gsawgb-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/gsawgb-webfont.woff') format('woff'), url('fonts/gsawgb-webfont.ttf') format('truetype'), url('fonts/gsawgb-webfont.svg#GillSansAltOneWGLBold') format('svg'); }
@font-face { font-family: 'gs_italic'; font-style: italic; font-weight: normal; src: url('fonts/gsawgi-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/gsawgi-webfont.woff') format('woff'), url('fonts/gsawgi-webfont.ttf') format('truetype'), url('fonts/gsawgi-webfont.svg#GillSansAltOneWGLItalic') format('svg'); }
@font-face { font-family: 'gs_light_regular'; font-style: normal; font-weight: normal; src: url('fonts/gsawgl-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/gsawgl-webfont.woff') format('woff'), url('fonts/gsawgl-webfont.ttf') format('truetype'), url('fonts/gsawgl-webfont.svg#GillSansAltOneWGLLightRegular') format('svg'); }
@font-face { font-family: 'gs_bold_italic'; font-style: italic; font-weight: bold; src: url('fonts/gsawgbi-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/gsawgbi-webfont.woff') format('woff'), url('fonts/gsawgbi-webfont.ttf') format('truetype'), url('fonts/gsawgbi-webfont.svg#GillSansAltOneWGLBoldItalic') format('svg'); }
@font-face { font-family: 'gs_light_italic'; font-style: italic; font-weight: normal; src: url('fonts/gsawgli-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/gsawgli-webfont.woff') format('woff'), url('fonts/gsawgli-webfont.ttf') format('truetype'), url('fonts/gsawgli-webfont.svg#GillSansAltOneWGLLightItalic') format('svg'); }

/*****************************
 * RECURRING ELEMENTS
 ****************************/ 
body {font-family: Verdana, Arial, Tahoma, Serif  !important; line-height: 1 !important;}
p { font-family: Verdana, Arial, Tahoma, Serif  !important; line-height: 17px !important;}
a {outline: none;}
#p-rcb .cp_tab{display:none;}
#cp_header{background-repeat: no-repeat; background-position: 0px 0px; background-color: #000000;height:275px;overflow:hidden;}
#cp_header object{ outline: none;}
.tabContent{padding:30px 40px; }
h1 {margin: 0px !important; padding-left: 0px; font-size: 40px; color: white; line-height: normal; font-family: gs_light_regular !important; font-weight: normal !important;}
h2 {margin: 0px !important; padding-left: 0px; font-size: 40px; color: white; line-height: normal; font-family: gs_light_regular !important; font-weight: normal !important;}
h3 {margin: 0px !important; padding-left: 0px; font-weight: normal; line-height: normal; font-family: gs_light_regular !important; font-weight: normal !important;}

/***************************
 * MAIN MENU
 **************************/
.mainmenu ul {margin: 0; padding: 0; height: 61px; background: url('../widgets/cp_menu/tabs_basic/mainmenu_bg.png') repeat-x left top; list-style: none;font-family: gs_light_regular !important;}
.mainmenu li { float: left; padding: 0; }    
.mainmenu a { padding-top: 18px; display: block; font-size: 25px; text-align: center; outline: none; color:#CDCDCD; height: 43px;outline:none; line-height: 28px !important }
	.ie7 .mainmenu a {line-height: 30px; padding-top: 15px; height: 46px;}
.mainmenu a:hover  { text-decoration: none;color:#ffffff;background: black url('../widgets/cp_menu/tabs_basic/mainmenu_bg_hover.png') repeat-x center top ;      }
.mainmenu a.active,
.mainmenu a.active:hover  {margin:0px; padding-top: 15px; height: 34px;  font-weight: bold; color:#383838;outline:none;background: url('../widgets/cp_menu/tabs_basic/mainmenu_bg_hover.png') repeat-x center top ; }
.mainmenu ul.two_tabs li       { width: 480px; }
.mainmenu ul.three_tabs li     { width: 320px; }
.mainmenu ul.four_tabs li      { width: 240px; }
.mainmenu ul.five_tabs li      { width: 192px; }
.mainmenu ul.six_tabs li       { width: 160px; }                                                  
  
/***************************
 * MAIN SUB-MENU
 **************************/  
.cp_submenu { overflow: hidden; margin: 0; padding: 0; height: 61px; /* 61 */background: url('../widgets/cp_menu/tabs_basic/mainmenu_bg.png') repeat-x left top; }
.cp_submenu_back {padding-right: 15px;margin-right: 15px;height: 46px;padding: 15px 15px 0px 51px;float: left;     background: url('../widgets/cp_menu/tabs_basic/seperator.jpg') top right no-repeat;}
.cp_submenu_back a {color: #ffffff;font-size: 15px;font-family: gs_regular !important;display: block;padding-right: 10px;height: 25px; /* 31 */padding-top: 8px;         background: url('../widgets/cp_menu/tabs_basic/back_right_out.png') top right no-repeat;}
.cp_submenu_back a:hover {text-decoration: none;}
    .ie .cp_submenu_back a {padding-top: 9px;height: 24px}
.cp_submenu_back a span {position: absolute;display: block;width: 36px;height: 31px;background: url('../widgets/cp_menu/tabs_basic/back_left_out.png') top right no-repeat;margin-left: -36px;margin-top: -8px;cursor: pointer;}
    .ie .cp_submenu_back a span {margin-top: -7px;cursor: pointer;}
.cp_submenu_back a:hover {background: url('../widgets/cp_menu/tabs_basic/back_right_hover.png') top right no-repeat; cursor: pointer;}
.cp_submenu_back a:hover span {background: url('../widgets/cp_menu/tabs_basic/back_left_hover.png') top right no-repeat; cursor: pointer;} 
.cp_submenu p.heading {font-size: 30px;float: left;color: #CDCDCD;font-family: gs_light_regular !important;margin-top: 17px !important;margin-left: 10px !important;line-height: 1 !important}
    .ie .cp_submenu p.heading {line-height: 33px; margin-top: 17px !important;} 
.cp_submenu ul {float: right;list-style-type: none;margin-top: 15px;}
.cp_submenu ul li {float: left;display: inline;margin-right: 10px;}
.cp_submenu ul li a {display: block;height: 28px; /* 33 */padding: 8px 15px 0px 15px;color: #999999;font-family: gs_regular !important;font-size: 15px; line-height: 17px !important}
    .ie .cp_submenu ul li a {padding-top: 9px;height: 26px;}
.cp_submenu ul li a:hover {color: #ffffff;text-decoration: none;}
.cp_submenu ul li.active {background: url('../widgets/cp_menu/tabs_basic/range_button_right.jpg') top right no-repeat;}
.cp_submenu ul li.active a {background: url('../widgets/cp_menu/tabs_basic/range_button_left.jpg') top left no-repeat;color: #333333;}
.cp_submenu ul li.hover a {color: white;}
.cp_submenu ul li.active.hover a {color: #333333;}  

/******************************
 * HOMEPAGE RANGE
 *****************************/ 
#homepage_range {
padding-top: 20px;
height: 501px;
background: url('../images/home/range_bg.jpg') no-repeat;
position: relative; 
width: 960px;
overflow: hidden;
}

    #homepage_range h1 {
    padding-left: 40px;
    float: left;
    display: inline;
    }     
    
    #homepage_range ul {
    float: right;
    list-style-type: none;
    margin-top: 15px;
    margin-right: 20px;
    }
    
        #homepage_range ul li {
        float: left;
        display: inline;
        margin-right: 15px;
        }
        
            #homepage_range ul li a {
            color: #999999;
            font-size: 15px;
            display: block;
            height: 28px; /* 33 */
            padding-left: 14px;
            padding-right: 10px;
            padding-top: 8px;
            position: relative;
            font-family: gs_regular !important;
			line-height: 17px !important;
            }
            
                .ie #homepage_range ul li a { 
                padding-top: 8px;
                height: 28px;
                }
            
                #homepage_range ul li a:hover span, #homepage_range ul li a.hover span {
                display: block;
                height: 33px;
                width: 4px;
                position: absolute;
                right: -4px;
                margin-top: -8px;   
                text-decoration: none;
                background: url('../images/home/range_hover_right.png') no-repeat;
                }
                
					.ie #homepage_range ul li a:hover span, .ie #homepage_range ul li a.hover span {
                    margin-top: -7px;
                    }   
					            
                #homepage_range ul li a:hover, #homepage_range ul li a.hover {
                color: white;
                text-decoration: none;
                background: url('../images/home/range_hover_left.png') no-repeat;
                } 
                
                #homepage_range ul li a.active span {
                display: block;
                height: 33px;
                width: 4px;
                position: absolute;
                right: -4px;
                margin-top: -8px;        
                background: url('../images/home/range_active_right.png') no-repeat;    
                }
                
                    .ie #homepage_range ul li a.active span {
                    margin-top: -7px;
                    }                    
                
                #homepage_range ul li a.active {
                color: #333333;      
                background: url('../images/home/range_active_left.png') no-repeat;    
                }       

.img.hover {
cursor: pointer;
}

.range_home_cinema {
width: 240px;
height: 154px;
background: url('../images/home/home_cinema_sound.png') no-repeat;
position: absolute;
top: 200px;
left: 2000px;
z-index: 9;
}

    .range_home_cinema.hover {
    background: url('../images/home/home_cinema_sound_glow.png') no-repeat;    
    }
    
.range_headphones {
width: 368px;
height: 270px;
background: url('../images/home/headphones.png') no-repeat;
position: absolute;
top: 160px;
left: 60px;
left: 2000px;  
z-index: 8;
}

    .range_headphones.hover {
    background: url('../images/home/headphones_glow.png') no-repeat;
    }

.range_audio {
width: 220px;
height: 447px;
position: absolute;
left: 490px;
margin-left: -110px;
bottom: -40px;
background: url('../images/home/audio_systems.png') no-repeat;
left: 2000px;
}

    .range_audio.hover {
    background: url('../images/home/audio_systems_glow.png') no-repeat;    
    }
    
.range_docking {
width: 260px;
height: 270px;
background: url('../images/home/docking.png') no-repeat;
position: absolute;
left: 540px;
margin-top: 160px;
left: 2000px;
}

    .range_docking.hover {
    background: url('../images/home/docking_glow.png') no-repeat;
    }
    
.range_wireless {
width: 209px;
height: 173px;
position: absolute;
left: 800px;
margin-top: 190px;
background: url('../images/home/wireless_hifi.png') no-repeat;
left: 2000px;
}

    .range_wireless.hover {
    background: url('../images/home/wireless_hifi_glow.png') no-repeat;
    }

.global_wrap {
position: absolute;
width: 960px;
height: 425px;
z-index: 998;
}

.range_slider {
display: none;
position: absolute;
left: 0px;
width: 960px;
height: 425px;
background: black;
bottom: 0px;
overflow: hidden;
z-index: 998;
}

    .slider_wrap {
    width: 960px;
    height: 425px;
    }
    
		.slider_wrap.one_products {
        padding-left: 360px;
        width: 720px;    
        }
		
        .slider_wrap.two_products {
        padding-left: 240px;
        width: 720px;    
        }
        
        .slider_wrap.three_products {
        padding-left: 120px;
        width: 840px;    
        }        
    
        .slider_wrap .product_slider {
        width: 240px;
        float: left;
        display: inline;
        height: 390px; /* 425 */
        padding-top: 40px;
        color: white;
        text-align: center;
        }
        
            .slider_wrap .product_slider .wrap {
            background: black;
            zoom: 1;
            filter: alpha(opacity=0.1);
            opacity: 0.1;
            position: absolute;
            width: 240px;
            height: 425px;
            z-index: 99;
            margin-top: -40px;
            cursor: pointer;
            }
        
            .slider_wrap .product_slider.hover {
            background: url('../images/home/home_product_hover.png') repeat-y;
            }

.slider_bg {
position: absolute;
bottom: 65px;
width: 647px; 
left: 150px;
z-index: 9999;
background: url('../images/home/slider_bg.png') no-repeat;   
}

    .slider_docking_handler {
    border: 0px;     
    }
    
.slider_text {
position: absolute;
bottom: 30px;
left: 150px;
font-size: 16px;
color: #999999;
font-family: gs_regular !important;
}

    .slider_text span {
    color: white;
    } 
    
        .product_slider p {
        color: #4a4a4a;
        font-size: 14px;
        display: block; 
        font-family: gs_regular !important;
        }

        .product_slider p.hover {
        color: white;
        }                        

/******************************
 * HOMEPAGE DIFFERENCE
 *****************************/ 

#homepage_difference {
height: 500px;
position: relative;
background: black;
overflow: hidden;
}

    #homepage_difference a.arrow {
    display: block;
    position: absolute;
    width: 27px;
    height: 52px;
    z-index: 99999;
    top: 50%;
    margin-top: -26px;    
    }
    
        #homepage_difference a.arrow#home_slide_left {
        background: url('../images/home/slide_left.png');
        margin-left: -1px;
        }
        
        #homepage_difference a.arrow#home_slide_right {
        background: url('../images/home/slide_right.png');
        right: 0px;
        }        
    
#slide_bg {
background: url('../images/home/slide_1.jpg') no-repeat; 
width: 960px;
height: 505px;
position: absolute;
}    
                        
    #slide_wrap {
    position: absolute;
    left: 0px;
    width: 960px;
    height: 505px;    
    }
    
        #slides {
        width: 330px;
        position: relative;
        height: 505px;
        background: url('../images/home/slide_text_bg.png');
        left: 550px;  
        }
    
            #slides.slide2 {
            background: url('../images/home/slide_text_bg_2.png');
            }
        
    #homepage_difference div.text_bg {
    width: 250px; /* 330 */
    display: none;
    padding: 30px 40px 0px 40px;
    position: absolute;
    }
          
        #homepage_difference div.text_bg h2 {
        line-height: 35px !important;
        }
               
        #homepage_difference div.text_bg p {
        color: #999999;
        padding-top: 20px;
        }
    
        #homepage_difference div.text_bg a {
        color: white;
        font-size: 15px;
        font-family: gs_regular !important;
        } 
        
        
        #homepage_difference div.text_bg.active {
        display: block;
        }
        
    #homepage_difference div.text_bg#slide_1 {
    margin-top: 0px;
    }
    
    #homepage_difference div.text_bg#slide_2 {
    margin-top: 70px;
    } 
    
    #homepage_difference div.text_bg#slide_3 {
    margin-top: 180px;
    }       

a.slide_link.active {
display: none;
}                   

a.slide_link {
font-size: 20px;
color: white;
bottom: 0px;
position: absolute;
left: 0px;
width: 290px; /* 330 */
padding-left: 40px;
border-top: 1px solid #3a3736;
height: 48px; /* 75 */
padding-top: 27px;
background: url('../images/home/link_slide_arrow.png') 290px 31px no-repeat;
font-family: gs_regular !important;    
}

    a.slide_link:hover {
    text-decoration: none;
    }

    a.slide_link.link1 {
    bottom: auto;
    top: 0;
    border-bottom: 1px solid #3a3736;
    border-top: 0px;
    }

    a.slide_link.link2 {
    bottom: 75px;
    }
    
    a.slide_link.link2.top {
    top: 75px;
    border-bottom: 1px solid #3a3736;
    }    

/******************************
 * HOMEPAGE CONNECTIVITY
 *****************************/ 

#homepage_connectivity {     
height: 545px; /* 544 */
text-align: center;
overflow: hidden;
position: relative;
background: url('../images/home/connectivity_bg.jpg');
} 

    #homepage_connectivity h2 {    
    color: #CDCDCD;
    font-size: 35px;
    }

    #homepage_connectivity div.pos {
    z-index: 9999;
    position: absolute;
    top: 50px;
    text-align: center;
    width: 960px;
    }
      
        .ie #homepage_connectivity div.pos {
        margin-left: -480px;   
        } 

    .connectivity_item {
    width: 260px; /* 480 */ 
    color: white;
    height: 404px; /* 544 */
    position: absolute;
    top: 0px;
    z-index: 999;
    padding-left: 220px;
    padding-top: 140px;
    }
    
        .connectivity_item h3 {
        font-size: 18px;
        padding-top: 15px;
        color: white;
        font-family: gs_regular !important;
		width: 240px;
        }
        
        .connectivity_item p {
        font-size: 14px;
        padding-top: 15px;
        color: #999999;  
        font-family: gs_regular !important;
		width: 240px;
		margin: 0 !important;
        }    
    
        .connectivity_item.hover p {
        color: #cccccc;
        }
    
        .connectivity_item .img {
        position: absolute;
        left: 0px;
        }
        
            .connectivity_item.right .img {
            margin-left: 290px;
            }
    
        .connectivity_item.right {
        left: 480px;
        padding-left: 0px;
        padding-right: 220px;
        }
        
        .ie .connectivity_item.left {
        margin-left: -480px;
        }
		                
        .connectivity_item.left.hover {
        background: url('../images/home/connectivity_hover_left.jpg');
        }
        
        .connectivity_item.right.hover {
        background: url('../images/home/connectivity_hover_right.jpg');
        }    
        
        .connectivity_item div.button_home {
        position: relative;
        margin-top: 10px;
        margin-left: -27px;
        display: none;
        }
            
        .connectivity_item a {
        background: url('../images/home/in_range_button_left.png') no-repeat;
        height: 27px; /* 33 */
        padding-left: 9px;
        padding-top: 8px;
        font-size: 14px;
        position: relative;
        color: white;
        display: inline-block; 
        font-family: gs_regular !important;
        }
        
			.ie .connectivity_item a {
			padding-top: 10px;
			}
			
            .connectivity_item a:hover {
            text-decoration: none;
            }
        
            .connectivity_item a span {
            display: block;
            position: absolute;
            width: 27px;
            height: 33px;
            background: url('../images/home/in_range_button_right.png') no-repeat;
            right: 0px;
            margin-right: -27px;
            margin-top: -8px;
            }
            
                .ie .connectivity_item a span {
                margin-top: -8px;
                }
            
            .connectivity_item.hover div.button_home {
            display: block;
            margin-left: -27px;
            }            
             
.connectivity .main_text h1 {
color: white;
font-size: 35px;
}

#tooltips p {
color: #cccccc;
font-size: 22px;
font-family: gs_regular !important;
line-height: 26px !important;
}

.connectivity_products {
    background: black;
}

    .connectivity_products h1 {
        font-size: 36px;
        color: #999999;
        padding: 40px 0px 0px 60px;
        height: 35px;
    }
    
    .connectivity_products p.intro {
        font-size: 15px;
        color: #717171;    
        padding-left: 60px;
        padding-bottom: 40px;
        font-family: gs_regular !important;
    }
    
.product_connectivity {
    height: 219px;
    width: 960px;
    position: relative;
}

    .product_connectivity.hover {
        background: url('../images/connectivity/product_hover.jpg') no-repeat;
    }

    .product_connectivity h2 {
        color: #999999;
        font-size: 25px !important;
        padding-top: 40px;
        margin-bottom: 0px !important;  
    }
    
        .product_connectivity.hover h2 {
            color: white;
        }
    
    .product_connectivity p {
        font-size: 15px;
        margin-top: 10px !important;
        color: #666666; 
        font-family: gs_regular !important;       
    }
    
    .product_connectivity div.img {
        width: 350px; /* 350 */
        padding-top: 20px;
        height: 199px; /* 219 */
        text-align: center;
        float: left;
        display: inline;   
		cursor: default;
    }

        .product_connectivity ul.icons {
            margin-top: 0px;
        }
        
    .product_connectivity a.more{font-family: gs_regular !important;bottom:20px;right:46px;position:absolute;height:25px;padding-left:15px;padding-right:10px;padding-top:6px;background:url('../images/connectivity/more_left.png') no-repeat;color:#ccc;font-size:15px;display:none;}
    .product_connectivity a.more:hover {text-decoration: none;}
    .product_connectivity.hover a.more {display: block;}    
	.product_connectivity a.more span{display:block;height:29px;width:26px;background:url('../images/connectivity/more_right.png');float:right;margin-right:-36px;margin-top:-6px; cursor: pointer;}
    
	.ie .product_connectivity_large a.more {left:800px;}
	.ie .product_connectivity_large a.more span {margin-left: 20px; background-repeat: no-repeat; cursor: pointer;}
	.ie .product_connectivity a.more {left:800px;}
	.ie .product_connectivity a.more span {margin-left: 20px;	background-repeat: no-repeat; cursor: pointer;}

.connectivity_products {
    background: black;
}

    .connectivity_products h1 {
        font-size: 36px;
        color: #999999;
        padding: 40px 0px 0px 60px;
        height: 35px;
    }
    
    .connectivity_products p.intro {
        font-size: 15px;
        color: #717171;    
        padding-left: 60px;
        padding-bottom: 40px;
		margin: 10px 0px 0px 0px !important;
    }
    
	.connectivity_products .copy {
		float:left;
		position: relative;
		width: 585px;
	}
	
	.connectivity_products .icons_box {
		float:left;
		position: relative;
		width: 585px;
	}
	
	.product_connectivity_large {
    height: 250px;
    width: 960px;
    position: relative;
	}

    .product_connectivity_large.hover {
        background: url('../images/connectivity/product_hover_large.jpg') no-repeat;
    }

    .product_connectivity_large h2 {
        color: #999999;
        font-size: 25px;
        padding-top: 40px;        
    }
    
        .product_connectivity_large.hover h2 {
            color: white;
        }
    
    .product_connectivity_large p {
        font-size: 15px;
        color: #666666; 
		font-family: gs_regular !important;	
		margin-top: 10px !important;
    }
    
    .product_connectivity_large div.img {
        width: 350px; /* 350 */
        padding-top: 20px;
        height: 199px; /* 219 */
        text-align: center;
        float: left;
        display: inline;                        
    }
    
        .product_connectivity_large ul.icons {
            margin-top: 0px;
        }
        
    .product_connectivity_large a.more {
        bottom: 20px;
        right: 46px;
        position: absolute;
        height: 23px; /* 29 */
        padding-left: 15px;
        padding-right: 10px;
        padding-top: 7px;
        background: url('../images/connectivity/more_left.png');
        color: #cccccc;
        font-size: 15px;
        display: none;
		font-family: gs_regular !important;
    }
    
        .product_connectivity_large.hover a.more {
            display: block;            
        }
    
        .product_connectivity_large a.more span {
            display: block;
            height: 29px;
            width: 26px;
            background: url('../images/connectivity/more_right.png');
            float: right; 
            margin-right: -36px;   
            margin-top: -7px;      
			cursor: pointer;
        }

/******************************
 * HOMEPAGE FACEBOOK
 *****************************/ 
	  
#facebook {
background: #333333;
padding: 30px;
}

#facebook-border {
width: 898px;
height: 556px;
overflow: hidden;
}        
    

/************************************
 * RANGE
 ***********************************/     
  
.range_products {
height: 175px;
background: black /*url('../images/range/range_products_bg.jpg') no-repeat */;
position: relative;
}  

.black_bg_left {
background: black;
height: 175px;
width: 37px;
position: absolute;
z-index: 9999;
zoom: 1;
}

.black_bg_right {
background: black;
height: 175px;
width: 38px;
position: absolute;
z-index: 9999;
zoom: 1;
right: 0;
}

    a.arrow {
    height: 52px;
    width: 26px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -26px;
    z-index: 9999999;
    }
    
        a.arrow.left {
        left: 0px;
        background: url('../images/range/range_arrow_left_active.png') no-repeat;
        }

            a.arrow.left:hover {
            background: url('../images/range/range_arrow_left_hover.png') no-repeat;
            }
        
            a.arrow.left.inactive, a.arrow.left.inactive:hover {
            background: url('../images/range/range_arrow_left_inactive.png') no-repeat;
            }
        
        a.arrow.right {
        background: url('../images/range/range_arrow_right_active.png') no-repeat;
        right: 0px;
        } 
        
            a.arrow.right:hover {
            background: url('../images/range/range_arrow_right_hover.png') no-repeat;
            }        
        
            a.arrow.right.inactive, a.arrow.right.inactive:hover {
            background: url('../images/range/range_arrow_right_inactive.png') no-repeat;
            }                  
                       
    a.arrow.left.arrow_extra {
    background: url('../images/range/extra_left_active.png') no-repeat;
    }
    
        a.arrow.left.arrow_extra.inactive, a.arrow.left.arrow_extra.inactive:hover {
        background: url('../images/range/extra_left_inactive.png') no-repeat;
        }
    
    a.arrow.right.arrow_extra {
    background: url('../images/range/extra_right_active.png') no-repeat;
    right: 0px;
    } 

        a.arrow.right.arrow_extra.inactive, a.arrow.right.arrow_extra.inactive:hover {
        background: url('../images/range/extra_right_inactive.png') no-repeat;
        }  

    .range_products_wrapper {
    width: 960px;
    height: 175px;
    overflow: hidden;
    position: relative
    }
    
        #range_slider {
        position: absolute;
        z-index: 10000;
        margin-top: 1px;
        }     
			
			#range_slider.five_products_first {
            margin-left: 26px;
            }
            
            #range_slider.four_products_first {
            margin-left: 115px;
            }
            
            #range_slider.three_products_first {
            margin-left: 203px;
            }
            
            #range_slider.two_products_first {
            margin-left: 292px;
            }
            
            #range_slider.one_products_first {
            margin-left: 380px;
            }                                                
    
        .range_products_wrapper .overflow {
        width: 5000px;
        height: 175px;
        }

            .range_products_wrapper ul {
            width: 5000px;
            height: 175px;
            float: left;
            display: inline;
            }
				
				.range_products_wrapper ul.five_products {
                margin-left: 37px;
                }
                
                .range_products_wrapper ul.four_products {
                margin-left: 126px;
                }
                
                .range_products_wrapper ul.three_products {
                margin-left: 214px;
                }
                
                .range_products_wrapper ul.two_products {
                margin-left: 303px;
                }
                
                .range_products_wrapper ul.one_products {
                margin-left: 391px;
                }                                                
        
                .range_products_wrapper ul li {
                text-align: center;
                float: left;
                display: inline;
                width: 177px;
                height: 175px;  
                position: relative;
                cursor: pointer;  
				z-index: 999999;				
                }
                
                    .range_products_wrapper ul li img {
                    }
                
                    .ie6 .range_products_wrapper ul li, .ie7 .range_products_wrapper ul li, .ie8 .range_products_wrapper ul li {
                    z-index: 999999;
                    }                 
                
                    .range_products_wrapper ul li div.hover {
                    display: none;
                    position: absolute;
                    z-index: 9;
                    margin-top: -16px;
                    margin-left: 1px;
                    }
                    
                        .ie .range_products_wrapper ul li div.hover { 
                        left: 0;
                        }
                    
                        .range_products_wrapper ul li.hover div.hover {
                        display: block;
                        }
                        
                        .range_products_wrapper ul li.active div.hover img {
                        display: none;
                        }
                        
                        .range_products_wrapper ul li.active div.img img {
                        display: block;
                        }                        
                                
                    .range_products_wrapper ul li div.img {
                    height: 120px;
                    position: absolute;
                    width: 120x;
                    margin-left: 28px;
                    margin-top: 27px;
                    z-index: 10000;
                    left: 0;
                    }
                    
                    .range_products_wrapper ul li p.name {
                    position: absolute;
                    width: 157px;
                    line-height: 10px !important;
                    padding: 0px 10px;
                    z-index: 999;  
                    left: 0;
                    bottom: 5px !important;
                    font-size: 12px;
                    color: #4a4a4a;   
                    font-family: gs_regular !important;                           
                    }
                                            
                        .range_products_wrapper ul li.hover div.img {
                        z-index: 10000;
                        }
                        
                        .range_products_wrapper ul li.hover p.name {
                        display: block;
                        color: #4a4a4a;
                        }
                        
                        .range_products_wrapper ul li.active.hover p.name, .range_products_wrapper ul li.active p.name {
                        color: #999999;
                        z-index: 10001;
                        }                        
                    
#product_box {
background: #383838 url('../images/range/product_box_bg.jpg') top left no-repeat;
color: white;
height: 520px;
position: relative;
width: 960px;
overflow: hidden;
}

    #product_box a.arrow {
    display: none;
    }

div.product {
display: none;
position: absolute;
width: 960px;
}

    div.product_text {
    z-index: 99999;
    padding: 25px 0px 0px 65px;
    width: 400px;
    float: left;
    display: inline;
    }
    
	div.product_text_extra {
    z-index: 99999;
    padding: 25px 0px 0px 65px;
    width: 435px;
    float: left;
    display: inline;
    }
	
        #product_box.headphones div.product_text {
        width: 430px;
        }

    div.product h1 {
    color: #999999;
    font-size: 35x;
    line-height: 38px;
    margin-bottom: 20px;
    }

        div.product h1.small { 
        font-size: 30px !important;
        }
        
        div.product h1.smaller { 
        font-size: 25px !important;
        }       
    
    div.product p {
    color: #999999;
    }
    
        div.product p.name {
        font-size: 16px;
        font-weight: normal;
        color: white;
        width: 610px;
        margin: 0px 0px 0px 0px !important;
        font-family: gs_regular !important;
        } 
        
        div.product p.code {
        font-size: 12px;
        font-family: gs_regular !important;
        color: #666666;
        margin: 0px 0px 20px 0px !important;
        }           

    div.product.active {
    display: block; 
    }   

    div.product p.buttons {
    clear: both;
    padding-top: 15px;
    }
    
        .ie div.product p.buttons { 
        padding-top: 0px;
        }
    
        div.product p.buttons a {
        display: block;
        float: left;
        height: 31px; /* 42 */
        position: relative;
        background: url('../images/range/product_button_left.png') top left no-repeat;
        color: white;
        font-size: 15px;
        margin-right: 46px;
        padding: 12px 0px 0px 15px;
		font-family: gs_regular !important;
        }
        
            div.product p.buttons a:hover {
            text-decoration: none;
            }
        
        div.product p.buttons a span {
        display: block;
        width: 36px;
        height: 42px;
        background: url('../images/range/product_button_right.png') top left no-repeat;
        position: absolute;
        margin-left: 36px;
        top: 0;
        right: -36px;
		cursor: pointer;
        } 
        
            div.product p.buttons a:hover {
            color: black;
            background: url('../images/range/product_button_left_hover.png') top left no-repeat; 
            }
            
            div.product p.buttons a:hover span {
            background: url('../images/range/product_button_right_hover.png') top left no-repeat;
			cursor: pointer;
            }                   

    div.product p.buttons_extra {
    clear: both;
    padding-top: 15px;
    }
    
        .ie div.product p.buttons_extra{ 
        padding-top: 0px;
        }
		
		div.product p.buttons_extra a {
        display: block;
        float: left;
        height: 32px; /* 42 */
        position: relative;
        background: url('../images/range/product_button_left_extra.png') top left no-repeat;
        color: white;
        font-size: 15px;
        margin-right: 46px;
        padding: 13px 0px 0px 15px;
		font-family: gs_regular !important;
        }
        
        div.product p.buttons_extra a span {
        display: block;
        width: 36px;
        height: 42px;
        background: url('../images/range/product_button_right.png') top left no-repeat;
        position: absolute;
        margin-left: 36px;
        top: 0;
        right: -36px;
        } 
        
            div.product p.buttons_extra a:hover {
            color: black;
            background: url('../images/range/product_button_left_hover_extra.png') top left no-repeat; 
            }
            
            div.product p.buttons_extra a:hover span {
            background: url('../images/range/product_button_right_hover.png') top left no-repeat;
            }                   

			    div.product p.buttons_large {
				clear: both;
				padding-top: 15px;
				width: 600px;
				}
    
        .ie div.product p.buttons_large{ 
        padding-top: 0px;
        }
		
		div.product p.buttons_large a {
        display: block;
        float: left;
        height: 32px; /* 42 */
        position: relative;
        background: url('../images/range/product_button_left_large.png') top left no-repeat;
        color: white;
        font-size: 15px;
        margin-right: 46px;
        padding: 13px 0px 0px 15px;
        }
        
        div.product p.buttons_large a span {
        display: block;
        width: 36px;
        height: 42px;
        background: url('../images/range/product_button_right.png') top left no-repeat;
        position: absolute;
        margin-left: 36px;
        top: 0;
        right: -36px;
        } 
        
            div.product p.buttons_large a:hover {
            color: black;
            background: url('../images/range/product_button_left_hover_large.png') top left no-repeat; 
            }
            
            div.product p.buttons_large a:hover span {
            background: url('../images/range/product_button_right_hover.png') top left no-repeat;
            }                   
	
    ul.icons {
    list-style-type: none;
    margin-top: 30px;
    }
    
        ul.icons li {
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
        width: 48px;
        height: 49px        
        }
        
            ul.icons li a {
            display: block;
            width: 48px;
            height: 49px;
            position: absolute;
            background-repeat: no-repeat;
            }
            
            ul.icons li a:hover {
            width: 84px;
            height: 89px;
            margin-left: -18px;
            margin-top: -20px;
            z-index: 9999;
            }
            
            ul.icons li.airstudio a {background-image: url('../images/range/icons/small/airstudio_small.png')}
            ul.icons li.airstudio a:hover {background-image: url('../images/range/icons/hover/airstudio_hover.png')}
            
            ul.icons li.soundsphere a {background-image: url('../images/range/icons/small/39_small.png')}
            ul.icons li.soundsphere a:hover {background-image: url('../images/range/icons/hover/39_hover.png')}
            
            ul.icons li.fullsound a {background-image: url('../images/range/icons/small/35_small.png')}
            ul.icons li.fullsound a:hover {background-image: url('../images/range/icons/hover/35_hover.png')}
            
            ul.icons li.ipod_iphone a {background-image: url('../images/range/icons/small/01_small.png')}
            ul.icons li.ipod_iphone a:hover {background-image: url('../images/range/icons/hover/01_hover.png')}
            
            ul.icons li.ipod_iphone_ipad a {background-image: url('../images/range/icons/small/02_small.png')}
            ul.icons li.ipod_iphone_ipad a:hover {background-image: url('../images/range/icons/hover/02_hover.png')}
            
            ul.icons li.soundavia a {background-image: url('../images/range/icons/small/37_small.png')}
            ul.icons li.soundavia a:hover {background-image: url('../images/range/icons/hover/37_hover.png')}
            
            ul.icons li.soundring a {background-image: url('../images/range/icons/small/38_small.png')}
            ul.icons li.soundring a:hover {background-image: url('../images/range/icons/hover/38_hover.png')}

            ul.icons li.soundcurve a {background-image: url('../images/range/icons/small/04_small.png')}
            ul.icons li.soundcurve a:hover {background-image: url('../images/range/icons/hover/04_hover.png')}
            
            ul.icons li.airplay a {background-image: url('../images/range/icons/small/03_small.png')}
            ul.icons li.airplay a:hover {background-image: url('../images/range/icons/hover/03_hover.png')}
                                                                                   
            ul.icons li.ilink a {background-image: url('../images/range/icons/small/21_small.png')}
            ul.icons li.ilink a:hover {background-image: url('../images/range/icons/hover/21_hover.png')}
            
            ul.icons li.sound360 a {background-image: url('../images/range/icons/small/34_small.png')}
            ul.icons li.sound360 a:hover {background-image: url('../images/range/icons/hover/34_hover.png')}
            
            ul.icons li.dolby a {background-image: url('../images/range/icons/small/08_small.png')}
            ul.icons li.dolby a:hover {background-image: url('../images/range/icons/hover/08_hover.png')}

            ul.icons li.dolby_hd a {background-image: url('../images/range/icons/small/09_small.png')}
            ul.icons li.dolby_hd a:hover {background-image: url('../images/range/icons/hover/09_hover.png')}
            
            ul.icons li.dts a {background-image: url('../images/range/icons/small/12_small.png')}
            ul.icons li.dts a:hover {background-image: url('../images/range/icons/hover/12_hover.png')}

            ul.icons li.dts_hd a {background-image: url('../images/range/icons/small/13_small.png')}
            ul.icons li.dts_hd a:hover {background-image: url('../images/range/icons/hover/13_hover.png')}            

            ul.icons li.wifi a {background-image: url('../images/range/icons/small/28_small.png')}
            ul.icons li.wifi a:hover {background-image: url('../images/range/icons/hover/28_hover.png')}
			
			ul.icons li.wifibuiltin a {background-image: url('../images/range/icons/small/27_small.png')}
            ul.icons li.wifibuiltin a:hover {background-image: url('../images/range/icons/hover/27_hover.png')}
            
            ul.icons li.crystal a {background-image: url('../images/range/icons/small/40_small.png')}
            ul.icons li.crystal a:hover {background-image: url('../images/range/icons/hover/40_hover.png')}

            ul.icons li.bluray3d a {background-image: url('../images/range/icons/small/05_small.png')}
            ul.icons li.bluray3d a:hover {background-image: url('../images/range/icons/hover/05_hover.png')}
            
            ul.icons li.smarttv a {background-image: url('../images/range/icons/small/29_small.png')}
            ul.icons li.smarttv a:hover {background-image: url('../images/range/icons/hover/29_hover.png')}                        

            ul.icons li.smarttvplus a {background-image: url('../images/range/icons/small/25_small.png')}
            ul.icons li.smarttvplus a:hover {background-image: url('../images/range/icons/hover/25_hover.png')} 
			   
            ul.icons li.spotify a {background-image: url('../images/range/icons/small/26_small.png')}
            ul.icons li.spotify a:hover {background-image: url('../images/range/icons/hover/26_hover.png')}
                                                            
            ul.icons li.napster a {background-image: url('../images/range/icons/small/22_small.png')}
            ul.icons li.napster a:hover {background-image: url('../images/range/icons/hover/22_hover.png')}
            
            ul.icons li.tunein a {background-image: url('../images/range/icons/small/30_small.png')}
            ul.icons li.tunein a:hover {background-image: url('../images/range/icons/hover/30_hover.png')}
            
            ul.icons li.livingsound a {background-image: url('../images/range/icons/small/36_small.png')}
            ul.icons li.livingsound a:hover {background-image: url('../images/range/icons/hover/36_hover.png')}
            
            ul.icons li.usbdirect a {background-image: url('../images/range/icons/small/31_small.png')}
            ul.icons li.usbdirect a:hover {background-image: url('../images/range/icons/hover/31_hover.png')}
            
            ul.icons li.mp3link a {background-image: url('../images/range/icons/small/19_small.png')}
            ul.icons li.mp3link a:hover {background-image: url('../images/range/icons/hover/19_hover.png')}
            
            ul.icons li.lcdmp3 a {background-image: url('../images/range/icons/small/20_small.png')}
            ul.icons li.lcdmp3 a:hover {background-image: url('../images/range/icons/hover/20_hover.png')}
            
            ul.icons li.windows a {background-image: url('../images/range/icons/small/windows_media.png')}
            ul.icons li.windows a:hover {background-image: url('../images/range/icons/hover/windows_media_hover.png')}
            
            ul.icons li.fmtuning a {background-image: url('../images/range/icons/small/14_small.png')}
            ul.icons li.fmtuning a:hover {background-image: url('../images/range/icons/hover/14_hover.png')}
            
            ul.icons li.dsc a {background-image: url('../images/range/icons/small/11_small.png')}
            ul.icons li.dsc a:hover {background-image: url('../images/range/icons/hover/11_hover.png')}
            
            ul.icons li.rds a {background-image: url('../images/range/icons/small/24_small.png')}
            ul.icons li.rds a:hover {background-image: url('../images/range/icons/hover/24_hover.png')}
            
            ul.icons li.woox a {background-image: url('../images/range/icons/small/33_small.png')}
            ul.icons li.woox a:hover {background-image: url('../images/range/icons/hover/33_hover.png')}
            
            ul.icons li.dlna a {background-image: url('../images/range/icons/small/07_small.png')}
            ul.icons li.dlna a:hover {background-image: url('../images/range/icons/hover/07_hover.png')}
            
            ul.icons li.upnp a {background-image: url('../images/range/icons/small/32_small.png')}
            ul.icons li.upnp a:hover {background-image: url('../images/range/icons/hover/32_hover.png')}  
			
			ul.icons li.simplyshare a {background-image: url('../images/range/icons/small/06_small.png')}
            ul.icons li.simplyshare a:hover {background-image: url('../images/range/icons/hover/06_hover.png')}   
			
			ul.icons li.twodto3d a {background-image: url('../images/range/icons/small/18_small.png')}
            ul.icons li.twodto3d a:hover {background-image: url('../images/range/icons/hover/18_hover.png')}
			
			ul.icons li.fullhd3d a {background-image: url('../images/range/icons/small/16_small.png')}
            ul.icons li.fullhd3d a:hover {background-image: url('../images/range/icons/hover/16_hover.png')}
			
			ul.icons li.deezer a {background-image: url('../images/range/icons/small/deezer_small.png')}
            ul.icons li.deezer a:hover {background-image: url('../images/range/icons/hover/deezer_hover.png')}
			
			ul.icons li.juke a {background-image: url('../images/range/icons/small/juke_logo.png')}
            ul.icons li.juke a:hover {background-image: url('../images/range/icons/hover/juke_logo.png')}
                                                                                                                                         
                                    
    div.hotspots {
    display: block;
    right: 0px;
    top: 20px;
    position: absolute;      
    }
    
        div.hotspots img {
        background: transparent;
        -ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)'; /* IE8 */   
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
        zoom: 1;        
        }

        div.hotspot {
        width: 103px;
        height: 103px;
        background: url('../images/range/hotspot.png') no-repeat;
        position: absolute; 
        z-index: 99999;
        zoom: 1;                       
        }
             
            div.hotspot.active {
            z-index: 999999;
            }
                
            div.hotspot h2 {
            color: white;
            font-size: 22px;
            padding-bottom: 15px;    
			font-family: gs_regular !important;
            }        
            
            div.hotspot p {
            color: #cccccc;
            font-size: 14px;
			font-family: gs_regular !important;
            }
            
            div.hotspot a {
            color: white;
			font-family: gs_regular !important;
            }
            
                div.hotspot a:hover {
                
                }
        
            div.hotspot div.hidden {
            display: none;
            width: 315px; /* 365 */
            padding: 25px;
            padding-bottom: 5px;
            background: url('../images/range/hotspot_top.png') no-repeat top left;
            margin-left: -302px;
            margin-top: 31px;
            min-height: 130px;
            position: relative;            
            }

            div.hotspot div.hidden span {
            display: hidden;
            height: 14px;
            width: 365px;
            background: url('../images/range/hotspot_footer.png') no-repeat top left;
            position: absolute;
            bottom: -14px;
            margin-left: -24px;
            }         
        
                div.hotspot.active div.hidden {
                display: block;
                } 
                
                div.hotspot.active div.hidden span {
                display: block;
                }                          
        
    div.extra {
    display: none;
    } 
    
        div.extra.active {
        display: block;
        } 
        
    div.expand {
    display: none;
    /* height: 0px;
    overflow: hidden; */
    position: relative;
	background-color:#FFFFFF;
    }
    
        div.expand a.close {
        position: absolute;
        right: 10px;
        top: 10px;
        z-index: 9999;
        font-size: 14px;
        color: black;
        }
        
        div.rotate_360 {
        padding: 20px 0px;
        }
        
        p.text_360 {
        font-size: 20px;
        color: black;
        text-align: center;
        font-family: gs_regular !important;
        }
        
        div.img {
        height: 486px;
        }
        
        div.movie_container {
        padding: 50px 0px 50px 237px;
        height: 400px;
        background: #000;
		}
                
    div.product_images_expand {
    background: black;
    padding: 40px;    
    }        
        
        div.product_images_expand h1 {
        font-size: 25px  !important;
        }     

div.product_images.six_images{
	position:relative;	
}

  div.product_images.six_images a.arrow {
    height: 52px;
    width: 26px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -26px;
    z-index: 9999999;
    }
    
        div.product_images.six_images a.arrow.left {
        left: 0px;
        background: url('../images/range/range_arrow_left_active.png') no-repeat;
        }

            div.product_images.six_images a.arrow.left:hover {
            background: url('../images/range/range_arrow_left_hover.png') no-repeat;
            }
        
            div.product_images.six_images a.arrow.left.inactive, a.arrow.left.inactive:hover {
            background: url('../images/range/range_arrow_left_inactive.png') no-repeat;
            }
        
        div.product_images.six_images a.arrow.right {
        background: url('../images/range/range_arrow_right_active.png') no-repeat;
        right: 0px;
        } 
        
           div.product_images.six_images  a.arrow.right:hover {
            background: url('../images/range/range_arrow_right_hover.png') no-repeat;
            }        
        
           div.product_images.six_images  a.arrow.right.inactive, a.arrow.right.inactive:hover {
            background: url('../images/range/range_arrow_right_inactive.png') no-repeat;
            }  

div.product_images.five_images{
	position:relative;	
}

  div.product_images.five_images a.arrow {
    height: 52px;
    width: 26px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -26px;
    z-index: 9999999;
    }
    
        div.product_images.five_images a.arrow.left {
        left: 0px;
        background: url('../images/range/range_arrow_left_active.png') no-repeat;
        }

            div.product_images.five_images a.arrow.left:hover {
            background: url('../images/range/range_arrow_left_hover.png') no-repeat;
            }
        
            div.product_images.five_images a.arrow.left.inactive, a.arrow.left.inactive:hover {
            background: url('../images/range/range_arrow_left_inactive.png') no-repeat;
            }
        
        div.product_images.five_images a.arrow.right {
        background: url('../images/range/range_arrow_right_active.png') no-repeat;
        right: 0px;
        } 
        
           div.product_images.five_images  a.arrow.right:hover {
            background: url('../images/range/range_arrow_right_hover.png') no-repeat;
            }        
        
           div.product_images.five_images  a.arrow.right.inactive, a.arrow.right.inactive:hover {
            background: url('../images/range/range_arrow_right_inactive.png') no-repeat;
            }  
 
    div.product_images {
    height: 193px;
    width: 960px;
    overflow: hidden;
    }
    
        div.product_images ul {
        list-style-type: none;
		float:left;
        }
        
            div.product_images ul li {
            float: left;
            display: inline;
            position: relative;
            }
            
                    div.product_images ul li.center img {
                    margin-left: -120px;                        
                    }
                    
                    div.product_images ul li.right img {
                    right: 0;             
                    }                    
            
                div.product_images ul li img.button {
                position: absolute;
                right: 5px;
                top: 5px;
                }
                            
                div.product_images ul li div.overlay {
                position: absolute;
                background: black;
                height: 193px;
                zoom: 1;
                filter: alpha(opacity=40);
                opacity: 0.4;                    
                }  
                
                    div.product_images ul li div.overlay.active {
                    display: none;
                    }          
        
                div.product_images.two_images ul li {
                width: 480px;
                overflow: hidden;
                }
                
                    div.product_images.two_images ul li div.overlay {
                    width: 480px;    
                    } 
                
                div.product_images.three_images ul li {
                width: 320px;
                overflow: hidden;
                }
                
                    div.product_images.three_images ul li div.overlay {
                    width: 320px;
                    }                 
                
                div.product_images.four_images ul li {
                width: 240px;
                overflow: hidden;
                }
                
                    div.product_images.four_images ul li div.overlay {
                    width: 240px;
                    }
                    
                    div.product_images.four_images ul li.right img {
                    margin-left: -240px;
                    }                                    
                
                div.product_images.five_images ul li {
                width: 192px;
                overflow: hidden;
                } 
                
                    div.product_images.five_images ul li div.overlay {
                    width: 192px;
                    }     
                    
                    div.product_images.five_images ul li.right img {
                    margin-left: -288px;
                    } 
					
				div.product_images.six_images ul li {
                width: 160px;
                overflow: hidden;
                } 
                
                    div.product_images.six_images ul li div.overlay {
                    width: 160px;
                    }     
                    
                    div.product_images.six_images ul li.right img {
                    margin-left: -288px;
                    }                                                                                            
        
    div.product_difference {
    position: relative;
    background: black /* #060606 url('../images/range/product_difference_bg.jpg') top left no-repeat */;
    } 
    
        div.first_image {
        padding-top: 30px;
        }
    
        div.first_image.ad7000w {background: url('../images/range/ad7000w/block1.png') top left no-repeat;}
        div.first_image.ad7050w {background: url('../images/range/ad7050w/block1.png') top left no-repeat;}
		div.first_image.ad7050 {background: url('../images/range/ad7050/block1.png') top left no-repeat;}
        div.first_image.ds6600 {background: url('../images/range/ds6600/block1.png') top left no-repeat;}
        div.first_image.ds3880w {background: url('../images/range/ds3880w/block1.png') top left no-repeat;}
        div.first_image.ds3881w {background: url('../images/range/ds3881w/block1.png') top left no-repeat;}
        div.first_image.ds3800w {background: url('../images/range/ds3800w/block1.png') top left no-repeat;}
        div.first_image.ds9 {background: url('../images/range/ds9/block1.png') top left no-repeat;}
        div.first_image.ds9800 {background: url('../images/range/ds9800/block1.png') top left no-repeat;}
        div.first_image.ds8800w {background: url('../images/range/ds8800w/block1.png') top left no-repeat;}
        
        div.first_image.css9211 {background: url('../images/range/css9211/block1.png') top left no-repeat;}
        div.first_image.css9216 {background: url('../images/range/css9216/block1.png') top left no-repeat;}
        div.first_image.hts9221 {background: url('../images/range/hts9221/block1.png') 0px 40px no-repeat;}
        div.first_image.hts9241 {background: url('../images/range/hts9241/block1.png') 0px 40px no-repeat;}
                  
        div.first_image.aw1000 {background: url('../images/range/aw1000/block1.png') 0px 60px no-repeat;}
        div.first_image.aw2000 {background: url('../images/range/aw2000/block1.png') 0px 60px no-repeat;}
        div.first_image.aw3000 {background: url('../images/range/aw3000/block1.png') 0px 30px no-repeat;}
        div.first_image.aw5000 {background: url('../images/range/aw5000/block1.png') 0px 30px no-repeat;}
        div.first_image.aw9000 {background: url('../images/range/aw9000/block1.png') 0px 60px no-repeat;}
        
        div.first_image.l1 {background: url('../images/range/l1/block1.png') 0px 50px no-repeat;}
        div.first_image.m1 {background: url('../images/range/m1/block1.png') 0px 40px no-repeat;}
		div.first_image.x1 {background: url('../images/range/x1/block1.png') 0px 70px no-repeat;}
        
        div.first_image.dcm5090 {background: url('../images/range/dcm5090/block1.png') 0px 20px no-repeat;}
        div.first_image.dcw8010 {background: url('../images/range/dcw8010/block1.png') 0px 30px no-repeat;}
        
        div.first_image.ds9100 {background: url('../images/range/ds9100/block1.png') top left no-repeat;}
		div.first_image.ds9100w{background: url('../images/range/ds9100w/block1.png') top left no-repeat;}
		div.first_image.ds9160 {background: url('../images/range/ds9160/block1.jpg') top left no-repeat;}
        div.first_image.ds6800w {background: url('../images/range/ds6800w/block1.png') top left no-repeat;}
        div.first_image.ds9860 {background: url('../images/range/ds9860/block1.png') top left no-repeat;}
		div.first_image.p9 {background: url('../images/range/p9/block1.png') top left no-repeat;}
		div.first_image.htb955 {background: url('../images/range/htb955/block1.png') top left no-repeat;}
        div.first_image.htb9150 {background: url('../images/range/htb9150/block1.png') top left no-repeat;}
		
        div.product_difference h1 {
        font-size: 50px  !important;
        text-align: center;
        }
    
        div.product_difference h2 {
        color: white;
        font-size: 35px;
        }
        
        div.product_difference p {
        color: #666666;
        padding: 15px 0px 25px 0px;
        }
    
        div.difference_block_1 {
        padding: 95px 100px 0px 450px; 
        }
        
            div.first_image.ad7000w div.difference_block_1 {padding-left: 500px;}
            div.first_image.ad7050w div.difference_block_1 {padding-left: 500px;}
            div.first_image.ds9800 div.difference_block_1 {padding-left: 500px;}
            div.first_image.ds9 div.difference_block_1 {padding-top: 40px;}
            div.first_image.aw1000 div.difference_block_1 {padding-top: 50px;}
            div.first_image.aw2000 div.difference_block_1 {padding-top: 50px;}
            div.first_image.aw3000 div.difference_block_1 {padding-top: 50px;}
            div.first_image.aw5000 div.difference_block_1 {padding-top: 50px;}
            div.first_image.aw9000 div.difference_block_1 {padding-top: 50px;}
            div.first_image.l1 div.difference_block_1 {padding-top: 50px;}
            div.first_image.dcm5090 div.difference_block_1 {padding-top: 50px;}
            div.first_image.dcw8010 div.difference_block_1 {padding-top: 50px;}            
        
        div.difference_block_2 {
        padding: 100px 560px 50px 90px;  
        }
            
            div.first_image.ad7000w div.difference_block_2 {padding-right: 590px; background: url('../images/range/ad7000w/block2.png') bottom right no-repeat;}
            div.first_image.ad7050w div.difference_block_2 {padding-right: 590px; background: url('../images/range/ad7050w/block2.png') bottom right no-repeat;}
			div.first_image.ad7050 div.difference_block_2 {padding-right: 590px; background: url('../images/range/ad7050/block2.png') bottom right no-repeat;}
            div.first_image.ds3800w div.difference_block_2 {min-height: 440px; padding-top: 170px; padding-right: 590px; background: url('../images/range/ds3800w/block2.png') bottom right no-repeat;}
            div.first_image.ds3880w div.difference_block_2 {padding-top: 120px; padding-right: 570px; background: url('../images/range/ds3880w/block2.png') bottom right no-repeat;}
            div.first_image.ds8800w div.difference_block_2 {min-height: 350px; padding-top: 190px; background: url('../images/range/ds8800w/block2.png') bottom right no-repeat;}
            
            div.first_image.css9211 div.difference_block_2 {padding-right: 450px;background: url('../images/range/css9211/block2.png') bottom right no-repeat;}
            div.first_image.css9211 div.difference_block_2 .margin {padding-right: 160px;}
            div.first_image.css9216 div.difference_block_2 {padding-right: 620px;background: url('../images/range/css9216/block2.png') bottom right no-repeat;}
            div.first_image.hts9221 div.difference_block_2 {padding-top: 0px;padding-right: 620px;background: url('../images/range/hts9221/block2.png') bottom right no-repeat;}
            div.first_image.hts9241 div.difference_block_2 {padding-top: 0px;padding-right: 620px;background: url('../images/range/hts9241/block2.png') bottom right no-repeat;}
            
            div.first_image.aw1000 div.difference_block_2 {background: url('../images/range/aw1000/block2.png') bottom right no-repeat;}
            div.first_image.aw2000 div.difference_block_2 {padding-right: 630px; background: url('../images/range/aw2000/block2.png') bottom right no-repeat;}
            div.first_image.aw3000 div.difference_block_2 {padding-top: 50px; padding-right: 590px; background: url('../images/range/aw3000/block2.png') bottom right no-repeat;}
            div.first_image.aw5000 div.difference_block_2 {padding-top: 50px; background: url('../images/range/aw5000/block2.png') bottom right no-repeat;}
            div.first_image.aw9000 div.difference_block_2 {padding-right: 630px; min-height: 400px; background: url('../images/range/aw9000/block2.png') bottom right no-repeat;}
            
            div.first_image.l1 div.difference_block_2 {padding-top: 30px; padding-right: 0px; padding-bottom: 340px; background: url('../images/range/l1/block2.png') bottom right no-repeat;}
            div.first_image.m1 div.difference_block_2 {padding-bottom: 60px; padding-right: 500px; background: url('../images/range/m1/block2.png') bottom right no-repeat;}
			div.first_image.x1 div.difference_block_2 {padding-bottom: 60px; padding-right: 500px; background: url('../images/range/x1/block2.png') bottom right no-repeat;}
            
            div.first_image.dcm5090 div.difference_block_2 {padding-top: 20px; background: url('../images/range/dcm5090/block2.png') bottom right no-repeat;}
            div.first_image.dcw8010 div.difference_block_2 {padding-right: 590px; padding-top: 20px; background: url('../images/range/dcw8010/block2.png') bottom right no-repeat;}
            div.first_image.ds9100 div.difference_block_2 {padding-right: 590px; background: url('../images/range/ds9100/block2.png') bottom right no-repeat;}
			 div.first_image.ds9100w div.difference_block_2 {padding-right: 590px; background: url('../images/range/ds9100w/block2.png') bottom right no-repeat;}
            div.first_image.ds6800w div.difference_block_2 {padding-right: 500px; background: url('../images/range/ds6800w/block2.png') bottom right no-repeat;}
            div.first_image.htb955 div.difference_block_2 {padding-right: 500px; background: url('../images/range/htb955/block2.png') bottom right no-repeat;}
			div.first_image.htb9150 div.difference_block_2 {padding-right: 500px; padding-top:10px; background: url('../images/range/htb9150/block2.png') bottom right no-repeat;}
			
			
            div.difference_block_2.ds6600 {padding-right: 500px; background: url('../images/range/ds6600/block2.png') bottom right no-repeat;}
            div.difference_block_2.ds3881w {padding-top: 120px; padding-right: 570px; background: url('../images/range/ds3881w/block2.png') bottom right no-repeat;}
            div.difference_block_2.ds9 {min-height: 330px; padding-top: 110px; padding-right: 620px; background: url('../images/range/ds9/block2.png') bottom right no-repeat;}
            div.difference_block_2.ds9800 {padding-top: 50px; background: url('../images/range/ds9800/block2.png') bottom right no-repeat;}
            div.difference_block_2.ds9800 .extra_margin {padding-right: 50px;} 
			div.difference_block_2.ds9860 {padding-top: 50px; background: url('../images/range/ds9860/block2.png') bottom right no-repeat;}
			div.difference_block_2.p9 {padding-top: 50px; background: url('../images/range/p9/block2.png') bottom right no-repeat;}
			

    div.column {
        width: 345px;
        margin-right: 90px;
        float: left;
        display: inline;
    }
    
        div.column.last {
            margin-right: 0px;
        }
     
	 
#logo_fidelio {
position: absolute;
z-index: 1;
background: white;
margin-top: 20px;
margin-left: 20px;
}

.where-to-buy {
	cursor: pointer;
}

div.product h1.small { 
font-size: 30px !important;
line-height: 33px !important;
}
        
div.product h1.smaller { 
line-height: 28px !important;
font-size: 25px !important;
}


/************************************
 * MUSIC SERVICES
 ***********************************/     
  
.musicservices_list {
height: 175px;
background: black /*url('../images/range/range_products_bg.jpg') no-repeat */;
position: relative;
}  

.black_bg_left {
background: black;
height: 175px;
width: 37px;
position: absolute;
z-index: 9999;
zoom: 1;
}

.black_bg_right {
background: black;
height: 175px;
width: 38px;
position: absolute;
z-index: 9999;
zoom: 1;
right: 0;
}

    a.arrow {
    height: 52px;
    width: 26px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -26px;
    z-index: 9999999;
    }
    
        a.arrow.left {
        left: 0px;
        background: url('../images/range/range_arrow_left_active.png') no-repeat;
        }

            a.arrow.left:hover {
            background: url('../images/range/range_arrow_left_hover.png') no-repeat;
            }
        
            a.arrow.left.inactive, a.arrow.left.inactive:hover {
            background: url('../images/range/range_arrow_left_inactive.png') no-repeat;
            }
        
        a.arrow.right {
        background: url('../images/range/range_arrow_right_active.png') no-repeat;
        right: 0px;
        } 
        
            a.arrow.right:hover {
            background: url('../images/range/range_arrow_right_hover.png') no-repeat;
            }        
        
            a.arrow.right.inactive, a.arrow.right.inactive:hover {
            background: url('../images/range/range_arrow_right_inactive.png') no-repeat;
            }                  
                       
    a.arrow.left.arrow_extra {
    background: url('../images/range/extra_left_active.png') no-repeat;
    }
    
        a.arrow.left.arrow_extra.inactive, a.arrow.left.arrow_extra.inactive:hover {
        background: url('../images/range/extra_left_inactive.png') no-repeat;
        }
    
    a.arrow.right.arrow_extra {
    background: url('../images/range/extra_right_active.png') no-repeat;
    right: 0px;
    } 

        a.arrow.right.arrow_extra.inactive, a.arrow.right.arrow_extra.inactive:hover {
        background: url('../images/range/extra_right_inactive.png') no-repeat;
        }  

    .musicservices_list_wrapper {
    width: 960px;
    height: 175px;
    overflow: hidden;
    position: relative
    }
    
        #range_slider {
        position: absolute;
        z-index: 1000;
        margin-top: 1px;
        }
        
            #range_slider.five_products_first {
            margin-left: 26px;
            }
            
            #range_slider.four_products_first {
            margin-left: 115px;
            }
            
            #range_slider.three_products_first {
            margin-left: 203px;
            }
            
            #range_slider.two_products_first {
            margin-left: 292px;
            }
            
            #range_slider.one_products_first {
            margin-left: 380px;
            }                                                
    
        .musicservices_list_wrapper .overflow {
        width: 5000px;
        height: 175px;
        }

            .musicservices_list_wrapper ul {
            width: 5000px;
            height: 175px;
            float: left;
            display: inline;
            }
            
                .musicservices_list_wrapper ul.five_products {
                margin-left: 37px;
                }
                
                .musicservices_list_wrapper ul.four_products {
                margin-left: 126px;
                }
                
                .musicservices_list_wrapper ul.three_products {
                margin-left: 214px;
                }
                
                .musicservices_list_wrapper ul.two_products {
                margin-left: 303px;
                }
                
                .musicservices_list_wrapper ul.one_products {
                margin-left: 391px;
                }                                                
        
                .musicservices_list_wrapper ul li {
                text-align: center;
                float: left;
                display: inline;
                width: 177px;
                height: 175px;  
                position: relative;
                cursor: pointer;
				z-index: 999999;
                }
                
                    .ie6 .musicservices_list_wrapper ul li, .ie7 .musicservices_list_wrapper ul li, .ie8 .musicservices_list_wrapper ul li {
                    z-index: 999999;
                    }                 
                
                    .musicservices_list_wrapper ul li div.hover {
                    display: none;
                    position: absolute;
                    z-index: 9;
                    margin-top: -16px;
                    margin-left: 1px;
                    left: 0;
                    }
                    
                        .ie6 .musicservices_list_wrapper ul li, .ie7 .musicservices_list_wrapper ul li, .ie8 .musicservices_list_wrapper ul li  div.hover { 
                        left: 0;
                        }
                    
                        .musicservices_list_wrapper ul li.hover div.hover {
                        display: block;
                        }
                        
                        .musicservices_list_wrapper ul li.active.hover div.hover {
                        display: none;
                        }
                        .musicservices_list_wrapper ul li.active.hover div.hover.img {
                        display: block;
                        }
                                
                    .musicservices_list_wrapper ul li div.img {
                        height: 120px;
                        line-height: 120px !important;
                        left: 0;
                        margin-top: 27px;
                        position: absolute;
                        text-align: center;
                        width: 180px;
                        z-index: 10000;
                    }
                        .musicservices_list_wrapper ul li div.img img {
                            vertical-align: middle;
                        }
                    
                    .musicservices_list_wrapper ul li p.name {
                    position: absolute;
                    width: 157px;
                    line-height: 10px;
                    padding: 0px 10px;
                    z-index: 999;  
                    left: 0;
                    bottom: 5px;
                    /* display: none; */   
                    font-size: 12px;
                    color: #4a4a4a;                              
                    }
                        
                        .musicservices_list_wrapper ul li.hover div.img {
                        z-index: 10000;
                        }
                        
                        .musicservices_list_wrapper ul li.hover p.name {
                        display: block;
                        color: #4a4a4a;
                        }
                        
                        .musicservices_list_wrapper ul li.active.hover p.name, .musicservices_list_wrapper ul li.active p.name {
                        /* display: none; */
                        color: #999999;
                        z-index: 10001;
                        }                        
                    

#product_box.music_services {
background: url('../images/musicservices/service_bg2.png') top left repeat-x black;
color: white;
position: relative;
width: 960px;
height: auto;
overflow: hidden;
padding-bottom: 40px;
}

    #product_box a.arrow {
    display: none;
    }

div.service {
display: none;
position: absolute;
width: 960px;
}

    div.service p {
    clear: both;
    padding-top: 20px;
    }

    div.service_inner {
    z-index: 99999;
    padding: 25px 65px;
    }
    
    div.product_text_extra {
    z-index: 99999;
    padding: 25px 0px 0px 65px;
    width: 435px;
    float: left;
    display: inline;
    }
    
        #product_box.headphones div.product_text {
        width: 430px;
        }

    div.service h1 {
    color: #999999;
    line-height: 10px;
    font-size: 35x;
    margin-bottom: 30px;
    }

        div.service h1.small { 
        font-size: 30px !important;
        }
        
        div.service h1.smaller { 
        font-size: 25px !important;
        }       
    
    div.service p {
    color: #aaa;
    font-size: 13px;
    }
    
    .service_name_wrapper {
        margin-left: -60px;
        margin-bottom: 30px;
    }
        .service_name_wrapper img{
            float: left;
            margin-right: -10px;
        }
        div.service h2.service_name {
            font-size: 40px;
            color: white;
            line-height: 95px;
            float: left;
        }
    .tagline_joinbutton {
        margin-bottom: 30px;
    }
        div.service h3 {
            color: white;
            float: left;
            font-size: 30px;
            margin-right: 20px;
            width: 550px;
        }
        a.service_joinbutton {
            background: url('../images/range/product_button_left.png') no-repeat scroll left top transparent;
            color: #FFFFFF;
            font-family: gs_regular !important;
            display: block;
            float: left;
            font-size: 15px;
            height: 32px;
            margin-left: 100px;
            padding: 13px 20px 0 37px;
            position: relative;
        }
        .service_joinbutton:hover {
            color: #000000;
            background: url('../images/range/product_button_left_hover.png') top left no-repeat;
            text-decoration: none;
        }
            .service_joinbutton span {
                background: url('../images/range/product_button_right.png') no-repeat scroll right top transparent;
                display: block;
                height: 42px;
                margin-left: 36px;
                position: absolute;
                right: -13px;
                top: 0;
                width: 13px;
				cursor: pointer;
            }
            .service_joinbutton:hover span {
                background: url('../images/range/product_button_right_hover.png') top right no-repeat;
				cursor: pointer;
            }

	a.service_joinbutton_extra {
            background: url('../images/range/product_button_left_extra.png') no-repeat scroll left top transparent;
            color: #FFFFFF;
            font-family: gs_regular !important;
            display: block;
            float: left;
            font-size: 15px;
            height: 32px;
            margin-left: 100px;
            padding: 13px 20px 0 37px;
            position: relative;
        }
        .service_joinbutton_extra:hover {
            color: #000000;
            background: url('../images/range/product_button_left_hover_extra.png') top left no-repeat;
            text-decoration: none;
        }
            .service_joinbutton_extra span {
                background: url('../images/range/product_button_right.png') no-repeat scroll right top transparent;
                display: block;
                height: 42px;
                margin-left: 36px;
                position: absolute;
                right: -13px;
                top: 0;
                width: 13px;
				cursor: pointer;
            }
            .service_joinbutton_extra:hover span {
                background: url('../images/range/product_button_right_hover.png') top right no-repeat;
				cursor: pointer;
            }
			
    .badges {
        margin-top: 20px;
        text-align: center;
    }
        .badges li {
            display: inline;
            list-style-type: none;
            margin-right: 10px;
        } 

    div.service.active {
    display: block; 
    position: relative;
    }


#music_service_intro h2 {
    padding: 30px;
    margin-left: 130px;
    float: none;
    line-height: 50px;
}
#music_service_intro p.introtext {
    font-family: gs_regular !important;
    color: #fff;
    font-size: 18px;
    margin-left: 160px !important;
    padding-top: 0;
}
.service_inner .left_info,
.service_inner .right_info {
    float: left;
    width: 405px;
    text-align: center;
}
.service_inner .left_info {
    margin-right: 15x;
}
.service_inner .left_info p.top,
.service_inner .right_info p.top {
    font-family: gs_light_regular !important;
    color: #fff;
    font-size: 21px;
    text-align: center;
    line-height: 25px !important;
	margin: 0 !important;
}
.service_inner .left_info p.bottom,
.service_inner .right_info p.bottom {
    font-family: 'verdana', sans-serif;
    color: #a5a5a5;
    font-size: 13px;
    text-align: center;
	margin: 0 !important;
}
#music_service_intro .service_inner .left_info p,
#music_service_intro .service_inner .right_info p {
    font-family: gs_regular !important;
    color: #fff;
    font-size: 14px;
    text-align: center;
	margin: 0 !important;
}

#left_range.arrow.hide,
#right_range.arrow.hide {
    display: none !important;
}
    div.service p.buttons {
    clear: both;
    padding-top: 30px;
    }
    
        .ie7 div.service p.buttons { 
        padding-top: 0px;
        }
                   

    div.service p.buttons_extra {
    clear: both;
    padding-top: 30px;
    }
    
        .ie7 div.service p.buttons_extra{ 
        padding-top: 0px;
        }
        
        div.service p.buttons_extra a {
        display: block;
        float: left;
        height: 32px; /* 42 */
        position: relative;
        background: url('../images/range/product_button_left_extra.png') top left no-repeat;
        color: white;
        font-size: 15px;
        margin-right: 46px;
        padding: 13px 0px 0px 15px;
        }
        
        div.service p.buttons_extra a span {
        display: block;
        width: 36px;
        height: 42px;
        background: url('../images/range/product_button_right.png') top left no-repeat;
        position: absolute;
        margin-left: 36px;
        top: 0;
        right: -36px;
        } 
        
            div.service p.buttons_extra a:hover {
            color: black;
            background: url('../images/range/product_button_left_hover_extra.png') top left no-repeat; 
            }
            
            div.service p.buttons_extra a:hover span {
            background: url('../images/range/product_button_right_hover.png') top left no-repeat;
            }                   

                div.service p.buttons_large {
    clear: both;
    padding-top: 30px;
    width: 600px;
    }
    
        .ie7 div.service p.buttons_large{ 
        padding-top: 0px;
        }
        
        div.service p.buttons_large a {
        display: block;
        float: left;
        height: 32px; /* 42 */
        position: relative;
        background: url('../images/range/product_button_left_large.png') top left no-repeat;
        color: white;
        font-size: 15px;
        margin-right: 46px;
        padding: 13px 0px 0px 15px;
        }
        
        div.service p.buttons_large a span {
        display: block;
        width: 36px;
        height: 42px;
        background: url('../images/range/product_button_right.png') top left no-repeat;
        position: absolute;
        margin-left: 36px;
        top: 0;
        right: -36px;
        } 
        
            div.service p.buttons_large a:hover {
            color: black;
            background: url('../images/range/product_button_left_hover_large.png') top left no-repeat; 
            }
            
            div.service p.buttons_large a:hover span {
            background: url('../images/range/product_button_right_hover.png') top left no-repeat;
            }          

div.product p.name_extra{
	color: white;
	font-size: 20px;
	height: 35px;
	width: 600px;
}

div.product p.code_extra {
	color: #666666;
	font-size: 12px;
	height: 40px;
}

div.product p.code_min {
	color: #666666;
	font-size: 12px;
	height: 10px;
}

div.product h1.min {
	margin-bottom: 20px;
}

.cp-popup {
	position:absolute;
	display:none;
	background:white;
	padding:40px;
	border:#aaa;
	z-index:9999999;
	width:650px;
	border-radius:15px;
	text-align: left;
}

.cp-popup .header {
	float: right;
}

.cp-popup .header a{
	cursor: pointer;
}

.cp-popup h1 {
color: black;
padding-bottom: 25px;
}


.cp-popup img {
float: left;
display: inline;
margin-top: 10px;
}

.cp-popup .content {
margin-left: 130px;
}

#cp-popup-modalbg {
	display:block;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:9999998;
	background:#000;
	opacity:.5;
	filter: alpha(opacity=50);
}

.btn-close {
display: block;
width: 35px;
height: 35px;
background: url('../images/close.png') no-repeat;
margin-top: -15px;
margin-right: -15px;
}


/*
VideoJS Default Styles (http://videojs.com)
Version 3.2.0
*/

/*
REQUIRED STYLES (be careful overriding)
================================================================================ */
/* When loading the player, the video tag is replaced with a DIV,
   that will hold the video tag or object tag for other playback methods.
   The div contains the video playback element (Flash or HTML5) and controls, and sets the width and height of the video.

   ** If you want to add some kind of border/padding (e.g. a frame), or special positioning, use another containing element.
   Otherwise you risk messing up control positioning and full window mode. **
*/
.video-js {
  background-color: #000; position: relative; padding: 0;

  /* Start with 10px for base font size so other dimensions can be em based and easily calculable. */
  font-size: 10px;

  /* Allow poster to be vertially aligned. */
  vertical-align: middle;
  /*  display: table-cell; */ /*This works in Safari but not Firefox.*/
}

/* Playback technology elements expand to the width/height of the containing div. <video> or <object> */
.video-js .vjs-tech { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when checking fullScreenEnabled. */
.video-js:-moz-full-screen { position: absolute; }

/* Fullscreen Styles */
body.vjs-full-window {
  padding: 0; margin: 0;
  height: 100%; overflow-y: auto; /* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html */
}
.video-js.vjs-fullscreen {
  position: fixed; overflow: hidden; z-index: 1000; left: 0; top: 0; bottom: 0; right: 0; width: 100% !important; height: 100% !important;
  _position: absolute; /* IE6 Full-window (underscore hack) */
}
.video-js:-webkit-full-screen {
  width: 100% !important; height: 100% !important;
}

/* Poster Styles */
.vjs-poster {
  margin: 0 auto; padding: 0; cursor: pointer;

  /* Scale with the size of the player div. Works when poster is vertically shorter, but stretches when it's less wide. */
  position: relative; width: 100%; max-height: 100%;
}

/* Text Track Styles */
/* Overall track holder for both captions and subtitles */
.video-js .vjs-text-track-display { text-align: center; position: absolute; bottom: 4em; left: 1em; right: 1em; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }
/* Individual tracks */
.video-js .vjs-text-track {
  display: none; color: #fff; font-size: 1.4em; text-align: center; margin-bottom: 0.1em;
  /* Transparent black background, or fallback to all black (IE6) */
  background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.50);
}
.video-js .vjs-subtitles { color: #fff; }
.video-js .vjs-captions { color: #fc6; }
.vjs-tt-cue { display: block; }

/* Fading sytles, used to fade control bar. */
.vjs-fade-in {
  visibility: visible !important; /* Needed to make sure things hide in older browsers too. */
  opacity: 1 !important;

  -webkit-transition: visibility 0s linear 0s, opacity 0.3s linear;
  -moz-transition: visibility 0s linear 0s, opacity 0.3s linear;
  -ms-transition: visibility 0s linear 0s, opacity 0.3s linear;
  -o-transition: visibility 0s linear 0s, opacity 0.3s linear;
  transition: visibility 0s linear 0s, opacity 0.3s linear;
}
.vjs-fade-out {
  visibility: hidden !important;
  opacity: 0 !important;

  -webkit-transition: visibility 0s linear 1.5s,opacity 1.5s linear;
  -moz-transition: visibility 0s linear 1.5s,opacity 1.5s linear;
  -ms-transition: visibility 0s linear 1.5s,opacity 1.5s linear;
  -o-transition: visibility 0s linear 1.5s,opacity 1.5s linear;
  transition: visibility 0s linear 1.5s,opacity 1.5s linear;
}

/* DEFAULT SKIN (override in another file to create new skins)
================================================================================
Instead of editing this file, I recommend creating your own skin CSS file to be included after this file,
so you can upgrade to newer versions easier. You can remove all these styles by removing the 'vjs-default-skin' class from the tag. */

/* The default control bar. Created by bar.js */
.vjs-default-skin .vjs-controls {
  position: absolute;
  bottom: 0; /* Distance from the bottom of the box/video. Keep 0. Use height to add more bottom margin. */
  left: 0; right: 0; /* 100% width of div */
  margin: 0; padding: 0; /* Controls are absolutely position, so no padding necessary */
  height: 2.6em; /* Including any margin you want above or below control items */
  color: #fff; border-top: 1px solid #404040;

  /* CSS Gradient */
  /* Can use the Ultimate CSS Gradient Generator: http://www.colorzilla.com/gradient-editor/ */
  background: #242424; /* Old browsers */
  background: -moz-linear-gradient(top, #242424 50%, #1f1f1f 50%, #171717 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(50%,#242424), color-stop(50%,#1f1f1f), color-stop(100%,#171717)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #242424 50%,#1f1f1f 50%,#171717 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #242424 50%,#1f1f1f 50%,#171717 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #242424 50%,#1f1f1f 50%,#171717 100%); /* IE10+ */
  /* Filter was causing a lot of weird issues in IE. Elements would stop showing up, or other styles would break. */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#242424', endColorstr='#171717',GradientType=0 );*/ /* IE6-9 */
  background: linear-gradient(top, #242424 50%,#1f1f1f 50%,#171717 100%); /* W3C */

  /* Start hidden and with 0 opacity. Opacity is used to fade in modern browsers. */
  /* Can't use display block to hide initially because widths of slider handles aren't calculated and avaialbe for positioning correctly. */
  visibility: hidden;
  opacity: 0;
}

/* General styles for individual controls. */
.vjs-default-skin .vjs-control {
  position: relative; float: left;
  text-align: center; margin: 0; padding: 0;
  height: 2.6em; width: 2.6em;
}

.vjs-default-skin .vjs-control:focus {
  outline: 0;
/*  background-color: #555;*/
}

/* Hide control text visually, but have it available for screenreaders: h5bp.com/v */
.vjs-default-skin .vjs-control-text { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }


/* Play/Pause
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-play-control { width: 5em; cursor: pointer !important; }
/* Play Icon */
.vjs-default-skin.vjs-paused .vjs-play-control div { width: 15px; height: 17px; background: url('video-js.png'); margin: 0.5em auto 0; }
.vjs-default-skin.vjs-playing .vjs-play-control div { width: 15px; height: 17px; background: url('video-js.png') -25px 0; margin: 0.5em auto 0; }

/* Rewind
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-rewind-control { width: 5em; cursor: pointer !important; }
.vjs-default-skin .vjs-rewind-control div { width: 19px; height: 16px; background: url('video-js.png'); margin: 0.5em auto 0; }

/* Volume/Mute
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-mute-control { width: 3.8em; cursor: pointer !important; float: right; }
.vjs-default-skin .vjs-mute-control div { width: 22px; height: 16px; background: url('video-js.png') -75px -25px; margin: 0.5em auto 0; }
.vjs-default-skin .vjs-mute-control.vjs-vol-0 div { background: url('video-js.png') 0 -25px; }
.vjs-default-skin .vjs-mute-control.vjs-vol-1 div { background: url('video-js.png') -25px -25px; }
.vjs-default-skin .vjs-mute-control.vjs-vol-2 div { background: url('video-js.png') -50px -25px; }


.vjs-default-skin .vjs-volume-control { width: 5em; float: right; }
.vjs-default-skin .vjs-volume-bar {
  position: relative; width: 5em; height: 0.6em; margin: 1em auto 0; cursor: pointer !important;

  -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; border-radius: 0.3em;

  background: #666;
  background: -moz-linear-gradient(top, #333, #666);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333), to(#666));
  background: -webkit-linear-gradient(top, #333, #666);
  background: -o-linear-gradient(top, #333, #666);
  background: -ms-linear-gradient(top, #333, #666);
  background: linear-gradient(top, #333, #666);
}
.vjs-default-skin .vjs-volume-level {
  position: absolute; top: 0; left: 0; height: 0.6em;

  -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; border-radius: 0.3em;

  background: #fff;
  background: -moz-linear-gradient(top, #fff, #ccc);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ccc));
  background: -webkit-linear-gradient(top, #fff, #ccc);
  background: -o-linear-gradient(top, #fff, #ccc);
  background: -ms-linear-gradient(top, #fff, #ccc);
  background: linear-gradient(top, #fff, #ccc);
}
.vjs-default-skin .vjs-volume-handle {
  position: absolute; top: -0.2em; width: 0.8em; height: 0.8em; background: #ccc; left: 0;
  border: 1px solid #fff;
  -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em; border-radius: 0.6em;
}

/* Progress
-------------------------------------------------------------------------------- */
.vjs-default-skin div.vjs-progress-control {
  position: absolute;
  left: 4.8em; right: 4.8em; /* Leave room for time displays. */
  height: 1.0em; width: auto;
  top: -1.3em; /* Set above the rest of the controls. And leave room for 2px of borders (progress bottom and controls top). */
  border-bottom: 1px solid #1F1F1F;
  border-top: 1px solid #222;

  /* CSS Gradient */
  background: #333;
  background: -moz-linear-gradient(top, #222, #333);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#222), to(#333));
  background: -webkit-linear-gradient(top, #222, #333);
  background: -o-linear-gradient(top, #333, #222);
  background: -ms-linear-gradient(top, #333, #222);
  background: linear-gradient(top, #333, #222);


  /* 1px top shadow */
/*  -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.15);*/
}

/* Box containing play and load progresses. Also acts as seek scrubber. */
.vjs-default-skin .vjs-progress-holder {
  position: relative; cursor: pointer !important; /*overflow: hidden;*/
  padding: 0; margin: 0; /* Placement within the progress control item */
  height: 1.0em;
  -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em; border-radius: 0.6em;

  /* CSS Gradient */
  background: #111;
  background: -moz-linear-gradient(top, #111, #262626);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#111), to(#262626));
  background: -webkit-linear-gradient(top, #111, #262626);
  background: -o-linear-gradient(top, #111, #262626);
  background: -ms-linear-gradient(top, #111, #262626);
  background: linear-gradient(top, #111, #262626);
}
.vjs-default-skin .vjs-progress-holder .vjs-play-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress { /* Progress Bars */
  position: absolute; display: block; height: 1.0em; margin: 0; padding: 0;
  left: 0; top: 0; /*Needed for IE6*/
  -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em; border-radius: 0.6em;

  /*width: 0;*/
}

.vjs-default-skin .vjs-play-progress {
  /* CSS Gradient. */
  background: #fff; /* Old browsers */
  background: -moz-linear-gradient(top, #fff 0%, #d6d6d6 50%, #fff 100%);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%,#fff), color-stop(50%,#d6d6d6), color-stop(100%,#fff));
  background: -webkit-linear-gradient(top, #fff 0%,#d6d6d6 50%,#fff 100%);
  background: -o-linear-gradient(top, #fff 0%,#d6d6d6 50%,#fff 100%);
  background: -ms-linear-gradient(top, #fff 0%,#d6d6d6 50%,#fff 100%);
  background: linear-gradient(top, #fff 0%,#d6d6d6 50%,#fff 100%);

  background: #efefef;
  background: -moz-linear-gradient(top, #efefef 0%, #f5f5f5 50%, #dbdbdb 50%, #f1f1f1 100%);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%,#efefef), color-stop(50%,#f5f5f5), color-stop(50%,#dbdbdb), color-stop(100%,#f1f1f1));
  background: -webkit-linear-gradient(top, #efefef 0%,#f5f5f5 50%,#dbdbdb 50%,#f1f1f1 100%);
  background: -o-linear-gradient(top, #efefef 0%,#f5f5f5 50%,#dbdbdb 50%,#f1f1f1 100%);
  background: -ms-linear-gradient(top, #efefef 0%,#f5f5f5 50%,#dbdbdb 50%,#f1f1f1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#f1f1f1',GradientType=0 );
  background: linear-gradient(top, #efefef 0%,#f5f5f5 50%,#dbdbdb 50%,#f1f1f1 100%);
}
.vjs-default-skin .vjs-load-progress {
  opacity: 0.8;

  /* CSS Gradient */
  background: #666;
  background: -moz-linear-gradient(top, #666, #333);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666), to(#333));
  background: -webkit-linear-gradient(top, #666, #333);
  background: -o-linear-gradient(top, #666, #333);
  background: -ms-linear-gradient(top, #666, #333);
  background: linear-gradient(top, #666, #333);
}

.vjs-default-skin div.vjs-seek-handle {
  position: absolute;
  width: 16px; height: 16px; /* Match img pixles */
  margin-top: -0.3em;
  left: 0; top: 0; /*Needed for IE6*/

  background: url('video-js.png') 0 -50px;
  /* CSS Curved Corners. Needed to make shadows curved. */
  -moz-border-radius: 0.8em; -webkit-border-radius: 0.8em; border-radius: 0.8em;
  /* CSS Shadows */
  -webkit-box-shadow: 0 2px 4px 0 #000; -moz-box-shadow: 0 2px 4px 0 #000; box-shadow: 0 2px 4px 0 #000;
}
/* Time Display
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-time-controls {
  position: absolute;
  right: 0;
  height: 1.0em; width: 4.8em;
  top: -1.3em;
  border-bottom: 1px solid #1F1F1F;
  border-top: 1px solid #222;
  background-color: #333;

  font-size: 1em; line-height: 1.0em; font-weight: normal; font-family: Helvetica, Arial, sans-serif;

  background: #333;
  background: -moz-linear-gradient(top, #222, #333);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#222), to(#333));
  background: -webkit-linear-gradient(top, #222, #333);
  background: -o-linear-gradient(top, #333, #222);
  background: -ms-linear-gradient(top, #333, #222);
  background: linear-gradient(top, #333, #222);

  /* 1px top shadow */
/*  -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.15);*/
}

.vjs-default-skin .vjs-current-time { left: 0; }

.vjs-default-skin .vjs-duration { right: 0; display: none; }
.vjs-default-skin .vjs-remaining-time { right: 0; }

.vjs-time-divider { display:none; }

.vjs-default-skin .vjs-time-control { font-size: 1em; line-height: 1; font-weight: normal; font-family: Helvetica, Arial, sans-serif; }
.vjs-default-skin .vjs-time-control span { line-height: 25px; /* Centering vertically */ }

/* Fullscreen
-------------------------------------------------------------------------------- */
.vjs-secondary-controls { float: right; }

.vjs-default-skin .vjs-fullscreen-control { width: 3.8em; cursor: pointer !important; float: right; }
.vjs-default-skin .vjs-fullscreen-control div { width: 16px; height: 16px; background: url('video-js.png') -50px 0; margin: 0.5em auto 0; }

.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control div { background: url('video-js.png') -75px 0; }


/* Big Play Button (at start)
---------------------------------------------------------*/
.vjs-default-skin .vjs-big-play-button {
  display: block; /* Start hidden */ z-index: 2;
  position: absolute; top: 50%; left: 50%; width: 8.0em; height: 8.0em; margin: -42px 0 0 -42px; text-align: center; vertical-align: center; cursor: pointer !important;
  border: 0.2em solid #fff; opacity: 0.95;
  -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;

  background: #454545;
  background: -moz-linear-gradient(top, #454545 0%, #232323 50%, #161616 50%, #3f3f3f 100%);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%,#454545), color-stop(50%,#232323), color-stop(50%,#161616), color-stop(100%,#3f3f3f));
  background: -webkit-linear-gradient(top, #454545 0%,#232323 50%,#161616 50%,#3f3f3f 100%);
  background: -o-linear-gradient(top, #454545 0%,#232323 50%,#161616 50%,#3f3f3f 100%);
  background: -ms-linear-gradient(top, #454545 0%,#232323 50%,#161616 50%,#3f3f3f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454545', endColorstr='#3f3f3f',GradientType=0 );
  background: linear-gradient(top, #454545 0%,#232323 50%,#161616 50%,#3f3f3f 100%);

  /* CSS Shadows */
  -webkit-box-shadow: 4px 4px 8px #000; -moz-box-shadow: 4px 4px 8px #000; box-shadow: 4px 4px 8px #000;
}

.vjs-default-skin div.vjs-big-play-button:hover {
  -webkit-box-shadow: 0 0 80px #fff; -moz-box-shadow: 0 0 80px #fff; box-shadow: 0 0 80px #fff;
}

.vjs-default-skin div.vjs-big-play-button span {
  position: absolute; top: 50%; left: 50%;
  display: block; width: 35px; height: 42px;
  margin: -20px 0 0 -15px; /* Using negative margin to center image. */
  background: url('video-js.png') -100px 0;
}

/* Loading Spinner
---------------------------------------------------------*/
/* CSS Spinners by Kilian Valkhof - http://kilianvalkhof.com/2010/css-xhtml/css3-loading-spinners-without-images/ */
.vjs-loading-spinner {
  display: none;
  position: absolute; top: 50%; left: 50%; width: 55px; height: 55px;
  margin: -28px 0 0 -28px;
  -webkit-animation-name: rotatethis;
  -webkit-animation-duration:1s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-timing-function:linear;
  -moz-animation-name: rotatethis;
  -moz-animation-duration:1s;
  -moz-animation-iteration-count:infinite;
  -moz-animation-timing-function:linear;
}

@-webkit-keyframes rotatethis {
  0% {-webkit-transform:scale(0.6) rotate(0deg); }
  12.5% {-webkit-transform:scale(0.6) rotate(0deg); }
  12.51% {-webkit-transform:scale(0.6) rotate(45deg); }
  25% {-webkit-transform:scale(0.6) rotate(45deg); }
  25.01% {-webkit-transform:scale(0.6) rotate(90deg);}
  37.5% {-webkit-transform:scale(0.6) rotate(90deg);}
  37.51% {-webkit-transform:scale(0.6) rotate(135deg);}
  50% {-webkit-transform:scale(0.6) rotate(135deg);}
  50.01% {-webkit-transform:scale(0.6) rotate(180deg);}
  62.5% {-webkit-transform:scale(0.6) rotate(180deg);}
  62.51% {-webkit-transform:scale(0.6) rotate(225deg);}
  75% {-webkit-transform:scale(0.6) rotate(225deg);}
  75.01% {-webkit-transform:scale(0.6) rotate(270deg);}
  87.5% {-webkit-transform:scale(0.6) rotate(270deg);}
  87.51% {-webkit-transform:scale(0.6) rotate(315deg);}
  100% {-webkit-transform:scale(0.6) rotate(315deg);}
}

@-moz-keyframes rotatethis {
  0% {-moz-transform:scale(0.6) rotate(0deg);}
  12.5% {-moz-transform:scale(0.6) rotate(0deg);}
  12.51% {-moz-transform:scale(0.6) rotate(45deg);}
  25% {-moz-transform:scale(0.6) rotate(45deg);}
  25.01% {-moz-transform:scale(0.6) rotate(90deg);}
  37.5% {-moz-transform:scale(0.6) rotate(90deg);}
  37.51% {-moz-transform:scale(0.6) rotate(135deg);}
  50% {-moz-transform:scale(0.6) rotate(135deg);}
  50.01% {-moz-transform:scale(0.6) rotate(180deg);}
  62.5% {-moz-transform:scale(0.6) rotate(180deg);}
  62.51% {-moz-transform:scale(0.6) rotate(225deg);}
  75% {-moz-transform:scale(0.6) rotate(225deg);}
  75.01% {-moz-transform:scale(0.6) rotate(270deg);}
  87.5% {-moz-transform:scale(0.6) rotate(270deg);}
  87.51% {-moz-transform:scale(0.6) rotate(315deg);}
  100% {-moz-transform:scale(0.6) rotate(315deg);}
}
/* Each circle */
div.vjs-loading-spinner .ball1 { opacity: 0.12; position:absolute; left: 20px; top: 0px; width: 13px; height: 13px; background: #fff;
  border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border: 1px solid #ccc; }

div.vjs-loading-spinner .ball2 { opacity: 0.25; position:absolute; left: 34px; top: 6px; width: 13px; height: 13px; background: #fff;
  border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border: 1px solid #ccc; }

div.vjs-loading-spinner .ball3 { opacity: 0.37; position:absolute; left: 40px; top: 20px; width: 13px; height: 13px; background: #fff;
  border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border: 1px solid #ccc; }

div.vjs-loading-spinner .ball4 { opacity: 0.50; position:absolute; left: 34px; top: 34px; width: 13px; height: 13px; background: #fff;
  border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 15px; border: 1px solid #ccc; }

div.vjs-loading-spinner .ball5 { opacity: 0.62; position:absolute; left: 20px; top: 40px; width: 13px; height: 13px; background: #fff;
  border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border: 1px solid #ccc; }

div.vjs-loading-spinner .ball6 { opacity: 0.75; position:absolute; left: 6px; top: 34px; width: 13px; height: 13px; background: #fff;
  border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border: 1px solid #ccc; }

div.vjs-loading-spinner .ball7 { opacity: 0.87; position:absolute; left: 0px; top: 20px; width: 13px; height: 13px; background: #fff;
  border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border: 1px solid #ccc; }

div.vjs-loading-spinner .ball8 { opacity: 1.00; position:absolute; left: 6px; top: 6px; width: 13px; height: 13px; background: #fff;
  border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border: 1px solid #ccc; }

/* Menu Buttons (Captions/Subtitles/etc.)
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-menu-button {
  float: right; margin: 0.2em 0.5em 0 0; padding: 0; width: 3em; height: 2em; cursor: pointer !important;

  border: 1px solid #111; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; border-radius: 0.3em;

  background: #4d4d4d;
  background: -moz-linear-gradient(top,  #4d4d4d 0%, #3f3f3f 50%, #333333 50%, #252525 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d4d4d), color-stop(50%,#3f3f3f), color-stop(50%,#333333), color-stop(100%,#252525));
  background: -webkit-linear-gradient(top,  #4d4d4d 0%,#3f3f3f 50%,#333333 50%,#252525 100%);
  background: -o-linear-gradient(top,  #4d4d4d 0%,#3f3f3f 50%,#333333 50%,#252525 100%);
  background: -ms-linear-gradient(top,  #4d4d4d 0%,#3f3f3f 50%,#333333 50%,#252525 100%);
  background: linear-gradient(top,  #4d4d4d 0%,#3f3f3f 50%,#333333 50%,#252525 100%);
}
/* Button Icon */
.vjs-default-skin .vjs-menu-button div { background: url('video-js.png') 0px -75px no-repeat; width: 16px; height: 16px; margin: 0.2em auto 0; padding: 0; }

/* Button Pop-up Menu */
.vjs-default-skin .vjs-menu-button ul {
  display: none; /* Start hidden. Hover will show. */
  opacity: 0.8;
  padding: 0; margin: 0;
  position: absolute; width: 10em; bottom: 2em; max-height: 15em;
  left: -3.5em; /* Width of menu - width of button / 2 */
  background-color: #111;
  border: 2px solid #333;
  -moz-border-radius: 0.7em; -webkit-border-radius: 1em; border-radius: .5em;
  -webkit-box-shadow: 0 2px 4px 0 #000; -moz-box-shadow: 0 2px 4px 0 #000; box-shadow: 0 2px 4px 0 #000;
  overflow: auto;
}

.vjs-default-skin .vjs-menu-button:focus ul,
.vjs-default-skin .vjs-menu-button:hover ul { display: block; list-style: none; }
.vjs-default-skin .vjs-menu-button ul li { list-style: none; margin: 0; padding: 0.3em 0 0.3em 20px; line-height: 1.4em; font-size: 1.2em; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align: left; }
.vjs-default-skin .vjs-menu-button ul li.vjs-selected { text-decoration: underline; background: url('video-js.png') -125px -50px no-repeat; }
.vjs-default-skin .vjs-menu-button ul li:focus,
.vjs-default-skin .vjs-menu-button ul li:hover,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover { background-color: #ccc; color: #111; outline: 0; }
.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
  text-align: center; text-transform: uppercase; font-size: 1em; line-height: 2em; padding: 0; margin: 0 0 0.3em 0;

  color: #fff; font-weight: bold;

  cursor: default;

  background: #4d4d4d;
  background: -moz-linear-gradient(top,  #4d4d4d 0%, #3f3f3f 50%, #333333 50%, #252525 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d4d4d), color-stop(50%,#3f3f3f), color-stop(50%,#333333), color-stop(100%,#252525));
  background: -webkit-linear-gradient(top,  #4d4d4d 0%,#3f3f3f 50%,#333333 50%,#252525 100%);
  background: -o-linear-gradient(top,  #4d4d4d 0%,#3f3f3f 50%,#333333 50%,#252525 100%);
  background: -ms-linear-gradient(top,  #4d4d4d 0%,#3f3f3f 50%,#333333 50%,#252525 100%);
  background: linear-gradient(top,  #4d4d4d 0%,#3f3f3f 50%,#333333 50%,#252525 100%);
}

/* Subtitles Button */
.vjs-default-skin .vjs-captions-button div { background-position: -25px -75px; }
.vjs-default-skin .vjs-chapters-button div { background-position: -100px -75px; }
.vjs-default-skin .vjs-chapters-button ul { width: 20em; left: -8.5em; /* Width of menu - width of button / 2 */ }

/* Music Services list images */
#service_spotify .img {margin-top: 45px;}
#service_deezer .img {margin-top: 65px;}
#service_aupeo .img {margin-top: 65px;}
#service_juke .img {margin-top: 45px;}
#service_napster  .img{margin-top: 65px;}
#service_tunein  .img {margin-top: 65px;}
#service_wimp .img  {margin-top: 65px;}
#service_7digital .img  {margin-top: 65px;}
#service_audible .img  {margin-top: 65px;}

.ie #service_aupeo .img,.ie #service_deezer .img,.ie #service_napster .img,.ie #service_tunein .img,.ie #service_wimp .img,.ie #service_7digital .img {margin-top: 75px;}
.ie #service_juke .img,.ie #service_spotify .img {margin-top: 55px;}

.musicservices_left_image {
	margin: 10px 0 0 !important;
	height: 150px;
}

.musicservices_right_image {
	margin: 10px 0 0 !important;
	height: 150px;
}

.disclaimer {
    color: #999999;
    float: left;
    font-style: italic;
    margin: 10px 0;
	position: relative;
	width: 400px;
	line-height: 15px !important;
}