/* CSS Document */
/* fluid.css - Wide Angle Software Ltd */

img
{
    max-width: 100%;
    height: auto;
}
.mobile_img_right
{
	visibility: collapse;
	height: 0px;
	overflow: hidden;
	margin: -25px 0px 0px 0px;
}
.mobile_container
{
    visibility: collapse;
	height: 0px;
	overflow: hidden;
}
.non_mobile_container
{
    visibility: visible;
    height: auto;
    overflow: visible;
}
.ts4_h1, .ts4_feature_h1
{
  float: none;
  height: auto;
  width: auto;
  color: #666;
  font-size: 1.45em;
}
.ts4_feature_h1
{
  margin: 2px 0px 22px 0px;
}
.ts4_h2
{
  color: #4f5b69;
  margin: 20px 0px 10px 0px;
  width: 100%;
  font-size: 110%;
  font-weight: 600;
  line-height: 18px;
}

/*	MOBILE NAV
=============================================================== */
#mobile_nav
{
  visibility: collapse;
  position: absolute;
  width:100%;
  top: 0px;
  right: 0px;
}
#hamburger_menu_container
{
    position: relative;
}
#hamburger_menu_icon
{
    position: absolute;
    right: 0px;
    top: 0px;
    visibility:collapse;
    overflow: hidden;
    display: none;
    height: 0px;
    width:0px;
}
#hamburger_menu
{
    position: absolute;
    right: 0px;
    top: 60px;
    background-color: #999;
    width: 320px;
    visibility: collapse;
    overflow: hidden;
    display: none;
    height: 0px;
    color: #fff;
    font-family:Verdana, Geneva, sans-serif;
    line-height:1.5;
    font-size: 1.35em;
    padding: 4px 0px 8px 0px;
    z-index: 999;
}
#hamburger_menu ul
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
#hamburger_menu li
{
    padding: 4px 16px;
    background:none;
}
#hamburger_menu a
{
    display: block;
    color: #fff;
    text-decoration: none;
}
#hamburger_menu a:hover
{
    color: #ccc;
}
/* non-js */
#hamburger_menu_container:hover #hamburger_menu_icon
{
    background-image: url(/images/support/mobile_nav_h.png);
}
#hamburger_menu_container:hover #hamburger_menu
{
    visibility: visible;
    overflow: auto;
    display: block;
    height: auto;
}

/*	CONTROLS
=============================================================== */
#mobile_purchase_controls, .mobile_purchase_controls
{
	visibility: collapse;
	height: 0px;
}
#mobile_other_features
{
	visibility: collapse;
	height: 0px;
	overflow: hidden;	
}

/*	Blog
=============================================================== */
.h1_blog_header
{
  width:auto;
  height:auto;
  margin:10px 0px 20px 0px;
  line-height:normal;
}
.blog_instruction_details
{
	padding-left:50px;
	padding-bottom:20px;
	color:rgba(81,80,80,1.00)
}

/* Icons
=============================================================== */
.icon_clock, .icon_gift, .icon_tick
{
  padding-right: 5px;
}
.icon_lock, .icon_gradhat
{
  padding-right: 10px;
}

/*  MOBILE
=============================================================== */
@media (max-width:959px)
{
	#global_footer_right
	{
		float:left;
		margin:16px 16px 0px 16px;
	}
}
@media (max-width:778px)
{
  #languages
	{
    overflow:hidden;
		visibility:collapse;
    display:none;
		height: 0px;
	}
}
@media (max-width: 678px)
{
	/*	GLOBAL
	=============================================================== */
    body
    {
        /*cursor: pointer;*/
    }
	.wrap
	{
		width: auto;	
	}
  .img_with_anotation img
  {
      padding: 0px 0px 0px 0px;
  }
  .mobile_container
  {
      visibility: visible;
      height: auto;
      overflow: visible;
  }
  .non_mobile_container
  {
      visibility: collapse;
    height: 0px;
    overflow: hidden;
  }
  #global_header_logo
	{
		margin:0px 10px;
	}
	#global_header_navigation
	{
		visibility:collapse;
		overflow:hidden;
    height:0px;
    display:none;
	}
  #global_footer_header
	{
		margin:0px 0px 0px 0px;
	}
	.global_footer_section
  {
    display:table-row;
    width:100%;
  }
  .global_footer_section_content
  {
    padding-top:16px;
  }
  #global_footer_disclaimer
  {
    margin:0px;
  }
	
	/*	NAV
	=============================================================== */
	ul #nav, #nav01, #nav02, #nav03, #nav04, #nav05
    {
        height: 0px;
    }
    #nav, ul#nav, ul #nav li
    {
        visibility: collapse;
        width: auto;
        height: 0px;
        overflow:hidden;
    }
	#languages
	{
		visibility:collapse;
		height: 0px;
	}
	
	/*	MOBILE NAV
  =============================================================== */
  #hamburger_menu_icon
  {
      height: 60px;
      width: 60px;
      cursor: pointer;
      visibility:visible;
      overflow: auto;
      display: block;
      background-image: url(/images/support/mobile_nav_n.png);
      background-repeat:no-repeat;
      background-position:bottom center;
  }
	
	/*	PRODUCT TITLE
	=============================================================== */
	#product_title
    {
        height: 45px;
    }
	#product_title a
    {
        width: auto;
        height: 45px;
    }
	
	/*	CONTENT
	=============================================================== */
	.content
	{
		min-height: 0px;
		margin: 0px 0px 20px 0px;
		padding: 0px;
		background: #fff;
	}
	.content_top
	{
		background: #fff;
		height: 0px;
		margin: 0px;
		padding: 0px;
		width: auto;	
	}
	.content_long_bottom
	{
		width: auto;
		background: #fff;
		padding: 0px;
		height: 0px;
		margin: 0px 0px 25px 0px;
	}
	.x1col1, .x2col2, .x3col2, .x3col3, .x4col4
	{
		width: auto;	
	}
	.x3col1cc
	{
		visibility: collapse;
		float: none;
		height: 0px;
	}
	.x3col2
	{
		overflow: visible;
		float: none;	
	}
	.mpad
	{
		margin: 0px 10px;
		padding: 0px;	
	}
    .mpad20
	{
		margin: 0px 10px;
		padding: 20px 0px 0px 0px;
	}
	.sidebar
	{
		height: 0px;
	}
    #product_banner_content
    {
        width: auto;
        height: auto;
        padding: 0px;
    }
    #touchcopy_social
    {
        float: none;
        visibility: collapse;
        height: 0px;
        overflow: hidden;
    }
	
	/*	CONTROLS
	=============================================================== */
	#mobile_purchase_controls, .mobile_purchase_controls
	{
		visibility: visible;
		height: auto;
	}
	
	/*  TOUCHCOPY > FEATURES
	=============================================================== */
	#mobile_other_features
	{
		visibility: visible;
		height: auto;	
	}
	
	/*  SUBNAV
	=============================================================== */
	.sub_nav
	{
		visibility: collapse;
		height: 0px;
		padding: 0px;
		margin: 0px;
	}
	ul.featuresubnav, ul.featuresubnav li
	{
		height: 0px;	
	}
	.touchcopySubNavFeatures
	{
		visibility: collapse;
		height: 0px;
	}
	#dlfreetrial
	{
		visibility: collapse;
		overflow:hidden;
		height: 0px;	
	}
	
	/*	PRODUCT TITLE
	=============================================================== */
	#touchcopy #product_title
	{
		background-position-x: left;
        background-position-y: center;
        background-size: auto 45px;	
	}
	#touchcopy_title, #touchcopy_title a
	{
		width: auto;
		height: 45px;	
		margin: 0px;
		float: none;
	}
	#h2_music, #h2_apps, #h2_books, #h2_calendars, #h2_calllogs, #h2_contacts, #h2_files, #h2_internet, #h2_message, #h2_notes, #h2_photo
	{
		width: auto;	
	}
	.img_right
	{
		float: none;
		visibility: collapse;
		height: 0px;
		overflow: hidden;
		padding: 0px;	
		text-align: center;
	}
	.mobile_img_right
	{
		visibility: visible;
		height: auto;
		text-align:center;
		margin: 0px 0px 0px 0px;
        overflow: visible;
	}
    
    /*	MUSIC TAG
	=============================================================== */
    body#musictag
    {
        background-image:url(/images/style/bg_musictag_home_m.gif);
    }
    
    #musictag #product_slider
    {
        background-image:none;
        height: auto;
    }
    
    #musictag #product_title
    {
        background-image:url(/images/headings/h2_musictag_title_m.gif);
		background-position-x: left;
        background-position-y: center;
        background-size: auto 45px;	
    }
    #musictag #product_banner_content
    {
        background-color: #d7ecc2;
    }
    #musictag #product_banner_content_right
    {
        float: none;
        padding: 20px 20px 10px 10px;
        width: auto;
        text-align:left;
    }
    #product_banner_content_right li
    {
        background-image: url(/images/style/c/bullet_m.gif);
    }
	
	/*	TUNE SWEEPER 4
	=============================================================== */
	#tunesweeper #product_title
	{
        background-image:url(/images/headings/h2_tunesweeper_title_m.gif);
		background-position-x: left;
        background-position-y: center;
        background-size: auto 45px;	
	}
    .content_4
    {
        margin: 0px; 
        padding-bottom: 10px;  
    }
    .content_top_ts4
	{
		visibility: collapse;
		width:0px;
		height: 0px;	
	}
    .main_top_ts4
    {
        margin: 0px;
        padding: 20px 10px;
        border-bottom: 1px solid #999;
        line-height: normal;
        background: none;
        height: auto;
        width: auto;
    }
    .main_top_ts4 h1
    {
        float: none;   
        height: auto;
        font-size: 1.75em;
    }
	.main_top_ts4_content
	{
		margin: 15px 0px 0px 0px;	
	}
    .main_top_ts4_content li
	{
        line-height: normal;
        padding-top: 10px;
        height: auto;
        background-position:left center;
    }
	.main_bottom_ts4_content
	{
		padding-top:0px;
		height:0px;
	}
    #ts4_download_contents_top
    {
        visibility: collapse;
        height: 0px;
        overflow:hidden;
    }
    .ts4_feature_description_section
    {
        margin: 10px;   
    }
    .ts4_feature_header, .ts4_feature_text, .ts4_feature_image
    {
        width: auto;
    }
    .ts4_feature_align_left, .ts4_feature_align_right
    {
        float: none;
    }
    #ts4_ratings_contents_bottom
    {
        margin: 0px 0px 10px 0px;
        padding: 1px 0px 20px 0px;
    }
    .ts4_ratings_left
    {
        width:auto;
        float:none;
        margin: 0px 10px 0px 10px;
    }
    .ts4_ratings_right
    {
        width:auto;
        float:none;
        margin: 20px 10px 0px 10px;
    }
    #ts4_logo_mobile
    {
        visibility: visible;
        height: auto;
        text-align: center;
        padding-bottom: 15px;
    }
    #h2_find_duplicates, #h2_tunesweeper_trackinfo, #h2_tunesweeper_statistics, #h2_missingtracks, #h2_tunesweeper_missingartwork, #h2_tunesweeper_addtracks
	{
		width: auto;
	}
    #h2_contact, #h2_store, #h2_prods, #h2_purchase
    {
        width: auto;
        margin-top: 0px;
    }
    #h2_store
    {
        margin-bottom: 3px;
    }
    
    #h2_prods
    {
        margin-bottom: 0px;
        padding-bottom: 10px;
    }
    
    #h2_purchase
    {
        margin: 20px 0px 5px 0px;
    }
    
    /*	iBACKUP EXTRACTOR
	=============================================================== */
    body#ibackupextractor
    {
        background-image:url(/images/style/bg_ibackupextractor_home_m.gif);
    }
    
    #ibackupextractor #product_slider
    {
        background-image:none;
        height: auto;
    }
    
    #ibackupextractor #product_title
    {
        background-image:url(/images/headings/h2_ibackupextractor_title_m.png);
		background-position-x: left;
        background-position-y: center;
        background-size: auto 45px;	
    }
    #ibackupextractor #product_banner_content
    {
        background-color: #21779D;
    }
    #ibackupextractor #product_banner_content_right
    {
        float: none;
        padding: 0px 10px 10px 10px;
        width: auto;
        text-align:left;
    }
    #ibackupextractor #product_banner_content_right h2
    {
        font-size: 0.8em;
    }
    #ibackupextractor #product_banner_content_right li
    {
        font-size: 14px;
    }
    #h2_features
    {
        width: auto;
        margin: 15px 0px 8px 0px;
    }
    
    /*	DUPLICATE SWEEPER
	=============================================================== */
    body#duplicatesweeper
    {
        background-image:url(/images/style/bg_duplicatesweeper_home_m.gif);
    }
    #duplicatesweeper .content_support_article
    {
        margin-top: 0px;
    }
    #duplicatesweeper #product_slider
    {
        background-image:none;
        height: auto;
        margin-bottom: 20px;
    }
    
    #duplicatesweeper #product_title
    {
        background-image:url(/images/headings/h2_duplicatesweeper_title_m.gif);
		background-position-x: left;
        background-position-y: center;
        background-size: auto 45px;	
    }
    #duplicatesweeper #product_banner_content
    {
        background-color: #fff;
    }
    #duplicatesweeper #product_banner_content_right
    {
        float: none;
        padding: 20px 10px 10px 10px;
        width: auto;
        text-align:left;
    }
    #duplicatesweeper #product_banner_content_right h2
    {
        font-size: 0.8em;
    }
    #duplicatesweeper #product_banner_content_right ul
    {
        padding-left: 10px;
    }
    #duplicatesweeper #product_banner_content_right li
    {
        font-size: 14px;
    }
    
    /*	STORE
	=============================================================== */
    .pur_prod
    {
        width: 99%;
        margin: 0px 0px 10px 0px;
        padding: 10px 0px 0px 0px;
        text-align: center;
    }
    .pur_icon, .pur_des
    {
        float: none;
        width: auto;
    }
    .pur_des
    {
        text-align: left;
        padding: 5px 10px;
    }
    .pur_des h3
    {
        padding: 10px 00px 5px 00px;
    }
    
    #mobile_store_cart
    {
        visibility: collapse;
        position: fixed;
        bottom: 0px;
        left: 0px;
        right: 0px;
        padding: 10px;
        background: #eee;
        border-top: 1px solid #999;
    }
    #productSelectionCountMobile
    {
        font-weight: bold;
        margin: 0px 0px 15px 0px;
    }
    
    /*	PRODUCTS
	=============================================================== */
    #prods_slider
    {
        background: #243D42;
        width: auto;
        height: auto;
    }
    #prods_slider .slider_content_right
    {
        width: auto;
        padding: 0px;
        margin: 0px;
    }
    #prods_slider_mobile_content
    {
        margin: 10px 0px 0px 0px;
        text-align: center;
        background: url(../images/bnrs/c/Products3_mbg.gif) repeat-x;
    }
    #product_grid
    {
        padding: 0px 10px;
    }
    #product_grid .x3col1
    {
        width: 100%;
        float: none;
    }
    #product_grid .sidebar
    {
        width: 100%;
        height: auto;
        background: #fff;
        margin: 0px;
        padding: 20px 0px 10px 0px;
        border-top: 1px solid #999;
    }
    #product_grid .sidebar.prodsnew
    {
        background: url(../images/style/sidebar_new_m.gif) right top no-repeat;
    }
    #product_grid .sidebar.prodsfree
    {
        background: url(../images/style/sidebar_free_m.gif) right top no-repeat;
    }
    #product_grid .sidebar_bot
    {
        background: none;
        visibility: collapse;
        height: 0px;
        overflow: hidden;
        margin: 0px;
    }
    #product_grid .pad10
    {
        padding: 0px;
        height: auto;
        width: auto;
        text-align: center;
    }
    #product_grid img
    {
        float: none;
        padding: 0px 0px 10px 0px;
    }
    #product_grid .prod_con
    {
        width: auto;
        float: none;
        height: auto;
        text-align: left;
    }
    #product_grid a
    {
        width: auto;
        margin-top: 10px;
    }
    #h2_otherproducts
    {
        width: auto;
        text-indent: 0px;
        background: none;
        margin: 10px 0px 20px 0px;
        height: auto;
    }
    a.purchaseMoreInformation
    {
        display: block;
        margin: 10px 0px 0px 0px;
        padding: 2px 0px 0px 20px;
    }
    .mobile_pur_price_discount
    {
        float: left;
        margin: 12px 0px 0px -12px;
    }
    .pur_add.pur_add_with_discount
    {
        margin: 12px 0px 0px 0px;
    }
	
	/*	Blog
	=============================================================== */
	.h2_blog_header
	{
		margin-top: 0px;
		padding-top: 20px;
	}
	.h1_blog_header_no_padding, .h2_blog_header_no_padding
	{
		margin-top: 0px;
		padding-top: 0px;
	}
	.pad_blog_content
	{
		padding: 0px 10px;
	}
	.blog_instruction_details
	{
		padding-left: 20px;
	}
}
@media (max-width:639px)
{
	#global_footer_left, #global_footer_middle, #global_footer_right
	{
		width:auto;
		float:left;
		margin:16px 16px 0px 16px;
	}
}
@media(max-width:400px)
{
    #hamburger_menu
    {
        width: 100%;
    }
}
