@media only screen and (max-width: 640px) {
    #container{width: 100%; margin: 0; padding: 0; box-shadow: none;}

    #masthead{text-align: center; height: 145px;}
    #masthead img#logo{left: 50%; margin-left: -130px; top: 50px;}

    #mobileclickmenu{position: absolute; top: 10px; left: 10px; cursor: pointer; font-size: 2em;}
    #searchclickmenu{position: absolute; top: 10px; right: 10px; cursor: pointer; font-size: 2em;}

    #mainmenu{display: none;}

    .mainmenu-extra{width: auto; background-color: #444444; font-size: 0.8em; text-align: center; height: auto; padding: 0; margin: 0; list-style: none;}
    .mainmenu-extra li{width: auto; display: block; padding: 15px 0; margin: 0; font-size: 2em; }
    .mainmenu-extra li a{display: block; padding: 5px 0 0 0; color: #FFF; text-decoration: none; text-transform: uppercase; text-align: center;}

    #membersmenu{width: auto; height: auto; padding: 0;}
    #membersmenu h2{font-family: Verdana, Arial, Sans-serif; position: relative; width: auto; text-align: center; margin: 0; padding: 0; left: auto}
    #membersmenu a#mobileclickmembermenu{color: #FFF; cursor: pointer; display: block; text-align: center; margin: 0; padding: 10px 0;}
    #membersmenu ul{display: none;}

    .membermenu-extra{width: auto; background-color: #444444; font-size: 0.8em; text-align: center; height: auto; padding: 0; margin: 0; list-style: none;}
    .membermenu-extra li{width: auto; display: block; padding: 5px 0; margin: 0;}
    .membermenu-extra li a{display: block; padding: 5px 0 0 0; color: #FFF; text-decoration: none; text-transform: uppercase; text-align: center;}
	
	#quicksearch{display: block; height: auto; position: relative; right: auto; top: auto; width: 100%;}
	#quicksearch h2{color: white; font-weight: normal; text-align: center; font-size: 2em; padding: 15px 0;}	

	#quicksearch form{display: block; background-color: #000;}
	#quicksearch form fieldset{display: block;}
	#quicksearch form input[type=text]{width: 80%; height: 30px; font-size: 1.6em; padding: 10px 0; border: none; text-align: center; float: left}
	#quicksearch form input[type=submit]{width: 20% !important; float: none; margin: 0; height: 50px; font-size: 2em}
	#quicksearch p{display: block; width: 100%; text-align: center; background-color: #000; margin:0; padding: 10px 0; font-size: 1.4em; font-weight: bold;}
	#quicksearch p a{text-decoration: none;}
	
    #content{margin: 0; padding: 0 2.5%; width: 95%; min-height: 0}
    #content h2{width: auto !important;}
    #content h4{padding: 0; width: auto; display: none;}
    #content form{width: 100%}
    #content form label{width: 99%}
    #content form input{width: 97%}
	#content form textarea{width: 97%}	
    #content form select{width: 97%; height: 2em}
    #content form input[type=submit]{width: auto !important}
    #content form input.button{width: 20%}
	
	#content img.LEFT, #content img.floatleft{width: 100%;}
	#content div.eventbox img{width: 100%; margin-right: 0 !important}

    #content #searchfilter{margin: 0; height: auto; display: none;}
    #content #searchfilter select{width: 100%}
    #content #searchfilter input.button{margin: 10px 0; float: none;}
    #content #productoverview form{margin: 0 20px; width: auto; position: relative; right: auto; top: auto;}
    #content #productoverview form label{float: none;margin: 0; text-align: left}

    #content .searchoptions thead{display: none;}
    #content .searchoptions, #content .searchoptions tbody, #content .searchoptions tfoot, #content .searchoptions tr{display: inline-block;}
    #content .searchoptions tr td{display: inline-block; padding-right: 0; width: 100%;}
    #content .searchoptions tfoot tr td input#searchclear{margin-right: 0;}
    #content .searchoptions input[type=submit]{width: auto !important;}

    #content div.booklist{width: 100%;}
    #content div.booklist div.bookentry{width: auto !important; float: none;}
	#content div.booklist div.homesocialmedia{display: none}
            
    #content table.new td h2{width: auto;}
    #content table.new td div{width: auto;}
    #content table.new tr td.stars{display: none;}
	#content table.new tr td.ean, #content table.new tr td.authors, #content table.new tr.detail td.transparent{display: none;}
	#content table.new tr td {word-wrap: break-word; word-break: break-word}

    #content table.bookstable tr td:first-child{display: none;}
    #content table.bookstable tr td:nth-child(4){display: none;}

    #content p.reference input.button{width: 100% !important; display: block;}       

    #content iframe{width: 100% !important;}

    /* Product Page */
    #content h2.titleheading{padding: 0; width: auto;}
    div#sharethis{display: none;}
    #bookcover{position: relative; left: 50%; margin-left: -60px;}
    #productoverview{margin-left: 0; width: auto;}
    #productoverview form{top: 300px; right: 0;}
    #productoverview form input.button{margin: 0; width: 100% !important;}
    #productoverview #bookprice{width: 100%;}
    #productoverview form input.buynow[type="submit"]{margin: 0 !important; width: 100% !important; position: relative; left: auto; bottom: auto; margin-top: 20px !important;}
    #tabbedinfo{width: 99% !important;}
    #tabbedinfo table{width: 100% !important;}

    ul.topsociallinks{display: block; position: relative !important; top: auto !important; right: auto !important; margin-left: 20px !important;}
    ul.topsociallinks li{display: inline-block;}    

    table.baskettable tr td:nth-child(2){display: none;}
    table.baskettable tr td:nth-child(5){display: none;}
    table.baskettable tr td:nth-child(8){display: none;}
    
	table.baskettable tr.total td:nth-child(2){display: inline-block !important;}
    table.baskettable tr.total{width: 100% !important;}
    table.baskettable tr.total td{text-align: right !important; }
    table.baskettable tr.total td label{display: inline !important;}
    table.baskettable tr.total td select{display: inline !important; height: 25px !important;}
    table.baskettable tr.total td strong{display: inline !important;}
    table.baskettable tr.total td:nth-child(1){display: none !important;}
    table.baskettable tr.total td:nth-child(4){display: none !important;}    

    /* style the slide show elements - no sliding either via javascript 
    #indexpromos {width: 100% !important; height: auto !important; border: none !important; border-radius: 0 0 0 !important}
    #indexpromos div.indexblock {width: 100% !important; margin-bottom: 15px !important; height: auto !important; position: relative !important; opacity: 1 !important}
    #indexpromos div.indexblock img{display: none !important; width: 100% !important; height: auto !important; position: relative !important;}
    #indexpromos div.indexblock p{margin: 5px 0 0 5px !important}
    #indexpromos div.indexblock div.headlines{bottom: auto !important; padding: 10px 0; left: auto !important; position: relative !important; width: auto !important}
    #indexpromos div.indexblock div.headlines h3{margin: 0 5px !important}*/
	#indexpromos{display: none;}

    .languagemenudiv-extra{background-color: #E3E3E3; border-radius: 5px; padding-bottom: 1px; margin: 5px;}
    .languagemenudiv-extra.highlighted{background-color: #A00; color: white; padding-top: 5px;}
    .languagemenudiv-extra.highlighted a{color: white;}
    .languagemenudiv-extra.highlighted ul{margin-left: 0;}	
    .languagemenudiv-extra.highlighted ul li a{font-size: 2em;}
    .languagemenudiv-extra.highlighted ul li ul li a{font-size: 1em;}
    .languagemenudiv-extra h3{background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #B00), color-stop(1, #900) );
                              background:-moz-linear-gradient( center top, #B00 5%, #900 100% );
                              filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#B00', endColorstr='#900');
                              background-color:#B00;border-radius: 5px 5px 0 0; text-align: center; color: #fff; }
    .languagemenudiv-extra h3 a{color: white;}
    .languagemenudiv-extra li{font-size: 1em; width: auto; text-align: center; padding: 2px 0; margin: 0}
    .languagemenudiv-extra ul{margin-left: 0;}	
    .languagemenudiv-extra ul li ul{margin: 5px 0 0 0; padding: 0 0 5px 0; border: 1px dashed #999; border-width: 1px 0}
    .languagemenudiv-extra ul li ul li{font-size: 1em; width: auto; text-align: center; padding: 0; margin: 0}    
    .languagemenudiv-extra form{padding: 0 10px; width: auto; text-align: center;}
    .languagemenudiv-extra form select{width: 100% !important;}
    .languagemenudiv-extra form input{background-color: white; border: none; border-radius: 0 0 0 0; margin-left: -4px; margin-top: 0; padding: 3px 15px 4px; *padding: 1px 2px; width: 20px !important}
    .languagemenudiv-extra form input.button{width: 20% !important; margin: 10px 0 0 0;display: block; position: relative;}

    #leftcolumn{width: 100%; position: relative; top: auto; left: auto; margin: 30px 0 0 0; padding: 0; text-align: center;}
    #leftcolumn #languagemenudiv ul{margin: 0; padding: 0;}
    #leftcolumn #languagemenudiv li{width: auto; text-align: center; padding: 10px 0; margin: 0}
    #leftcolumn #languagemenudiv #otherlangsform {width: auto; text-align: center;}
    #leftcolumn #languagemenudiv #otherlangsform select{width: 100% !important;}
    #leftcolumn #languagemenudiv #otherlangsform input.button{width: 100% !important; margin: 10px 0 0 0;display: block; position: relative;}
    
	#leftcolumn #leftcolothershops{display: none;}

    #rightcolumn{width: 100%; position: relative; margin: 0; padding: 0; display: none}
    #rightcolumn #dpic{margin: 0 0 0 -65px; left: 50%; display: block; position: absolute;}

    #footer{width: auto; height: auto; display: none;}
    #footer h3{left: auto !important; top: auto !important; position: relative;}
    #footer ul {width: auto !important; display: block !important; left: auto !important; top: auto !important; position: relative; margin-bottom: 20px;}
    #footer ul li{display: block !important; width: auto !important; padding: 10px 0 !important; float: none !important; text-align: center; margin: 0 !important}
    #footer #addressinfo{position: relative; top: auto; left: auto; padding: 0;}
    #footer #addressinfo p{ text-align: center;}
    #footer ul#footermenu{position: relative; top: auto; left: auto; width: auto;}
    #footer ul#footermenumainlangs{position: relative; top: auto; left: auto; width: auto;}
    #footer ul#footermenusublangs{position: relative; top: auto; left: auto; width: auto; margin-left: 0; margin-top: 0;}

    .desktophidden{display: block;}
    .mobilehidden{display: none;}

    .basket-extra{background-color: #E3E3E3; border-radius: 5px; padding-bottom: 1px; margin: 5px; position: relative; height: auto; padding-top: 2px;}
    .basket-extra p{margin: 2px 0 2px 10px; width: 70% !important; font-size: 0.8em;}
    .basket-extra a.button{width: auto !important; padding: 2px 5px; margin: 0; position: absolute; top: 0; right: 0;}
    .basket-extra a.button br {display: none;}
    .basket-extra h3{display: none;}
    .basket-extra a.express{right: 85px;}

    p.checkoutoptions a{margin-left: 5px; width: 97%}
    table.baskettable input[type=submit]{margin-left: 10px; width: 20%;}
    p#otherbasketoptions{margin: 0; position: relative;}

    /* Hide the following elements */
    #topmenu, #quicksearch, #indexpromolinks, #basket{display: none;}

    /* Cookie Specifics */
    #cookiesoverview {height: 190px; width: 100%;}
    #cookiesoverview #cookiescontent{width: 100%; }
    #cookiesoverview #cookiescontent h2{width: 80%; }
    #cookiesoverview #cookiescontent p{padding-bottom: 60px;}
    #cookiesoverview #cookiescontent #morecookieinfo{padding-bottom: 30px; overflow-y:scroll; }
	#cookiesoverview #cookiescontent #morecookieinfo p{padding-bottom: 0;}
}