﻿/* Misc Height */
.h30, .h40, .h50, .h60, .h70, .h80
{
    display:block;
    background-color: transparent;
/*    opacity:0.09;filter:alpha(opacity=60); */ /* For IE8 and earlier */
/*    border:1px solid cyan;*/
    clear:both;
}
.h30
{
    height:30px;
}
.h40
{
    height:40px;
}
.h50
{
    height:50px;
}
.h60
{
    height:60px;
}
.h70
{
    height:70px;
}
.h80
{
    height:80px;
}


body
{
    font-family:Quantico, Helvetica, Arial;
    font-size:16px;
    min-height:600px;
    height:600px;
    background-color:#000 !important;
}

img {
    color: transparent;
    font-size: 0;
    vertical-align: middle;
    float: left;
    display: block;
}

/* Main Page Bottom Spotlight */
    .spot_1, .spot_2, .spot_3 {
        border: none;
    }
    
    A.spot_1:hover,A.spot_2:hover,A.spot_3:hover {
            border: none;
    }
    .spot_1 .title, .spot_2 .title, .spot_3 .title {
        background-color: rgba(0,0,0,0.90);
        font-size: 13px;
        padding: 5px 6px;
        height: 60px;
        text-transform: uppercase;
        color: #fff;
        opacity: 1.0;
        
        display:none;

        position: absolute;
        bottom: 2px;
        left: 0px;
        width: 216px;
        border-top: 1px solid #000;
    }
    .title .subtitle {
        font-size:11px;
    }

/* All Sprite Related */
/* All sprite related dimension are all 50% reduced */
.sprite
{
    background-image:url(/images/common/mobile_sprite.png);
    background-size: 325px 250px;
}
.SBlogo 
{
    background-position:-25px -25px;
    width:79px;
    height:38px;
    display:block;
    /*margin-top:12px;*/
}
/*
.logo 
{
    background-position:-25px -25px;
    width:79px;
    height:38px;
    display:block;
}
*/

.arrow_right 
{
    background-position: -175px -25px;
    width: 10px;
    height: 18px;
    margin: 47px 10px 0 0;
    float:  right;
}

.redarrow_up
{
    background-position: -137px -25px;
    width: 39px;
    height: 46px;
    position: relative;
    top: 0px;
    left: 0px;
}
.hdrArrowRight
{
    background-position: -175px -25px;
    width: 10px;
    height: 18px;
    float: right;
    margin-top: 5px;
}
.hdrArrowDown 
{
    background-position: -200px -25px;
    width: 18px;
    height: 98px;
    float: right;
    margin-top: 5px;
}
.ArrowBox
{
    border: 1px solid #333;    
    width: 69px;
    height: 38px; float:left; margin-right: 20px;
}

.m_clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
#menu 
{
}
.m_menu 
{
    background-position:-450px -25px;
    width:40px;
    height:50px;
    display:block;
}
#search 
{
    display:none;
}
#topNav 
{
    display:none;
}
.overlay_learnmore 
{
    display:none;
}
#topMobileMenuLink
{
    display: block;
    color: white;
    min-width: 213px;
    width: 65%;
    float: right;
    margin-top: 10px;
}
#topMobileMenuLink ul
{
    list-style:none;
    
}
#topMobileMenuLink ul li
{
    padding:7px;
}
#topMobileMenuLink a
{
    color:#B6B0B0;
    text-decoration:none;
}
#topMobileMenuLink a:hover
{
    color:#B02823;
    text-decoration:none;
}
#topNavMenu 
{
    float: left;width: 40px;height:32px;

}
#topNavMobile 
{
    border: 4px solid #641614;
    float: left;
    width: 155px;
    overflow: hidden;
    position: relative;
    z-index: 10;
    background-color: #303030;
    display: block;
}
#topNavMobile li
{
    height:20px;
    margin: 0 0 2px 0;
    background-color:#111;
    
}
#topNavMobile li a
{
    font:13px regular Ropa Sans, Helvetica, Arial;
    line-height:20px;
    height:95px;
}
#topNavMobile li a:hover, #topNavMobile li:hover
{
    background-color:#000;
}


.back_btn, .back_btn_bttm
{
	display: none;
}

#socialMediaLinks 
{
    display:none;
}
.menuSocialIcons 
{
    width:32px;height:32px;margin-right:5px;float:left;
}
.facebook, .twitter, .youtube
{
    position: relative;
    top: -5px;
}
.facebook
{
    background-position: -75px -75px;
    width: 32px; height: 32px;
}
.twitter
{
    background-position: -125px -75px;
    width: 32px; height: 32px;
}
.youtube
{
    background-position: -175px -75px;
    width: 32px; height: 32px;
}
/* Global Classes */
.BodyTextGray
{
    font:16px Ropa Sans, Helvetica, Arial;
    color:#969696;
}


/* Bottom Site Map */        
#bottomSitemap 
{
    background-color:#000;
    border-top:2px solid #AD241E;
    margin-top: 2px;
}
.SiteMap 
{
    height: 250px;
    min-height: 250px;
    width: 70%;
    margin: 10px 10px 10px 50px;
}
.SiteMap ul li 
{
    margin:5px 0px;   
    list-style:none;
    list-style-position:outside;
    font:17px Ropa Sans, Helvetica, Arial;
}
.SiteMap .subHeader1 
{
    font:20px Quantico, Helvetica, Arial;
    color:#a90e08
}
.SiteMap ul li a
{   
    text-decoration:none;
    color:#DCD9D9;
}
.SiteMap ul li a:hover
{   
    color:#ffffff;
    text-decoration:underline;
}

/* MHL Overlay */
#mhl_overlayContainer a 
{
    text-decoration:none;
}

#mhl_overlay 
{
    background-color:#000;
/*    height:90px;   */
    width:100%;
    max-width:700px;
    text-align:center;            
}
.overlay_content 
{
    padding: 10px;
}
#mhl_overlay .mhl_overlayContainer
{
    min-height:80px;
    /*padding:15px;*/
    /*opacity:0.6;filter:alpha(opacity=60); *//* For IE8 and earlier */
}
.mhl_hon {
    /*width: 482px;*/
    /*height: 180px;*/
/*    position: relative;
    top: 0px;
    left: 70px;*/
    display: none;
    /*background: #000 url(/images/desktop/hon/hon_mhl.jpg) no-repeat top;*/
}

#mhl_overlay .overlay_hdr
{
    font:1.05em Quantico, Helvetica, Arial;
    color:#ffffff;
}
#mhl_overlay .overlay_text
{
    font:0.9em Ropa Sans, Helvetica, Arial;
    color:#969696;
}
#mhl_overlay .overlay_learnmore
{
    font:19px bold Quantico, Helvetica, Arial;
    color:#ffffff;
    padding-top:6px;
    height:30px;
    min-height:30px;
    text-align:right;
    background-color:#eee;
       
}
    
#mhl_overlayContent1, #mhl_overlayContent2
{
    position: absolute;
    top: 290px;
    width:100%;
}
#mhl_overlayContent0 
{
    visibility:visible;    
}
#mhl_overlayContent1,#mhl_overlayContent2 
{
    visibility:hidden;
}


a
{
    color:#216d8b;
    text-decoration: none;
}

header
{
    height:37px;
    padding:18px 0 18px 18px;
    background:#111 url(/images/mobile/main_menu_bk.jpg);
}
.header_bg {
  background: none;
 
}

#backToCreative
{
    float:right;
    clear:both;
}

/* Top Menus */
HEADER
{
    padding: 10px 0;
}
#mainMenu, #mobileMenu
{
    display:none;
}

#mobileMenuLink
{
    display:block;
    clear:both;
}

#mobileMenuLink
{
    font-family:Doppio One, Helvetica, Arial;
    font-size:14px;
    color:#cac4c4;
    text-decoration:none;
    text-transform:uppercase;
    padding:0 10px;
    height:42px;
    line-height:42px;
    float:right;
    padding-right:10px;
}

#mobileMenu
{
    list-style:none;
    background:#181712;
    display:none;
    width:300px;
    overflow:hidden;
    color:#cac4c4;
    padding:0 16px;
    margin:0;
    float:right;
    position:absolute;
    top:72px;
    right:0;
    border:4px solid #000;
}

#mobileMenu li
{
    display:block;
    padding:0.5em 0;
}

#mobileMenu li ul
{
    margin:0 1em;
    padding:0;
}

#mobileMenu li ul li
{
    margin-left:0;
    padding:0.5em 0;
}

#mobileMenu a, #mobileMenu a:visited
{
    color:#fff;
    text-decoration:none;
    font-size:1.1em;
}

/* End Menus */

section
{
    clear:both;
}


/* Homepage */
.mobileHomepageLinks
{
    display:block;
}


/* Homepage End */



#btnBuyNow
{
    width:276px;
    height:62px;
}

/* Product Page Main Highlights */

#productHeader
{
    font-family:Muli, Helvetia, Arial;
    text-align:center;
}

h1, .header
{
    color:#504e4e;
    font-size:2.5em;
    margin:12px 0 0 0;
    font-weight:300;
}

h2
{
    color:#f91209;
    font-size:1.3em;
    margin:0 0 20px 0;
    font-weight:300;    
}

h3, .subhead1
{
    font-size:1.2em;
    font-weight:bold;
}

h4, .subhead2
{
    margin:0;
    color:#504e4e;
    font-size:1.2em;
}

#homePageLearnMore
{
    display:none;
}

#mblDesktop
{
    display:none;
}

#mhlMobile
{
    display:block;
    margin:0 auto;
}

#mhlContainerHome
{
    background:transparent url(/images/mobile/rage_wireless_bk.jpg) no-repeat top;
    /*background: #000 url(/images/desktop/hon/hon_mhl_m.jpg) no-repeat top;*/
    background-size:cover;
    
}
.mhl_HomeContainer 
{
    background: #000 no-repeat top;
    background-size:cover;
}
#mhlHome
{
    min-width: 287px;
    min-height: 180px;
/*    background: url(/images/desktop/products/ragewireless_pdtimg1.png) no-repeat center;*/
    background-size:cover;
    /*margin: 20px auto;*/
    margin: 0 auto;
}

.mhl_pdtImage
{
    width: 287px;
    height: 180px;
}

#mhlContainerSoftware
{
    background:url(/images/mobile/software_mhl_bk.jpg) no-repeat center;
}

#mhlSoftware
{
    background:url(/images/mobile/software_mobile_mhl.png) no-repeat center;
    background-size:480px 208px;
    height:208px;
}

/* Bottom Spotlight */
.bottomSpotContainer
{
    padding:0;    
    /*background:transparent url(/images/mobile/common/tab1_greybk.jpg) repeat center;*/
    /*height:278px;*/
}
.bottomSpotContainer img 
{
    margin: 15px 10px 10px 20px;
}
           
.botSpot
{
    background:transparent url(/images/mobile/common/tab1_greybk.jpg) repeat-x top;
/*    height:92px;*/
}
#bottomSpotsMobile
{
    display:block;
}

#bottomSpots
{
    display:block;
}

.spot_1, .spot_2, .spot_3, .spot_4, .spot_5
{
    display:block;
    font: 18px Quantico, Helvetica, Arial;
}
a.spot_1, a.spot_2, a.spot_3, a.spot_4, a.spot_5     
{
    text-decoration:none;
    color:#B6B6B6;
}
.bot_gaming, .bot_audio, .bot_sbaxx
{
    height:95px;
}

#m_SpotText1, #m_SpotText2, #m_SpotText3, #m_SpotText4, #m_SpotText5, #m_SpotText1 a 
{
    float:left;
    margin:44px 0px;
    width:55%;
}

.btnWatchVideo
{
    display:block;
}

.btnWatchVideo img
{
    display:block;
    margin:20px auto;
}

#btnViewVideo
{
    display:none;
}

/* Product Page Override */

#productIntro
{
    padding:10px;
}

#productHeader nav
{
    display:none;
}

#productInfo
{
    background:#eee;        
}

#productInfo hr
{
    display:none;
}

.featureContainer
{
    /* overflow:hidden;*/    /* Comment off for product page */
    font: 16px Ropa Sans, Helvetica, Arial;
    color: #969696;
    background-color: black;
}
/*
.featureContainer
{
    display:none;
    overflow:hidden;
}

.featureContent
{
    padding:0 12px;
    overflow:hidden;
}

.featureImg1, .featureImg2, .featureImg3, .featureImg4, .featureImg5, .featureImg6, .featureImg7, .featureImg9, .featureImg11, featureImg12
{
    margin:0 auto 10px auto;
    display:block;
}

.featureImg8, .featureImg10, .featureImg13
{
    float:left;
    margin-right:10px;
}
*/

/* Section Header */
/*
.sectionHeader.normal, .sectionHeader:visited
{
    color:#504e4e;
}

.sectionHeader.selected
{
    color:#f91209;
}

.sectionHeader h3
{
    padding:0;
    margin:0;
    display:block;
    float:left;
    font-size:1.5em;
}

.sectionHeader .sprites
{
    float:right;
    margin:15px;
}

.sectionHeader:first
{
    margin-top:60px;
}

.sbAxxRangeLink
{
    display:none;
}

#productFamily
{
    display:block;
    text-align:center;
    font-size:0.8em;
    list-style:none;
    width:99%;
    margin:20px auto;
    padding:0;
    overflow:hidden;
}

#productFamily li
{
    float:left;
    width:30%;
    margin:10px 5px;
    background:#fff;
    color:#fff;
    overflow:hidden;
}

#productFamily img
{
    background:#fff;
    padding:10px;
}

a.productFamilyLink
{
    color:#8bddfd;
}

#productFamily  div
{
    display:block;
    background:#535353;
    height:35px;
    padding:3px;
}
*/
#socialMediaContainer, #socialMediaHeaderContainer
{
    display:none;
}
/* Bottom Nav Bar */
#bottomNav
{
    position: relative;
    bottom: 0px;
    margin:0;
    width:100%;
    padding:0;
    list-style:none;    
    display:block;
    font-size:0.9em;
    text-align:center;
    text-transform:capitalize;
    clear:both;
    
    /*background:#b11713;*/
    border-top:1px solid #fff;
    /*border-bottom:2px solid #000;*/
    overflow:hidden;    

}

#bottomNav a, #bottomNav a:visited
{
    color:#fff;
    text-decoration:none;    
}

.creaf
{
    padding:10px;width:45%;border-right:1px solid White;float:left;
    font:14px Quantico,Helvetica, Arial;
    color:#868686;
}
.top 
{
    padding:8px;width:40%;float:left;
    font:14px Quantico,Helvetica, Arial;
    color:#868686;
}
.redarrow_left
{
    background-position:-275px -25px;
    width:7px;
    height:13px;
    display:block;
    float:left;
    margin:3px 0px 0px 5px;
}
.redarrow_up
{
    background-position:-275px -50px;
    width:20px;
    height:23px;
    display:block;
    float:left;
    margin:1px 0px 0px 5px;
}



footer
{
    clear:both;
}

#footerContainer
{
    display:none;
}

section
{
    overflow:hidden;
}

form
{
    padding:0;
    margin:0;
}

.roundedCornerListItems
{
    display:block;
    list-style:none;
    overflow:hidden;
    clear:both;
    margin:10px auto;
    padding:0;
    width:100%;
}

.roundedCornerListItems li
{
    display:block;
    background:#fff;
    overflow:hidden;
    border-radius:10px;
    padding:10px;
    margin:10px auto;
    text-align:center;
    width:90%;
}

.advancedFeatures
{
    display:block;
    list-style:none;
    overflow:hidden;
    clear:both;
    padding:0;
}

.advancedFeatures li
{
    display:block;
    overflow:hidden;
}

.threeLines
{
    display:none;
}

.mhlHeader, .mhlSubHeader
{
    display:none;
}

#downloadLinksBox
{
    display:none;
}

span#threeSixtyLink
{
    display:none;
}

.footnote
{
    font-size:0.8em;
}

/* Specifications */
#specsDesktop
{
    display:none;
}

#mhlContainerSpecs
{
    background:url('/images/mobile/specs_mhl_bk.jpg') no-repeat;
    text-align:center;
    margin:0;
}

#mhlSpecs
{
    margin:0 auto;
    overflow:hidden;
    width:320px;
    height:208px;
	background-image: url(/images/mobile/products/sbxsprite.png);
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: 960px 208px;
}

.specsMobile 
{
    margin-top:1em;
}

.specsMobile td
{
    padding:20px 10px 30px 10px;
}

#sbxSelector
{
    width:320px;
    height:50px;
    display:block;
    overflow:hidden;
    margin:0 auto 1em auto;
    clear:both;
}

/* Sprites for specifications */
.spriteSpecs {
	background-image:url(/images/mobile/products/sbx_sprite.png);
	background-color:transparent;
	background-repeat:no-repeat;
	background-size:582px 48px;
	margin:0 4px;
 }

 .SBX8Normal {
	height: 48px;
	width: 97px;
	background-position:-0px -0px;
	display:block;
	float:left;
 }

 .SBX10Hover {
	height: 48px;
	width: 97px;
	background-position:-97px -0px;
	display:block;
	float:left;
 }

 .SBX8Hover {
	height: 48px;
	width: 97px;
	background-position:-194px -0px;
	display:block;
	float:left;
 }

 .SBX10Normal {
	height: 48px;
	width: 97px;
	background-position:-291px -0px;
	display:block;
	float:left;
 }

 .SBX20Normal {
	height: 48px;
	width: 97px;
	background-position:-388px -0px;
	display:block;
	float:left;
 }

 .SBX20Hover {
	height: 48px;
	width: 97px;
	background-position:-485px -0px;
	display:block;
	float:left;
 }
 
 .specsMHLSprite
 {
 }
 
 .specsMHLSBX8
 {
	height: 208px;
	width: 320px;
	background-position: -0px -0px;
 }
 
 .specsMHLSBX10
 {
	height: 208px;
	width: 320px;
	background-position: -320px -0px;
 }
 
 .specsMHLSBX20
 {
    height: 208px;
	width: 320px;
	background-position: -640px -0px;
 }
 
/* End Specifications */

#announcementArea 
{
    width:100%;
}

#announcementArea div
{
    float:left;
    width:85%;
    padding-top:5px;
}


.mHide
{
    display:none;
    height:0px;
}