@charset "UTF-8";
/* CSS Document */

* {
  margin:0;
  padding:0;
}

body {
  font-size:10pt;
  line-height:16px;
  color: #333;
  letter-spacing: 0.1ex;
  font-family: Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
  background: #FFF;
}

a, a:link, a:visited {
  text-decoration:none;
  color: #999;
  font-family: Arial, Helvetica, sans-serif;
}
a.selected, a:hover {
  color: #2b2671;
}
a img{
  border: none;
}
input, textarea{
  background: #FFF;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  padding: 4px;
  margin: 0;
  border: 1px solid #CCC;
  color: #777;
}
input:focus, textarea:focus{
  color: #333;
  border: 1px solid #333;
  font-weight: bold;
}
h1, h2, h3, h4{
  font-family: Arial, Helvetica, sans-serif;
}
p {
padding: 0 0 8px 0;
}
hr{
  display: block;
  margin: 15px 0;
  border: none;
  border-bottom: 1px solid #eee;
}
h1 {
font-size: 18pt;
  line-height: 21px;
  font-weight: normal;
  padding: 0 0 12px 0;
  margin: 0;
  font-style: normal;
  color: #2b2671;
}
h2 {
  font-size:14px;
  line-height:14px;
  font-weight:bold;
  padding: 0 0 7px 0;
  color: #2b2671;
}
h3 {
  font-size: 11pt;
  font-weight: normal;
  padding: 12px 0 3px 0;
  margin: 0;
  font-style: normal;
  color: #999;
}
h4 {
  font-size:10px;
  line-height:14px;
  font-weight:bold;
  padding: 0 0 7px 0;
  color: #2b2671;
}




#flash_notice, .flash_notice{
  background: #2b2671;
  color: #FFF;
  font-weight:bold;
  padding:9px;
  border: 1px solid #2b2671;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 0 0 11px 0;
  font-size: 1.1em;
  line-height: 1.3em;
}



#site{
  width: 966px;
  margin:0 auto 0 auto;
  background: url(../images/logo.gif) no-repeat;
}
hr {
  display: block;
  margin: 10px 0;
  border: none;
  border-bottom: 1px solid #ddd;
}
#siteimage{
  margin: 0 0 12px 0;
}

#siteimage img {
  width: 1150px;
}

/* @group Header */

#sondernav {
  width:960px;
  padding: 5px 0 0 0;
}
#sondernav #lang_select{
  float: right;
  margin: 2px 15px 0 0;
}
#sondernav #lang_select a img{
  margin: 0 3px 0 0;
  border: 1px solid #FFF;
}
#sondernav #lang_select a:hover img, #sondernav #lang_select a:active img, #sondernav #lang_select a.current img{
  border: 1px solid #2b2671;
}
#sondernav ul {
  float: right;
  text-align: right;
  list-style-type:none;
}
#sondernav ul li {
  font-size: 8pt;
  display:inline;
  text-decoration:none;
  text-transform: uppercase;
  padding:0 12px 0 0;
  margin:0;
}
#sondernav ul li a:link, #sondernav ul li a:visited{
  color:#aaa;
}
#sondernav ul li a:hover, #sondernav ul li a:active{
  color: #FFF;
  text-shadow: #111 1px 1px 2px;
}
#header {
  width:960px;
  padding: 5px 0;
  height: 120px;
}

#header ul {
  width: 1140px;
  height: 50px;
  padding: 7px 10px 0 0;
  margin:71px 0 5px 0;
  text-align: right;
  text-transform: uppercase;
  list-style-type:none;
  background: url(../images/mainnav_bg.png) no-repeat;
  background-size: 1157px 52px;
}
#header ul li {
  font-size: 10pt;
  display:inline;
  text-decoration:none;
  padding:5px 0 6px 0;
  margin:0;
  height: 35px;
}
#header ul li a, #header ul li a:link, #header ul li a:hover{
  color: #777;
  height: 35px;
  line-height: 35px;
  padding:6px 11px 5px 11px;
}
#header ul li a:hover, #header ul li a:active{
  color: #2b2671;
  text-shadow: #333 1px 1px 2px;
}

/* @end */






/* @group Contentcontainer */
#container{
  z-index: 100;
  position: relative;
  padding: 0 0 0 3px;
}


#context {
  z-index: 102;
  padding: 0 30px 20px 20px;
  line-height: 1.3 em;
  width: 600px;
  margin: 0 0 0 0;
  float: right;
}

#context a, #context a:link, #context a:visited {
  text-decoration:none;
  color: #444;
  font-family: Arial, Helvetica, sans-serif;
  padding:0 0 0 15px;
    background: url(../images/subnavlink_bg.jpg) no-repeat left 4px;
}
#context a.selected, #context a:hover {
  color: #2b2671;
    background: url(../images/subnavlink_bg_mo.jpg) no-repeat left 4px;
}
#context ul{
  padding:  0 0 10px 0;
  list-style-type: square;
  list-style-position: inside;
}
#context ul li{
  padding:  0 0 5px 5px;
}

#qrcode img{
  float:  right;
  margin: 0 7px 8px 0;
  padding: 0 0 1px 0;
        height: 130px;
        width: 130px;
}

#qrcode_big img{
        height: 300px;
        width: 300px;
}

#submenu{
  float: left;
  width: 225px;

}

#submenu ul{
  width: 200px;
  padding:0;
  margin: 0 0 20px 0;
  list-style-type:none;
  border-top: 1px dotted #ccc;
  font-size: 1.1.em;
}
#submenu ul li{
  font-size: 10pt;
  padding:7px 10px 7px 15px;
  margin: 0;
  text-align: left;
  border-bottom: 1px dotted #ccc;
}
#submenu ul li a:link, #submenu ul li a:visited{
  color: #777;
  font-weight: bold;
}
#submenu ul li a:hover, #submenu ul li a:active{
  color: #342e81;
}

#submenu a.fbook:link, #submenu a.fbook:visited{
  display: block;
  clear: left;
  width: 200px;
  height: 55px;
  background: url(../images/findus.png) no-repeat 0 0;
}
#submenu a.fbook:hover{
  background-position: 0 1px;
}

/* @end */
/* @group Forms */

#context form input[type=text], #context form input[type=password]{
  width: 270px;
  }
#context form input[type=submit], #catalog form input[type=submit]{
  background: url(../images/form_button_bg.png) no-repeat 0 2px;
  width: 240px;
  height: 37px;
  border: none;
  font-size: 12px;
  color: #FFF;
  text-align: left;
  padding: 3px 0 8px 20px;
  margin: 10px 0 0 0;
}
#context form input[type=submit]:hover, #context form input[type=submit]:active, #catalog form input[type=submit]:hover, #catalog form input[type=submit]:active
{
  background: url(../images/form_button_bg.png) no-repeat 0 -99px;
  width: 240px;
  color: #666;
}
#context form .form_row{
  display: block;
  clear: left;
  margin: 15px 0;
}
#context form label{
  width: 175px;
  display: block;
  float: left;
  color: #757575;
  overflow: hidden;
  font-weight: bold;
  text-align: left;
  vertical-align: top;
  padding: 3px 20px 0 0;
  margin: 0;
  letter-spacing: 0;
}
#context form .smallhinttxt{
  display: block;
  padding: 3px 0 0 200px;
  font-size: 0.9em;
}
#context form label.error{
  color: #e00000;
  display: block;
  width: 100%;
  font-weight: bold;
  margin: 0 0 9px 200px;
  font-size: 0.9em;
}
#context form input.error, #context form textarea.error{
  color: #e00000;
  border: 1px solid #e00000;
  background: #fff1f3;
}

#context form label.small{
  width: 110px;
}
.divider{
  display: block;
  width: 100%;
  border-bottom: 1px dotted #DDD;
  margin: 12px 0;
  clear:  both;
}

/* @end */
.clear-both{
  clear: both;
  height: 0;
  margin: 0;
  padding: 0;
}


/* @group catalog */
#catalog {
  padding: 0;
  width: 950px;
  margin: 0 0 0 0;
}
#catalog td{
  padding: 0 8px 4px 0;
  margin: 0;
  text-align: left;
  vertical-align: top;
}

.book_thumb{
  height:  80px;
  margin: 4px 10px 5px 0;

}

.metainfo{
  font-size: 0.9em;
  color: #999;
}

#qrcode img{
  float:  right;
  margin: 0 7px 8px 0;
  padding: 0 0 1px 0;
        height: 130px;
        width: 130px;
}

#qrcode_big img{
        height: 300px;
        width: 300px;
}
#catalog td.bprice{
  text-align: right;
  font-weight: bold;
  width: 100px;
  padding-left: 8px;
  color: #2b2671;
}
#catalog table tr td:first-child{
  width: 120px;
}
#catalog a.book_price{
  color: #2b2671;
  font-size: 1.2em;
  margin-bottom: 5px;
}
 .book_detail h1{
  font-size: 15pt;
  padding: 0 0 9px 0;
  color: #2b2671;
  font-weight: bold;
}
 .book_detail h2{
  font-size: 13pt;
  font-weight: normal;
  font-style: normal;
}
 .book_detail h4{
  font-size: 10pt;
  color: #999;
  font-weight: normal;
  font-style: normal;
  padding: 0 10px 0 0;
}
a.booktitle:link{
  font-size: 1.1em;
  font-weight:  bold;
  color: #777;
}
a.booktitle:hover{
  color: #2b2671;
}
#catalog .facebook{
  display: block;
  margin: 7px 0;
  padding: 0;
}
a.twitter-share-button:link {
    background: url("../images/twitterbtn.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: right;
    height: 20px;
    padding: 0;
    width: 67px;
}
a.twitter-share-button:hover {
    background: url("../images/twitterbtn.png") no-repeat scroll 0 -21px transparent;
}
a.fb_button_simple{
  padding: 3px;
  margin: 0;
  background-color: #eceef5;
  border: 1px solid #cad4e7;
  -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #3b5998;
    font-size: 8pt;
    background-position: 3px 3px;
}

.book_detail_img {
    width: 230px !important;
    padding-right: 30px !important;
}

/* @group pagination */

.pagination{
    width: 744px;
    padding: 3px 4px;
    margin: 5px 0;
    text-align: left;
    font-weight: bold;
    color: #142e6a;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
  font-size: 1em;
  height: 17px;
}
.pagination ul li{
  list-style: none inside none;
  display: block;
  float: left;
}
.pagination a:link, .pagination a:visited{color: #999; margin: 0 7px 0 0;}
.pagination a:hover, .pagination a:active, .pagination li.active a{color: #2b2671;}
/* @end */


/* @end */
#sitefooter{
  border-top: 1px dotted #999;
  color: #999;
  padding: 4px 0;
  margin: 10px 0;
  font-size: 9pt;
}
#google_optimizer{
  display: block;
  width: 580px;
  float: left;
  margin: 0 30px 0 0;
  font-size: 9pt;
  padding: 0 20px 10px 0;
  border-right: 1px dotted #999;
}
#google_optimizer h3{
  font-size:10pt;
  color: #555;
}
#google_optimizer h2{
  font-size:8pt;
  color: #333;
  font-weight: bold;
}
.footer_content{
  display: block;
  float: right;
  margin: 0;
  font-size: 8pt;
  padding: 10px 0;
}

.facebutton a:link, .facebutton a:visited{
  font-size: 1.8em;
  display: block;
  background:  url(../images/facebook_40.png) no-repeat 0 3px;
  color: #345faa;
  padding: 0 1px 1px 50px;
}
.facebutton a:hover{
  padding: 1px 0 0 51px;
  background-position: 1px 4px;
}

/* Mailchimp newsletter */

#mc_embed_signup_scroll {
    width: 210px !important;
}

