﻿


/* UTILITY CLASSES ---------------------------------------------------------- */
.layoutContainer {width: 100%;margin: 0 auto;}


#header 
{
    width:100%;
    margin-left:auto;
    margin-right:auto;
	/*min-height: 120px;*/
	min-height: 70px;
	/*background: #000 url("../img/bg-header2.gif") top left repeat-x;*/
	border-bottom: 1px solid #666;
	/*font-family: Helvetica, Arial, sans-serif;*/
	font-family:'Roboto';
	font-size:17px;
}


#header #navMetaReg li,
#header #navMetaReg li a,
#header #navMain li,
#header #navMeta li,
#header #navMain li a,
#header #navMeta li a {
	display: block;
	float: left;
	clear:both;
}



#header #navMainOuter 
{
    border-top:1px solid #828282;
    width:100%;
}

#header #navMainOuter ul
{
    width:100%;
    display:table;
}

#header #navMainOuter li 
{
    float:none !important;
    z-index:10;
    display: block;
    text-align: center;
    
}




#headerToolbar 
{
    width:100%;
    margin-left:auto;
    margin-right:auto;
    
}

body.store #leader {
	width: 100%;
	height: 196px;
	overflow: hidden;
	margin: 0 0 10px;
	background: #000;
	color: #fff;
	font-weight: bold;
	border-radius: 9px;
}
/* Main layout ------------------------------------------------------------ */

body.store #contentWrapper {
	width: 100%;
	overflow: hidden;
}

/* STORE DETAILS ========================================================== */

body.store #main #productInfo {
	width: 100%;
	overflow: hidden;
	line-height: 16px;
	margin:8px;
}


body.homepage #main .homeFourCol .wrapper {
	width: 100%;
	overflow: hidden;
	/*background: url('../img/homefourcol.png') 0 bottom no-repeat;	*/
}

body.product #productInfo hr.solidLine { border: 0; height: 15; border-bottom: 1px solid #3e3e3e; clear:both; padding-top: 0px; margin-bottom: 15px; }

body.product #productInfo .intro { position:relative; width:100%; font-family: "proxima-nova-extra-condensed",sans-serif;}
body.product #productInfo .intro .back { float:left; color:#f89006; font-size: 24px; font-weight: bold; top: 15px !important; }
body.product #productInfo .intro .back span { color:#333333; font-size: 40px; font-weight: bold; }
body.product #productInfo .intro #storeSearch  
{
    float: right; 
	width: 380px;
	height: 76px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	border: 0px;
}
body.product #productInfo .also_purchased { position:relative; width:100%; margin:20px 10px 0 0; }
body.product #productInfo .also_purchased h2 { padding-bottom: 15px; }


body.product #productInfo .details.top {position:relative; float:none; width:100%;}
body.product #productInfo .details .overview strong {display: inline;}
body.product #productInfo .details .trailer {float:left; width:116px; margin:30px 0 30px 0px; text-align: center;}
body.product #productInfo .details .trailer a {display: block;color: #222;font-weight: bold;text-decoration: underline;}
body.product #productInfo .details .trailer img {display: block;margin: 0 0 3px;}
body.product #productInfo .details #trailer {display: none;}
body.product #productInfo .details #trailer #licklibraryFlash {text-align: center;}
body.product #productInfo .details .description {width:500px; margin:10px 0 30px 157px;}
body.product #productInfo .details .description .region {position:relative; width:96px; margin-top:24px; background: #252424 url("../img/product-region.gif") 4px center no-repeat;line-height: 25px;border: 1px solid #5b5b5b;color: #fff;font-size: 11px; font-weight:bold; padding: 0 30px 0 36px;}
body.product #productInfo .details .description .region .question {display: block;position: absolute;right: 3px;top: 2px;}
body.product #productInfo .perfectPartners {margin:20px 0 0 700px;}


body.tutors .profile-main .content
{
    width:100%;
    background:transparent url('/img/community/full-width-btm.png') 0 bottom no-repeat;
    margin:0px; 
    padding-bottom:5px;
    overflow:visible;
    clear:both;
}



/* SPECIFIC Mobile Overrides */

.clickblock 
{
    float:none !important;
}

.show-on-mobile
{
    display:block !important;
}

.hide-on-mobile
{
    display:none !important;
}

.mobile-full-width
{
    width:100% !important;
    overflow:hidden;
}


#navMeta 
{
    background: #444;
    padding: 8px;
    position:static !important;
}

body.homepage #mainInner {
    width: 100%;
}

body .storeListing .seriesresults {
    padding-left: 0px;
    width: 100% !important;
}

body .storeListing #content {
    width: 100% !important;
    margin: 0px 0px 0px 140px;
}
    
body .storeListing #content ul.results {
    width: 100% !important;
}

div.keyword {
    position: relative !important;
    top: 0px !important;
    left: 0px !important;
}

.search-controls 
{
    width:100% !important;
    float:none !important;
    display:block;
    clear:both;
    height:30px;
}

body .storeListing #content {
    margin: 0px 0px 0px 10px !important;
}

body .storeListing #sidebar {
    width: 180px;
    margin: 0px 0px 0px 20px;
    clear: both;
    display: block;
}

#footer .block {
    border-right: none;
}

body .storeListing #content ul.results {
    margin: 0px 0px 0px 0px !important;
}

#header #navMeta li
{
    clear:none;
}

td.storeNav ul 
{
    margin-top:0px !important;
}

td.storeNav ul li {
    border-right: 0 !important;
    padding: 4px !important;
}


.also-purch,
.prod-info-block
{
    width:320px !important;
}

td.storeNav ul li a 
{
    font-size:12px !important;
}

.related-prods-shorter
{
    width:100% !important;
}

.wrapper-with-margin 
{
    width:auto !important;
}

#header #navMain li
{
    display:inline-block;
}

#header #navMain li a 
{
    display:inline-block;
    padding:8px;
    clear:none;
}

.dvdJwPlayer
{
    display:block !important;
}

body.contact #helpWrapper, body.help #helpWrapper,
body.faqs #faqsQuestions,
body.faqs #faqsWrapper 
{
    width:100%;
}

#main .breadcrumb, #main .sharing 
{
    width:50%
}

#main .sharing 
{
    width:auto;
    display:none;
}

body.news #main #news 
{
    width:100%
}


body.contact #content.twoCol .contentCol.map {
    width: 98%;
    overflow: hidden;
}

body.checkout .checkout-details 
{
    width:100%
}

.checkout-stage
{
    display:none;
}

.login .login-option.login {
    margin-left: 0px;
}
.login .login-option.wider 
{
    width:100%;
}

.login .login-option.wider .login-option-footer 
{
    width:90%
}

input.wider[type="password"], input.wider[type="text"] 
{
    width:250px !important;
}

.membership-table,
.membership-table tr,
.membership-table td,
.membership-table td a,
.membership-table td span
{
    font-size:1em !important;
}

.store #logo a 
{
    width:300px !important;
    background-size: 300px 50px;
    background-repeat:no-repeat;
}

.dvd-info-overlay-closed,
.dvd-info-overlay
{
    display:none !important;
}

.dvdJwPlayer
{
    width:100% !important;
}

.wrapper-with-margin
{
    width: 200px !important;
}

body.videoLessons #main ul.mainPage li a 
{
    display:block !important;
}

body.videoLessons #main ul.mainPage 
{
    height:auto;
}

body.videoLessons #relatedJamtrax .title,
table.listView th.tutor,
table.listView th.title {
    min-width: 56px;
}


.freeMemberOverlay,
.llpf,
.ll5,
.ShareRateBar
{
    display:none !important;
}


.mediaPlayerWrapper #sidebar {
    font-size: 18px;
    height: 440px;
    width: 99%;
    font-family: "proxima-nova-extra-condensed",sans-serif;
    background-color: #000;
    padding-bottom: 5px;
    color: #FFF;
    float: left;
    margin-left: 0px;
    overflow: hidden;
}

#JamtraxOverlay,
.JamtraxOverlay 
{
    display:none !important;
}

.mediaPlayerWrapper #sidebar ul
{
    display:none !important;
}

.mediaPlayerWrapper #sidebar 
{
 height:auto;
}

.mediaPlayerWrapper #sidebar > div ,
.mediaPlayerWrapper #sidebar > div > div {
    min-height: 0px;
}

.mobile-clear-left
{
    clear:left !important;
}

.searchinputdiv
{
    width:40%;
}


.searchinputdiv input[type="text"] {
	clear:both !important;
	width:100px !important;
}


body.news #main #news #content .latest,
body.news #main #news #content .latest .story,
body.news #main #news .header 
{
    width:100%;
}



#forum_h_banner
{
    display:none;
}


body.help #content 
{
    width:90% !important;
}

body.contact #content.twoCol .contentCol {
    width: 300px !important;
}

body.store #content #offers ul.collections li .offerContainer 
{
    width: 300px !important;
}

.search-text-mobile
{
    font-size: 0.7em !important;
}

#logo a 
{
    background-size: 190px 40px !important;
}


#ui-accordion-mobile-menu-1-header-0
{
width: 80px;
line-height: 30px;
margin-top: 0px;
background: none repeat scroll 0% 0% transparent;
border: 0px none;
padding: 0px;
float: right;
position: absolute;
top: 0px;
right: 10px;
color: #fff;
font-family: Roboto;
font-weight: 300;
}

#debug
{
    display:none;
}

#footer p
{
    font-size:0.8em;
    color:#999;
}

#footer li {
    margin: 6px;
display: inline;
padding: 4px;
border: 1px solid #555;
line-height: 30px;
}

#footer .block {
    min-height: 40px;
}

.basic,
.premium 
{
    display:none !important;
}

.content_boxV2 
{
    padding:4px 4px 4px 4px;
}

.joinNowON 
{
    height:auto !important;
}

#main .tabNaviMenu 
{
    height:auto;
}

body.tutors .gallery 
{
    width:100%;
}

.YAF_Pages_forum
{
    overflow:hidden !important;
}

body.news #main #news .story .thumbnailWrapper 
{
    position:inherit
}


body.news #main #news #content .latest .story 
{
    padding-left:0px;
}



body.news #main #news 
{
    padding:0px;
    margin:4px;
}

body.news #main #news #content .latest .story,
body.news #main #news #content 
{
    width:100% !important;
}

body.reviews #main #reviews #content .reviewsContainer,
body.reviews #main #reviews #content,
body.reviews #main #reviews .header,
body.reviews #main #reviews {
    width: 98% !important;
}


body.reviews #main #reviews #content .latest .story.top h2 a .thumbnailWrapper {
    top: 19px;
    left: 19px;
    height: 240px;
    width: 252px;
    clear: both !important;
    display: block;
    position: relative;
}


body.reviews #main #reviews #content .latest .story.top 
{
    padding:4px !important
}

body.videoLessons #main ul.mainPage li a 
{
    font-family: Roboto;
    font-size: 1em !important;
    padding: 4px;
}

.FilterButton 
{
    font-size:1.1em !important;
    padding:4px;
    margin:4px;
}

.euCookiePanel
{
    display:none !important;
}
