﻿.mobile-nav-control{display:none}
.tab-pane{width:100%}
.booksThumbnails.related{overflow:hidden !important; width:100%}
@media (min-width: 1200px) {  /*desktop*/

}

@media (min-width: 580px) and (max-width: 979px) { 	 /*all tablet*/
.nav-tabs > li > a, .nav-tabs > .active > a:hover{padding-left:20px; padding-right:20px}
.authorPhotoPH > div.fixed {top:40px;}
.shoppingCartItemsCount{background:#c00000; color:#FFF; padding-left:5px; padding-right:5px;}
.user-links{position:fixed; z-index:9999;}
.whiteBg, .page-header, .footerLinks, .crArea, .form-horizontal {padding-left:20px !important; padding-right:20px !important;}
.newsletter .email{width:73% !important;}
.container{margin:0 auto!important; width:100%;}
.navbar{position:fixed; z-index:9999; border-radius:0; width:100%; left:0; top:0; /*margin-top:-20px !important;*/ /*height:60px;*/}
.navbar .logo{margin:0; float:left; padding:5px 17px}
.navbar .logo img{height:30px !important; margin:0 !important; margin-right:10px;}
#homeCarousel .carousel-inner .item {background-position:30% 0}
.featuredAuthors{width:500px !important}
h3{ margin-bottom:0;}
footer{padding-top:20px !important}
footer .container{margin:0 20px;}

footer .nav{margin-left:40px !important}
footer .nav, footer .contact-info{width:40% !important; float:left;}
footer .footerLinks {margin-bottom:0}
.header{padding-bottom:0; height:42px;}
footer li.categoriesWrapper {width: auto !important;}
footer .categories{display:none}
ul.authorsList{width:29%;}
h1{font-size:18px !important;}
.nav-tabs.authors li a, .nav-tabs.authors li a:hover{padding: 13px 7px 30px;}
.nav.authors{margin-left:0;}
.contentWrapper{padding:0 20px;}
.slideContent{padding-bottom:20px;}
#homeCarousel .carousel-inner .item {height:451px;}
.page-header-wrapper{padding-top:20px;}
/*#socialWidget, #socialWidgetWrapper{width:250px !important}*/
.booksListWrapper .jcarousel-clip{width:425px !important;}
.nav.authors{
	background:url("../../images/bg-grey-noise.gif") repeat scroll 0 0 #FFFFFF;
	height:50px;
}
.tab-content{overflow-y:hidden}
.bookShelf .thumbnail, ul.thumbnails .thumbnail {width:none !important}
.subCategoriesList.fixed{position:fixed; top:60px; width:121px;}
.bookShelf .thumbnail, ul.thumbnails .thumbnail{
	width: 203px;
	padding-top:21px;
}

.bookPage .bookInfo{padding-left:20px}
}


@media (max-width: 580px) { 
.span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12{float:none !important; width:100% !important}
/*body form{position:absolute; z-index:999}*/
h3{margin-bottom:0 !important}

/* hide */
.featuredLabel, .slideDescription, .homeSideBar{display:none !important}

/*end hide*/
#homeCarousel .carousel-inner .item{height:255px}

.whiteBg{padding-top:10px !important; padding-bottom:10px !important}
#selectedBooks li a{padding:10px 13px; letter-spacing:0 !important; font-size:12px}
.slideContent{padding-left:50%; width:45%; padding-top:0 !important}

#homeCarousel {padding-top:20px;}
#homeCarousel .slideContent{padding-top:25px}
.slideTitle{font-size:21px;}
#homeCarousel .item{background-size:150% !important; background-repeat:no-repeat; background-position:-50px top}
.navbar{position:fixed; display:table; z-index:9999; border-radius:0; width:100%; left:0; top:0; height:40px;}
.navbar .logo{margin:0 auto; display:table-cell; height:20px !important; overflow:hidden; padding:5px 17px 5px 5px; text-align:center;}
.navbar .logo a{width:100% !important; display:table!important; text-align:center !important}
.navbar .logo a img{text-align:center}

.socialLinks{display:table-cell; margin-top:-40px;}
.mobile-nav-control{cursor:pointer; display:table-cell; background:url(../../images/ico-mobile-nav.png) center center no-repeat; width:40px; height:40px;}
/*.socialLinks{position:fixed; right:0; top:0}*/
.booksThumbnails.jcarousel-list{margin-top:0 !important; padding-top:0 !important}
/*#editors_pick ul > li, #bestsellers ul > li, #top_rated ul > li{height:270px !important; float:left !important; width:260px !important; overflow:hidden; margin-bottom:0 !important}*/

.navbar .logo img{height:30px !important; margin:0 !important; margin-right:10px;}
.page-header-wrapper{padding-top:40px;}
.page-header{padding-left:10px !important; padding-right:10px !important;}
.nav-tabs > li{margin-right:0}
.popupForm.modal{width:100%; height:auto; top:0; left:0; z-index:9999; margin:0 !important}
#catalogCartForm{margin-left:0 !important; width:100% !important}

/*nav*/
.topNavigationWrapper{overflow:hidden !important; height:100%; left:0; top:0; /*display:block*/margin-left:-150px; width:150px !important; position:fixed;}
.navbar ul.nav{width:180px;}
	.topNavigationWrapper .dropdown-menu{
	/*display:block !important; */
	position:relative !important; 
	background:transparent;
	border:none !important;
	}
	.topNavigationWrapper .dropdown-menu .column{
		margin-left:0 !important;
	}
	
	.topNavigationWrapper .dropdown-menu a{
	color:#80a6d8 !important;
	background:transparent;
	}
	
	
	.topNavigationWrapper .dropdown-menu li.active a, .topNavigationWrapper .dropdown-menu li a:hover{
	color:#FFFFFF !important;
	background:#990000 !important;
	}
	
	.topNavigationWrapper .dropdown .dropdown-toggle{
	border:none !important;
	background-color:none !important;
	}
	.slideTitle{font-size:23px;}

.navbar-inner{position:fixed !important; top:0; left:0; display:none !important; z-index:998}
.navbar .nav {/*position:fixed; left:0; top:0px;*/ background:#072551; height:100%; overflow-y:scroll; overflow-x:hidden}
.navbar .nav > li {float:none !important}
.navbar .nav > li > a{margin-left:0; width:120px}
/*.topNavigationWrapper .dropdown li.active < ul < li > a{background:#FFF !important; color:#000 !important}*/
.bookShelf{background:none}

.whiteBg {padding-left:10px; padding-right:10px}
.priceArea.bookInfo{clear:both; width:100%; padding:20px !important}
.tab-content{clear:both; display:block}
.nav.nav-tabs .tab{padding-left:10px; padding-right:10px !important; width:auto; font-size:11px; letter-spacing:0}
.bookItemPH, .bookInfo {width:100% !important; padding-left:0 !important; margin-left:0 !important}
.bookItemWrapper{width:100% !important}
.btn.addToCart{width:auto !important; display:inline-block}
.priceArea {width:100% !important; display:block; margin-top:20px;}
.featuredAuthors{padding-left:0 !important}
.authorWrapper .authorPhotoPH, .authorWrapper .authorPhotoPH.fixed{position:relative !important; display:block; clear:both; width:100% !important}
.authorWrapper .content{display:block; clear:both;}
.fixed{position:relative}


.bookShelf .thumbnail, ul.thumbnails .thumbnail {
    padding-top: 21px;
    width: 100%;
	float:none;
	clear:both;
}
.subCategoriesList{padding-left:0px}
.subCategoriesList .sideMenu li{float:left; width:46%; margin:1% 2% !important; padding:0 !important}
.subCategoriesList .sideMenu li.active a{padding-left:10px !important}

.thumbnails li{width:100% !important; float:none !important;}
/*.nav.nav-tabs.authors{ display:none}*/
#authorLetterSelector{position:fixed; left:120px; top:53px; width:56px; z-index:999}
.authorsList {margin:0}
.page-header-wrapper{padding-top:10px;}
.page-header h1{letter-spacing:0}
/*.authorPhotoWrapper{width:100%; background-position:center;}
.authorPhotoWrapper .holder{margin-left:auto!important; margin-right:auto !important; margin-top:8px}
.authorPhotoWrapper .subscribe{text-align:center;}*/
.booksThumbnails .thumbnail{height:280px}
.sideBar{width:auto !important}
.subCategoriesList < div, .subCategoriesList{float:none !important; clear:both !important; width:100% !important;}

/*footer*/
footer ul.nav{display:none}
footer .contact-info{width:100% !important}
footer h3{margin-bottom:0}

footer{padding-top:20px !important;}
footer .container{margin:0 20px;}
footer .nav{margin-left:40px !important}
footer .nav, footer .contact-info{width:40% !important; float:left;}
footer .footerLinks {margin-bottom:0}
.header{padding-bottom:0; height:42px;}
footer li.categoriesWrapper {width: auto !important;}
footer .categories{display:none}
footer .nav, footer .contact-info{margin:0 !important; width:50% !important; display:table-cell}
.subCategoriesList.fixed{position:relative !important; width:100% !important}

/**/
.jcarousel-item{float:left !important; width:auto !important}
 ul.thumbnails .jcarousel-item .thumbnail{clear:none !important; float:left !important; width:auto !important}
.profile .well{width:100%}
.profile h2, .profile .well{padding:10px !important;}

}