html {-webkit-tap-highlight-color: transparent;  font-size: 10px; }

body { font-family: Georgia, "Times New Roman", Arial, sans-serif; afont-size: 14px; margin: 0; 
display: flex;
  flex-direction: column;
}

ol, ul { list-style: none; }

html, abody {
  height: 100%;
  margin: 0;
  min-height: 100%;
  font-size: 9.5px;
}

html, body { height: 100%; background-color: #ffe; background-color: #f5f5f5; }

.scriv_content { flex: 1 0 auto; }
.scriv_content-inside { padding: 0px; font-size: 1.7rem; }
.scriv_footer {  min-height: 240px; flex-shrink: 0; }
.scrivpageholder { width: 100%; margin: auto; max-width: 1400px; }
.scriv_footer-container  { min-height: 225px; }
.scriv_footer-subdiv { text-align: left; max-width: 1200px; margin: auto; }

a { text-decoration: none; padding: 0; margin: 0; }
a:focus { outline: thin dotted; }
a:active, a:hover { outline: 0; }
a:hover, a:focus { text-decoration: underline; } 
a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

a:link, a:hover, a:active, a:visited { text-decoration: none; acolor: inherit; }

.pull-right {float: right !important; }
.pull-left { float: left !important; }
.floatr { float: right; }
.floatl { float: left; }

.noshow { display: none; }
.showonprint { display: none; }
.noshowonprint { display: block; }

 .honeypot { display: none !important; }
 
.clearfix::before, .clearfix::after { content: " "; display: table; }
.clearb { clear: both; }

.cookie_warning_box { width: 1000%; min-height: 3.0vw; border: 1px solid #7722; font-weight: bold; font-size: 1.5rem; line-height: 1.5; apadding: 2.0vw 2.0vw; color: #eee; text-align: left; background-color: #555; margin: auto; z-index: 100; }
.cookie_warning_box a { color: #eee; }
.cookie_warning_box .button1, .cookie_warning_box .button2 { font-size: 1.7rem; padding: 0.6vw 0.9vw; display: inline-block; margin-left: 1.0vw; border: 1px solid #131;  color: #eee; }
.cookie_warning_box .button1 { background-color: #000; }
.cookie_warning_box .button2 { background-color: #cc7500; }
	
.topcookie_warning_box { display: none; font-size: 1.4rem; line-height: 1.5; padding: 0.6vw 1.5vw; color: #eee; text-align: left; background-color: #222;    animation: growDown 300ms ease-in-out forwards;
  transform-origin: top center;
}
.topcookie_warning_box a { color: #eee; }
.topcookie_warning_box .button1, .topcookie_warning_box .button2 { font-size: 1.5rem; padding: 0.2vw 0.6vw; display: inline-block; margin-left: 1.0vw; border: 1px solid #131;  color: #eee;  cursor: pointer; }
.topcookie_warning_box .button1 { background-color: #7500cc; }
.topcookie_warning_box .button2 { background-color: #cc7500; }
	
.topnavspacer { height: 0.3vw;  height: 0; }

.autocenter { margin: auto; text-align: center; }
.autocenter90 { width: 90%; margin: auto; text-align: center; }
.auto90 { width: 90%; margin: auto; }
.textcenter { text-align: center; }

.nope { display: none !important; }

.topline { abackground-color: #2c7791; background-color: #8db5c1; background-color: #cdf5f1; background-color: #e7e7ef; background-color: #f8f8f8; background-color: #e5e5e5; 
abackground-color: #250000; 
width: 100%; max-height: 185px; color: #fff; color: #2b0677; font-weight: bold;  line-height: 100%; vertical-align: middle; text-shadow: 1px 1px rgba(0, 0, 0, 0.2); top: 0; z-index: 4; border-width: 0 0 5px 0; }

.header {
   width: 22.9vw;
   max-width: 229px;
   height: auto;
   min-width: 140px; 
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}


.smaller {
    height: 70px;
}


.textl { text-align: left !important; }
.textr { text-align: right !important; }
.textc { text-align: center !important; }

.headlogodiv { padding: 0.5vw 1.0vw; margin-top: 0.5vw; margin-top: 0; border-width: 0 5px 5px 5px; }
.headlogodiv img { height: 10.0vw; min-height: 60px; max-height: 100px; }
.topsocialdiv { float: right; text-align: center; vertical-align: middle; margin-top: 1.0vw; margin-right: 30px; }
.topsocialdiv img {  width: 3.2vw; max-width: 32px; min-width: 24px; vertical-align: middle; }
.topsearchbox { width: 50.0vw; max-width: 500px; float: right; amargin-right: 9.0vw; margin: auto; margin-right: 9.0vw; margin-top: 2.0vw; }
.topminimenu { font-size: 12px; line-height: 12px;  text-align: right; background-color: #2c7791;  }

.topminimenu > div { abackground-color: #8C0202; aborder: 1px solid rgba(0,0,0,0.3); aborder-width: 0 3px 1px 2px; padding-top: 2px; padding-bottom: 2px; display: inline-block;  
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-khtml-border-radius-bottomright: 10px;
-khtml-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.topminimenusub, .toplangsub {  display: inline-block; padding: 3px 8px; color: #fff; vertical-align: middle; }
.toplangsub {  display: inline-block; padding: 3px 8px 3px 0; color: #fff; }
.toplangsub span {  position: relative; cursor: pointer; }
.toplangsub img { height: 18px; vertical-align: middle; }
.atopminimenu div:before { aheight: 5px; awidth: 5px; abackground-color: #00e; color: 'x';  }
.topminimenu  a { color: #fff; }

.iconarrow_down9 { width: 14px; height: 9px; max-width: 14px; max-height: 9px; background: url(/images/arrow_down9.png) no-repeat; background-size: cover;  display: inline-block; vertical-align: middle; }
.langdropbox { position: absolute; background-color: #fff; adisplay: none; visibility: hidden; opacity: 0; border: 2px solid #aaa; padding: 0; width: 150px; top: 20px; right: 0; z-index: 60;  
  -webkit-transition: opacity 1s linear;
   -moz-transition: opacity 1s linear;
      -ms-transition: opacity 1s linear;
       -o-transition: opacity 1s linear;
          transition: opacity 1s linear;
     transition:all .2s ease-in-out;

}
.langnotdropbox { background-color: #fff; padding: 0; width: 200px; margin: auto; margin-top: 2.0vw; font-size: 2.0rem; font-weight: bold; }

.langdropboxline, .langdropboxline2 { color: #222; width: 100%; text-align: left; font-weight: bold; vertical-align: middle; border: 0 none;}
.langdropboxline { font-size: 15px; padding: 3px 3px; margin: 2px 0; }
.langdropboxline2 { font-size: 1.7rem; padding: 5px 6px;  padding: 0; display: flex; align-items: center; margin-left: 2.0vw; }
.langdropboxline img { height: 2.2vw; max-height: 22px; min-height: 15px; width: auto; }
.langdropboxline a, .langdropboxline2 a { color: #222; text-decoration: none; font-family: arial;   }
.showlangdrop { opacity: 1; visibility: visible;  }

.socialiconlink a:hover { box-shadow: 4px 4px 4px rgba(0,0,0,0.5); }
.socialiconlink img { width: 4.8vw; max-width: 48px; min-width: 16px; height: 4.8vw; min-height: 16px; max-height: 48px; }
.catalogbar { background-color: #2c7791; margin-top: 1.0vw; margin-bottom: 1.0vw; font-size: 2.0rem; font-weight: bold; padding: 1.0vw; color: #eee; text-align: center; }
.catalogbar a { color: #eee; text-decoration: none; }

.introdiv { width: 80%; margin: auto; text-align: center; font-weight: 500; font-size: 1.9rem; }
.frontbooklist { text-align: center; vertical-align: top; width: 90%; margin: auto; margin-top: 2.0vw; }

.frontfeatured_maintitle { font-size: 2.5rem; text-align: center; font-family: arial; font-weight: bold; color: #555; margin-top: 4.0vw; margin-bottom: 1.0vw; }
.frontfeatured { width: 90%; max-width: 600px; margin: auto; }
.frontfeatured a { text-decoration: none; color: #222; }
.frontfeatured_imgdiv { float: left; margin-right: 1.0vw; }
.frontfeatured_imgdiv img { border: 1px solid #999; height: 30.0vw; }
.frontfeatured_title { font-weight: bold; font-size: 2.3rem; margin-bottom: 2.0vw; }
.frontfeatured_desc { font-size: 1.8rem;  }

.searchresults_holder { text-align: center; vertical-align: top; margin: 0 auto; }
.searchresults_maintitle { font-size: 2.5rem; text-align: center; font-family: arial; font-weight: bold; color: #555; margin-top: 4.0vw; margin-bottom: 1.0vw; }
.searchresults { width: 98%; max-width: 980px; margin-bottom: 2.7vw; margin-left: 10px; position: relative; display: table; text-align: left; }
.searchresults_sub1 { vertical-align: top; width: auto; white-space: nowrap;  display: table-cell; }
.searchresults_sub2 { vertical-align: top; width: 175px; min-width: 175px; display: table-cell; }
.searchresults_sub2b { vertical-align: top; width: 120px; min-width: 100px; display: table-cell; }
.searchresults2, .searchresults3 { margin: auto; width: 15.5vw; max-width: 155px; min-width: 120px; margin: 0 5px 10px 5px; display: inline-block; vertical-align: bottom; }
.searchresults2 { height: 250px;  }
.searchresults3 { height: 18.0vw;  min-height: 150px; }
.searchresults a, .searchresults2 a, .searchresults3 a { text-decoration: none; color: #222; }
.searchresults_imgdiv {   float: left; text-align: center; awidth: 13.0vw; min-width: 130px;  amax-width: 130px; height: 17.5vw; max-height: 175px; min-height: 150px;  margin-right: 1.0vw;  position: relative; display: inline-block; }
.searchresults2_imgdiv { text-align: center; width: 15.5vw; min-width: 120px; max-width: 155px; height: 19.5vw; max-height: 195px; min-height: 145px; position: relative; }
.searchresults2_imgdivsub1 { display: inline-block;  position: absolute; bottom: 0; left: 0; right: 0; }
.searchresults2_imgdivsub1b { display: inline-block;  position: absolute; top: 0; left: 0; right: 0; }
.searchresults2_imgdivsub2 { display: inline-block; position: relative; }
.searchresults3_imgdiv { float: left; margin-right: 1.0vw; width: 15.5vw; min-width: 120px; max-width: 155px; min-height: 100px; position: relative; display: inline-block; }
.searchresults_imgdiv img { border: 1px solid #999; width: 13.0vw; amin-width: 90px; max-width: 130px; box-shadow: -3px 3px 1px rgba(0,0,0,0.3); border: 1px solid #aaa; }
.searchresults2_imgdiv img { border: 1px solid #999; box-shadow: -3px 3px 1px rgba(0,0,0,0.3); }
.searchresults3_imgdiv img { border: 1px solid #999; width: 15.5vw; min-width: 120px; max-width: 155px; height: 13.0vw; max-height: 130px; min-height: 100px; object-fit: cover; object-position: top; box-shadow: -3px 3px 1px rgba(0,0,0,0.3); border: 1px solid #aaa; }
.searchresults_title { font-weight: 500; font-size: 1.9rem; margin-bottom: 0.4vw; white-space: normal; }
.searchresults2_title { font-weight: 500; font-size: 1.4rem; margin-bottom: 0.4vw; width: 15.5vw; max-width: 155px; min-width: 120px; text-align: center;  }
.searchresults_desc { font-size: 1.7rem; white-space: normal; padding-left: 5px; padding-right: 10px;  }
.searchresults_author { font-weight: 500; font-size: 1.7rem; color: #4b0697; font-style: italic; margin-top: 2px;  white-space: normal; }
.searchresults_author a:link, .searchresults_author a:visited {  color: inherit; }
.searchresults_highlight { font-weight: bold;  }
.searchresults_button1, .searchresults_button2, .searchresults_button3 { display: inline-block; margin: 0.6vw 0; margin-right: 1.5vw;  }
.searchresults_button1 a, .searchresults_button2 a, .searchresults_button3 a { font-family: arial; font-size: 1.5rem; color: #eee; padding: 0.4vw 0.8vw; display: inline-block; color: #eee;  box-shadow: -3px 3px 1px rgba(0,0,0,0.3); white-space: nowrap;  font-weight: bold; text-shadow: 0 0 3px rgba(0,0,0,0.5);
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.searchresults_button1 a { background-color: #853a50; }
.searchresults_button2 a { background-color: #3a8550; }
.searchresults_button3 a { background-color: #3a5085; }

 


.aboutus_man { max-width: 130px; width: 25%; height: auto; float: right; padding-left: 1.0vw; display: none; }
.pdf_man { width: 20.0vw; max-width: 200px; float: right;padding-left: 1.0vw;  display: none; }
.subscribe_man { width: 20.0vw; max-width: 200px; float: right; padding-left: 1.0vw; display: none; }
.terms_man { max-width: 160px; width: 25%; height: auto; float: right; padding-left: 1.0vw; display: none; }
.privacy_man { max-width: 160px; width: 25%; height: auto; float: right; padding-left: 1.0vw; display: none; }
.partners_man { max-width: 160px; width: 25%; height: auto; float: right; padding-left: 1.0vw; display: none; }
.contact_man { max-width: 150px; width: 25%; height: auto; float: right; padding-left: 1.0vw; display: none; }
.giveaway_man { max-width: 150px; width: 25%; height: auto; float: right; padding-left: 1.0vw; display: none; }
.shopping_man { max-width: 120px; width: 15%; height: auto; float: right; padding-left: 0.5vw; display: none; }
.otherbooks_man { max-width: 250px; width: 25%; height: auto; float: right; padding-left: 1.0vw; display: none; }
.blog_man {  max-width: 75px; width: 7.5vw; height: auto; float: right; padding-left: 1.0vw; vertical-align: middle; display: none; }
.newsletter_man { max-width: 80px; width: 25%; height: auto; float: right; padding-left: 1.0vw; display: none; }

.coolselmain { aborder: 1px solid #999; position: relative; display: inline-block; vertical-align: middle; text-align: left; }
.coolselhead { display: table; border: 1px solid #999; }
.coolselhead .csh1 { overflow: hidden; white-space: nowrap; background-color: #eee; color: #222; padding: 1px 3px; font-size: 14px; line-height: 18px; vertical-align: middle; display: table-cell; }
.coolselhead .csh2 { width: 20px; vertical-align: middle; background-color: #4d75b1; text-align: center; display: table-cell; cursor: pointer; }
.coolselhead, .coolselhead .csh1, .coolselhead .csh2 { height: 18px; }
.coolseloptbox { display: none; border: 1px solid #ccc; position: absolute; font-size: 14px; background-color: #fff; margin-left: 1px; margin-top: 1px;  box-shadow: 0 0 2px rgba(0,0,0,0.5); z-index: 10; -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.coolseloptbox > div { padding: 4px 15px 4px 7px;  aborder: 1px solid #bbb; white-space: nowrap; cursor: pointer;  }
.coolseloptbox > div:hover { background-color: #4d75b1; color: #fff; }
.coolseloptbox > div a:link { color: #222;  }
.coolselmain .drop { display: block;  }
.coolselhead > .csh2 > .caret { color: #ee0; display: inline-block; width: 0; height: 0; vertical-align: middle; border-top: 6px solid #ee0; border-top-color: #ee0; border-right: 6px solid transparent; border-left: 6px solid transparent; content: ""; }


.navmenublock { width: 150px; background-color: #67066b; background-color: #222; font-size: 1.6rem; line-height: 170%; color: #eee; padding: 10px 10px; position: fixed; top: 30px; right: 50px; z-index: 30; opacity: 0; display: none;  
-webkit-box-shadow: -5px 5px 15px rgba(0,0,0,0.5);
-khtml-box-shadow: -5px 5px 15px rgba(0,0,0,0.5);
-moz-box-shadow: -5px 5px 15px rgba(0,0,0,0.5);
box-shadow: -5px 5px 15px rgba(0,0,0,0.5);

  -webkit-transition: opacity 1s linear;
     -moz-transition: opacity 1s linear;
      -ms-transition: opacity 1s linear;
       -o-transition: opacity 1s linear;
          transition: opacity 1s linear;
     transition:all .2s ease-in-out;
 }
.navmenublock a { color: #eee; text-decoration: none; height: 100%; width: 100%; display: inline-block; }
.navmenublock a:hover { color: #ee2; background-color: #b7066b; }
.fade { display: block; opacity: 1; visibility: visible; }



.frontbook_div { height: 20.0rem; display: inline-block; margin: 1.5vw; vertical-align: top; }
.frontbook_div img { box-shadow: 0 0.5rem 1.625rem rgba(0,0,0,.45); }

.iconmenu { width: 20px !important; height: 20px !important; background: url(https://www.scriveremo.com/images/menu20p.png) no-repeat; background-size: cover;  display: inline-block; cursor: pointer; } 
.iconmenuclose { width: 20px !important; height: 20px !important; background: url(https://www.scriveremo.com/images/menu_close20.png) no-repeat !important; background-size: cover !important;  display: inline-block !important; cursor: pointer !important; } 
.iconmenuclose_spacing {  margin-top: 0.5vw; margin-right: 0.5vw; }
.iconmagglass { width: 20px !important; height: 20px !important; border: 0 none !important; background: url(https://www.scriveremo.com/images/magglass20.png) no-repeat !important; background-size: cover !important;  display: inline-block !important; cursor: pointer !important; } 

.iconlist { width: 24px !important; height: 24px !important;; background: url(https://www.scriveremo.com/images/list_24.png) no-repeat; background-size: cover;  display: inline-block; cursor: pointer; } 
.icongrid { width: 24px !important; height: 24px !important;; background: url(https://www.scriveremo.com/images/grid_24.png) no-repeat; background-size: cover;  display: inline-block; cursor: pointer; } 

.scrollsidebar { width: 300px; background-color: #4b0697; color: #eee; position: fixed; z-index: 3; top: 0; right: -310px; 
    -webkit-transition: right 0.3s;
    -moz-transition: right 0.3s;
    -ms-transition: right 0.3s;
    -o-transition: right 0.3s;
    transition: right 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
-webkit-border-radius: 1.5vw;
-khtml-border-radius: 1.5vw;
-moz-border-radius: 1.5vw;
border-radius: 1.5vw;
}

.scrollsidebar_top { width: 100%; height: 50px; background-color: #4b0697; color: #eee; text-align: center; font-size: 19px; font-weight: 700; 
-webkit-border-top-right-radius: 1.5vw;
-webkit-border-top-left-radius: 1.5vw;
-khtml-border-radius-topright: 1.5vw;
-khtml-border-radius-topleft: 1.5vw;
-moz-border-radius-topright: 1.5vw;
-moz-border-radius-topleft: 1.5vw;
border-top-right-radius: 1.5vw;
border-top-left-radius: 1.5vw;
}

.scrollsidebar_table { border: 0 none !important; padding: 0 !important; }
.scrollsidebar_table td { border: 0 none !important; padding: 0 !important; }
.scrollsidebar_open_div { float: right; margin-top: 20px; margin-right: 2.0vw; display: none;  }
.scrollsidebar_top .title { margin-top: 10px; }
.scrollsidebar_close { position: absolute; top: 10px; left: 10px; }
.scrollsidebar_close img {  height: 20px; cursor: pointer; }
.scrollsidebar_searchblock { position: relative; width: 90%; margin: auto; aheight: 34px; padding: 0; vertical-align: middle; }
.scrollsidebar_searchblock input[type = "text"] { height: auto; background-color: #fff; 
-webkit-border-bottom-left-radius: 10px;
-webkit-border-top-left-radius: 10px;
-khtml-border-radius-bottomleft: 10px;
-khtml-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-topleft: 10px;
border-bottom-left-radius: 10px;
border-top-left-radius: 10px;

 }
.scrollsidebar_searchblock table { width: 100%; }
.scrollsidebar_searchblock table .gc, .scrollsidebar_searchglass { width: 32px; }
.scrollsidebar_searchbox { width: 100% !important; font-size: 16px !important; height: 30px !important; padding: 0  2px !important; }
.scrollsidebar_searchglass { background-color: #2c7791; height: 32px; float: right; padding: 0; margin: 0; margin-left: 5px; text-align: center; vertical-align: middle;
webkit-border-bottom-right-radius: 10px;
-webkit-border-top-right-radius: 10px;
-khtml-border-radius-bottomright: 10px;
-khtml-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-topright: 10px;
border-bottom-right-radius: 10px;
border-top-right-radius: 10px;

 }
.scrollsidebar_searchglass input {  margin: 6px auto;  padding: 0; background-color: inherit; }
.scrollin { right: 2px; }
.sidebar_list { margin-left: 30px; margin-bottom: 20px; margin-top: 20px; font-size: 19px; font-family: arial; font-weight: bold; line-height: 170%; }
.sidebar_list a {color: #eee; text-decoration: none; }


.scriv_container { 
amax-width: 960px; 
height: 13.5vw;
max-height: 135px; 
min-height: 70px; 
margin-right: auto; 
margin-left: auto; 
text-align: left; 
position: relative; 
vertical-align: middle; 
}


.scriv_container_left a  { padding: 0.4vw 0.6vw; color: #ddd;  text-decoration: none; }
.scriv_container_right a  { padding: 0.4vw 0.6vw; color: #ddf; text-shadow: 1px 1px rgba(0, 0, 0, 0.2);  text-decoration: none; }
.scriv_container_right a:link, .acontainer a:visited  { color: #eee; }
.scriv_container_right a:active, .scriv_container_right a:hover, .scriv_container_right a:focus, .sfHoverForce {
    abackground-color: #7a3a35;
    border-bottom-color: #666666;
    color: #ff2;
}

.ol_indent1 { padding-left: 2.5vw; }
.ol_indent2 { padding-left: 5.0vw; }



.scriv_container_right { awidth: 100%; text-align: center; background-color: #4b0697; border: 1px solid #222; padding: 0.6vw; margin-top: 0.5vw; max-height: 65px; border: 1px solid #00e; }
.scriv_container_left { text-align: left; float: left; color: #fff; abackground-color: #2c7791; font-size: 2.1rem; margin: 0; font-weight: bold; height: 7.5vw; max-height: 75px; font-family: Georgia; vertical-align: middle;  }
.acontainer_left img { height: 32px; vertical-align: middle; border: 2px solid #0ee; }
.header_user_info { color: #ddf; font-size: 1.7rem; font-family: helvetica; line-height: 2.5vw; font-weight: bold; height: 2.5vw; max-width: 170px; padding: 0; display: inline-block; vertical-align: middle; margin-right: 2.5vw; max-height: 25px;  aposition: relative;  }

.menu { aposition: relative; }
.menu-dropdown-cont { vertical-align: top; }
.menu-dropdown-cont a:link, .menu-dropdown-cont a:visited { padding: 0; color: #eee; text-shadow: 0; }
.menu-dropdown-cont a:hover { color: #ffb;  }
.menu-dropdown-sub { display: inline-block; vertical-align: top; padding: 10px 15px; white-space: nowrap; }
.menu-dropdown-sub_langwidth { width: 15,0vw; min-width: 15.0vw }

.menu-dropdown {
  font-size: 1.5rem; 
  awidth: 550px; 
  position: absolute;
  atop: 30px; 
  background-color: #4b0697; 
  background-color: #2a4055; 
  box-shadow: -3px 3px 3px rgba(0,0,0,0.25);
  box-shadow: 0 0 5px rgba(0,0,0,0.3);
  border-radius: 5px; 
  aborder: 5px groove #1a3045;
  z-index: 50;
  vertical-align: top; 
  text-align: left; 
}

.menu-dropdown-right { right: 0; }

.menu:hover > .menu-dropdown, .menu:hover > .menu-dropdown > .menu-dropdown-cont {
  display: block;
  animation: growDown 500ms ease-in-out forwards;
  transform-origin: top center;
}


.menu-dropdown, .menu-dropdown > .menu-dropdown-cont {
  display: none; 
  padding-top: 0;
  padding-bottom: 0;
  margin: 0;
  color: rgba(25,25,25,0);
  color: #eee; 
  color: #222;
  animation: growUp 200ms ease-in-out forwards;
  transform-origin: top center;
}

@keyframes growDown {
  0% {
    transform: scaleY(0)
  }

  80% {
    transform: scaleY(1.1)
  }

  100% {
    transform: scaleY(1)
  }
}


.frontpagecontainer {
    width: 100%;
    position: relative;
    height: 490px;
    min-height: 490px;
}

.frontpageimage {
    abackground: url('') no-repeat center center;
    position: absolute;
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
}


.frontpage_infoblock_div { font-size: 1.7rem; width: 95%; margin: auto; margin-top: 1.0vw; line-height: 1.5; color: #111; }
.frontpage_infoblock_div h1 { margin-bottom: 1.0vw; margin-top: 0.5vw; font-size: 2.3rem; font-family: "Muli", sans-serif, arial; font-weight: 700; text-align: left; line-height: 120%; color: #4b0697; color: #9b0667; color: #790505; }
.frontpage_infoblock_title { margin-bottom: 1.0vw; margin-top: 0; font-size: 3.1rem; font-family: arial; font-weight: bold; text-align: center; line-height: 120%; color: #4b0697; color: #790505; }
.frontpage_infoblock_title_huge { margin-bottom: 10px; margin-top: 5px; font-size: 4.0rem; font-family: arial; font-weight: 600; text-align: center;}

.saubscription_toptextbox { font-size: 1.9rem; padding: 1.0vw 2.0vw; }
.frontpage_infoblock_div span { font-weight: bold; font-size: 130%; }

.frontpage_points_div { width: 235px; width: 25%; height: 400px; border: 3px solid #ba7; background-color: #ffd; display: inline-block; margin: 2px 15px;  padding: 20px 20px; -webkit-border-radius: 30px; -khtml-border-radius: 30px; -moz-border-radius: 50px; border-radius: 50px; }
.frontpage_points_div img { height: 250px !important; width: auto; }

.langlistflagholder { width: 95%; max-width: 1156px;  margin: auto; font-size: 2.0rem; text-align: center; text-overflow: clip; overflow: hidden; vertical-align: top; padding: 10px 10px; }
.langlistflagdiv { width: 10.0vw; min-width: 100px; display: inline-block; height: 9.0vw; max-height: 90px; min-height: 70px; max-width: 100px; font-size: 1.6rem; color: #eee; font-weight: bold; margin: 0.4vw; border: 1px solid #aaf; background-color: #3a5085; padding-top: 0.3vw; text-overflow: clip; overflow: hidden; line-height: 120%; cursor: pointer; 
-webkit-border-radius: 1.5vw;
-khtml-border-radius: 1.5vw;
-moz-border-radius: 1.5vw;
border-radius: 1.5vw;
}
.langlistflagdiv a { color: #fff; text-decoration: none; font-family: arial; width: 100%; height: 100%; display: inline-block; }
.langlistflags { vertical-align: middle; width: 4.8vw; max-width: 48px; min-width: 32px; height: auto;  margin-left: 0.3vw; }

.amazon_holder { border: 1px solid #999; text-align: left; padding: 0.5vw 1.0vw; margin: 3px; display: inline-block; vertical-align: top; border-radius: 5px; box-shadow: 0 0 5px rgba(0,0,0,0.3); }
.amazon_base { vertical-align: middle; height: 4.0vw; max-height: 40px; width: 11.8vw; background: url(https://www.scriveremo.com/images/amazon_logo_base.jpg) no-repeat; background-size: cover;  display: inline-block; }
.amazon_holder img { vertical-align: middle; height: 3.5vw; max-height: 35px; min-height: 25px; display: inline-block; }
.amazon_holder div { vertical-align: middle; font-size: 22px; line-height: 20px; padding-top: 0; color: #222; font-weight: bold; font-family: arial; display: inline-block; }
.amazon_holder a { text-decoration: none; }
.barnes_base { height: 4.0vw; width: 24.0vw; max-width: 240px; background: url(https://www.scriveremo.com/images/barnesnoble_h40.jpg) no-repeat; background-size: cover;  display: inline-block; }

.animated-book_text_div { height: 60px; text-align: center; font-size: 1.8rem; font-family: helvetica; font-style: italic;}

.writespeak_div { font-size: 2.6rem; color: #663; border: 2px solid #994; padding: 10px 20px; text-align: center; font-style: italic; width: 50%; margin: auto; }

.frontpage_subbox { width: 550px; float: right;  }

.sitepageholder { amax-width: 1000px; width: 100%; margin: auto;  }

.langlistblock { width: 100%; background-color: #2c7791; }
.langlistblock_title { padding-top: 5px; text-align: center; font-size: 2.9rem; font-weight: bold; text-shadow: -3px 3px 3px rgba(0,0,0,0.5); color: #eee; }

.privacylist li { font-size: 1.9rem; }


.frontpagecalltoaction { color: #ff8; background-color: #a22; display: inline-block; apadding: 1.0vw 1.5vw; width: 30.0vw; height: 4.0vw; white-space: no-wrap; font-weight: bold; text-align: center; font-size: 2.2vw !important; line-height: 4.0vw; position: absolute; bottom: 0; margin-bottom: -2.0vw; left: 50%; margin-left: -15.0vw; 
aborder: 3px inset #222; 
box-shadow: -4px 4px 4px rgba(0,0,0,0.5);
-webkit-border-radius: 1.5vw;
-khtml-border-radius: 1.5vw;
-moz-border-radius: 1.5vw;
border-radius: 1.5vw;
}

.banner_holder{
    width: 100%;
    height: 300px;
    min-height: 200px;
    position: relative;
    outline:1px dotted red;
}

.banner_holderImage{
    height: 100%;
    position:relative;
    background:   url("images/toppic6.jpg")no-repeat;
    background-size: cover;
    background-position: center;
}

.banner_promoImage{
	width: 100%;
	height: auto;
	position: relative;
    background:   url("images/toppic_promo01c.jpg")no-repeat;
}

.banner_text_holder { position: absolute; text-align: center; top: 120px; width: 100%; }
.banner_text {  font-size: 3.3rem; font-weight: 600; color: #fff;  text-shadow: -5px 5px 5px rgba(0,0,0,0.5); width: 50%;  margin: auto }

.banner_calltoaction_holder { position: absolute; width: 100%; height: 4.0vw; bottom: 0; margin-bottom: -2.0vw; text-align: center; }

.banner_calltoaction { color: #ff8; background-color: #a22; display: inline-block; padding: 0 2.5vw; 
width: 25.0vw;  min-width: 25.0vw; height: 4.0vw; white-space: no-wrap; font-weight: bold; text-align: center; font-size: 2.5rem; 
line-height: 4.0vw;   
box-shadow: -4px 4px 4px rgba(0,0,0,0.5);
-webkit-border-radius: 1.5vw;
-khtml-border-radius: 1.5vw;
-moz-border-radius: 1.5vw;
border-radius: 1.5vw;
}

.frontpage_reviews { width: 90%; max-width: 1156px;  margin: auto; margin-top: 1.0vw; } 

.frontpage_reviews blockquote {
  color: #555;
  font-size: 2.0rem;
  font-style: italic;
  quotes: "\201C""\201D""\2018""\2019";
  margin-bottom: 0; 
  margin-left: 0;
}

.frontpage_reviews  blockquote:before {
  content: open-quote;
  margin-right: 0.10em;
}
.frontpage_reviews blockquote:after {
  content: close-quote;
  margin-left: 0.10em;
}
.frontpage_reviews blockquote:before, .frontpage_reviews blockquote:after {
  color: #e22;
  font-size: 6.0rem;
  line-height: 0.1em;
  vertical-align: -0.4em;
}

.frontpage_reviews blockquote p { display: inline; }
.frontpage_reviews p { font-size: 1.6rem; text-align: right; margin-top: 0; }


.front_part_holder { width: 95%; max-width: 1156px; margin: auto;  margin-bottom: 6.0vw; vertical-align: top; }
.front_part_image { width: 40.0vw; max-width: 400px; }
.front_part_image img { width: 40.0vw; height: 40.0vw; max-width: 400px; max-height: 400px; border: 1px solid #bbb; }
.front_part_text { font-size: 1.8rem; vertical-align: top; }
.front_part_text, .front_part_image { amin-height: 40.0vw;  aborder: 2px solid #aaa; }

.front_part_image_left { float: left; margin-right: 1.0vw; }
.front_part_text_right { amargin-left: 40.0vw; }

.front_part_image_right { float: right; margin-left: 1.0vw; }
.front_part_text_left { amargin-right: 40.0vw; }

.front_part_link { font-size: 1.7rem; font-weight: bold; background-color: #a22; padding: 0.6vw 1.5vw; display: inline-block; margin: auto; box-shadow: 0 0 10px rgba(0,0,0,0.7);
-webkit-border-radius: 0.5vw;
-khtml-border-radius: 0.5vw;
-moz-border-radius: 0.5vw;
border-radius: 0.5vw;
}
.front_part_link:hover { background-color: #e22;  }
.front_part_link a { color: #eee; text-decoration: none; }

.front_part_header { text-align: center; font-weight: bold; font-size: 2.2rem; color: #eee; background-color: #2c7791; padding: 0.5vw; }
.front_part_inner { margin: 2.0vw; text-align: center; font-family: sans-serif;  font-size: 1.8rem; line-height: 120%; }
.front_part_inner hr { border-color: #4b0697; color: #4b0697; background-color: #4b0697; width: 90%;  }
.front_part_inner_top { font-size: 2.2rem; font-weight: bold; }
.front_part_inner_list { font-size: 90%; font-style: italic; margin: 0; border: 1px solid #4b0697; border-width: 1px 0; margin-bottom: 1.5vw; }
.redspan { color: #a22; font-weight: bold; }

@media only screen and (max-width: 700px) {
.front_part_inner { font-size: 1.6rem; line-height: 110%; }
.front_part_inner_top { font-size: 2.0rem; }
}

.wholelink { text-decoration: none; display: block; width: 100%; height: 100%; }


#totopbutton { display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; border: 2px solid #666; outline: none; background-color: #aaa; color: white; cursor: pointer; padding: 10px; opacity: .70;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}

#totopbutton:hover { background-color: #777; }

.scriv_footer_section_title { font-size: 1.8rem; color: #fff; font-weight: bold; margin-bottom: 0; }
.scriv_footer_section { font-size: 1.6rem; color: #fff; line-height: 20px; display: inline-block; vertical-align: top; amin-width: 180px; margin-left: 1.1vw;  padding-right: 1.1vw; }
.scriv_footer_section .scsl { margin: 4px 0; }
.scriv_footer_section a { color: #fff; text-decoration: none; }
.scriv_footer_copyright { color: #eee; font-size: 1.6rem; margin-top: 2.0vw; margin-left: 2.0vw; }
.scriv_footer_copyright a { color: #eee;  }
.scriv_footer-container {  background-color: #7a3a35; background-color: #2c7791; padding: 15px 15px; }

#facebook_block, #cmsinfo_block { overflow: hidden; background: #f2f2f2; min-height: 344px; height: 344px; padding-right: 29px; padding-left: 29px; }


#facebook_block h4 { padding: 35px 0 0 0; margin: 0 0 12px 0; font: 300 21px/25px "Open Sans", sans-serif; color: #6f6d6d; }


#facebook_block .facebook-fanbox { background: #fff; border: 1px solid #aaaaaa; padding-bottom: 10px; }

.button-medium, .button-mediumi, .button-small, .button-small2 { color: #fff !important; cursor: pointer; font-weight: bold; font-family: arial; 
background: #43b754;
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#43b754), to(#42ac52));
background-image: -webkit-linear-gradient(top, #43b754, 0%, #42ac52, 100%);
background-image: -moz-linear-gradient(top, #43b754 0%, #42ac52 100%);
background-image: linear-gradient(to bottom, #43b754 0%, #42ac52 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF43B754', endColorstr='#FF42AC52', GradientType=0);
border: 1px solid;
border-color: #399a49 #247f32 #1a6d27 #399a49;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0; 
}

.button-small2 {
background: #a34754;
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#a3b754), to(#a2ac52));
background-image: -webkit-linear-gradient(top, #a34754, 0%, #a23c52, 100%);
background-image: -moz-linear-gradient(top, #a34754 0%, #a23c52 100%);
background-image: linear-gradient(to bottom, #a34754 0%, #a23c52 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF43B754', endColorstr='#FF42AC52', GradientType=0);
border: 1px solid;
border-color: #731724;
}

.button-medium, .button-mediumi  { font-size: 1.7rem !important; line-height: 1.7rem; padding: 1.0vw; }
.button-small, .button-small2 { font-size: 1.6rem !important; line-height: 1.6rem; padding: 0.7vw;  }
.button-mediumi { display: inline-block; }

.button-medium:hover, .button-mediumi:hover, .button-small:hover {
background: #3aa04c;
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#3aa04c), to(#3aa04a));
background-image: -webkit-linear-gradient(top, #3aa04c, 0%, #3aa04a, 100%);
background-image: -moz-linear-gradient(top, #3aa04c 0%, #3aa04a 100%);
background-image: linear-gradient(to bottom, #3aa04c 0%, #3aa04a 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF3AA04C', endColorstr='#FF3AA04A', GradientType=0);
border-color: #196f28 #399a49 #399a49 #258033; }

.button-medium2 { font-size: 1.7rem; line-height: 21px; color: #fff; padding: 1.0vw; cursor: pointer; font-weight: bold;
background: #a34754;
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#a3b754), to(#a2ac52));
background-image: -webkit-linear-gradient(top, #a34754, 0%, #a23c52, 100%);
background-image: -moz-linear-gradient(top, #a34754 0%, #a23c52 100%);
background-image: linear-gradient(to bottom, #a34754 0%, #a23c52 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF43B754', endColorstr='#FF42AC52', GradientType=0);
border: 1px solid;
border-color: #731724;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0; 
}

.button-medium2:hover {
background: #ba304c;
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ba304c), to(#ba304a));
background-image: -webkit-linear-gradient(top, #ba304c, 0%, #ba304a, 100%);
background-image: -moz-linear-gradient(top, #ba304c 0%, #ba304a 100%);
background-image: linear-gradient(to bottom, #ba304c 0%, #ba304a 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF3AA04C', endColorstr='#FF3AA04A', GradientType=0);
border-color: #196f28 #399a49 #399a49 #258033; }

.magazine_intro_text { font-size: 2.3rem; font-weight: bold; text-align: center; color: #922; margin: 0.2vw 5.0vw; }
.magazine_info_image { float: right; width: 25.0vw; max-width: 250px; height: auto; margin-left: 2.0vw; }


.pagination { amargin: 1.0vw 3.0vw 1.0vw auto; text-align: right;  }
.pagination_norm, .pagination_this, .pagination_noborder { text-align: center; font-family: arial; line-height: 20px; width: 20px; height: 20px; max-width: 20px; max-height: 20px; font-size: 14px; display: inline-block; text-align: center; border: 1px solid #4d75b1; }
.pagination_norm a { text-decoration: none; color: #4d75b1; }
.pagination_this { background-color: #4d75b1; }
.pagination_this a { color: #fff !important; background-color: #4d75b1; }
.pagination_noborder { border: 0 none; }

.searchpage_header { width: 70.0vw; max-width: 700px; font-size: 2.5rem; font-weight: bold; margin: auto; text-align: center; }
.searchpage_box { width: 80.0vw; max-width: 800px; margin: 3.0vw auto; }

.freebies_pageholder { text-align: center; width: 95%; margin: auto; vertical-align: top; }
.freebies_bigholder { text-align: center; width: 47%; margin: 1.0vw; display: inline-block; vertical-align: top; }
.freebies_bigholder .title { font-size: 2.2rem; font-weight: bold; }
.freebies_holder { width: 95%; margin: auto; }
.freebies_holder { vertical-align: top;  font-size: 1.8rem; padding: 1.0vw; color: #222; }
.freebies_holder img { float: left; height: 10.0vw; width: auto; max-height: 100px; border-radius: 50%; border: 5px solid #507;  abox-shadow: -5px 5px 3px rgba(0,0,0,0.4); margin-right: 1.0vw; }
.freebies_div a:hover  img { box-shadow: 0px 0px 15px rgba(100,0,0,0.5); }

.freebies_holder h1 { font-size: 110%; font-weight: bold; color: #228;  margin-bottom: 0.2vw; margin-top: 0.5vw; font-family: arial; line-height: 120%;}
.freebies_holder_imgcell { width: 11.5vw; text-align: center; }
.freebies_div {  vertical-align: top; adisplay: inline-block; amargin: 0 1.0vw; text-align: left;   }
.freebies_div a {color: inherit;  }

/*
Book
---------------------------------------------------------------------------------------------------------------------------------------------------- */
.animated-book-container { display: inline-block; 
 -webkit-perspective: 1200px;
 -moz-perspective: 1200px;
 perspective: 1200px;
}

.animated-book { z-index: 5; 
 -webkit-transition: 0.75s;
 -moz-transition: 0.75s;
 transition: 0.75s;
 -webkit-transform-style: preserve-3d;
 -moz-transform-style: preserve-3d;
 transform-style: preserve-3d;
 -awebkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 transform-origin: 0 0;
}
.animated-book:after { content: ""; position: absolute; top: 0; bottom: 0; left: 3px; width: 7px; background: url(https://www.scriveremo.com/images/ridge.png) repeat-y; z-index: 20;
 -webkit-transform: translateZ(1px); /* Fix for flickering in Chrome*/
}
.aanimated-book:hover {
 -webkit-transform: translateX(-10px) translateZ(35px) translateX(35px) rotateY(45deg);
 -moz-transform: translateX(-10px) translateZ(35px) translateX(35px) rotateY(45deg);
 transform: translateX(-10px) translateZ(35px) translateX(35px) rotateY(45deg);
}

/*
Book cover and spine
---------------------------------------------------------------------------------------------------------------------------------------------------- */
.animated-book-cover { position: relative; z-index: 10; }
.animated-book-cover img { vertical-align: bottom; max-width: 100%; height: auto; }

.animated-book-spine { position: absolute; color: #fff; position: absolute; top: 0; left: 0; z-index: 5; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); 
 -webkit-transform: rotateY(-90deg) translateX(-100%);
 -moz-transform: rotateY(-90deg) translateX(-100%);
 transform: rotateY(-90deg) translateX(-100%);
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 transform-origin: 0 0;
}
.animated-book-spine:before { display: block; content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); }


/*
Book
---------------------------------------------------------------------------------------------------------------------------------------------------- */
.tilted-book-container { display: block; 
 -webkit-perspective: 1200px;
 -moz-perspective: 1200px;
 perspective: 1200px;
}

.tilted-book { z-index: 5; 
 -webkit-transition: 0.75s;
 -moz-transition: 0.75s;
 transition: 0.75s;
 -webkit-transform-style: preserve-3d;
 -moz-transform-style: preserve-3d;
 transform-style: preserve-3d;
 -awebkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 transform-origin: 0 0;
}
.tilted-book:after { content: ""; position: absolute; top: 0; bottom: 0; left: 3px; width: 7px; background: url(https://www.scriveremo.com/images/ridge.png) repeat-y; z-index: 20;
 -webkit-transform: translateZ(1px); /* Fix for flickering in Chrome*/
}
.tilted-book {
 -webkit-transform: translateX(-10px) translateZ(35px) translateX(35px) rotateY(45deg);
 -moz-transform: translateX(-10px) translateZ(35px) translateX(35px) rotateY(45deg);
 transform: translateX(-10px) translateZ(35px) translateX(35px) rotateY(45deg);
}

/*
Book cover and spine
---------------------------------------------------------------------------------------------------------------------------------------------------- */
.tilted-book-cover { position: relative; z-index: 10; }
.tilted-book-cover img { vertical-align: bottom; max-width: 100%; height: auto; position: relative; }

.tilted-book-spine { position: absolute; color: #fff; top: 0; left: 0; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); 
 -webkit-transform: rotateY(-90deg) translateX(-100%);
 -moz-transform: rotateY(-90deg) translateX(-100%);
 transform: rotateY(-90deg) translateX(-100%);
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 transform-origin: 0 0;
}
.tilted-book-spine:before { display: block; content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); }


.pagediv { margin: auto; width: 92%; }
.booklinkdiv { height: auto; border: 1px solid #999; margin: 2px 3px; display: inline-block; }
.booklinkdiv img { width: auto; height: 5.0vw; min-height: 20px; max-height: 50px; }
.roundall {
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}

.roundtop {
-webkit-border-top-right-radius: 7px 7px;
-webkit-border-top-left-radius: 7px 7px;
-khtml-border-radius-topright: 7px 7px;
-khtml-border-radius-topleft: 7px 7px;
-moz-border-radius-topright: 7px 7px;
-moz-border-radius-topleft: 7px 7px;
border-top-right-radius: 7px 7px;
border-top-left-radius: 7px 7px;
}

.roundbottom { 
-webkit-border-bottom-right-radius: 7px 7px;
-webkit-border-bottom-left-radius: 7px 7px;
-khtml-border-radius-bottomright: 7px 7px;
-khtml-border-radius-bottomleft: 7px 7px;
-moz-border-radius-bottomright: 7px 7px;
-moz-border-radius-bottomleft: 7px 7px;
border-bottom-right-radius: 7px 7px;
border-bottom-left-radius: 7px 7px;
}


.roundleft {
-webkit-border-bottom-left-radius: 7px 7px;
-webkit-border-top-left-radius: 7px 7px;
-khtml-border-radius-bottomleft: 7px 7px;
-khtml-border-radius-topleft: 7px 7px;
-moz-border-radius-bottomleft: 7px 7px;
-moz-border-radius-topleft: 7px 7px;
border-bottom-left-radius: 7px 7px;
border-top-left-radius: 7px 7px;
}

.roundright { 
-webkit-border-bottom-right-radius: 7px 7px;
-webkit-border-top-right-radius: 7px 7px;
-khtml-border-radius-bottomright: 7px 7px;
-khtml-border-radius-topright: 7px 7px;
-moz-border-radius-bottomright: 7px 7px;
-moz-border-radius-topright: 7px 7px;
border-bottom-right-radius: 7px 7px;
border-top-right-radius: 7px 7px;
}

.roundcorn1 {
-webkit-border-top-left-radius: 7px 7px;
-khtml-border-radius-topleft: 7px 7px;
-moz-border-radius-topleft: 7px 7px;
border-top-left-radius: 7px 7px;
}

.roundcorn2 {
-webkit-border-top-right-radius: 7px 7px;
-khtml-border-radius-topright: 7px 7px;
-moz-border-radius-topright: 7px 7px;
border-top-right-radius: 7px 7px;
}

.roundcorn3 { 
-webkit-border-bottom-right-radius: 7px 7px;
-khtml-border-radius-bottomright: 7px 7px;
-moz-border-radius-bottomright: 7px 7px;
border-bottom-right-radius: 7px 7px;
}

.roundcorn4 { 
-webkit-border-bottom-left-radius: 7px 7px;
-khtml-border-radius-bottomleft: 7px 7px;
-moz-border-radius-bottomleft: 7px 7px;
border-bottom-left-radius: 7px 7px;
}

.shopsectiontable { border: 2px solid #ddd; width: 100%; position: relative; margin: auto; text-align: center; 
-webkit-border-radius: 15px; 
-khtml-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.shopsectiontablecell { width: 28.5vw; max-width: 285px; min-width: 150px; aborder: 2px solid #ddd;  text-align: center; vertical-align: top; display: inline-block; padding: 0.5vw 0.5vw; font-size: 1.6rem; min-height: 44.0vw; max-height: 470px; font-weight: bold; text-decoration: none; border: 1px solid #dddddd;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
} 

.similaritems_header { margin-top: 2.0vw; text-align: center; font-size: 2.0rem; afont-style: italic; font-weight: bold; color: #222; }
.similaritems_line { text-align: center; vertical-align: top;  margin-bottom: 2.0vw; }
.similaritems_holder { display: inline-block; vertical-align: top; margin: 0 0.7vw; width: 16.0vw; max-width: 160px; }
.similaritems_imgdiv1 { height: 20.0vw; max-height: 200px; position: relative; text-align: center; }
.similaritems_imgdiv2 { width: 100%; position: absolute; bottom: 0; text-align: center }
.similaritems_imgdiv3 { display: inline-block; position: relative }
.similaritems_imgdiv2 img { width: auto; margin: auto; border: 1px solid #bbb; box-shadow: -3px 3px 1px rgba(0,0,0,0.3); }
.similaritems_imgdiv2, .similaritems_imgdiv2 img { height: 17.5vw; max-height: 175px;  }
.similaritems_text { font-size: 1.5rem;  padding-top: 0.5vw; line-height: 1.3; }
.similaritems_line a { color: #222;  }


.ribbon_right, .ribbon_left { position: absolute; z-index: 1; overflow: hidden; text-overflow: hidden; white-space: nowrap; width: 7.5vw; height: 7.5vw; max-height: 7.5vw; text-shadow: 0 0 5px #222 }
.ribbon_right_big, .ribbon_left_big { position: absolute; z-index: 1; overflow: hidden; text-overflow: hidden; white-space: nowrap; width: 150px; height: 150px; max-height: 150px; text-shadow: 0 0 5px #222;  }
.ribbon_right { right: -0.2vw; top: -0.2vw; text-align: right; }
.ribbon_right_big { right: -2px; top: -2px; text-align: right; }
.ribbon_left { left: -0.2vw; top: -0.2vw; text-align: left; }
.ribbon_left_big { left: -2px; top: -2px; text-align: left; }
.ribbon_right span, .ribbon_left span { font-size: 0.9rem; color: #fff; text-transform: uppercase; text-align: center; font-weight: bold; line-height: 2.0vw; overflow: hidden; text-overflow: hidden; width: 10.0vw; display: block; background: #79A70A; background: linear-gradient(#9BC90D 0%, #79A70A 100%); box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1); position: absolute; }
.ribbon_right_big span, .ribbon_left_big span { font-size: 12px; aheight:30px; color: #fff; text-transform: uppercase; text-align: center; font-weight: bold; line-height: 22px; overflow: hidden; text-overflow: hidden; width: 150px; display: block; background: #79A70A; background: linear-gradient(#9BC90D 0%, #79A70A 100%); box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1); position: absolute; }
.ribbon_right span { transform: rotate(45deg); -webkit-transform: rotate(45deg); /* Needed for Safari */ top: 1.9vw; right: -2.1vw; }
.ribbon_right_big span { transform: rotate(45deg); -webkit-transform: rotate(45deg); /* Needed for Safari */ top: 3.7vw; right: -2.7vw; }
.ribbon_left span { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); /* Needed for Safari */ top: 1.9vw; left: -2.1vw; }
.ribbon_left_big span { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); /* Needed for Safari */ top: 3.7vw; left: -2.7vw; }
.ribbon_right span::before, .ribbon_left span::before { content: ''; position: absolute; left: 0px; top: 100%; z-index: -1; border-left: 3px solid #79A70A; border-right: 3px solid transparent; border-bottom: 3px solid transparent; border-top: 3px solid #79A70A; }
.ribbon_right_big span::before, .ribbon_left_big span::before { content: ''; position: absolute; left: 0px; top: 100%; z-index: -1; border-left: 3px solid #79A70A; border-right: 3px solid transparent; border-bottom: 3px solid transparent; border-top: 3px solid #79A70A; }
.ribbon_right span::after, .ribbon_left span::after { content: ''; position: absolute; right: 0%; top: 100%; z-index: -1; border-right: 3px solid #79A70A; border-left: 3px solid transparent; border-bottom: 3px solid transparent; border-top: 3px solid #79A70A; } 
.ribbon_right_big span::after, .ribbon_left_big span::after { content: ''; position: absolute; right: 0%; top: 100%; z-index: -1; border-right: 3px solid #79A70A; border-left: 3px solid transparent; border-bottom: 3px solid transparent; border-top: 3px solid #79A70A; } 

.red span {background: linear-gradient(#F70505 0%, #8F0808 100%);}
.red span::before {border-left-color: #8F0808; border-top-color: #8F0808;}
.red span::after {border-right-color: #8F0808; border-top-color: #8F0808;}

.blue span {background: linear-gradient(#2989d8 0%, #1e5799 100%);}
.blue span::before {border-left-color: #1e5799; border-top-color: #1e5799;}
.blue span::after {border-right-color: #1e5799; border-top-color: #1e5799;}

.green span {background: linear-gradient(#29d889 0%, #1e9957 100%);}
.green span::before {border-left-color: #1e9957; border-top-color: #1e9957;}
.green span::after {border-right-color: #1e9957; border-top-color: #1e9957;}

.gold span {background: linear-gradient(#e4bF47 0%, #c49F27 100%);}
.gold span::before {border-left-color: #e4bF47; border-top-color: #c49F27;}
.gold span::after {border-right-color: #e4bF47; border-top-color: #c49F27;}


.shopsectiontablecell img { border: 1px solid #aaa; height: 100%; width: auto; max-height: 300px; } 

.shopsectiontablecell a, .shopsectiontablecell a:hover { color: #000; text-decoration: none; }

.shopsectiontablecelldiv { height: 30.0vw; max-height: 300px; margin-bottom: 10px;  }
.shopsectiontablecelldiv img { aheight: 100%; }
   
.shopsectioninnertable { border: 0px none !important; margin: 0 auto; }
.shopsectioninnertable td { text-align: center; border: 0px none !important; }
.shopsectioninnertable img { height: 12.5vw; width: auto; max-height: 125px; }

.shopsectiontablecelltext { margin-top: 0; font-size: 1.7rem; font-weight: normal; line-height: 120%; }
 
.scrivbigdiv { height: 12.5vw; padding: 0 3.0vw; min-height: 100px; background: url(https://www.scriveremo.com/images/promoback2.jpg); background-position: center; }
.scrivpresentsdiv { text-shadow: 0 0 5px #222; font-size: 3.4rem; font-weight: bold; color: #811; color: #eee;  }
.scrivbigdiv h1, .scrivpresentsdiv2 { text-align: center; font-size: 5.0rem; text-shadow: -2px 2px 0 rgba(0,0,0,.25); font-weight: bold; color: #dd2; color: #8b26d7;  }
.scrivbigdiv h2, .scrivpresentsdiv3 { text-align: center; font-size: 3.5rem; color: #333; font-weight: bold; font-style: italic }

.scrivbaseimg { height: 120px; background: url(https://www.scriveremo.com/images/promobackbottom1.jpg); background-position: center;  }

.zzscrivpresentsdiv { font-size: 3.6rem; }
.zzscrivpresentsdiv2 { font-size: 5.0rem; }
.zzscrivpresentsdiv3 { font-size: 2.5rem; }
 
.biglogotext { vertical-align: baseline; text-align: center; font-size: 4.2rem; color: #222; font-family: Georgia; }
.biglogotext img { height: 218px; vertical-align: baseline; margin-right: 10px; }
 
 
ul.methodlist {
 margin-left: 0;
 padding-left: 0;
}

.methodlist li {
 font-size: 1.8rem;
 position: relative;
}


.methodlist li:before {
    /*
    The desired width gets defined in two places: The element width, and background size.
    The height only gets defined once, in background size.
    */
    position: absolute;
    display: block;
    content: '\2022'; /* bullet point, for screen readers */
    text-indent: -999999px; /* move the bullet point out of sight */
    top: 5px;
    left: -2.5vw;
    width: 2.0vw; /* desired width of the image */
    height: 2.0vw; /* unrelated to image height; this is so it gets snipped */
    max-width: 20px;
    max-height: 20px;
    background-repeat: no-repeat;
    background-image: url('https://www.scriveremo.com/images/smarrow2.png');
    background-size: cover;
}

.methodlistdiv { width: 70%; margin-left: 6.0vw; }

.itembooktable { border: 0px none !important; }
.itembooktable img { width: 100%; height: auto; }


.itembooktable2 { width: 95%; margin: auto; border: 0px none !important; }
.itembooktable2 img { width: 100%; height: auto; }


.itemdescdiv1, .itemdescdiv1s { margin: 2px 2px; padding: 1.0vw; vertical-align: middle; font-size: 1.7rem; line-height: 160%; }
.itemdescdiv1s { display: table; vertical-align: top; }
.itemdescdiv1 a { text-decoration: none; color: #222;  }

.itemdescdiv1a, .itemdescdiv1as { font-size: 1.8rem; color: #333; font-family: Georgia, Helvetica, 'Times New Roman'; padding: 2px 20px 10px 20px; word-wrap: break-word; letter-spacing: 0; 
-webkit-border-radius: 30px;
-khtml-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.itemdescdiv1as  { display: table-cell; vertical-align: top; }
.itemdescdiv1a  h1, .itemdescdiv1as  h1 { margin-bottom: 10px; margin-top: 5px; font-size: 2.7rem; font-family: arial; font-weight: bold; text-align: left; line-height: 120%; }


.itemdescdiv1b { abackground-color: #ade1f6; abackground-color: #93d3df; abackground-color: #d8e8e7; font-size: 1.9rem; line-height: 150%; color: #333; font-family: Georgia, Helvetica, 'Times New Roman'; padding: 2.0vw 2.5vw;
-webkit-border-radius: 30px 30px;
-khtml-border-radius: 30px 30px;
-moz-border-radius: 30px 30px;
border-radius: 30px 30px;
}

.itembookholder { float:left; margin: 1.0vw; vertical-align: middle; text-align: center; }
.itembookholders { display: table-cell;  margin: 1.0vw; vertical-align: top; text-align: center; }
.itembookholder .img1 { width: 30.5vw; max-width: 305px; min-width: 150px; margin-right: 2.0vw; border: 1px solid #aaa; box-shadow: -5px 5px 3px rgba(0,0,0,0.3); } 
.itembookholder .img2 { width: 25.5vw; max-width: 255px; min-width: 150px; margin-right: 2.0vw; border: 1px solid #aaa; box-shadow: -5px 5px 3px rgba(0,0,0,0.3); } 
.itembookholders .img1 { width: 27.5vw; max-width: 275px; min-width: 150px; amargin-right: 2.0vw; border: 1px solid #aaa; box-shadow: -5px 5px 3px rgba(0,0,0,0.3); } 
.itemshoplinksdiv { max-width: 950px; width: 95%; margin: auto; padding: 1.0vw; text-align: center; }
.itemshoplinksdiv_head { font-size: 2.0rem; font-weight: bold; }
.bookscale_div { font-size: 1.6rem; font-weight: bold; text-align: center; margin: 0;  color: #4b0697; color: #3a5085; }

.itemlabelholder { text-align: center; margin-top: 1.0vw; }

.tabswitch {  width: 60.0vw; max-width: 600px; }
.tabswitch label { cursor: pointer; }
.tabswitch input { display: none; }                /* hide radio buttons */
.tabswitch input + label { display: inline-block; font-size: 1.5rem; font-weight: 700; font-family: arial;  } /* show labels in line */
.tabswitch input ~ .tab { display: none; line-height: 1.4; }          /* hide contents *//* show contents only for selected tab */
#tab1:checked ~ .tab.content1,
#tab2:checked ~ .tab.content2,
#tab3:checked ~ .tab.content3,
#tab4:checked ~ .tab.content4,
#tab5:checked ~ .tab.content5 { display: block; }

.tabswitch input + label {             /* box with rounded corner */
  border: 1px solid #999;
  background: #eee;
  padding: 0.4vw 1.2vw;
  border-radius: 8px 8px 0 0;
  position: relative;
  top: 1px;
}
.tabswitch input:checked + label { background: #222; color: #fff; border-bottom: 1px solid transparent; }
.tabswitch input ~ .tab { border-top: 1px solid #999; padding: 1.2vw; }

.imageswitch { }
.imageswitch label { cursor: pointer; }
.imageswitch label img { width: 8.0vw; max-width: 80px; }
.imageswitch input { display: none; }                /* hide radio buttons */
.aimageswitch input + label { display: inline-block; font-size: 14px; font-weight: 700; font-family: arial;  } /* show labels in line */
.imageswitch input ~ .imagetab { display: none }          /* hide contents *//* show contents only for selected tab */
#imagetab1:checked ~ .imagetab.content1,
#imagetab2:checked ~ .imagetab.content2,
#imagetab3:checked ~ .imagetab.content3,
#imagetab4:checked ~ .imagetab.content4,
#imagetab5:checked ~ .imagetab.content5 { display: block; }

.aimageswitch input + label {             /* box with rounded corner */
  aborder: 1px solid #999;
  background: #eee;
  padding: 4px 12px;
  aborder-radius: 8px 8px 0 0;
  position: relative;
  top: 1px;
}
.aimageswitch input:checked + label { background: #222; color: #fff; aborder-bottom: 1px solid transparent; }
.aimageswitch input ~ .imagetab { aborder-top: 1px solid #999; padding: 12px; }

.andforthose_div { text-align: center; font-size: 3.5rem; font-weight: bold; color: #44a; font-style: italic; }
.exclusive_offer_holder { width: 80%; margin: 20px auto; font-size: 1.8rem; text-align: center; }
.exclusive_offer_title { font-size: 120%; color: #922; }

.methods_reviewdiv { font-size: 1.7rem; width: 90%; margin: 20px auto 50px auto; }
.methods_reviewdiv_title { font-size: 2.0rem; }

.compare_cattop {  font-size: 1.5rem; width: 19.0vw; max-width: 190px; background-color: #009; color: #eee; font-weight: 600; padding: 1.0vw 0.8vw; text-align: center; border: 1px solid #999; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.puzzlebookdetailsdiv { padding: 20px; font-size: 2.0rem; text-align: center; font-weight: bold; }

.vocablist_booklink { width: 19.0vw; max-width: 190px; background-color: #3a5085; color: #eee; font-size: 2.2rem; font-weight: bold; padding: 1.5vw 1.2vw 2.0vw 1.2vw; text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.vocablist_booklink  a { color: #eee; }



.navtable { width: 98%; margin: 15px auto; font-size: 1.8rem; font-weight: bold; 
	color:#fff;
	font-family:Arial;
   background-color: #7a3a35;
}
.navtable td { width: 33%; padding: 3px 10px; }
.navtable a { color: #eee; text-decoration: none; }

.navtable_left { text-align: left; width: 30%; }
.navtable_center { text-align: center; width: 40%; }
.navtable_right { text-align: right; width: 30%; }

.navtable_left, .navtable_center, .navtable_right { white-space: no-wrap; }

.titletablecell4 { width: 55%; color: #f9a; font-size: 6.0rem; font-family: Arial; font-weight: bold; text-align: left; padding-bottom: 20px; text-shadow: 0 0 15px rgba(0, 0, 0, 0.9) }

.freebookpromodiv { width: 90%; margin: 10px auto; padding: 3px 20px; background-color: #eea; border: 2px solid #aa9; font-size: 2.0rem; text-align: center; }

.dropcap1 { color: #903; font-size: 150%; padding-top: 4px; font-family: Georgia; }
.dropcap2 { color: #605; font-size: 125%; padding-top: 4px; font-family: Georgia; }

.dropped1::first-letter { color: #903; font-size: 150%; padding-top: 4px; font-family: Georgia; }


.coverpagelist1 ul li {
 font-family: Georgia,Times,serif;
 font-size: 1.7rem;
 line-height: 140%;
 list-style: outside none none;
 padding: 0 0 0 5px;
 position: relative;
}

.coverpagelist1 ul {
 margin-left: 0vw; 
}

.coverpagelist1 li:before {
    /*
    The desired width gets defined in two places: The element width, and background size.
    The height only gets defined once, in background size.
    */
    position: absolute;
    display: block;
    content: '\2022'; /* bullet point, for screen readers */
    text-indent: -999999px; /* move the bullet point out of sight */
    top: 0.5vw; 
    left: -1.7vw;
    width: 1.6vw; /* desired width of the image */
    height: 1.6vw; /* unrelated to image height; this is so it gets snipped */
    max-width: 16px;
    max-height: 16px; 
    min-width: 8px;
    min-height: 8px; 
    background-repeat: no-repeat;
    background-image: url('https://www.scriveremo.com/images/world.png');
    background-size: cover;
}

.newsletter_holder { display: table; max-width: 900px; margin: 0 auto; position: relative; }
.newsletter_col1 { display: table-cell; max-width: 610px; width: 61.0vw; vertical-align: top; }
.newsletter_col2 { display: table-cell; width: 3.0vw; height: 3.0vw; }
.newsletter_col3 { display: table-cell; width: 30.0vw; vertical-align: top; aborder: 1px solid #222; background-color: #8db5c1; }
.newsletter_infobox { font-size: 1.7rem; font-weight: bold; text-align: center; padding: 10px 10px; 20px 10px; margin-bottom: 20px; background-color: #4b0697; color: #fff; }
.newsletter_nonebox { font-size: 20px; font-weight: bold; text-align: center; margin-top: 20px; margin-bottom: 200px; }

.newslist_message { text-align: center; padding: 5px; font-size: 1.7rem; font-weight: bold; background-color: #e0ecec; }
.newslist { margin-left: 2.0vw; margin-bottom: 3.0vw; min-height: 30.0vw; margin-top: 2.0vw; font-size: 1.7rem; font-weight: bold; }
.newslist_year { color: #a22; font-weight: bold; font-size: 110%; }
.newslist_div { margin-left: 2.0vw; margin-bottom: 2px; padding-left: 5px; }
.newslist_div:hover { background-color: #e22; }
.newslist_div a { width: 100%; height: 100%; padding: 2px 0; color: #222; text-decoration: none; display: inline-block; aborder: 1px solid #00e; color: #336; }
.newslist_div a:hover { color: #eee;  }





.partners_info { font-size: 2.0rem; margin: auto; width: 90%; }
.partners_description_holder { width: 90%; margin: 5.0vw auto; vertical-align: top; }
.partners_description_div {  }
.partners_description_div { font-size: 1.8rem; line-height: 1.5; }
.partners_description_div span { font-size: 2.1rem; font-weight: bold }
.partners_description_image_holder { width: 35.0vw; max-width: 350px; aborder: 2px groove #ffd; abackground-color: #ffffdd; float: left; padding: 1.0vw; margin-right: 1.0vw; }
.partners_description_image_holder img { width: 35.0vw; max-width: 350px; margin: auto; border: 1px solid #999; box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.25); }
.partners_social_link { color: #22e; font-weight: bold; font-size: 1.8rem !important; display: flex; align-items: center; } 


.bigbutton {
	-moz-box-shadow: 0px 10px 14px -7px #276873;
	-webkit-box-shadow: 0px 10px 14px -7px #276873;
	box-shadow: 0px 10px 14px -7px #276873;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #599bb3), color-stop(1, #408c99));
	background:-moz-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-webkit-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-o-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-ms-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#599bb3', endColorstr='#408c99',GradientType=0);
	background-color:#599bb3;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size: 2.0rem;
	font-weight:bold;
	padding: 1.3vw 3.2vw;
	text-decoration:none;
	text-shadow:0px 1px 0px #3d768a;
}
.bigbutton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #408c99), color-stop(1, #599bb3));
	background:-moz-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-webkit-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-o-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-ms-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:linear-gradient(to bottom, #408c99 5%, #599bb3 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#408c99', endColorstr='#599bb3',GradientType=0);
	background-color:#408c99;
}
.bigbutton:active {
	position:relative;
	top:1px;
}

.bigbutton a, .bigbutton a:hover { color: #eee; text-decoration: none; }



.scrollpopupbox { width: 350px; height: 250px; position: fixed; top: -400px; right: 340px; 
border: 7px double #999;
background: #feffe8; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #feffe8 0%, #d6dbbf 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#feffe8), color-stop(100%,#d6dbbf)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #feffe8 0%,#d6dbbf 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #feffe8 0%,#d6dbbf 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #feffe8 0%,#d6dbbf 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #feffe8 0%,#d6dbbf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffe8', endColorstr='#d6dbbf',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.75) ;
-khtml-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.75) ;
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.75) ;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.75) ;
padding: 7px 15px;
font-size: 1.6rem;
}

.scrollpopupboxtitle { text-align: center; margin: 0; font-weight: bold; color: #929; font-size: 2.2rem; }

.scrollpopuplist ul li {
    background: url("https://www.scriveremo.com/correct.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-family: Georgia,Times,serif;
    font-size: 1.6rem;
    line-height: 24px;
    list-style: outside none none;
    font-weight: bold; 
    padding: 0 0 0 35px;
}

.dgd_stb_box form { margin: 10px 0 0; }
.dgd_stb_box form input { border: 1px solid #b19734; border-radius: 3px; box-shadow: 0 0 3px 1px #e2e2e2 inset; display: inline-block; height: 25px; line-height: 25px; padding: 0 5px; width: 60%; }
.dgd_stb_box form input.error { background-color: #eca8a8; border-color: #ff4318; }
.dgd_stb_box form input[type="submit"], .dgd_stb_box form input.submit, .dgd_stb_box .button { background-color: #d42c1e !important; background-image: none; border: 1px solid #c22816 !important; border-radius: 3px; box-shadow: 0 1px 0 0 #e27066 inset; color: #fff; cursor: pointer; display: block; font-family: Georgia,Times,serif; height: 26px; position: relative; width: 33% !important; margin: 5px 5px 5px auto !important; }
.dgd_stb_box form input[type="submit"]:hover, .dgd_stb_box form input.submit:hover { background-color: #ed3a2b; box-shadow: 0 1px 0 0 #f3796f inset; }


.newrelease_info_table {
  width: 60%;
  font-size: 1.6rem; 
  font-family: arial; 
  border: 2px solid #222;  
  padding: 0px 7px; 
}
.newrelease_info_table .h { font-weight: bold; font-size: 110%; }
.newrelease_info_table td { padding: 0px 10px; }
.rcspace { width: 30px; }

.itemdescdiv2a { background-color: #fdfad7; font-size: 1.8rem; line-height: 150%; color: #333; font-family: Georgia, Helvetica, 'Times New Roman'; padding: 7px 10px;
-webkit-border-radius: 30px 30px;
-khtml-border-radius: 30px 30px;
-moz-border-radius: 30px 30px;
border-radius: 30px 30px;
}


.partners_in_footer { height: 50px; border: 0 none !important; }
.partners_in_footer td { border: 0 none !important; }
.partners_in_footer a { }
.partners_in_footer img { height: 10.0vw; min-height: 75px;  max-height: 100px; }

 
/****************************  CONTACT PAGE ************************************/
#mc_embed_signup .mc-field-group { min-height: 0 !important; }

.contactsocialline { margin: 2.0vw auto 2.0vw 2.0vw;  }
.contactsocialline div { min-height: 4.8vw; line-height: 1.4;  }
.contactsocialline img { float: left; margin: 0 1.0vw 1.0vw 0; height: 4.8vw; max-height: 48px; }

.mc-field-group { font-size: 1.5rem !important; font-weight: bold !important; }

.generaltextdiv { width: 90%; margin: 10px auto; padding: 5px; font-size: 1.8rem;   }
.generaltexttitle { font-size: 2.0rem; color: #000000; font-weight: bold; }
.generaltextheading { font-size: 2.2rem; font-weight: bold; color: #790505; margin-top: 1.0em; margin-bottom: 0; }

.socialicon_facebook { width: 4.0vw; height: 4.0vw; vertical-align: middle; background: url(https://www.scriveremo.com/facebook40.png) no-repeat; display: inline-block; background-size: cover; }
.socialicon_twitter { width: 4.0vw; height: 4.0vw; vertical-align: middle; background: url(https://www.scriveremo.com/twitter40.png) no-repeat; display: inline-block; background-size: cover; }

.cfformattingtable { width: 100%; }
.cfformattingtable td { vertical-align: top; }

.contactdivider { width: 75%; height: 0.2vw; border-color: #99f; background-color: #99f; color: #99f; }

.contactformtable { border: 0 none; width: 100%; padding: 0; margin: auto; border-collapse: collapse; font-size: 1.8rem; }
.contactformtable td { vertical-align: top; text-align: left; border-collapse: collapse; padding: 3px 2px; }
.cffield, .cffield2 { font-weight: bold; padding: 0.2vw 0.5vw; }
.cffield  { text-align: left; }
.cffield2 { text-align: left; }
.cfentry { max-width: 450px; width: 100%; background-color: #ffffff; border: 1px solid #999; font-size: 1.6rem; padding: 0.2vw 0.5vw; }
.cfentry2 { background-color: #ffffff; }
.cftitle { background-color: #deb887; color: #000000; font-weight: bold; font-size: 1.8rem; text-align: left; padding-left: 1.0vw; } 
.formerrordiv { font-size: 1.5rem; text-align: center; padding: 3px; background-color: #ffddd7; border: 1px solid #eeaaaa; display: none; }
.submitbuttontable { width: 100%; }
.submitbuttontable td { width: 50%; text-align: center; }

.infotext { font-size: 1.6rem; background-color: #eeeeff; padding: 1px 15px; }
.contactformdiv { text-align: center; max-width: 750px; margin: auto; }

.cfmailboxcell { background-color: #ffffff; vertical-align: bottom; }
.cfmailboximage { max-width: 181px; width: 100%; height: auto; vertical-align: bottom; float: right; } 

.messagesentdiv1 { width: 50.0vw; height: 40.0vw; max-width: 500px; position: relative; z-index: 1; }
.messagesentdiv2 { width: 50.0vw; height: 40.0vw; max-width: 500px; position: absolute; z-index: 3; font-size: 1.6rem; }
.messagesentdiv3 { padding: 2.0vw; }
.messagesentdiv4 { height: 20.0vw; padding-left: 1.0vw; overflow: auto; }
.messagesentbackground { width: 50.0vw; height: 40.0vw; max-width: 500px; position: absolute; z-index: 2; }


/************************************ Giveaways / Subscriptions *****************/
.gf_signup { width: 97%; max-width: 900px; font-size: 1.9rem; margin: auto;}
.gf_signup label { font-weight: bold; }
.gf_signup td { padding: 0.3vw 0.5vw; }
.asterisk { color: #f22; }
.gf_signup_errormessage { font-weight: bold; font-style: italic; color: #f33; } 
.giveaway_prizes_table_sub1 { display: table; }
.giveaway_prizes_table_sub2 { display: table-cell; vertical-align: top; }
.giveaway_prizes_table_sub3 { font-size: 1.9rem; display: table-cell; text-align: left; padding-left: 2.0vw; vertical-align: top; }
.giveaway_instructions_form { text-align: center; font-size: 1.8rem; afont-weight: bold; width: 24%; }
.giveaway_instructions_form2 { 
text-align: center; font-size: 1.9rem; width: 90%; max-width: 900px; margin: auto; 
margin-bottom: 2.0vw; padding: 1.5vw; color: #ffcd43; acolor: #eee; abackground-color: #3a5085;
 }
.giveaway_instructions_box { aborder: 1.0vw solid #a22; background-color: #3a5085; color: #eee; padding: 2.0vw; }
.giveaway_instructions_box2 { 
abackground-color: #3a5085; color: #ffbd33; color: #eee; background-color: #3a5085; background-color: #6c2741; font-size: 2.0rem; 
aborder: 3px solid #e22 !important; padding: 0.5vw 8.0vw; margin-bottom: 5.0vw;  
 }
.giveaway_instructions_prize_div { margin: 2.0vw 2.0vw 1.0vw 2.0vw; margin: auto; width: 90%; max-width: 900px; }
.giveaway_instructions_prize_div img {  height: 25.0vw; max-height: 250px; float: left; margin: 2px 3.5vw 1.0vw 2px;  }
.giveaway_instructions_prize_div .prizetitle { font-size: 110%; font-weight: bold; margin-bottom: 1.0vw;  }
.giveaway_instructions_prize_div .prizedesc { line-height: 1.5 }
.giveaway_instructions_prize_div_check { text-align: center; margin-bottom: 2.0vw; font-weight: bold; color: #ffbd33; text-shadow: -3px 3px 3px rgba(0,0,0,0.4); }
.giveaway_instructions_prize_div_check input[type=checkbox] { transform: scale(1.5) !important; margin-right: 1.5vw; }
.giveaway_waitmore { font-size: 2.4rem; font-weight: bold; font-style: italic; text-align: center; color: #6c2741; margin: 6.0vw; }

.giveaway_subscription_tableinstr2 { text-align: center; font-weight: bold; }

.gf_signup input[type=text] { width: 40.0vw; max-width: 400px; border: 1px solid #222; font-size: inherit; }
.gf_signup input[type=checkbox] { transform: scale(1.5) !important; }
.gf_signup input[type=radio] { transform: scale(1.5) !important; }
.gf_signup_subtable input[type=checkbox] { atransform: scale(2) !important; }
.gf_signup_subtable input[type=radio] { atransform: scale(2) !important; }
.gf_confirm_tos { font-size: 80%; padding: 0.3vw 0.5vw; width: 90%; max-width: 500px; }

.gf-entrybox { display: table; margin: auto; margin-bottom: 2.0vw; font-size: 1.9rem; font-weight: bold; }
.gf-entrybox input[type=text] { width: 40.0vw; max-width: 400px; border: 1px solid #222; font-size: inherit; }
.gf-entrybox_row { display: table-row; }
.gf-entrybox_row > :first-child { display: table-cell; min-width: 20.0vw; }
.gf-entrybox_row > div { margin-bottom: 1.0vw; }
.gf-entrybox_row_title { text-align: center; font-size: 3.2rem; margin-bottom: 2.5vw; font-weight: bold; faont-size: 110%; acolor: #e00 !important; color: #6c2741; daisplay: table-cell; }

.gf_signup_subtable { width: 99%; margin: auto; }
.gf_signup_subtable td { text-align: center; vertical-align: top; line-height: 140%; }

.gf_signup_images { height: 20.0vw; max-height: 200px; }
.gf_errormessage { text-align: center; font-weight: bold; color: #a22; font-size: 2.1rem; margin-bottom: 2.0vw; }

.indicates-required {font-size: 1.7rem; text-align: right; }
.indicates-required span { color:#f99; }

.giveawaynameonform { font-weight: bold; font-size: 1.6rem; }
.gf_givetexttitle { font-size: 120%; font-weight: bold; text-align: center;  margin-top: 0; }

.gf_agreediv { font-size: 1.6rem; width: 70%; vertical-align: middle; margin: auto; }
.gf_agreediv label { white-space: normal; vertical-align: middle; }
.gf_agreediv input[type=checkbox] { vertical-align: middle; float: left; margin-right: 2.0vw; margin-top: 1.3vw; transform: scale(2) !important; }

	
.giveaway_prizes_table { width: 90%; margin: auto; margin-bottom: 2.0vw; }
.giveaway_prizes_table { text-align: center; vertical-align: top; font-size: 1.9rem; padding: 0.3vw 0.6vw; line-height: 1.5; }     
.giveaway_prizes_table img { height: 22.0vw; max-height: 220px; width: auto; } 

.subscription_entrydiv { margin: auto; white-space: nowrap; }
.subscription_followup_div { width: 70.0vw; max-width: 700px; font-size: 2.1rem !important; font-weight: bold; border: 2px solid #ddd; text-align: center; padding: 1.0vw 2.0vw; margin: auto; }
.subscription_followup_div2 { width: 70.0vw; max-width: 700px; font-size: 1.9rem !important; font-weight: bold; border: 2px solid #ddd; text-align: center; padding: 1.0vw 2.0vw; margin: auto; }
.subscription_followup_div2 b { color: #a22; }
.subscription_followup_div, .subscription_followup_div2 { box-shadow: -0.3vw 0.3vw 0.3vw rgba(0,0,0,0.2);
-webkit-border-radius: 2.5vw;
-khtml-border-radius: 2.5vw;
-moz-border-radius: 2.5vw;
border-radius: 2.5vw;
}

.separator { display: flex; align-items: center; text-align: center; }
.separator::before, .separator::after { content: ''; flex: 1; border-bottom: 2px solid #ddd; }
.separator::before { margin-right: .25em; }
.separator::after { margin-left: .25em; }

.unsubscribe_text { font-size: 2.0vw; font-family: garamond; }
.unsubscribe_email { text-align: center; font-size: 2.0rem; font-weight: bold; }

.unsubscribe_followup { width: 70%;max-width: 700px;  margin: auto; position: relative; }
.unsubscribe_followup_sub { width: 20.0vw; font-size: 2.0rem; vertical-align: center; display: inline-block; }
.unsubscribe_followup_buttons { width: 20.0vw; font-size: 2.0rem; vertical-align: center; display: inline-block; }

.subscription_freebiebox { color: #222; line-height: 130%; width: 95%; margin: auto; padding: 1.5vw 0; font-size: 1.9rem; }
.subscription_freebiebook {  float:right; margin: -1.5vw 2.0vw 1.0vw 4.0vw; }
.subscription_freebiebox img { afloat:right; height: 30.0vw; max-height: 300px; awidth: auto; amargin-left: 2.0vw; amargin-bottom: 2.0vw; abox-shadow: -5px 5px 5px rgba(0,0,0,0.3); }
.subscription_freebiebox .bigger{ font-size: 105%; }

.subscribe_edit_emailprefs { width: 60.0vw; max-width: 600px; margin: auto; text-align: center; font-size: 2.1rem !important; font-weight: bold; }
.subscribe_edit_emailprefs_sub { text-align: left; width: 32.0vw; max-width: 320px; line-height: 1.5; margin: auto; font-size: 1.8rem; vertical-align: middle;  }
.subscribe_edit_emailprefs_sub div { vertical-align: middle;  }
.subscribe_edit_emailprefs_sub input[type=checkbox] { vertical-align: middle; margin-right: 1.0vw; transform: scale(1.5) !important; display: inline-block; }


.fancy3d-book, .fancy3d-book > :first-child, .fancy3d-book::after,
.fancy3d-book_750, .fancy3d-book_750 > :first-child, .fancy3d-book_750::after {
  width: 24.0vw; max-width: 240px;
}

.fancy3d-book, .fancy3d-book > :first-child, .fancy3d-book::after, .fancy3d-book::before,
.fancy3d-book_750, .fancy3d-book_750 > :first-child, .fancy3d-book_750::after, .fancy3d-book_750::before {
  height: 30.0vw; max-height: 300px;
}

.fancy3d-book::before, .fancy3d-book_750::before {
  height: 28.8vw; /* height - (2 * top) */
  max-height: 288px; 
  transform: translateX(20.8vw) rotateY(90deg); /* translate: width - (25 + top) */
}

.fancy3d-book::after, .fancy3d-book_750::after {
  transform: translateZ(-20px); /* thickness */
}

.fancy3d-book > :first-child, .fancy3d-book_750 > :first-child {
  background-color: #77d;
}


.fancy3d-book-container, .fancy3d-book-container_750 {
  display: flex;
  align-items: center;
  justify-content: center;
  perspective: 60.0vw;
}

@keyframes initAnimation {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(-25deg); /* rotation */
  }
}


.fancy3d-book, .fancy3d-book_750 {
  position: relative;
  transform-style: preserve-3d;
  transform: rotateY(-25deg); /* rotation */
  transition: 1s ease;
  animation: 1s ease 0s 1 initAnimation;
}

.fancy3d-book:hover, .fancy3d-book_750:hover {
  transform: rotateY(0deg);
}

.fancy3d-book > :first-child, .fancy3d-book_750 > :first-child {
  position: absolute;
  top: 0;
  left: 0;
  abackground-color: red;
  transform: translateZ(2.5vw);
  /*background-color: #77d; */
  border-radius: 0 2px 2px 0;
  box-shadow: 0.2vw 0.2vw 0.2vw #666;
}

.fancy3d-book::before, .fancy3d-book_750::before {
  position: absolute;
  content: ' ';
  background-color: blue;
  left: 0;
  top: 0.6vw; /* cover margin */
  width: 4.8vw;
  max-width: 48px; 
/*  height: 28.8vw; /* height - (2 * top) */
/*  max-height: 288px; 
/*  transform: translateX(20.8vw) rotateY(90deg); /* translate: width - (25 + top) */
  background: linear-gradient(90deg, 
    #fff 0%,
    #f9f9f9 5%,
    #fff 10%,
    #f9f9f9 15%,
    #fff 20%,
    #f9f9f9 25%,
    #fff 30%,
    #f9f9f9 35%,
    #fff 40%,
    #f9f9f9 45%,
    #fff 50%,
    #f9f9f9 55%,
    #fff 60%,
    #f9f9f9 65%,
    #fff 70%,
    #f9f9f9 75%,
    #fff 80%,
    #f9f9f9 85%,
    #fff 90%,
    #f9f9f9 95%,
    #fff 100%
    );
}

.fancy3d-book::after, .fancy3d-book_750::after {
  position: absolute;
  top: 0;
  left: 0;
  content: ' ';
/*  transform: translateZ(-2.0vw); /* thickness */
  background-color: #01060f;
  border-radius: 0 2px 2px 0;
  box-shadow: -1.0vw 0 4.0vw 1.0vw #666;
}


.gf_giveawaybox { width: 90%; margin: auto; font-size: 2.0rem; }
.gf_giveawaybox_p1 { text-align: center; font-weight: bold; font-size: 1.9rem; }
.gf_giveawaybox_p2 { text-align: center; font-weight: bold; font-size: 1.8rem; }
.gf_giveawaybox_p3 { text-align: center; font-weight: bold; font-size: 1.7rem; color: #c22; }
.gf_giveawaybox .date1 { color: #000; }
.gf_giveawaybox .date2 { color: #000; }
.gf_giveaway_desc { text-align: center; font-size: 1.9rem; }
.gf_giveaway_rules_div { awidth: 96%; amax-width: 900px; margin: auto; line-height: 1.5; font-size: 1.9rem; padding: 0 3.0vw; border: 2px solid #0a2055; background-color: #3a5085; color: #eee;  margin-bottom: 2.0vw; }
.gf_giveaway_rules_div ol { apadding-left: 0; list-style: decimal outside none; }
.gf_giveaway_rules_div a { color: #ee2; }
.gf_giveaway_rules_title { text-align: center; font-size: 2.2rem; font-weight: bold; }
.gf_giveaway_jointext { text-align: center; font-size: 2.2rem; }
.gf_giveaway_no { text-align: center; font-weight: bold; font-size: 2.2rem; }
.gf_giveaway_prizesclaimed { text-align: center; font-size: 2.2rem; font-weight: bold; }
.gf_giveaway_recent { width: 90%; margin: auto; font-size: 2.0rem;  }
.gf_giveaway_recent_p1 { text-align: center; font-weight: bold; font-size: 2.1rem; }
.gf_giveaway_recent_p2 { text-align: center; font-weight: bold; font-size: 1.9rem; }
.gf_giveaway_noemail { font-size: 1.6rem; }
.gf_giveaway_emailcheck { width: 40.0vw; max-width: 400px; font-size: 1.8rem; }

.aboutus_name { font-weight: bold; padding-top: 3.0vw; font-size: 140% !important; color: #4b0697;}
.aboutus_title { font-weight: 500 !important; afont-size: 105%; }
.aboutus_logo { width: 40.0vw; max-width: 400px; height: auto; }
.aboutus_staff { awidth: 90%; amargin: auto; margin-bottom: 4.0vw; }
.aboutus_staff td { vertical-align: top; line-height: 1.5; }
.aboutus_staff td img  {  height: 12.5vw; width: auto; max-height: 125px; min-height: 100px; margin: 1.0vw 1.0vw 0 0; float: left; border-radius: 50%; border: 0.8vw solid #4b0697;  box-shadow: -5px 5px 2px rgba(0,0,0,0.3); }




/*********************************** Catalog ******************************/
.catalogholder { text-align: center; position: relative; width: 98%; margin: auto;  } 
.catalogholder a { text-decoration: none; }
.catalogdiv { text-align: left; vertical-align: top; min-height: 200px; padding: 3px; awidth: 45.5vw; width: 45%; max-width: 455px; min-width: 250px; font-size: 1.5rem; line-height: 130%; margin: 0.5vw; display: inline-block; border: 1px solid #ccc }
.catalogdiv a { text-decoration: none; color: #000;  }
.catalogimagediv { text-align: center;   float: left; padding-right: 10px; padding-bottom: 5px; }
.catalogimagediv img { box-shadow: -3px 3px 1px rgba(0,0,0,0.3); border: 1px solid #aaa; min-height: 100px; }
.catalogtitle { font-size: 120%; font-weight: bold; } 

.catalogholder_large { text-align: center; position: relative; width: 98%; margin: auto;  } 
.catalogholder_large a { text-decoration: none; }
.catalogdiv_large { text-align: left; vertical-align: top; min-height: 200px; padding: 3px; awidth: 45.5vw; width: 95%; max-width: 955px; min-width: 250px; font-size: 1.7rem; line-height: 140%; margin: 0.5vw; margin-bottom: 3.0vw; apadding-bottom: 3.0vw; display: inline-block; position: relative; border: 1px solid #ccc; border-width: 0 0 1px 0; }
.catalogdiv_large a { text-decoration: none; color: #000;  }
.catalogimagediv_large { text-align: center;  float: left; margin-right: 2.0vw; padding-bottom: 0.5vw; amax-width: 190px; }
.catalogimagediv_large img { box-shadow: -3px 3px 1px rgba(0,0,0,0.5); border: 1px solid #aaa; amin-height: 100px; }
.catalogtitle_large { font-size: 130%; font-weight: bold; } 

.catalogholder2 { text-align: center; position: relative; width: 98%; margin: auto;  } 
.catalogholder2 a { text-decoration: none; }
.catalogdiv2 { width: 21%; border: 1px solid #ccc; height: 250px; vertical-align: top; display: inline-block; font-size: 1.5rem; line-height: 19px; text-align: center; margin: 6px; font-weight: bold; padding: 10px; }
.catalogdiv2 a { text-decoration: none; color: #222;  }
.catalogdiv2 img { width: 98% }

.catsectiontitle { background-color: #6633cc; background-color: #4b0697; color: #eee; font-size: 2.3rem; text-align: center; font-weight: bold; padding: 5px;  width: 35%; 
-webkit-border-top-right-radius: 1.5vw;
-khtml-border-radius-topright: 1.5vw;
-moz-border-radius-topright: 1.5vw;
border-top-right-radius: 1.5vw;


}
.catsectiontitle a { color: #eee; text-decoration: none; }
.catsectiontext { width: 80%; margin: auto; padding: 10px; font-size: 1.8rem; line-height: 17px; font-weight: bold; text-align: center; }

.catalogpagehead { width: 85%; margin: auto; }
.calalogpageimage { width: 50.0vw; max-width: 500px; min-width: 250px; float: right; margin-left: 2.0vw; }
.catalogpagetext { font-size: 1.8rem; line-height: 3.2rem; }
.catalogpagetext span {  color: #3a5085; font-weight: bold; font-size: 120%; }

.catalogpagetext_large { font-size: 1.8rem; line-height: 2.3rem; }
.catalogpagetext_large span {  color: #e00; color: #3a5085; font-weight: bold; font-size: 120%; text-transform: uppercase; }

.addthis_inline_share_toolbox_fg69 { clear: none !important; }
.catalog_shareline_div { text-align: left; vertical-align: middle; }
.catalog_shareline_d1 { font-weight: bold; font-size: 16px; padding-right: 10px; }
.catalog_shareline_d2 { }
.catalog_shareline_d3 {  float: right }
.catalog_shareline_d1, .catalog_shareline_d2, .catalog_shareline_d3 { display: inline-block; vertical-align: middle;  }
.catalog_subdiv1_large { min-height: 13.0vw; }



/************************************ PDFs ********************************/

.pdflistlangholder { width: 99%; margin: auto; position: relative; text-align: center; background-color: #2c7791; }
.pdflistlangdiv { width: 9.5vw; min-width: 85px; display: inline-block; height: 8.0vw; max-height: 80px; min-height: 70px; max-width: 95px; font-size: 1.5rem; color: #eee; font-weight: bold; margin: 0.3vw; border: 1px solid #aaf; padding-top: 0.3vw; text-overflow: clip; overflow: hidden; line-height: 120%; }
.pdflistlangdiv a { text-decoration: none; font-family: arial; font-weight: bold; color: #eee; width: 99%; height: 100%; display: inline-block; } 
.pdflistlangtitle { font-size: 2.8rem; font-weight: bold; text-align: center; vertical-align: middle; }
.pdflistlangtitle img { vertical-align: middle; }


.alanglistflagholder { width: 95%; margin: auto; font-size: 2.0rem; text-align: center; text-overflow: clip; overflow: hidden; vertical-align: top; }
.laanglistflagdiv { width: 9.5vw; min-width: 85px; display: inline-block; height: 8.0vw; max-height: 80px; min-height: 70px; max-width:95px;font-size: 1.5rem; color: #eee; font-weight: bold; margin: 0.4vw; border: 1px solid #aaf; padding-top: 0.3vw; text-overflow: clip; overflow: hidden; line-height: 120%; }
.laanglistflagdiv a { color: #fff; text-decoration: none; }
.laanglistflags { vertical-align: middle; width: 32px; height: 32px; margin-left: 3px; }


.pdflisttable { width: 95%; border: 2px solid #309; margin: auto; font-family: arial; }
.pdflisttable td { vertical-align: top; border: 1px solid #ccc; border-width: 0 0 1px 0; padding: 0.3vw 0; }
.pdflisttable a { text-decoration: none; color: #222; display: inline-block; height: 100%; width: 100%; cursor: pointer; }
.pdflisttable a:hover { background-color: #ddf; }
.pdflisttable .title { background-color: #309; color: #fff; font-size: 1.6rem; font-weight: bold; padding: 0.5vw 0.8vw; }
.pdflisttable .title a { text-decoration: none; color: #fff; display: inline-block; height: 100%; width: 100%; cursor: pointer; }
.pdflisttable .title a:hover { background-color: #63c; color: #ddd; }
.pdflisttable tr:hover { background-color: #ddf; }
.pdflisttable .col1 { font-size: 1.6rem; width: 60%; }
.pdflisttable .col2 { font-size: 1.4rem; width: 7%; text-align: center; }
.pdflisttable .col3 { font-size: 1.4rem; width: 7%; text-align: center; }
.pdflisttable .col4 { font-size: 1.4rem; width: 18%; text-align: center; font-style: italic; }
.pdflisttable .col1, .pdflisttable .col2, .pdflisttable .col3, .pdflisttable .col4 { line-height: 30px; }
.pdflisttable button:hover { background-color: #77b; background-color: #43b754; color: #fff; } 
.pdflisttable button { background-color: #00b; background-color: #337; color: #eee; font-size: 1.2rem; font-weight: bold; padding: 0.5vw 0.8vw; 
-webkit-border-radius: 0.5vw;
-khtml-border-radius: 0.5vw;
-moz-border-radius: 0.5vw;
border-radius: 0.5vw;
}

.goodies_holder  { width: 90%; margin: auto;  line-height: 1.4; color: #222; padding: 1.5vw; }
.lll_linkbox { width: 88%; margin: auto; padding: 10px; background-color: #4E90C4; color: #eee; font-size: 2.3rem; text-align: center; }
.pdf_sample { width: 22.5vw; max-width: 225px; min-width: 125px; float: right; padding-left: 1.0vw; padding-bottom: 0.5vw; }
.pdf_handle_frame { height: 0px; width: 0px; border: 0 none; }
.free_span { color: #f00; font-weight: bold; }


.vocabwordgridtable { border: 0 none; border-collapse: collapse; width: 100%; display: table; }
.vocabwordgridcol { text-align: center; font-size: 1.8rem; padding: 2.0vw 0.5vw; display: table-cell; width: 33%; }
.vocabwordgridcol span { font-size: 1.5rem; font-style: italic; }
.vocabwordgridrow { display: table-row; }

.comparegridtable { border: 0 none; border-collapse: collapse; width: 100%; border-width: 0; }
.comparegridtable td, .comparegridtable th, .comparegirdselect {  text-align: left; font-size: 1.6rem; padding: 0.5vw 0.5vw;  border: 1px solid #999; border-width: 0 0 1px 0; }
.comparegridtable tbody>tr:hover { background-color: #faa; }
.comparegirdtable_head, .comparegirdselect { background-color: #2c7791; font-weight: bold; color: #eee; border: none; }
.comparegirdselect { width: 100%; amax-width: 175px; padding-left: 0; margin-left: 0; }
.comparegridtable th { cursor: pointer; }
.nocursor { cursor: auto !important; }

.popuplangsel { z-index: 15; width: 90.0vw; margin: auto; position: fixed; top: 15vw; left: 5vw; 
opacity: 0; visibility: hidden;    
-webkit-box-shadow: -5px 5px 15px rgba(0,0,0,0.5);
-khtml-box-shadow: -5px 5px 15px rgba(0,0,0,0.5);
-moz-box-shadow: -5px 5px 15px rgba(0,0,0,0.5);
box-shadow: 0px 0px 20px rgba(0,0,0,0.5);

  -webkit-transition: opacity 1s linear;
     -moz-transition: opacity 1s linear;
      -ms-transition: opacity 1s linear;
       -o-transition: opacity 1s linear;
          transition: opacity 1s linear;
     transition:all .2s ease-in-out;
}

.showblock { opacity: 1; visibility: visible; }

.selectdiv {
  position: relative;
  /*Don't really need this just for demo styling*/
  
  float: left;
  amin-width: 200px;
  amargin: 50px 33%;
}

/*To remove button from IE11, thank you Matt */
select::-ms-expand {
     display: none;
}

.selectdiv:after {
  content: '<>';
  afont: 17px "Consolas", monospace;
  color: #eee;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 1.1vw;
  /*Adjust for position however you want*/
  
  top: 0.6vw;
  apadding: 0 0 2px;
  aborder-bottom: 1px solid #999;
  /*left line */
  
  position: absolute;
  pointer-events: none;
}

.selectdiv select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Add some styling */
  
  display: block;
/*
  width: 100%;
  max-width: 320px;
  height: 50px;
*/
  float: right;
/*
  margin: 5px 0px;
  padding: 0px 24px;
  font-size: 16px;
  line-height: 1.75;
  color: #333;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
*/
  -ms-word-break: normal;
  word-break: normal;
}

.pagetable { width: 100%; display: table; }
.pagerow { display: table-row; }
.pagecell { display: table-cell; vertical-align: top; }

.callistcol { width: 17.0vw; max-width: 170px; padding-left: 0.5vw; }
.calbigcol { width: 80% }
.catitem { max-width: 190px; width: 19.0vw; font-size: 1.6rem; font-weight: bold; padding: 0.4vw 0.6vw; background-color: #c33; background-color: #522;color: #eee; border: 1px solid #aaa; border-width: 0 0 1px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.catitem a { text-decoration: none; color: #eee; width: 100%; height: 100%; display: inline-block; }
.catitem:hover, .catitemcurrent { background-color: #522;  background-color: #c33;}

.langtitle { text-align: center; font-weight: bold; font-size: 2.0rem; }
.cattitle { text-align: center; font-size: 3.0rem; font-weight: bold; margin-top: 0; }
.choosetext { text-align: center; font-size: 1.8rem; }
.choosetext a { text-decoration: none; color: #ee2; width: 100%; height: 100%; display: inline-block; }

/***************** Sound Player *****************/
.soundplayer_box { width: 200px; padding: 3px 8px; border: 1px outset #222; position: relative; }
.soundplayer_table { width: 100%; border: 0 none; border-collapse: collapse !important; }
.soundplayer_table td { vertical-align: middle !important; text-align: center !important; padding: 1px 3px !important; border: 0 none !important; border-collapse: collapse !important; }
.soundplayer_button_cell { width: 35px; text-align: center; }
.soundplayer_track_holder { height: 16px; position: relative; cursor: pointer; }
.soundplayer_track_bar { height:16px; width: 0; }
.soundplayer_time_cell { width: 30px; }
.soundplayer_time_div { font-size: 13px; color: #eee; }
.soundplayer_volume_holder { height: 12px; position: relative !important; cursor: pointer; }
.soundplayer_volume_bar { height: 12px; width: 100%; position: absolute !important;}

.soundplayer_box, .soundplayer_volume_holder, .soundplayer_volume_bar {
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.soundplayer_box, .soundplayer_track_bar, .soundplayer_volume_bar {
background-image: -moz-linear-gradient(to bottom, rgba(255,255,255,0.125) 5%, rgba(255,255,255,0.125) 45%, rgba(255,255,255,0.15) 52%, rgba(0,0,0,0.01) 51%, rgba(0,0,0,0.1) 95%); 
background-image: linear-gradient(to bottom, rgba(255,255,255,0.125) 5%, rgba(255,255,255,0.125) 45%, rgba(255,255,255,0.15) 50%, rgba(0,0,0,0.1) 51%, rgba(0,0,0,0.1) 95%);
}

.soundplayer_volume_knob { height: 16px; width: 4px; position: absolute !important; top: -2px !important; right: 0 !important;
border: 1px outset #444;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.soundplayer_box { background-color: #7c6021; }
.soundplayer_track_holder { background-color: #333; }
.soundplayer_track_bar { background-color:#2b2; }
.soundplayer_volume_holder { background-color: #ccc; }
.soundplayer_volume_bar { background-color: #2aa; }
.soundplayer_volume_knob { background-color: #166; }

/************************************ Games ********************************/
.parl_maintable { width: 98%; margin: auto; aborder: 3px solid #c5a281; border-spacing: 0; display: table; } 
.parl_maintable_noback { width: 100%; border: 1px solid #dedede; border-spacing: 0;} 
.parl_maintable_cell { vertical-align: top; aborder: 1px solid #dedede; aborder: 3px solid #f1feda; aborder: 3px solid #f5e2c1; display: table-cell;}
.parl_maintable_innercell1, .parl_maintable_innercell2, .parl_maintable_innercell1fixed { amin-height: 450px; adisplay: table-cell;  } 
.parl_maintable_innercell1, .parl_maintable_innercell1fixed { padding: 0px; adisplay: table-cell; }
.parl_maintable_innercell2 { padding: 0px; adisplay: table-cell; }
.parl_maintable_inner_padding { padding: 5px 10px; }

.flagimageholder_tn, .flagimageimg_tn { width: 45px; height: 30px; }

.flagimageimg_tn { aposition: absolute; left: 0; top: 0; aborder: 1px solid #225599;
-webkit-border-radius: 3px 3px;
-khtml-border-radius: 3px 3px;
-moz-border-radius: 3px 3px;
border-radius: 3px 3px;
}

.iconhint { width: 1.6vw; height: 1.6vw; max-width: 16px; max-height: 16px; background: url(/picons/hint.png) no-repeat; background-size: cover;  display: inline-block; }
.iconhint2 { width: 2.4vw; height: 2.4vw; max-width: 24px; max-height: 24px; background: url(/picons/hint2.png) no-repeat; background-size: cover;  display: inline-block; }
.iconbighelp  { width: 4.5vw; height: 4.5vw;  max-width: 45px; max-height: 45px; vertical-align: middle; background: url(/picons/bighelp.png) no-repeat; background-size: cover;  display: inline-block; }
.icontcheck { width: 1.6vw; height: 1.6vw;  max-width: 16px; max-height: 16px; background: url(/picons/tcheck.png) no-repeat; background-size: cover;  display: inline-block; }


.dialog_box_holder { position: absolute; z-index: 50; left: 0; top: 0; border: 1px solid #999; visibility: hidden; 
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
-khtml-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
-webkit-border-radius: 7px 7px;
-khtml-border-radius: 7px 7px;
-moz-border-radius: 7px 7px;
border-radius: 7px 7px;
}

.dialog_box_top { color: #222; text-shadow: 1px 1px 0 #aaa; font-size: 15px; padding: 5px 10px; font-weight: bold; 
-webkit-border-top-right-radius: 7px 7px;
-webkit-border-top-left-radius: 7px 7px;
-khtml-border-radius-topright: 7px 7px;
-khtml-border-radius-topleft: 7px 7px;
-moz-border-radius-topright: 7px 7px;
-moz-border-radius-topleft: 7px 7px;
border-top-right-radius: 7px 7px;
border-top-left-radius: 7px 7px;
}

.dialog_box_bottom { padding: 10px 10px; 
-webkit-border-bottom-right-radius: 7px 7px;
-webkit-border-bottom-left-radius: 7px 7px;
-khtml-border-radius-bottomright: 7px 7px;
-khtml-border-radius-bottomleft: 7px 7px;
-moz-border-radius-bottomright: 7px 7px;
-moz-border-radius-bottomleft: 7px 7px;
border-bottom-right-radius: 7px 7px;
border-bottom-left-radius: 7px 7px;
}

.dialog_box_table { width: 100%; border: 0;
-webkit-border-bottom-right-radius: 7px 7px;
-webkit-border-bottom-left-radius: 7px 7px;
-khtml-border-radius-bottomright: 7px 7px;
-khtml-border-radius-bottomleft: 7px 7px;
-moz-border-radius-bottomright: 7px 7px;
-moz-border-radius-bottomleft: 7px 7px;
border-bottom-right-radius: 7px 7px;
border-bottom-left-radius: 7px 7px;
}

.dialog_box_table td { padding: 2px; vertical-align: top; }
.dialog_box_table_field { font-weight: bold; font-size: 13px; }
.dialog_box_table_text { font-size: 13px; }
.dialog_box_table_helptext { font-size: 12px; }

.dialog_box_button {
    border: 1px solid #df8800;
    border-radius: 25px 25px 25px 25px;
    box-shadow: 0 1px 2px #333333, 1px 1px 1px #dFaf70 inset;
    color: #fff;
    display: inline-block;
    font: 600 13px OpenSans,sans-serif;
    padding: 2px 6px;
    text-decoration: none;
    text-shadow: 1px 2px 5px #333;
    cursor: pointer;
}

.dialog_box_button:hover {
    background: -moz-linear-gradient(center top , #eebf36 0%, #eebf36 10%, #efaf10 21%, #ed9810) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, colorstop(0%, #eebf36), colorstop(10%, #eebf36), colorstop(21%, #efaf10), colorstop(100%, #ed9810));
    background: -webkit-linear-gradient(top , #eebf36 0%, #eebf36 10%, #efaf10 21%, #ed9810 100%);
    background: -ms-linear-gradient(center top , #eebf36 0%, #eebf36 10%, #efaf10 21%, #ed9810 100%);
    background: -o-linear-gradient(center top , #eebf36 0%, #eebf36 10%, #efaf10 21%, #ed9810 100%);
    text-shadow: 5px 5px 7px #333;
}

.dialog_table_button_table { width: 100%; margin: 0; }
.dialog_table_button_table td { text-align: center; vertical-align: top; }
.dialog_box_exit { font-family: arial; font-size: 18px; font-weight: bold; color: #600; float: right; margin-right: 5px; width: 22px; height: 22px; background: url(/images/close_icon.png) no-repeat center center; cursor: pointer; }

.dialog_box_top { background-color: #d6dcc8; }
.dialog_box_bottom { background-color: #fff; 
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(45deg,  #ffffff 0%, #e8e1dc 13%, #f3f7e1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#ffffff), color-stop(13%,#e8e1dc), color-stop(100%,#f3f7e1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg,  #ffffff 0%,#e8e1dc 13%,#f3f7e1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg,  #ffffff 0%,#e8e1dc 13%,#f3f7e1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg,  #ffffff 0%,#e8e1dc 13%,#f3f7e1 100%); /* IE10+ */
background: linear-gradient(45deg,  #ffffff 0%,#e8e1dc 13%,#f3f7e1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f7e1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


.dialog_box_button {
    background: -webkit-gradient(linear, left top , left bottom, color-stop(0%, #deaf26), color-stop(10%, #deaf26), color-stop(21%, #df9f00), color-stop( 100%, #cfa067));
    background: -webkit-linear-gradient(top , #deaf26 0%, #deaf26 10%, #df9f00 21%, #cfa067 100%);
    background: -moz-linear-gradient(center top , #deaf26 0%, #deaf26 10%, #df9f00 21%, #cfa067) repeat scroll 0 0 transparent;
    background: -ms-linear-gradient(center top , #deaf26 0%, #deaf26 10%, #df9f00 21%, #cfa067 100%);
    background: -o-linear-gradient(center top , #deaf26 0%, #deaf26 10%, #df9f00 21%, #cfa067 100%);
    background-color: #cfa067;
}


.popup_userdata_table { background-color: #d0f4f9; }

.gsubmitbutton1, .sitebutton1, .sitebutton2, .sitebutton3, .sitebutton4, .filebutton  {
    border: 1px solid #df8800;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 2px #333333, 1px 1px 1px #daf70 inset;
    color: #fff;
    display: inline-block;
    text-align: center; 
    vertical-align: middle;
    padding: 2px 4px;
    text-decoration: none;
    text-shadow: 1px -1px 1px #aaa;
    cursor: pointer;
    white-space: nowrap;
    font: 600 1.4rem OpenSans,sans-serif;
   
}

.gsubmitbutton1:hover, .sitebutton1:hover, .sitebutton2:hover, .sitebutton3:hover, .sitebutton4:hover, .filebutton:hover { text-shadow: 1px 1px 4px #333; }
.gsubmitbutton1 { border-color: #110351; background-color: #311371; }
.gsubmitbutton1:hover { background-color: #513391; }
.sitebutton1 { border-color: #a25d05; background-color: #c27d15; background-color: #7a5635; }
.sitebutton2 { border-color:#41020d; background-color: #61221d; }
.sitebutton3, .filebutton { border-color: #313103; background-color: #515113; }
.sitebutton4 { border-color: #5c4001; background-color: #7c6021;}
.sitebutton1:hover { background-color: #d29d35; }
.sitebutton2:hover { background-color: #81423d; }
.sitebutton3:hover, .filebutton:hover { background-color: #717133; }
.sitebutton4:hover { background-color: #9c8041; }


.timerbox { font-size: 32px; padding: 3px 0 0 0; text-align: center; font-weight: bold; color: #88ff88; border: 3px solid #666; width: 85px; height: 45px; background-color: #222; margin: auto; margin-bottom: 10px; }

/*
.ortop, .orbottom { display: block; }
.ortop *, .orbottom * { display: block; height: 1px; overflow: hidden; font-size: 0; }
.or1, .or2, .or3, .or4, .sorbox { background-color: #efe2cc; border-width: 0 1px 0 1px; border-style: solid; border-color: #dddddd; } 
.or1 { margin: 0 5px; }
.or2 { margin: 0 3px; }
.or3 { margin: 0 2px; }
.or4 { margin: 0 1px; height: 2px; }
*/
.orbox { text-align: center; font-size: 12px; color: #000000; height: 100%; }

.colorblack { background-color: #000000; border-color: #000000; }

.formbuttons         { background-color: #66eeee; border: 2px groove #999999; cursor: pointer; }
.aoptionsdiv           { position: absolute; z-index: 5; width: 495px; height: 250px; text-align: center; visibility: hidden; left: -9999px; top: 0px; }
.optionsdiv           { width: 495px; aheight: 250px; }
.optionsdiv2           { width: 595px; aheight: 250px; }
.optionsshadow   { opacity: .75; filter: alpha(opacity=70); position: absolute; z-index: 1; top: 5px; left: 0; }
.optionsbox         { position: absolute; z-index: 2; width: 490px;  top: 0; left: 5px; background-color: #efe2cc; border: 1px solid #999; }
.optionssubbox    { padding: 4px;  }
.optionstitle         { font-size: 15px; font-weight: bold; color: #ffffff; padding: 4px; background-color: #d94545; text-align: center; }
.optionsselect     { width: 5em; background-color: #fed8a7; border: 2px inset #dddddd; }
.optionstable       { width: 100%; margin: auto; border: 0 none; border-collapse: collapse; }
.optionstable2     { width: 100%; border: 0 none; border-collapse: collapse; margin: auto; }
.optionstable2 td {  }
.optionstable3     { width: 100%; border: 0 none; border-collapse: collapse; }
.optionstable3 td { text-align: center; width: 33%; }
.optionscardimg   { width: 115px; height: 60px; }

/*
.soundstitle           { font-size: 19px; font-weight: bold; background-color: #ee4444; text-align: left;}
*/
.soundoptstable     { width: 80%; margin: auto; }
.soundoptstable td { border-width: 0 0 0 0; border-style: solid; border-color: #dddddd; }

.colorsample         { width: 19px; height: 15px; margin: auto; cursor: pointer; }
.colorsampletable    { width: 100%; border: 1px solid #aaaaaa; border-collapse: collapse; }
.colorsampletable td { border: 1px solid #aaaaaa; border-width: 0 1px; text-align: center; }
.fontsampletable     { border-collapse: collapse; }
.fontsampletable td  { text-align: center; width: 20px; cursor: pointer; }

.langseltable     { width: 80%; margin: auto; }
.langseltable td { border-width: 0 0 0 0; border-style: solid; border-color: #dddddd; }

.boxfield  { font-size: 13px; font-weight: bold; text-align: left; vertical-align: bottom; }

.endingdiv       { position: absolute; z-index: 5; width: 455px; height: 155px; text-align: center; visibility: hidden; top: 0px; left: 0px; }
.endingshadow { opacity: .75; filter: alpha(opacity=70); position: absolute; z-index: 1; width: 450px;  height: 140px; top: 5px; left: 0; }
.endingbox       { position: absolute; z-index: 2; width: 450px;  height: 120px; top: 0; left: 5px; background-color: #efe2cc; padding: 4px; }
.endtext1         { font-size: 2.5em; }
.endtext2         { font-size: 19px; }
.endimgl           { float: left; height: 50px; width: 50px; }
.endimgr           { float: right; height: 50px; width: 50px; }

.icontable     { width: 100%; border: 0 none; border-collapse: collapse; }
.icontable td { text-align: center; }

.games_instrdiv2 { width: 98%; padding: 5px auto; font-size: 1.7rem; margin: 5px auto; atext-align: center; }
.games_instrdiv2_head {  width: 98%; padding: 5px auto; font-size: 1.8rem; font-weight: bold; margin: 5px auto 10px auto; text-align: center; }

.maingametable     { width: 800px; border: 0 none; margin: auto; background-color: #fffff7; }
.maingametable td { vertical-align: top; text-align: center; border: 0 none; }
.wordgridholder   { width: 620px; height: 311px; border: 0 none; border-collapse: collapse; position: relative; z-index: 1; margin: auto; } 
.wordjsdiv             { width: 620px; height: 311px; border: 0 none; border-collapse: collapse; background-color: #aaeeee; position: absolute; top: 0; left: 0; z-index: 2; margin: 0; }
.wordgridtable     { border: 0 none; border-collapse: collapse; position: absolute; top: 0; left: 0; z-index: 3; margin: 0; atable-layout: fixed; }
.wordgridtable td { border: 1px solid #000000; border-collapse: collapse; width: 30px; height: 30px; text-align: center; vertical-align: middle; font-size: 15px; font-weight: bold; overflow: hidden; padding: 0; cursor: pointer; }

.wordlisttable         { width: 210px; width: 100%; border: 1px solid #999; border-collapse: collapse; padding: 0; }
.wordlisttable td     { border: 1px solid #999; border-width: 0 0 1px 0; text-align: left; vertical-align: bottom; }
.wordlistdiv             { width: 230px; width: 100%; aheight: 311px; overflow-x: hidden; overflow-y: scroll; }
.wordlistncell         { font-size: 12px; padding: 2px; } 
.wordlistscell         { font-size: 13px; padding: 2px 5px;  } 
.wordlisttcell         { font-size: 13px; padding: 2px 5px;  }
.wordlistopts           { width: 100%; border: 1px solid #999; border-collapse: collapse; padding: 0; }
.wordlistopts td       { border: 0 none; border-collapse: collapse; padding: 2px 3px; text-align: left; }
.wordlistoptscell   { font-weight: bold; font-size: 12px; }
.wordlistoptstitle { color: #dd9; background-color: #61221d; font-size: 14px; font-weight: bold; }

.lineseg { width: 20px; height: 20px; position: absolute;  }

.langbar { background: inherit; text-align: center; width: 100%; font-size: 16px; font-weight: bold; height: 35px; line-height: 35px; vertical-align: middle; margin: auto; border: 1px solid #aaa; }

/************************************ Blog ********************************/
.blog_opening { width: 90%; margin: 0 auto 15px auto; padding: 2px 10px; vertical-align: middle; }
.blog_leftcolumn { margin-right: 20px; float: left; width: 70%; }
.blog_rightcolumn { width: 250px; float: left; padding: 0;  }
.blog_area { font-size: 1.6rem !important; margin: 3px; line-height: 150%; color: #333 !important; font-family: Georgia, Helvetica, 'Times New Roman' !important; padding: 5px 10px; }
.blog_area2 { font-size: 1.8rem !important; margin: 3px; line-height: 150%; color: #333 !important; font-family: Georgia, Helvetica, 'Times New Roman' !important; padding: 10px 15px; }
.blog_div { margin-bottom: 30px !important; }
.blog_div a { text-decoration: none; color: inherit; font-size: inherit; }
.blog_title_div { color: #22f !important; padding: 5px 0 !important; margin-bottom: 5px; }
.blog_title, .blog_title2 { font-weight: bold !important; }
.blog_title span, .blog_title2 span { font-size: 1.6rem !important; color: #222 !important; font-weight: normal !important; }
.blog_title { font-size: 2.2rem; }
.blog_title2 { font-size: 2.5rem; }
.blog_contents { font-size: 1.8rem !important;line-height: 150%; color: #333 !important; font-family: Georgia, Helvetica, 'Times New Roman' !important; }
.blog_contents a { color: #22d; }
.blog_contents a:hover { text-decoration: underline; }

.blog_image_right_medium { width: 200px; float: right; margin-left: 10px; }
.blog_dropcap { color: #903; float: left; font-family: Georgia; font-size: 4.5rem; line-height: 30px; padding-top: 4px; padding-right: 8px; padding-left: 3px; }

.blog_hr { width: 75%; margin: auto; }

.blog_tags { font-size: 1.4rem !important; background-color: #ffd; }
.blog_readmoretext { font-size: 1.6rem; font-style: italic; float: right; font-weight: bold; }
.blog_summaryimagediv { width: 200px; height: 250px; border: 0 none; overflow: hidden; margin-left: 10px; float: right; }
.blog_summaryimagediv, .blog_summaryimagediv img {  
   -webkit-border-radius: 15px;
   -khtml-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: 15px;
}
.blog_topimagediv { max-height: 300px; overflow: hidden; }

.blog_tag_title { font-size: 2.4rem; color: #e00; font-weight: bold; }
.blog_tag_clear { font-size: 1.2rem; }
.blog_subscribe_block { font-size: 16px; color: #222; line-height: 110%; text-align: center; padding: 10px; border: 1px solid #999; background-color: #fff; margin: 1.0vw; }
.blog_subscribe_man { width: 150px; }
.blog_recentposts_title { text-align: center; font-size: 22px; font-weight: bold; }


/************************************ Blog ********************************/
.printer_setup_table { font-size: 1.6rem; width: 80%; margin: auto; border: 1px solid #ccc; aborder-collapse: collapse; }
.printer_setup_table > tbody > tr > td { border: 1px solid #ddd; aborder-collapse: collapse; vertical-align: top; padding: 3px 5px; }
.printer_setup_header { background-color: #2c7791; font-weight: bold; color: #eee; font-size: 110%; apadding: 3% 5%}
.printer_setup_field { font-weight: bold; }

.printer_wordgridtable { border: 0 none; border-collapse: collapse; margin: auto; table-layout: fixed; }
.printer_wordlisttable { width: 21.0vw; border: 2px solid #000000; border-collapse: collapse; padding: 0; }
.printer_wordlisttable td { border: 1px solid #000000; border-width: 0 0 1px 0; text-align: left; vertical-align: bottom; }

.puzzle_selection_table { width: 80%; margin: auto;}
.puzzle_selection_table td { width: 33%; text-align: center; }

.printer_table2cols { width: 100%; }
.printer_table2cols td { width: 50%; text-align: center; }

.printer_page_intro { width: 90%; margin: auto; font-size: 1.6rem; amargin-bottom: 15px; apadding: 10px 15px; text-align: center; }
.printer_page_intro p { font-size: 120%; font-weight: bold; margin-bottom: 2px; }

.printer_mc_table { width: 95%; margin: auto; border: 0 none; border-collapse; collapse; }
.printer_mc_table td { padding: 0.5vw 1.0vw; border: 0 none; border-collapse; collapse; }
.printer_mc_table_question { afont-size: 110%; font-weight: bold; }
.printer_mc_table_answer { padding-left: 2.0vw; }
.printer_mc_table_fontsize_1 { font-size: 1.2rem; }
.printer_mc_table_fontsize_2 { font-size: 1.5rem; }
.printer_mc_table_fontsize_3 { font-size: 1.8rem; }



.mag_icon { background: url(https://www.scriveremo.com/images/mag_glass_26.png) no-repeat; display: inline-block; background-position: 0 0; width: 26px; height: 26px; cursor: pointer; } 

.all_authors_link { font-size: 1.3rem; font-weight: bold; color: #afa; font-style: italic; }
.author_view_picdiv { width: 100px; float: right; margin-left: 10px; }
.author_view_picdiv img { width: 100%; 
   -webkit-border-radius: 15px;
   -khtml-border-radius: 15px;
   -moz-border-radius: 30px;
   border-radius: 30px;
}


.tagslist_div { width: 98%; min-height: 10px; display: inline-block; text-align: center; margin-bottom: 20px; }
.tagslist_title { font-size: 2.0rem; font-weight: bold; text-align: center; }
.tagsdiv { float: left; padding: 2px; margin: 2px;  }
.tagsdiv a { text-decoration: none; color: #292; }

.recentposts_table { width: 100%; border-spacing: 3px;  }
.recentposts_table td { padding: 0 5px; font-size: 1.8rem; vertical-align: top; font-family: Garamond !important; }
.recentposts_table a, .recentposts_table a:hover { text-decoration: none; color: #222; }
.recentposts_table_div { width: 50px; height: 75px; border: 0 none; overflow: hidden; }

.paginationtable { border: 0 none; }
.pagescellhigh, .pagescellnorm, .pagescellend { text-align: center; font-size: 1.5rem; width: 30px; }
.pagescellhigh { background-color: #faa;  }
.pagescellnorm {  }
.pagescellend { font-weight: bold;  }

.searchlineopts { width: 85%; margin: auto; display: table; }
.searchlineopts_col1, .searchlineopts_col2, .searchlineopts_col3 { font-size: 14px; vertical-align: middle; line-height: 100%;  display: table-cell; }
.searchlineopts_col2 { text-align: right; padding-right: 1.0vw;  }
.searchlineopts_col3 { text-align: right; margin-left: 5px; width: 60px; }
.searchlineopts_sub1 { text-align: right; display: table-cell; }
.searchlineopts_sub2 { margin: 0 0 0 auto; display: table; text-align: right;  }
.searchlineopts input[type=checkbox] { vertical-align: middle; }
.searchlineopts label { padding-right: 10px; vertical-align: middle; }
.searchlineopts input[type=submit] { color: #ee0 !important; cursor: pointer; font-weight: 500; font-family: arial; vertical-align: middle; margin: auto; 
background: #4d75b1;
background-repeat: repeat-x;
border: 1px solid #222;
border-color: #399a49 #247f32 #1a6d27 #399a49;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0; 
font-size: 1.4rem !important; line-height: 1.4rem; padding: 0.4vw;
}

.searchlineopts submit:hover  {
background: #3aa04c;
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#3aa04c), to(#3aa04a));
background-image: -webkit-linear-gradient(top, #3aa04c, 0%, #3aa04a, 100%);
background-image: -moz-linear-gradient(top, #3aa04c 0%, #3aa04a 100%);
background-image: linear-gradient(to bottom, #3aa04c 0%, #3aa04a 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF3AA04C', endColorstr='#FF3AA04A', GradientType=0);
border-color: #196f28 #399a49 #399a49 #258033; 
}

.searchsectiontitleholder { margin: 1.0vw 0; }
.searchsectiontitle { background-color: #000; color: #fff; display: inline-block; padding-left: 5px; line-height: 3.0vw; height: 3.0vw; max-height: 30px; min-width: 30.0vw; max-width: 300px; font-size: 1.9rem; float: left; 
-webkit-border-top-right-radius: 1.5vw;
-khtml-border-radius-topright: 1.5vw;
-moz-border-radius-topright: 1.5vw;
border-top-right-radius: 1.5vw;
}
.searchsectiontitle a { color: #eee; }

.searchbox_div { width: 250px; height: 40px; border: 1px solid #999; margin-bottom: 7px; }
.searchbox_input { width: 200px; height: 38px; font-size: 1.8rem; border: 0 none; }
.searchbox_imagediv { margin: 6px 6px 0 0; float: right; }
.searchbox_image { margin: 0; border: 0 none; }

.searchresults_intro { font-size: 3.0rem; font-weight: bold; color: #f99; margin-bottom: 7px; }
.searchresult_div { font-size: 1.6rem; color: #222; }
.searchresult_div a { text-decoration: none; }      
.searchresult_title { font-size: 2.0rem; font-weight: bold; }

.search_hideline { width: 70%; margin: auto; text-align: center; margin-bottom: 2.0vw; }
.search_hideline div { color: #004; font-weight: bold; font-size: 1.5rem; margin: 0 2.0vw; display: inline-block; }

.search_nonefound { font-size: 2.0rem; font-weight: bold; text-align: center; font-style: italic; margin-bottom: 3.0vw; }

.calendar_holder { width: 250px; border: 0 none; margin: 0; padding: 0; }
.calendar_table { width: 248px; border-collapse: collapse; border: 1px solid #222; margin: 0; }
.calendar_table td { height: 25px; width: 14%; border: 1px solid #222; }
.calendar_cell, .calendar_cell2 { font-size: 1.2rem; vertical-align: top; text-align: left; }
.calendar_cell2 { background-color: #faa; }
.calendar_cell2 a { height: 100%; width: 100%; display: block; }
.calendar_day {  font-size: 1.3rem; text-align: center; font-weight: bold; }
.calendar_blank { background-color: #aaa; }

.bottomad_div { margin-top: 20px; max-height: 120px; height: 120px; }

.topslider, .topsliderbox, .sliderboxholder, .sliderboxcontents, .sliderboxsub { width: 70.0vw; max-width: 700px; height: 20.0vw; max-height: 200px; }
.topslider { text-align: left; aborder: 12px solid #090; position: relative; overflow-y: hidden; overflow-x: scroll; }
.topsliderbox { display: table-cell; position: relative; overflow: hidden; margin: 0; }
.topsliderboximg  { height: 18.0vw; max-height: 180px; width: 15.0vw; max-width: 150px; position: absolute; top: 1.0vw; left: 1.0vw; text-align: right; }
.topsliderbox img { height: 18.0vw; max-height: 180px; box-shadow: -0.5vw 0.5vw 0.3vw rgba(0, 0, 0, 0.5);  }
.topsliderboxtop { height: 6.0vw; max-height: 60px; line-height: 110%; padding-left: 17.0vw; padding-top: 0.5vw; background-color: #4b4596; color: #fff; font-weight: bold; font-size: 2.0rem; vertical-align: middle;  }
.topsliderboxbottom { padding-left: 17.0vw; padding-top: 1.0vw; padding-right: 2.0vw; color: #222; font-weight: 500; font-family: Times New Roman; font-size: 2.0rem; }

.sliderboxsub a {text-decoration: none; color: inherit; }
    
.slidersidearrowboxl, .slidersidearrowboxr { width: 2.5vw; max-width: 25px; height: 20.0vw; max-height: 200px; position: absolute; top: 0; z-index: 4; cursor: pointer; }
.slidersidearrowboxr { abackground-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.2) 100%); }
.slidersidearrowboxl { abackground-image: linear-gradient(to left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.2) 100%); }
.slidersidearrowimg { width: 25px; height: 30%; position: absolute; top: 40%; z-index: 4; }
.sliderboxholder { position: relative; overflow: hidden; border: 1px solid #aaa; }
.sliderboxsub { position: absolute; top: 0; left: 0; }
.sliderboxcontents { color: #eee; }

.indextoptable { display: table; width: 95%; max-width: 1156px;  margin: auto; margin-bottom: 2.0vw;}
.indextoptablerow { display: table-row; }
.indextoptablecell { display: table-cell; vertical-align: top; aborder: 1px solid #444; }
.indextoptableslidecell { width: 70.0vw; max-width: 770px; display: table-cell; vertical-align: top; }

.indexsubitemholder { position: relative; text-align: center; margin-top: 2.0vw; }
.indexsubitembox { awidth: 43.0vw;width: 43%;  max-width: 430px; max-height: 300px; border: 0.2vw solid #4b4596;  margin: 0 1.0vw; display: inline-block; vertical-align: top; }
.indexsubitemtext { min-height: 20.0vw; color: #222; font-size: 1.7rem; font-weight: 600; line-height: 1.2; padding: 1.0vw; text-align: left; }
.indexsubitemhead { background-color: #4b4596; color: #eee; font-size: 1.8rem; padding: 0.4vw; 1.5vw; font-weight: bold; text-align: left;  }
.indexsubitembuttonbox { margin: 0.7vw; text-align: center; }
.indexsubitembutton { background-color: #229; padding: 0.4vw 0.8vw; color: #eee; display: inline-block; font-weight: bold; }
a:link.indexsubitembutton  { color: #eee; text-decoration: none; }
a:hover.indexsubitembutton  { color: #ee2; }
.indexsubitemimage1 { height: 14.4vw; max-height: 144px; width: auto; float: right; margin: 0.2vw 0 0.2vw 0.4vw; }
.indexsubitemimage2 { height: 14.4vw; max-height: 144px; width: auto; float: right; margin: 0.2vw 0 0.2vw 0.4vw; border: 1px solid #aaa; }

.indexcolorbox1 { padding: 1.0vw 0 2.0vw 0; margin-top: 2.0vw; }
.indexcolorbox2 { padding: 1.0vw 0 2.0vw 0; margin-top: 2.0vw;
background-color: #3d6571;
background: -moz-radial-gradient(center, ellipse cover,  #adc5d1 0%, #3d6571 100%); 
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#adc5d1), color-stop(100%,#3d6571)); 
background: -webkit-radial-gradient(center, ellipse cover,  #adc5d1 0%,#3d6571 100%); 
background: -o-radial-gradient(center, ellipse cover,  #adc5d1 0%,#3d6571 100%); 
background: -ms-radial-gradient(center, ellipse cover,  #adc5d1 0%,#3d6571 100%); 
background: radial-gradient(ellipse at center,  #adc5d1 0%,#3d6571 100%); 
}

.indexshopitemholder { text-align: left; display: block; position: relative; }
.indexshopitembox { width: 21.0vw; max-width: 210px; margin: 0 0.7vw; vertical-align: top; white-space: normal; display: inline-block; text-align: left; font-size: 1.8rem; font-weight: 600; font-family: Times New Roman; color: #222;   }
.indexshopitembox a { color: #222; }
.indexshopitembox img { height: 20.0vw; max-height: 200px; width: auto; }

.indexnewrelholder, .indexnewrelholder2 { text-align: center; position: relative; font-size: 0; width: 96.0vw; max-width: 960px; margin: auto; aborder: 2px solid #ee0; vertical-align: top; }
.indexnewrelbox { text-align: center; position: relative; white-space: nowrap; padding: 0; margin: 0; font-size: 0; }
.indexnewrelboxslider, .indexnewrelboxslider2 { width: 89.6vw; awidth: 96.0vw; max-width: 896px; aborder: 1px solid #00e; margin: auto; overflow-x: hidden; overflow-y: hidden; position: relative; display: inline-block; vertical-align: top; }
.indexnewrelboxslider, .aindexnewrelholder { aborder: 1px solid #e00; haeight: 35.0vw;  }
.indexnewrelboxslider2, .aindexnewrelholder2 { aheight: 30.0vw;  }

.indexnewrelseeallw, .indexnewrelseeallb { font-size: 1.7rem; font-weight: bold; float: right; margin-right: 1.0vw; font-style: italic; }
.indexnewrelseeallw, .indexnewrelseeallw a, .indexnewrelseeallw a:visited { color: #ccc; }
.indexnewrelseeallb { color: #922;  }

.indexnewreltitlew, .indexnewreltitleb { font-size: 2.2rem; font-weight: bold; text-align: left;  }
.indexnewreltitlew { color: #eee;  }
.indexnewreltitleb { color: #222;  }

.indexnewrelitemw, .indexnewrelitemb { white-space: normal; width: 16.8vw; max-width: 168px; margin: 0 0.7vw; vertical-align: top; display: inline-block; text-align: center; font-size: 1.8rem; font-weight: 600; font-family: Times New Roman; }
.indexnewrelitemw, .indexnewrelitemw a { color: #eee; }
.indexnewrelitemb, .indexnewrelitemb a { color: #333;  }

.indexnewrelitemw img, .indexnewrelitemb img { height: 18.5vw; max-height: 185px; width: auto; margin-bottom: 0.5vw;  box-shadow: -0.5vw 0.5vw 0.3vw rgba(0,0,0,0.4); }
.indexnewrelitemw img { border: 1px solid #777; }
.indexnewrelitemb img { border: 1px solid #aaa; }


.indexnewrelarrowboxl, .indexnewrelarrowboxr, .indexnewrelarrowboxl2, .indexnewrelarrowboxr2 { width: 2.5vw; max-width: 25px; display: inline-block; position: absolute; atop: 0; az-index: 4; cursor: pointer; }
.indexnewrelarrowboxr, .indexnewrelarrowboxr2 { right: 0; aposition: relative; abackground-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.2) 100%); }
.indexnewrelarrowboxl, .indexnewrelarrowboxl2 { left: 0; aposition: relative; visibility: hidden; abackground-image: linear-gradient(to left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.2) 100%); }
.indexnewrelarrowboxl, .indexnewrelarrowboxr { height: 35.0vw; max-height: 350px; }
.indexnewrelarrowboxl2, .indexnewrelarrowboxr2 { height: 30.0vw; max-height: 300px; }
.indexnewrelarrowimgr { width: 25px; height: 30%; position: absolute; top: 20%; z-index: 4; aborder: 1px solid #e00; background: url('images/scroll_right_arrow.png') no-repeat; background-size: 25px 100%; }
.indexnewrelarrowimgl { width: 25px; height: 30%; position: absolute; top: 20%; z-index: 4; aaborder: 1px solid #e00; background: url('images/scroll_left_arrow.png') no-repeat; background-size: 25px 100%; }

.indexsubscriptionbox { width: 90%; margin: auto; margin-top: 2.0vw; border: 0.2vw solid #4b4596; font-size: 1.8rem;  text-align: center; }
.indexsubscriptionhead { background-color: #4b4596; padding: 0.4vw 1.5vw; font-weight: bold; color: #eee; }
.indexsubscriptiontext { text-align: center; font-size: 1.9rem; font-weight: bold; color: #222; padding: 1.0vw; }

.indexinfobox { width: 20.0vw; max-width: 200px; height: 20.0vw; max-height: 200px; background: url(https://www.scriveremo.com/images/scrivinfobox.jpg) no-repeat; background-size: 20.0vw  auto; }

.indexlinkreviewsholder { text-align: center; position: relative; width: 100%; margin: 1.0vw 0 2.0vw 0; }
.indexlinkreviewsbox { vertical-align: middle; width: 35.0vw; display: inline-block; margin: 0 2.0vw; max-width: 350px; }
.indexlinkreviewsbox img { width: 35.0vw; max-width: 350px; }

a:link.front_part_link, a:visited.front_part_link, .front_part_link { color: #eee; }

.indexnewrelitemw, .indexnewrelitemb { font-size: 1.6rem; }

.llj_bar { width: 88%; margin: auto; padding: 1.0vw; background-color: #4e90c4; color: #eee; font-size: 2.3rem; text-align: center; }

   
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
	opacity:0; 
	-webkit-animation:fadeIn ease-in 1; 
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
	-webkit-animation-fill-mode:forwards; 
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
}

.fade-in.one { -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; animation-delay: 0.7s; }
.fade-in.two { -webkit-animation-delay: 1.2s; -moz-animation-delay:1.2s; animation-delay: 1.2s; }
.fade-in.three { -webkit-animation-delay: 1.6s; -moz-animation-delay: 1.6s; animation-delay: 1.6s; }
.fade-in.four { -webkit-animation-delay: 3.0s; -moz-animation-delay: 3.0s; animation-delay: 3.0s; }

@keyframes shadow-pulse {
     0% { box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.3); }
     100% {  box-shadow: 0 0 0 20px rgba(0, 0, 0, 0); }
}

.pulse1 { animation: shadow-pulse 2s infinite; }

.booklist_holder { margin: auto; border: 1px solid #aaa; border-width: 0 0 1px 0;  width: 90.0vw; max-width: 900px; }
.booklist_holder_spacer { height: 10px;   }
.booklist_holder_image { width: 17.0vw; max-width: 170px; vertical-align: top; margin: 0.5vw 1.0vw 0.5vw 0.5vw; text-align: center; }
.booklist_holder_image img {  height: 20.0vw; min-height: 150px; max-height: 200px; width: auto; border: 1px solid #aaa; box-shadow: -5px 5px 3px rgba(0,0,0,0.4);}
.booklist_holder_title {  font-size: 1.9rem; font-weight: bold; }
.booklist_holder_desc {  font-size: 1.7rem; line-height: 1.5; margin-top: 0.5vw; width: 95%; }
.booklist_holder_buttons {  text-align: left; aposition: absolute; abottom: 10px; }
.booklist_holder_buttons a { font-size: 1.6rem; font-weight: bold; aposition: relative; display: inline-block; padding: 0.1vw 0.9vw; background-color: #b44; border: 2px solid #922; color: #eee; margin: 0.3vw 0.3vw;  
-webkit-border-radius: 0.7vw;
-khtml-border-radius: 0.7vw;
-moz-border-radius: 0.7vw;
border-radius: 0.7vw;

}
.booklist_sidebar { width: 19.0vw; max-width: 190px; float: right; padding: 1.0vw; background-color: #2c7791; border: 2px solid #0c5771; color: #ecf7f1; text-align: center; margin: 0 0 1.0vw 1.0vw; }


.javascriptshowon { display: none; }
.javascriptshowoff { display: block; }
.javascriptshowoni { display: none; }
.javascriptshowoffi { display: inline; }
.javascriptshowonr { display: table-row; }
.javascriptshowoffr { display: none; }
.javascriptshowonin { display: none; }
.javascriptshowoffin { display: inline-block; }


@media screen and (min-width: 1300px) {
.catalogdiv_large { width: 45%; amax-width: 955px; margin: 0 1.0vw 3.0vw 1.0vw; display: inline-block; }
} 

@media screen and (min-width: 1030px) {
.amazon_base { width: 118px; height: 40px; }
.amazon_holder div { font-size: 22px; }
.barnes_base { width: 240px; height: 40px; }
.langlistflagdiv { margin: 4px; padding-top: 3px; }
.coverpagelist1 li:before { left: -17px; top: 5px;}
.topsearchbox { margin-right: 90px; margin-top: 20px; }
.scriv_container_right { padding: 6px; margin-top: 5px; }
.header_user_info { line-height: 25px; margin-right: 25px; }
.shopsectiontablecell { min-height: 440px;  }
.front_part_holder { margin-bottom: 60px; }
.indexnewrelitemw, .indexnewrelitemb { margin: 0 7px; }
.booklist_holder_buttons a { padding: 3px 6px; margin: 5px 5px;  }
.indexinfobox { background-size: 200px  auto; }
.catalog_subdiv1_large { min-height: 150px; }
.catalogdiv_large { margin-bottom: 30px; padding-bottom: 30px; }
.catalogimagediv_large { margin-right: 20px; }
.searchresults_imgdiv { min-width: 130px; min-height: 90px;  }
.headlogodiv { padding: 5px 10px; amargin-top: 5px; }
.gf-entrybox_row > :first-child { min-width: 200px; max-width: 200px; }
.gf_agreediv input[type=checkbox] { margin-right: 20px; margin-top: 13px;  }
.indexcolorbox1 { padding: 10px 0 20px 0; margin-top: 20px; }
.indexcolorbox2 { padding: 10px 0 20px 0; margin-top: 20px; }
.button-medium, .button-mediumi  { padding: 10px; }
.button-small, .button-small2 { padding: 7px;  }
.contactsocialline div { min-height: 48px; }
.aboutus_staff { margin-bottom: 20px; }
.searchresults_button1, .searchresults_button2, .searchresults_button3 { amargin: 5px;   }
.searchsectiontitle { line-height: 30px; }
.wsnorm { white-space: norm !important; }
.pdflisttable .col1, .pdflisttable .col2, .pdflisttable .col3, .pdflisttable .col4 { line-height: 35px; }

.freebies_bigholder { margin: 10px; }
.freebies_holder { padding: 10px; }
.freebies_holder img { margin-right: 10px; }

.ribbon_right, .ribbon_left { width: 75px; height: 75px; max-height: 75px;  }
.ribbon_right_big, .ribbon_left_big { width: 150px; height: 150px; max-height: 150px;  }
.ribbon_right { right: -2px; top: -2px; }
.ribbon_right_big { right: -2px; top: -2px; }
.ribbon_left { left: -2px; top: -2px; }
.ribbon_left_big { left: -2px; top: -2px; }
.ribbon_right span, .ribbon_left span { 10px; line-height: 20px; width: 100px;  }
.ribbon_right_big span, .ribbon_left_big span { font-size: 12px; line-height: 22px; width: 150px;  }
.ribbon_right span {  top: 19px; right: -21px; }
.ribbon_right_big span {  top: 37px; right: -27px; }
.ribbon_left span { top: 19px; left: -21px; }
.ribbon_left_big span { top: 37px; left: -27px; }

.similaritems_line { margin-bottom: 20px; }

.indexnewrelholder, .indexnewrelholder2 { max-width: 1156px;  }
.indexnewrelboxslider, .indexnewrelboxslider2 { max-width: 1092px;  }

.banner_calltoaction_holder { height: 40px; margin-bottom: -20px;  }
.banner_calltoaction { height: 40px; line-height: 40px; }   


.fancy3d-book > :first-child {
  transform: translateZ(25px);
}

.fancy3d-book::before {
  transform: translateX(212px) rotateY(90deg); /* translate: width - 28 */
}

.fancy3d-book::after {
  transform: translateZ(-20px); /* thickness */
  box-shadow: -10px 0 40px 10px #666;
}


}

@media only screen and (max-width: 950px) {
   html { font-size: 9.2px; }
.scrivpresentsdiv2 { font-size: 4.0rem; }
.scrivpresentsdiv3 { font-size: 3.2rem; }
.blog_leftcolumn { width: 98%; float: none; }
.blog_rightcolumn { width: 98%; float: none; }
.banner_text { width: 52%;  }
.banner_calltoaction { afont-size: 2.3rem !important; }
}

@media only screen and (max-width: 900px) {
.topsliderboxtop { font-size: 1.9rem; }
.topsliderboxbottom { font-size: 1.8rem; }
.indexnewrelitemw, .indexnewrelitemb, .indexshowitembox { font-size: 1.7rem; }
.banner_text {  width: 54%;  }
.banner_calltoaction { afont-size: 2.3rem !important; }
}

@media only screen and (max-width: 850px) {
.banner_text { width: 58%; }
.banner_calltoaction { afont-size: 1.3rem !important; }
.searchresults_title { font-size: 1.8rem; }
.searchresults_desc { font-size: 1.6rem;  }
}


@media only screen and (max-width: 800px) {
   html { font-size: 9.0px; }
.auto90, .pagediv { width: 95%; }
.scrivpresentsdiv2 { font-size: 4.0rem; }
.scrivpresentsdiv3 { font-size: 3.2rem; }
.langlistflagdiv { font-size: 13px; }
.scriv_footer_section_title { font-size: 16px; }
.scriv_footer_section { font-size: 14px;  }
.scriv_footer_copyright { font-size: 14px; }
.topsliderboxtop { font-size: 1.8rem; }
.topsearchbox { display: none; }
.topsliderboxbottom { font-size: 1.6rem; }
.topminimenusub { display: none;  }
.toplangsub { padding-left: 10px; }
.indexnewrelitemw, .indexnewrelitemb, .indexshowitembox { font-size: 1.6rem; }
.indexsubitemtext { font-size: 1.5rem; }
.booklist_sidebar { width: 90%; float: none; margin: auto; max-width: none; margin-bottom: 2.0vw; }
.newsletter_holder { display: block; }
.newsletter_col1, .newsletter_col2, .newsletter_col3 { display: block; width: 100%; }
.newsletter_col1, .news_mainpage, .newsletter_col3 { max-width: 100% !important; } 
.booklist_holder_buttons { position: relative; }
.catalogtitle_large { font-size: 120%; } 
.subscription_freebiebook {  margin-top: 1.5vw; }
.banner_text { width: 60%; }
.banner_calltoaction { font-size: 2.3rem !important; }
.banner_calltoaction_holder { height: 30px; margin-bottom: -15px;  }
.banner_calltoaction { height: 30px; line-height: 30px; }   

.ribbon_right, .ribbon_left { width: 70px; height: 70px; max-height: 70px;  }
.ribbon_right_big, .ribbon_left_big { width: 150px; height: 150px;  }
.ribbon_right { right: -1px; top: -1px;  }
.ribbon_right_big { right: -2px; top: -2px;  }
.ribbon_left { left: -1px; top: -1px;  }
.ribbon_left_big { left: -2px; top: -2px;  }
.ribbon_right span, .ribbon_left span { color: #eee; font-size: 0.8rem; line-height: 16px; width: 95px;  }
.ribbon_right_big span, .ribbon_left_big span { font-size: 12px; line-height: 22px; width: 170px;  }
.ribbon_right span { top: 16px; right: -20px; }
.ribbon_right_big span { top: 3.7vw; right: -2.7vw; }
.ribbon_left span { top: 16px; left: -20px; }
.ribbon_left_big span { top: 3.7vw; left: -2.7vw; }
}


@media only screen and (max-width: 750px) {
.banner_text {  width: 65%; }
.banner_calltoaction { afont-size: 1.3rem !important; }
.searchresults_title { font-size: 1.7rem; }
.searchresults_desc { font-size: 1.5rem;  }
}


@media only screen and (max-width: 700px) {
   html { font-size: 8.7px; }
.scrivpresentsdiv2 { font-size: 3.7rem; }
.scrivpresentsdiv3 { font-size: 2.7rem; }
.frontpage_reviews blockquote { font-size: 15px; }
.frontpage_reviews p { font-size: 13px;  }
.container_right { display: none; }
.scrollsidebar_open_div { display: block;  }
.scriv_container_right { display: none; }
.scrivbigdiv h1, .scrivpresentsdiv2 { font-size: 3.8rem; line-height: 110%; }
.amazon_holder div { vertical-align: middle; font-size: 18px;  line-height: 16px; }
.topsliderboxtop { font-size: 1.7rem; }
.topsliderboxbottom { font-size: 1.5rem; }
.indexnewrelitemw, .indexnewrelitemb, .indexshowitembox { font-size: 1.5rem; }
.indexsubitemtext { font-size: 1.4rem; }
.frontpagecalltoaction { font-size: 1.4rem !important;  }
.banner_text { width: 67%;  }
.banner_calltoaction { font-size: 2.1rem !important; }
.searchresults2_title { font-size: 1.3rem;  }
.searchresults2 { height: 230px;}
.asearchresults { white-space: normal; }
.searchresults_button1, .searchresults_button2, .searchresults_button3 { display: inline-block; }
.searchresults_sub2 { display: table-row; text-align: center }
.searchlineopts_sub1 { display: table-row; text-align: left; }
.searchlineopts_sub2 { margin: 0; }
.searchlineopts { width: 95%; }
}

@media only screen and (max-width: 650px) {
.banner_text {  width: 70%; }
.banner_calltoaction { afont-size: 1.3rem !important; }
}

@media only screen and (max-width: 600px) {
   html { font-size: 8.5px; }
.auto90, .pagediv { width: 99%; }
.scrivpresentsdiv2 { font-size: 3.5rem; }
.scrivpresentsdiv3 { font-size: 2.7rem; }
.amazon_holder div { vertical-align: middle; font-size: 16px; line-height: 14px; }
.topsliderboxtop { font-size: 1.6rem; }
.topsliderboxbottom { font-size: 1.4rem; }
.indexnewrelitemw, .indexnewrelitemb, .indexshowitembox { font-size: 1.4rem; }
.catalogdiv { width: 95%; max-width: 900px; min-height: 20px;  }
.catalogtitle_large { font-size: 110%; } 
.indexsubitembox { width: 90%;  margin-bottom: 1.0vw; }
.subscription_freebiebook {  margin-top: 2.5vw; }
.banner_text { width: 72%; }
.banner_calltoaction { font-size: 2.0rem !important; }
.searchresults_title { font-size: 1.6rem; }
.searchresults_desc { font-size: 1.4rem;  }
.asearchresults_sub1 { width: 80%; }
.searchsectiontitle { padding-top: 3px; padding-bottom: 3px; } 
}

@media only screen and (max-width: 550px) {
.banner_text {  width: 77%; }
.banner_calltoaction { afont-size: 1.3rem !important; }
}


@media only screen and (max-width: 500px) {
   html { font-size: 8.3px; }
.scrivpresentsdiv2 { font-size: 3.3rem; }
.scrivpresentsdiv3 { font-size: 2.5rem; }
.button-medium { font-size: 16px; }
.amazon_holder div { vertical-align: middle; font-size: 14px; line-height: 12px; }
.topsliderboxtop { font-size: 1.5rem; line-height: 110%;}
.topsliderboxbottom { font-size: 1.3rem; line-height: 110%; }
.indexnewrelitemw, .indexnewrelitemb, .indexshowitembox { font-size: 1.3rem; }
.itembookholder { float:none; } 
.banner_text {  font-size: 3.1rem; width: 80%; }
.banner_calltoaction { font-size: 1.9rem !important; }
.searchresults { margin-bottom: 15px; }
.searchresults2_title { font-size: 1.2rem; }
.searchresults2 { height: 210px;}
.searchsectiontitle { font-size: 1.6rem; }
}

@media only screen and (max-width: 450px) {
.banner_text { width: 83%;  }
.banner_calltoaction { font-size: 1.3rem !important; }
.searchresults_button1 a, .searchresults_button2 a, .searchresults_button3 a { font-size: 1.3rem; }
}

@media only screen and (max-width: 400px) {
   html { font-size: 8.0px; }
.scrivpresentsdiv2 { font-size: 3.0rem; }
.scrivpresentsdiv3 { font-size: 2.2rem; }
.amazon_holder div { vertical-align: middle; font-size: 12px; line-height: 10px; }
.topsliderboxtop { font-size: 1.4rem; }
.topsliderboxbottom { font-size: 1.2rem; }
.indexnewrelitemw, .indexnewrelitemb, .indexshowitembox { font-size: 1.3rem; }
.banner_text { width: 85%; }
.banner_calltoaction { font-size: 1.3rem !important;  color: #e00; }
}

@media only screen and (max-width: 320px) {
.banner_text {  width: 87%; }
.abanner_calltoaction { font-size: 1.2rem !important; }
}

@media only screen and (max-width: 320px) {
   html { font-size: 7.7px; }
.scrivpresentsdiv2 { font-size: 3.0rem; }
.scrivpresentsdiv3 { font-size: 2.0rem; }
.scrivbigdiv h1, .scrivpresentsdiv2 { font-size: 2.6rem; line-height: 110%; }
}

@media print {
   body { margin: 0; background: none; font-size: 13px; }
   .noshowonprint { display: none; }
   .showonprint { display: block; }
   .printer_mc_table { width: 99%; }
}