/********* defaults **********/
* {
  margin:0px;
  padding:0px;
}

html {
  font-size:100%;
  -webkit-text-size-adjust:100%;
  -ms-text-size-adjust:100%
}

body {
  font-family: Calibri, Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size:10pt;
  color:#333;
  overflow-x:hidden
}

a {
  color:#063;
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
}

img {
  border:none;
}

hr {
  color:#ccc;
  background-color:#ccc;
  height:1px;
  margin:4px 0px 4px 0px;
  border:none;
}

h1 {
  font-size:16pt;
  color:#333;
}

h2 {
  font-size:14pt;
  font-weight:bold;
  color:#333;
}

h3 {
  font-size:10pt;
  font-weight:bold;
  color:#333;
}

ul {
  list-style:none;
}

/*main structure*/
#wrapper {
  margin-left:auto;
  margin-right:auto;
  text-align:left;
  position: relative;
  background-color:#fff;
}

#headerwrapper {
  background-color:#fff;
}

#header {
  float:left;
  width:100%;
}

#bodywrapper {
  float:left;
}

#listing {
  float:left;
}

#listing h1 {
  margin-bottom:4px;
}

#content {
  float:left;
}

#content h1 {
  margin-bottom:4px;
}

/*paging / sorting*/
.pagingwrapper {
  float:left;
  padding:8px 0 8px 0;
  border-top:dotted 1px #ccc;
  border-bottom:dotted 1px #ccc;
  margin-bottom:5px;
  box-sizing: border-box;
}

.sortwrapper {
  float:left;
}

.pagewrapper {
}

.pagewrapper p {
  line-height:1.5em;
}

.filterwrapper
{
  float:left;
  padding:8px 0 8px 0;
  border-top:dotted 1px #ccc;
}

.filterwrapper h3
{
  margin-bottom:4px;
}

#subbar {
  clear:both;
  width:990px;
  background-color:#333;
  padding:5px;
  color:#fff;
  font-size:12pt;
}

#subbar a {
  color:#fff;
}

#footer {
  float:left;
  text-align:center;
  padding:20px 0 20px 0;
}

#footer li {
  display:inline;
}

#logo {
  float:left;
}

#logo img.logo {
  width:100%;
}

#local {
  float:left;	
  margin-top:5px;
}

#local img.local {
 margin-right:2px;
}

#account {
  width:330px;
  margin-top:20px;
  float:left;
}

#login {
  width:150px;
  float:left;
}

/* basket summary */
#basket {
  width:180px;
  float:left;
}

#basket a {
  color:#333;
}

#basket a span{
  font-size:12pt;
  font-weight:bold;
}

/* banners */
#banners {
  width:1000px;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  margin:0 0 20px 0;
  padding:10px 0 10px 0;
}

#banners ul {
  list-style:none;
  line-height:70px;
}

#banners ul li {
  display:inline;
  width:255px;
}

.feature {
  float:left;
  background-color:#fff;
}

.feature h1 {
  margin-bottom:4px;
  color:#063;
}

.feature h2 {
  margin-bottom:4px;
  color:#063;
}

.scroller {
  float:right;
  margin:0 10px 10px 0;
}

#featureleft {
  float:left;
  background-color:#fff;
  margin-bottom:10px;
}

#featureleft h2 {
  margin-bottom:4px;
  color:#063;
}

#featureright {
  float:right;
  background-color:#fff;
  margin-bottom:10px;
}

/*featured products*/
.prodfeatwrapper {
  float:left;
  width:245px;
}

.prodfeatwrapper .blurb {
  clear:both;
  margin: 5px 0px 5px 0px;
}

.prodfeatcover {
  float:left;
  width:115px;
}

.prodfeatcover img {
  width:110px;
  border:solid 1px #ccc;
}

.prodfeat {
  width:125px;
  float:right;
}

.prodfeat h4 {
  font-size:9pt;
  font-weight:normal;
}

.prodfeat p {
  margin-bottom:2px;
}

.prodfeat .author {
  font-size:8pt;
  color:#666;
}

.prodfeat .prices {
}

.prodfeat .prices li {
  margin-bottom:4px;
}

.prodfeat .price {
  font-size:10pt;
  color:#c00;
  font-weight:bold;
}

.prodfeat .save {
  color:#c00;
  font-size:8pt;
  font-weight:normal;
}

.prodfeat .freedel {
  color:#c00;
}

.prodfeat .type {
  color:#aaa;
}

/*product list*/
.prodlistwrapper {
  float:left;
  border-bottom:dotted 1px #ccc;
}

.prodlistcover {
  float:left;
}

.prodlistcover img {
  width:110px;
  border:solid 1px #ccc;
}

.prodlist {
  float:left;
}

.prodlist h4 {
  font-weight:normal;
}

.prodlist p {
  margin-bottom:2px;
}

.prodlist .author {
  color:#666;
}

.prodlist .prices {
}

.prodlist .prices li {
  margin-bottom:4px;
}

.prodlist .price {
  color:#c00;
  font-weight:bold;
}

.prodlist .save {
  color:#CC0000;
  font-weight:normal;
}

.prodlist .freedel {
  color:#c00;
}

.prodlist .type {
  color:#aaa;
}

.prodlist .blurb {
  clear:both;
  margin: 10px 0px 5px 0px;
}

/*events list*/
#events {
  list-style:none;
}

#events li {
  border-bottom:dotted 1px #ccc;
  padding-bottom:10px;
  margin-bottom:10px;
}

#events .date {
  display:block;
  float:left;
}

/* product page */
#prodwrapper {
  float:left;
}

#prodwrapper h1 {
  line-height:1.2em;
}

#prodwrapper .author {
  margin:10px 0px 14px 0px;
  font-size:12pt;
}

#prodwrapper .series {
  margin:10px 0px 14px 0px;
  font-size:12pt;
}

#prodwrapper a:hover {
  text-decoration:underline;
}

#prodwrapper .blurb {
  clear:both;
  margin: 5px 0px 5px 0px;
  padding-top:5px;
}

#prodwrapper .blurb p {
  margin:0 10px 10px 0;
  line-height:1.2em;
}

/*left column*/
#prodcover {
  float:left;
  margin-bottom:10px;
}

#prodcover h2 {
  font-size:12pt;
  margin-bottom:4px;
}

#prodcover .coverimg {
  width:110px;
  border:solid 1px #ccc;
}

#prodcover .coverwrapper {
}

#prodcover .preview {
  width:90px;
  border:none;
}

#prodcover .info {
  margin-bottom:20px;
}

#prodcover info ul li {
  margin-bottom:4px;
}

#prodcover .sameauth {
}

/*right hand side prod page*/
#prod {
  float:left;
}

#prod a:hover {
  text-decoration:underline;
}

#prod .left {
  float:left;
}

/*pricing "table"*/
#prod .buy {
  float:left;
  margin-bottom:10px;
}

#prod .prices {
  float:left;
  border-bottom:1px dotted #ccc;
}

#prod .prices div {
  display:inline;
}

#prod .prices div.covertype {
  font-weight:bold;
  float:left;
}

#prod .prices div.price {
  width:80px;
  text-align:right;
  color:#c00;
  font-weight:bold;
  float:left;
}

#prod .prices div.saving {
  text-align:right;
  float:left;
}

#prod .prices div.saving .save {
  color:#c00;
}

#prod .prices div.avail {
  font-size:8pt;
  float:left;
}

#prod .prices div.add {
}

#prod .sitelinks {
  float:left;
  margin-bottom:10px;
  width:100%;
  line-height:16px;
  border-bottom:1px dotted #ccc;
  padding-bottom:10px;
}

#prod .sitelinks img{
  margin-right:5px;
  vertical-align:middle; 
}

#prod .review {
  margin:6px 0 10px 0;
}

#prod .review p {
  float:left;
  margin-right:10px;
}

#prod .review .stars {
  float:left;
  margin:6px 5px 0 0;
}

#prod .review .button {
  float:left;
  margin-top:4px;
}

#prod links img {
  margin-right:5px;
}

#prod p {
  margin-bottom:8px;
}

/* related prods */
.prodrel {
  border-bottom:1px dotted #ccc;
  float:left;
  width:100%;
  margin-bottom:5px;
}

.prodrel h2 {
  font-size:12pt;
  margin-bottom:4px;
}

.prodrelwrapper {
  float:left;
  width:240px;
  height:110px;
  margin:5px 5px 10px 0px;
}

.prodrelcover {
  float:left;
  width:65px;
}

.prodrelcover img {
  width:60px;
  border:solid 1px #ccc;
}

.alsoprod {
  width:170px;
  float:right;
}

.alsoprod h4 {
  font-size:10pt;
  font-weight:normal;
}

.alsoprod p {
  margin:0 0 2px 0 !important;
}

.prodrel div.alsoprod p.author {
  font-size:8pt !important;
  color:#666 !important;
}

.alsoprod .price {
  font-size:10pt;
  color:#c00;
  font-weight:bold;
}

.alsoprod .save {
  color:#c00;
}

.alsoprod .type {
  color:#aaa;
}

/*bogofs*/
.bogof {
  border-bottom:1px dotted #eee;
  padding:8px;
  float:left;
  width:100%;
  margin-bottom:10px;
}

.bogofwrapper {
  float:left;
  width:215px;
  margin:0px 5px 0px 0px;
}

.bogofcover {
  float:left;
  width:65px;
}

.bogofcover img {
  width:60px;
  border:solid 1px #CCCCCC;
}

.bogofprod {
  width:145px;
  float:right;
}

.bogoftitle {
  font-size:10pt;
}

.bogoftitle a {
  text-decoration:none;
}

.bogofprodprice {
  color:#CC0000;
  font-size:8pt;
  font-weight:bold;
}

.bogofprod p {
  margin-bottom:2px;
}

/*deals*/
#prod .deal {
  float:left;
  padding:8px;
  width:90%;
  font-size:12pt;
}

#prod .deal h3 {
  margin-bottom:4px;
  font-size:12pt;
}

#prod .deal a {
  color:#c00;
}

/*basket*/
#basketcontent {
  width:100%;
  /*font-size:12pt;*/
  margin-top:10px;
}

#basketcontent .row {
  width:100%;
  clear:both;
  float:left;
  /*padding-bottom:10px;
  margin-bottom:10px;*/
  border-bottom:1px dotted #ccc;
}

#basketcontent .col_item {
  float:left;
  /*width:600px;
  margin:0 20px 0 10px;*/
}

#basketcontent .col_qty {
  float:left;
  /*width:160px;
  margin-right:20px;*/
  text-align:center;
}

#basketcontent .col_qty select {
  /*font-size:12pt;*/
  text-align:center;
}

#basketcontent .col_price {
  float:right;
  /*width:160px;*/
  text-align:right;
  /*margin-right:10px;*/
}

#basketcontent .tit {
  font-weight:bold;
  /*font-size:14pt;*/
  display:block;
  /*margin-bottom:10px;*/
}

#basketcontent .cover {
  border:solid 1px #ccc;
  float:left;
  /*margin-right:10px;
  width:100px;*/
}

#basketcontent .remove {
  font-size:10pt;
}

#basketcontent .avail {
  /*font-size:10pt;*/
  margin-top:4px;
}


#blurb {
  float:left;
  width:100%;
}

#blurb h1 {
  margin-bottom:4px;
}

#blurb h2 {
  margin-bottom:4px;
}

#blurb h3 {
  margin-bottom:4px;
}

#blurb p {
  margin-bottom:8px;
}

#blurb ul {
   list-style:disc inside;
   padding-left:20px;
}

#blurb ul li {
   list-style:disc outside;
   margin:4px 0px 4px 0px;
}

.fixed {
  background-color:#fff;
}

.alpha {
  background-color:#fff;
  float:left;
}

.alpha .letter, .alpha .letter_link {
  display:inline-block;
  text-align:center;
  background-color:#666;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
}

.alpha .letter_link.feat {
  background-color:#333;
  /*display:inline-block;
  text-align:center;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;*/
}

.alpha .letter a, .alpha .letter_link a {
  color:#fff;
  display:block;
}

.alpha .letter a:hover, .alpha .letter_link a:hover {
  background-color:#063;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
}

/*form*/
#contactform {
   /*width:80%;*/
}

#checkoutform {
}

#checkoutform h2 {
  border-top:1px dotted #ccc;
  margin-top:10px;
  padding-top:10px;
  display:block;
  width:100%;
}

#contactform label, #checkoutform label {
  font-weight:bold;
}

#contactform .reqd, #checkoutform .reqd  {
  color:red;
}

#contactform input[type=text], #checkoutform input[type=text] {
  margin-bottom:15px;
  margin-top:10px;
  width:100%;
  padding:5px;
  border-radius:2px;
  border:1px solid #ccc;
}

#contactform input[type=email], #checkoutform input[type=email] {
  margin-bottom:15px;
  margin-top:10px;
  width:100%;
  padding:5px;
  border-radius:2px;
  border:1px solid #ccc;
}

#contactform input[type=password], #checkoutform input[type=password] {
  margin-bottom:15px;
  margin-top:10px;
  padding:5px;
  border-radius:2px;
  border:1px solid #ccc;
}

#contactform select,#checkoutform select {
  margin-bottom:15px;
  margin-top:10px;
  /*width:100%;*/
  padding:5px;
  border-radius:2px;
  border:1px solid #ccc;
}

#contactform textarea, #checkoutform textarea {
  width:100%;
  padding:5px;
  margin-top:10px;
  border:1px solid #ccc;
  border-radius:2px;
  margin-bottom:15px;
  resize:none
}

#contactform input[type=text]:focus,textarea:focus, #checkoutform input[type=text]:focus,textarea:focus {
  border-color:#4697e4
}

#contactform input.error, #checkoutform input.error {
  border:1px solid red;
}

#contactform textarea.error, #checkoutform textarea.error {
  border:1px solid red;
}

#contactform label span.error, #checkoutform label span.error {
  color: red;
}

/* events */
#eventcalendar
{
  border:solid 1px #ccc;
}

#eventcalendar th
{
  padding:4px;
  border:solid 1px #ddd;
  background-color:#eee;
}

#eventcalendar td
{
  padding:4px;
  border:solid 1px #eee;
}

#generaltable {
}

#generaltable th {
  padding:5px;
}

#generaltable td {
  padding:5px;
}

.checkoutbasket {
  /*width:80%;*/
  font-size:10pt;
}

.checkoutbasket th {
  padding:5px;
  border-bottom:1px dotted #ccc;
  background-color:#eee;
}

.checkoutbasket td {
  padding:5px;
  border-bottom:1px dotted #ccc;
}

.checkoutbasket td.total {
  padding:5px;
  border-bottom:none;
  font-weight:bold;
  font-size:11pt;
}

#blog {
  /*width:670px;*/
  float:left;
  /*margin-right:20px;*/
}

#blogprods {
}

#faqs dt, #faqs dd { padding: 0 0 0 24px ; }
#faqs dt { font-size:12pt; cursor: pointer; margin: 0 0 10px 0; min-height:20px; }
#faqs dd { font-size: 10pt; margin: 0 0 20px 0; }
#faqs dt { background: url(/images/icon_plus.png) no-repeat left; }
#faqs .expanded { background: url(/images/icon_minus.png) no-repeat left; }
#faqs dd h2 { font-size:12pt; }
#faqs dd h3 { font-size:10pt; }
#faqs dd ol { margin:10px 0 10px 20px; }
#faqs dd ol li { margin-bottom:4px; }

#obscured {
  z-index:999999;
  width:100%;
  height:100%;
  position:absolute;
  top:0px;
  left:0px;
  background-color:rgba(13, 13, 13, 0.3);
  b
}

#site_choice {
  font-size:12pt;
  border:2px solid #333;
  z-index:999999;
  background-color:#fff;
  text-align:left;
}

#site_choice p {
  margin-bottom:12px;	
}

#site_choice ul {
  margin-bottom:12px;	
}


/********* RESPONSIVE STYLES *********/

/********* Desktop *********
 ***   *****  ***  *   * *****  ***  ****
 *  *  *     *     *  *    *   *   * *   *
 *   * ***    ***  **      *   *   * ****
 *  *  *         * *  *    *   *   * *
 ***   *****  ***  *   *   *    ***  *
*/
@media only screen and (min-width: 600px) {

#site_choice {
  padding:40px;
  width:500px;
  margin:-240px auto auto -290px;
  position:absolute;
  top:50%;
  left:50%;
}

body {
  text-align:center;
  min-width:1020px;
  background:url(images/bg.png) repeat-x;
  background-position:top;
  background-attachment:fixed;
}

#wrapper {
  width:1000px;
  padding:0 10px 10px 10px;
  margin-bottom:10px;
}

/*keeps header fixed*/
#headerwrapper {
  width:1000px;
  position:fixed;
  top:0px;
  padding-top:10px;
  z-index:9999;
}

#logo {
  width:303px;
  padding:20px 15px 20px 15px;
  margin-right:20px;
}

#mobilenav {
  display:none;
}

#search {
  width:310px;
  margin-top:20px;
  float:left;
}

#search .searchbox {
  width:210px;
  height:29px;
  padding-left:5px;
  color:#999;
  border:1px solid #999;
}

#mobile_search {
  display:none;
}

#tabbar {
  clear:both;
  height:45px;
  width:1000px;
  border-bottom:1px solid #ccc;
  margin-bottom:10px;
}

#tabbar ul {
  list-style:none;
  line-height:45px;
}

#tabbar ul li {
  display:inline;
  padding:0 4px 0 4px;
}

#tabbar ul li.divide {
  padding:0;
}

.category_menu {
  display: none;
  position: absolute;
  left: 0px;
  top: 180px;
  width: 980px;
  z-index: 9999;
  background: #eee;
  text-align: left;
  padding:10px;
  border-bottom:1px dotted #ccc;
}

.help_menu {
  display: none;
  position: absolute;
  right: 0px;
  top: 180px;
  width: 490px;
  z-index: 9999;
  background: #eee;
  text-align: left;
  padding:10px;
  border-bottom:1px dotted #ccc;
}

.author_menu {
  display: none;
  position: absolute;
  left: 400px;
  top: 180px;
  width: 245px;
  z-index: 9999;
  background: #eee;
  text-align: left;
  padding:10px;
  border-bottom:1px dotted #ccc;
}

.account_menu {
  display: none;
  position: absolute;
  left: 663px;
  top: 61px;
  width: 245px;
  z-index: 9999;
  background: #eee;
  text-align: left;
  padding:10px;
  border-bottom:1px dotted #ccc;
}

.mobile_menu {
  display: none;
}

.dropdown_menu .column {
  width: 225px;
  float: left;
  margin-top: 10px;
  margin-right: 20px;
}

.dropdown_menu .title {
  padding-bottom:10px;
  font-size:12pt;
  font-weight:bold;
  line-height:20px;
  border-bottom:1px dotted #ccc;
}

.dropdown_menu .exit {
  position: absolute;
  top: 10px;
  right: 26px;
  cursor: pointer;
  background-image:url(/images/icon_close.png);
  background-repeat:no-repeat;
  line-height:16px;
  padding-left:22px;
  overflow: hidden;
}

.dropdown_menu .column .item {
  margin-top: 10px;
  font-size:12pt;
  line-height:20px;
}

#stripe {
  width:1000px;
  height:13px;
  background:url(/Images/stripe_bg.png) repeat-x;
  float:left;
}

#bodywrapper {
  margin-top:195px;
}

#listing {
  margin:0 5px 0 5px;
}

#content {
  width:990px;
  margin:0 5px 5px 5px;
}

/*breadcrumb*/
#breadcrumb {
  color:#aaa;
  padding-bottom:5px;
  margin:5px 0px 10px 0px;
}

#breadcrumb a {
  color:#aaa;
}

#breadcrumb a:hover {
  color:#063;
}

/*paging / sorting*/
.pagingwrapper {
  width:100%;
}

.sortwrapper {
  margin-top:5px;
}

.pagewrapper {
  float:right;
  text-align:right;
}

.filterwrapper
{
  width:100%;
}

#footer {
  width:1000px;
}

#featureleft {
  width:490px;
}

#featureright {
  width:490px;
  float:right;
}

/*featured products*/
.prodfeatwrapper {
  margin:0px 5px 40px 0px;
}

/*product list*/
.prodlistwrapper {
  margin:0px 0px 5px 0px;
  padding:5px 5px 10px 5px;
  font-size:12pt;
}

.prodlistcover {
  width:130px;
}

.prodlist {
  width:850px;
}

.prodlist h4 {
  font-size:14pt;
}

.prodlist .author {
  font-size:10pt;
}

.prodlist .price {
  font-size:12pt;
}

.prodlist .rrp {
  font-size:10pt;
}

.prodlist .save {
  font-size:10pt;
}

.prodlist .buy {
  float:left;
  margin:0 0 10px 0;
}

.prodlist .stars {
  float:left;
  margin:8px 0 10px 10px;
  font-size:9pt;
  color:#666;
}

.mobile_clear {
  width:0px;
  height:0px;
  display:none;
}

#events .date {
  width:95px;
}

#events .event {
  width:auto;
}

#eventslinks {
  margin-left:95px;
}

.linklist li {
  display:block;
  width:100%;
  font-size:12pt;
  line-height:20px;
  padding:8px;
  border-bottom:1px dotted #ccc;
}

/* product page */

/*left column*/
#prodcover {
  width:150px;
  margin-right:10px;
}

#prodcover .coverimg {
  margin-left:10px;
}

#prodcover .preview {
  margin:10px 0 10px 20px;
}

/*right hand side prod page*/
#prod {
  width:830px;
}

/*pricing "table"*/
#prod .prices {
  width:830px;
}

#prod .prices div {
  margin:5px 10px 5px 0;
}

#prod .prices div.covertype {
  width:150px;
  padding-top:5px;
  font-size:12pt;
}

#prod .prices div.price {
  width:80px;
  padding-top:5px;
  font-size:12pt;
}

#prod .prices div.saving {
  width:120px;
  padding-right:10px;
  float:left;
}

#prod .prices div.avail {
  width:190px;
}

#prod .prices div.add {
  float:left;
}


#prodsocial {
  float:left;
  margin:10px 0 10px 0;
}

#prodsocial .wish {
  display:inline;
  margin:0 5px 0 10px;
}

#prod .review {
  float:right;
}

#prod .review p {
  text-align:right;
}


/*product page tabs*/
ul.tabs_mobile {
  display:none;	
}

ul.tabs {
  float:left;
  list-style:none;
  height:28px;
  width:100%;
  border-radius:6px 0 -50px 0;
  margin:10px 0 0 0;
  padding:0;
}

ul.tabs li {
  float:left;
  height:27px;
  line-height:27px;
  border:1px solid #999;
  overflow:hidden;
  position:relative;
  -webkit-border-top-left-radius:6px;
  -webkit-border-top-right-radius:6px;
  -moz-border-radius-topleft:6px;
  -moz-border-radius-topright:6px;
  border-top-left-radius:6px;
  border-top-right-radius:6px;
  margin:0 1px -1px 0;
  padding:0;
}

ul.tabs li a {
  text-decoration:none;
  font-weight:bold;
  font-size:11pt;
  color:#333;
  display:block;
  border:1px solid #fff;
  outline:none;
  -webkit-border-top-left-radius:6px;
  -webkit-border-top-right-radius:6px;
  -moz-border-radius-topleft:6px;
  -moz-border-radius-topright:6px;
  border-top-left-radius:6px;
  border-top-right-radius:6px;
  padding:0 10px;
}

ul.tabs li a:hover {
  background:#eee;
  text-decoration:none;
}

#prod ul.tabs li a:hover {
  background:#eee;
  text-decoration:none;
}

html ul.tabs li.active,html ul.tabs li.active a:hover {
  background:#fff;
  border-bottom:1px solid #fff;
}

.tabContainer {
  border:1px solid #999;
  overflow-x:hidden;
  overflow-y:scroll;
  clear:both;
  float:left;
  width:100%;
  background:#fff;
  margin-bottom:10px;
  height:500px;
  z-index:999999;
}

.tabContent {
  padding:15px 20px 20px 20px;
  z-index:999999;
}

.tabContent h2 {
  font-size:12pt;
  margin-bottom:4px;
}

.fixed {
  position:fixed;
  top:170px;
  width:1000px;
}

.fixedcontent {
  margin-top:120px;
}

.fixedcontent_link {
  margin-top:250px;
}

.alpha .letter {
  width:24px;
  margin:10px 4px 10px 0;
}

.alpha .letter_link {
  margin:5px 7px 2px 0;
}

.alpha .letter a {
  padding:5px;
}

.alpha .letter_link a {
  padding:5px;
}

/*offset for header*/
a.anchor {
  display:block;
  position:relative;
  top:-300px;
  visibility: hidden;
}

a.anchor_link {
  display:block;
  position:relative;
  top:-430px;
  visibility: hidden;
}

.backtop {
  display:none;
}

#authfeat {
  float:left;
  width:100%;
  border-bottom:1px dotted #ccc;
  border-top:1px dotted #ccc;
  padding:10px 0 10px 0;
}

#authfeat .auth {
  float:left;
  width:150px;
  margin:5px 10px 0 0;
  text-align:center;
}

#authfeat .auth img {
  height:150px;
}

/*basket*/
#basketcontent {
  font-size:12pt;
}

#basketcontent .row {
  padding-bottom:10px;
  margin-bottom:10px;
}

#basketcontent .col_item {
  width:600px;
  margin:0 20px 0 10px;
}

#basketcontent .col_qty {
  width:160px;
  margin-right:20px;
}

#basketcontent .col_qty select {
  font-size:12pt;
}

#basketcontent .col_price {
  width:160px;
  margin-right:10px;
}

#basketcontent .tit {
  font-size:14pt;
  margin-bottom:10px;
}

#basketcontent .cover {
  margin-right:10px;
  width:80px;
}

#basketcontent .remove {
  font-size:10pt;
}

#basketcontent .avail {
  font-size:10pt;
}

#basketcontent .continue {
  float:left;
}

#basketcontent .checkout {
  float:right;
}

/*form*/
#contactform, #checkoutform {
  width:80%;
}

#viewerCanvas
{
 width:500px;
 height:800px;
 float:left;
 margin:0 0 50px 50px;
}

.login_left {
  float:left;
  width:420px;
  height:260px;
  padding:20px;
  background-color:#eee;
  margin-bottom:20px;
}

.login_right {
  float:right;
  width:420px;
  height:260px;
  padding:20px;
  background-color:#eee;
  margin-bottom:20px;
}

.checkoutbasket {
  width:80%;
}

#blog {
  width:670px;
  margin-right:20px;
}

#blogprods {
  float:right;
  width:255px;
}

.currency_dialog {
  position:fixed;
  top:200px;
  left:400px;
  width:400px;
  background-color:#eee;
  border:1px solid #ccc;
  z-index:999999;
  padding:30px;
  font-size:12pt;
}

.currency_dialog h1 {
  margin-bottom:10px;
}

.currency_dialog p {
  margin-bottom:20px;
}

.currency_dialog a.exit {
  background-image:url(/images/icon_close.png);
  background-repeat:no-repeat;
  line-height:16px;
  padding-left:22px;
  overflow: hidden;
}

#secondary_search {
  margin-bottom:10px;
}

}
/************* End Desktop *************/


/************* Mobile **************
 *     *  ****  ****  ***** *     *****
 **   ** *    * *   *   *   *     *
 * *** * *    * ****    *   *     ***
 *     * *    * *   *   *   *     *
 *     *  ****  ****  ***** ***** *****
*/
@media only screen and (min-width: 0px) and (max-width: 599px) {

#site_choice {
  padding:20px;
  width:80%;
  margin:10px;
  position:absolute;
  top:50px;
}


body {
  max-width:599px;
  width:100%;
}

#wrapper {
  max-width:599px;
  width:100%;
  overflow:hidden;
}

#headerwrapper {
  float:left;
  width:100%;
  max-width:599px;
  border-bottom:1px solid #ccc;

}

#logo {
  width:220px;
  margin:5px;
}

#mobilenav {
  float:right;
  margin:10px 10px 0 0;
  width:34px;
  height:30px;
}

#mobilenav img {
  width:100%;
}

.mobile_menu {
  display: none;
  float:left;
  width: 100%;
  background: #eee;
  text-align: left;
  border-top:1px dotted #000;
  border-bottom:1px dotted #ccc;
}

.dropdown_menu .column {
  width: 100%;
  float: left;
}

.dropdown_menu .column .item {
  display:block;
  width:100%;
  font-size:12pt;
  line-height:20px;
  padding:8px;
  border-bottom:1px dotted #ccc;
}

#search {
  display:none;
}

#mobile_search {
  float:left;
  background-color:#333;
  padding:5px;
  width:100%;
}

#mobile_search table {
  width:92%;
}

#mobile_search .searchbox {
  width:100%;
  height:29px;
  padding-left:5px;
  font-size:10pt;
}

#mobile_search .basket {
  color:#fff;
  font-size:16pt;
}

#account {
  display:none;
}

#login {
  display:none;
}

#basket {
  display:none;
}

#stripe {
  display:none;
}

#tabbar {
  display:none;
}

#bodywrapper {
  margin-top:0px;
  float:left;
  padding:5px;
  width:100%;
  box-sizing: border-box;
}

#listing {
  float:left;
  width:100%;
}

#content {
  float:left;
  width:100%;
}

/*breadcrumb*/
#breadcrumb {
  display:none;
}

/*paging / sorting*/
.pagingwrapper {
  width:100%;
}

.sortwrapper {
  margin-right:5px;
}

.pagewrapper {
  float:left;
}

.filterwrapper {
  width:100%;
}

#subbar {
  display:none;
}

#footer{
  max-width:599px;
  width:100%;
}

#banners {
  display:none;
}

.feature {
  max-width:580px;
  width:100%;
}

.scroller {
  display:none;
}

#featureright {
  display:none;
}

/*featured products*/
.prodfeatwrapper {
  margin:0px 5px 20px 0px;
  float:left;
}

/*product list*/
.prodlistwrapper {
  width:100%;
  margin-bottom:10px;
}

.prodlistcover {
  width:120px;
}

.prodlist {
  width: calc(100% - 120px);
}

.prodlist h4 {
  font-size:12pt;
}

.prodlist .author {
  font-size:8pt;
}

.prodlist .price {
  font-size:10pt;
}

.prodlist .rrp {
  font-size:8pt;
}

.prodlist .save {
  font-size:8pt;
}

.prodlist .buy
{
  float:left;
}

.prodlist .stars
{
  float:left;
  margin:8px 0 0 10px;
}

.mobile_clear {
  clear:both;
}

#events .date {
  width:90px;
}

#events .event {
  width:300px;
}

.category_menu {
  display: none;
}

.help_menu {
  display: none;
}

.author_menu {
  display: none;
}

.account_menu {
  display: none;
}

.linklist li {
  display:block;
  width:100%;
  font-size:12pt;
  line-height:20px;
  padding:8px;
  border-bottom:1px dotted #ccc;
}

/* product page */
#prodwrapper h1 {
  font-size:14pt;
}

/*left column*/
#prodcover {
  float:left;
  width:100%;
  border-bottom:1px dotted #ccc;
}

#prodcover .coverwrapper {
  float:left;
  width:120px;
}

#prodcover .coverimg {
  float:left;
  margin-right:10px;
}

#prodcover .preview {
  float:left;
  margin:10px 0 10px 10px;
}

#prodcover .info {
  float:left;
  /*width:150px;*/
  width: calc(100% - 120px);
}

/*right hand side prod page*/
#prod {
  width:100%;
}

/*pricing "table"*/
#prod .prices {
  width:100%;
  max-width:400px;
}

#prod .prices div {
  margin:5px 0 5px 0;
}

#prod .prices div.covertype {
  width:130px;
  padding-top:5px;
  font-size:10pt;
}

#prod .prices div.price {
  width:70px;
  padding-top:5px;
  font-size:10pt;
}

#prod .prices div.saving {
  width:110px;
  float:right;
}

#prod .prices div.avail {
  clear:both;
  width:140px;
  margin-right:10px;
}

#prod .prices div.add {
  float:right;
}

#prodsocial {
  display:none;
}

#prod .review {
  float:left;
  border-bottom:1px solid #ccc;
  padding-bottom:10px;
}

#prod .review p {
}

/*product page tabs*/
ul.tabs_mobile {
  float:left;
  list-style:none;
  width:100%;
  margin:10px 0 10px 0;
  padding:0;
  border-top:1px dotted #ccc;
}

ul.tabs_mobile li {
  font-size:12pt;
  line-height:20px;
  padding:8px;
  border-bottom:1px dotted #ccc;
}

ul.tabs_mobile li a {
  text-decoration:none;
  display:block;
}

ul.tabs_mobile li a:hover {
  background:#eee;
  text-decoration:none;
}

ul.tabs {
  display:none;
}

.tabContainer {
  display:none;
  /*clear:both;
  float:left;
  width:100%;
  background:#fff;
  margin-bottom:10px;
  border-top:1px dotted #ccc;
  border-bottom:1px dotted #ccc;*/
}

/*
.tabContent {
  margin:10px 5px 10px 5px;
}

.tabContent h2 {
  font-size:12pt;
  margin-bottom:4px;
}
*/

#sameauth {
  display:none;
}

.fixed {
  width:100%;
}

.fixedcontent {
}

.fixedcontent_link {
}

.alpha .letter {
  width:26px;
  margin:10px 4px 0 0;
}

.alpha .letter a {
  padding:6px;
}

.alpha .letter_link {
  display:none;
}

a.anchor {
}

.backtop {
  font-size:10pt;
  font-weight:normal;
}

#authfeat {
  display:none;
}

/*basket*/
#basketcontent {
  font-size:10pt;
}

#basketcontent .row {
  padding-bottom:5px;
  margin-bottom:5px;
}

#basketcontent .col_item {
  width:180px;
  margin:0 5px 0 0;
}

#basketcontent .col_qty {
  width:50px;
  margin-right:5px;
}

#basketcontent .col_qty select {
  font-size:10pt;
}

#basketcontent .col_price {
  width:60px;
}

#basketcontent .tit {
  font-size:10pt;
  margin-bottom:15px;
}

#basketcontent .cover {
  margin-right:5px;
  width:50px;
}

#basketcontent .remove {
  font-size:10pt;
}

#basketcontent .avail {
  font-size:8pt;
}

#basketcontent .continue {
  display:none;
}

#basketcontent .checkout {
  width:100%;
  float:left;
  text-align:center;
}

/*form*/
#contactform, #checkoutform {
  width:calc(100% - 20px);
}

#contactform input[type=text], #checkoutform input[type=text] {
  font-size:12pt;
}

#contactform input[type=email], #checkoutform input[type=email] {
  font-size:12pt;
}

#contactform input[type=password], #checkoutform input[type=password] {
  font-size:12pt;
}

#contactform select, #checkoutform select {
  font-size:12pt;
  max-width:300px;
}

#contactform textarea, #checkoutform textarea {
  font-size:12pt;
}


#viewerCanvas
{
 width:100%;
 height:600px;
 float:left;
 margin:0 0 50px 0;
}

.login_left {
  float:left;
  width:calc(100% - 20px);
  padding:10px;
  background-color:#eee;
  margin-bottom:10px;
}

.login_right {
  float:left;
  width: calc(100% - 20px);
  padding:10px;
  background-color:#eee;
  margin-bottom:10px;
}

.checkoutbasket {
  width:100%;
}

#blog {
  width:100%;
}

#blogprods {
  display:none;
}

.currency_dialog {
  display:none;
}

#secondary_search {
  display:none;
}

}