/*  

Theme Name:    eBook
Theme URI:     http://templatic.com/
Description:   Developed by Bhavesh Radadiya.
Version:       1.3
Author:        Templatic.com
Author URI:    http://templatic.com/

*/

/*
               IMPORTANT NOTE!
               If you wish to make custom changes to your theme, DO NOT EDIT THIS FILE. Instead, use the custom.css template
               to define custom styles. This way, you will still be able to take advantage of future upgrades to the theme
               without worrying about overwriting your style changes.
*/

/*=== Setup ===*/

/* Import RESET styling for grid framework*/
@import url('library/css/reset.css');

/* Import TEXT styling for grid framework*/
@import url('library/css/text.css');

/* Import GRID styling for grid framework*/
@import url('library/css/960.css');


/* Import GRID styling for grid framework*/
@import url('skins/1-default.css');


/*	--------------------------------------------------
Global Reset - Resets all browser defaults to 0
-------------------------------------------------- */
html, body { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6, p, blockquote, address, big, cite, code, em, font, img, small, strike, sub, sup, li, ol, ul, fieldset, form, label, legend, button, table, caption, tr, th, 		
td { margin:0; padding:0; border:0; font-weight:normal; font-style:normal; font-size:100%; line-height:1; font-family:inherit; text-align:left; }
table { border-collapse:collapse; border-spacing:0;  }
ul { list-style:none; }
blockquote:before, blockquote:after { content:""; }

img{max-width:100%;}

.fix{ clear: both; height: 1px; margin: -1px 0 0; overflow: hidden }
.fl, .fll, .aleft { float:left }
.fr, .frr, .aright { float:right }
.ac, span .ac{ text-align:center }
.ar, span .ar{ text-align:right }
.al, span .al{ text-align:left }

a { text-decoration:none; }
a:hover { text-decoration:underline }

.imgleft { border:2px solid #CCCCCC; float:left; margin:0 15px 15px 0;  }
.imgleft_none { float:left; margin:0 15px 15px 0; }
.imgright_none { float:right; margin:0 0 15px 15px; }
.aright { float:right; margin-bottom:15px; }

.imgright { border:2px solid #CCCCCC; float:right; margin:0 0 15px 15px; }

/*	--------------------------------------------------
 Structure
 -------------------------------------------------- */

.header_background { padding:15px 0px 0px 0px; }
.header-in { position:relative; max-width:960px;width:100%; height:77px;  } 

#banner { padding:45px 10px 20px 10px; position:relative; min-height:410px;    }
* html #banner { height:390px; }
*+html #banner { min-height:390px; }

#wrapper { padding-top:20px; padding-bottom:20px; height:100%; overflow:hidden; }
#content { float:left; }
.entry { /*float:left;*/ text-align:justify; }

#sidebar { float:right; min-height:600px; }
* html #sidebar { width:600px; }

#content-blog { float:left; }
#sidebar-blog { width:270px; float:right;   padding-left:20px;  min-height:600px;  }
* html #sidebar-blog { width:600px; }


#page_head {  font-size:28px; padding:15px 10px; margin-bottom:1px;  }
#page_head h1 { margin:0; padding:0 20px 0 10px;  }
a.post-edit-link{ color:#666 }
a.post-edit-link:hover{ color:#000 }
#footer { padding:13px 10px 15px 10px; height:100%; overflow:hidden; }
#footer1 { padding:13px 10px 15px 10px; height:100%; overflow:hidden; }


/*	--------------------------------------------------
Header
-------------------------------------------------- */
h1.logo { position: relative; display: block; font-size:18px; padding:15px 0 0 10px; margin:0 0 0 0; float:left; z-index:999; }
.logo span { width: 100%; height: 100%; position:absolute; bottom:0; left:0;    }
.logo span, .logo span a { width:160px; height:28px;  }
.logo span a { display:block; cursor:pointer; }
.logo a:hover { text-decoration:none; }

#header #logo-spot{ display: block; font-size:57px; padding:0; /*margin:-15px 0 0 0; */}
  #header .blog-title a{ color:#eee; font:bold 33px Verdana; padding:0; margin:0 ; text-decoration:none;}
    #header .blog-title a:hover{ text-decoration:none; color:#fff }
#header .blog-description{ color:#ccc }

#top_nav { margin:0px; padding:0px;  position:relative; z-index:999; }

/* top navigation drop menu  ---------------------- */
#top_nav ul { margin:0px; padding:0 0px 0px 0px; position:absolute; list-style: none;  z-index:999; top:-7px;  }
#top_nav ul li { display: block;  float: left; margin:0; padding:0; text-transform:capitalize; margin-right:25px; text-align:left; }
#top_nav ul li a { display: block; text-decoration: none; padding-bottom:5px; font-size:18px; font-weight:bold; }
	
/*
SON OF SUCKERFISH DROPDOWNS
See http://www.htmldog.com/articles/suckerfish/dropdowns/
--------------------- */

/* 2nd and 3rd level menus */
#top_nav ul li ul { position: absolute; z-index: 99;  left: -999em; margin: 35px 0 0 1px; padding: 0;  width:22em; height: auto; }

/* 3rd level menus only */
#top_nav ul ul ul { margin: -1.65em 0 0 13.9em; }
#top_nav li li { padding: 2px 1em 2px 0; width: 21em; }
#top_nav ul ul a { width: 20em; width: 21em; }
#top_nav li:hover ul ul, #top_nav li:hover ul ul ul, #top_nav li.sfhover ul ul, #top_nav li.sfhover ul ul ul { left: -999em;   }
#top_nav li:hover ul, #top_nav li li:hover ul, #top_nav li li li:hover ul, #top_nav li.sfhover ul, #top_nav li li.sfhover ul, #top_nav li li li.sfhover ul { left: auto; }


/* 2nd and 3rd level menus */
#top_nav ul ul li a, #top_nav ul ul li a { font-size:12px; font-weight:bold; padding: 3px 10px 3px 10px; margin:0; }
#top_nav h3 { display:none; }
#top_nav .widget { float:left; max-width:1050px; width:100%; z-index:1000;}


.buynow { padding:5px 0 5px 15px; margin-top:4px; float:right; text-indent:-9009px; position:relative; z-index:9999; }
.buynow a { width:57px; height:21px; display:block;  }
* html .buynow { margin-top:3px; }
*+html .buynow { margin-top:3px; }

/*	--------------------------------------------------
Banner
-------------------------------------------------- */
#banner h2 { margin:0 0 18px 0; padding:0; font-size:48px;  font-weight:bold;   }
#banner p { margin:0; padding:0 0 8px 0; font-size:24px; line-height:30px; }

#banner p span { font-size:14px; font-weight:bold; }

.productrays { position:absolute; left:-280px; top:-15px; width:800px; height:392px; padding:180px 0px 0 235px; z-index:10;     }
.addpane { padding-top:63px; }
#addpane_1{text-align:justify;}
.addpane_others {padding:60px 0 30px 0; }
.float_left{float:left;}

* html .productrays { top:-48px; }
*+html .productrays { top:-48px; }

.productrays img { float:left; margin-top:-40px; }

.product_desc { width:600px;  position:absolute; right:0; padding-right:10px; top:129px; z-index:990; }
* html .product_desc {  top:120px;  }
*+html .product_desc {  top:120px;  }

.buttonbarnew { text-align:center; margin:0 auto; padding:90px 50px 0 1px; float:right; width:200px;  }
.buttonbarnew p { font-size:14px; font-weight:normal; height:18px; color:#000000;   }
/*.buttonbarnew p a { text-decoration:underline;  }*/
#banner .buttonbar p { font-size:14px; font-weight:normal;   }
#banner .buttonbar p a { text-decoration:underline;  }
#banner .buttonbar1 p { font-size:14px; font-weight:normal; height:18px; color:#000000;   }
#banner .buttonbar1 p a { text-decoration:underline;  }
 

.i_paperpack { padding:4px 0 5px 28px; margin-left:4px; } 
.i_pdf {  padding:4px 0 5px 25px; margin-left:4px; } 


#banner #product { height:100%; overflow:hidden; text-align:center; position:relative; height:274px;   }
#banner .shadow { width:956px; text-indent:-9009px; position:absolute;  bottom:0; left:5px; z-index:1; }
#banner .buttonbar { text-align:center; margin:0 auto; padding-top:90px; padding-left:1px; float:right; width:280px;   }
#banner .buttonbar1 { text-align:center; margin:0 auto; /*padding:90px 50px 0 1px;*/ float:left; width:245px;   }
* html #banner .buttonbar {  padding-top:50px;  }
*+html #banner .buttonbar {  padding-top:50px;  }
* html #banner .buttonbar1 {  padding-top:50px;  }
*+html #banner .buttonbar1 {  padding-top:50px;  }

.action_button { float:right; margin-top:-6px; margin-bottom:10px; display:table;  text-align:center;  display:block; text-decoration:none; display:block; }
.action_button a { text-decoration:none !important;  padding:9px 15px 9px 15px; float:left;  font:bold 14px Helvetica, Arial, sans-serif;  display:block; width: 240px;   }


/*	--------------------------------------------------
content
-------------------------------------------------- */

.feature_section { padding:15px 10px 10px 10px; margin-bottom:40px;  }

.feature_box { padding:0; margin:0;   }
.fspacer { margin-left:20px;  }
.feature_box h3 { padding:0px 5px 14px 0px; font-size:15px; line-height:normal; }

.feature_box .imgbox { float:left; padding:8px;  background:#fff; border:1px solid #ddd; border-right:1px solid #bbb; border-bottom:1px solid #bbb; }

.feature_box_content { width:170px; float:right; }
.feature_box_content p { margin:0; padding:0 0 8px 0; font-size:12px; line-height:18px; }

p { margin:0; padding:0 0 8px 0; line-height:18px;  }

#content ul { margin:0; padding:0; list-style:none; }
#content li { margin:0 0 8px 0; padding:0 0 0 8px; line-height:18px; }

#content h2 { font-size:18px; color:#000; padding:0 0 5px 0;  border-bottom:1px solid #c4c4c4;  }

p.planprice { margin:20px 0 10px 0; padding-top:5px; text-align:center; font-size:22px; font-weight:bold; }

.startnow a { width:141px;  padding-right:10px; height:22px; font:bold 14px Arial, Helvetica, sans-serif; text-align:center; padding-top:6px;  display:block; text-decoration:none; margin-right:10px; margin-left:28px;}
.startnow a:hover {  }

.plan_spacer { margin-left:20px;  }


blockquote { clear:both; height:100%; margin:10px 0 25px 5px; overflow:hidden; padding:0 0 10px 35px; }
blockquote p { font-size:14px ; font-weight:bold; margin:0 0 5px 0; padding:0; line-height:20px; }
blockquote cite { font-size:12px;  font-weight:bold;  float:right; line-height:18px; text-align:right; display:block;   }

#wrapper .widget blockquote { margin:10px 0 0px 0; padding:0 0 0 35px; } 
#wrapper .widget blockquote p { font-size:14px ; font-weight:bold; margin:0 0 5px 0; padding:0; line-height:normal; }
#wrapper .widget blockquote cite { font-size:12px; font-weight:bold ; float:left;  display:block;   }



#wrapper .widget blockquote p { font-size:14px ; line-height:normal;  }
#wrapper .widget p.link { padding:0 0 22px 0; margin:0; text-align:right; }

.posts h1 {	font-size: 25px }
.posts h2 {	font-size: 23px }
.posts h3 {	font-size: 21px }
.posts h4 {	font-size: 19px }
.posts h5 {	font-size: 17px }
.posts h6 {	font-size: 15px }

dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset { padding:10px 0 5px 0; margin:0 }
p { padding:0px 0 10px 0; margin:0; line-height:22px; margin:0;  }
p em { line-height:20px; } 

code { line-height:18px; background:#ccc; }

/*	--------------------------------------------------
#content-blog
-------------------------------------------------- */

#content-blog .posts { margin-bottom:35px; }

#content-blog .posts h2 { margin:0; padding:0 0 5px 0; font-size:23px; } 
#content-blog .posts h2 a { }
#content-blog .posts h2 a:hover { }

#content-blog p.post_bottom { padding:5px 0 5px 0;  }
#content-blog p.post_bottom a { text-decoration:underline; }

#content-blog .posts p { line-height:22px; margin:0; padding:0 0 10px; }

/*	--------------------------------------------------
content-in 
-------------------------------------------------- */
.entry h2, #content-blog h2 { margin:0 0 8px 0; padding:0 0 5px 0; font-size:22px; font-weight:normal; } 
.entry h6, #content-blog h6 { margin:12px 0 5px 0; padding:0; font-weight:bold; } 

.entry ul, #content-blog ul { margin:0 0 15px 0; padding:0; list-style:none; }
.entry li, #content-blog li { margin:0 0 3px 0; padding:2px 0 5px 16px; line-height:18px; }

.entry ol, #content-blog ol { margin:0 0 0 18px; padding:0 0 10px 5px; list-style-type:decimal;  line-height:18px; }
.entry ol li ol, #content-blog ol li ol { margin:8px 0 5px 18px; padding:0 0 0 0; background:none; }
.entry ol li, #content-blog ol li { margin:0 0 5px 0; padding:0; background:none; font-size:13px;  }


/*---------PAGE NAVIGATION - pagination --------- */
.pagination { width: 100%; font-size: 12px; font-weight: bold; padding:0 }
.Navi { float: right; padding: 0 0 20px 0 }
.Navi a { color: #000; display: block; float: left; padding: 3px 8px 3px 8px; height:17px; text-decoration: none !important; border:1px solid #cccccc; margin-left: 4px }
.Navi a:hover { color:#000;  }
.Navi .on { color:#fff; display: block; float: left; font-size: 12px; padding: 3px 9px; margin-left: 4px;  }

/*	--------------------------------------------------
sidebar 
-------------------------------------------------- */
#sidebar h2 { margin:0 0 8px 0; padding:0 0 5px 0; font-size:14px; font-weight:bold; text-transform:uppercase; } 

/*	--------------------------------------------------
Widget 
-------------------------------------------------- */
#sidebar-blog .widget{ width:280px;  list-style:none; overflow:hidden; color:#382D2C;  }
.widget .more,.content .more{ color:#000; font-weight:700; margin-bottom:0 }
.widget .more span,.content .more span{ color:red; margin-right:5px }
#sidebar-blog .widget li, #wrapper .widget p { margin:0 0 5px 0; padding:0; color:#444 !important; font-size:13px; line-height:15px ;  }
#sidebar-blog .widget li{ padding:3px 0 3px 15px; line-height:25px; list-style:none;  background:url(images/bullet3.gif) no-repeat left 14px; margin:0; width:100%;  }
#sidebar-blog .widget li a, #sidebar-blog .widget li a:hover{ font-weight:normal }
.widget h2, .widget h3{ margin:0 0 10px 0; padding:0 0 3px 0; font-size:18px;   }
.widget h3 span { margin:0 0 0px 0; font-size:21px;   }

.widget {
color:#382D2C;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
overflow:hidden;
width:280px;
}

.widget_spacer { margin-left:30px;  }
.widget  .subscribe label { padding:5px 5px 0 0; }

.widget .field { padding:3px; width:195px; margin-bottom:10px; }
.widget .replace {  width:96px; height:28px; text-align:center; font-weight:bold; margin-left:50px; padding:5px 0;  line-height:18px; cursor:pointer; }

.b_downloadnow { margin-top:10px; }
.b_downloadnow a { display:block;   font-size:12px; text-align:center; width:166px; height:20px; text-decoration:none; font-weight:bold; line-height:20px; text-transform:uppercase; padding:6px 0 7px 5px; }

.widget .subscribe h3 { color:#d14a01 !important;  }

.widget img { border:2px solid #5c5c5c; padding:2px; background:#fff; float:left; margin:0 10px 2px 0; }

.widget #aleft1 { float:left; line-height:15px; margin:0 0 5px;}
.widget #aleft1 img { float: left; margin: 0 10px 2px 0; padding: 2px; border:0 none; background:none;}

.flickr h3 span{ font-weight:normal; color:#0061D8 }
.flickr h3{ margin-bottom:20px }
.flickr h3 span b{ color:#FF1183 }
.flickr ul{ margin:15px 0 0; padding:0 }
.flickr_badge_image{ float:left; list-style:none; margin:0 10px 10px 0 }
.flickr img{ border:1px solid #969696; background:#F4F4F4; padding:11px; width:65px;  }
.flickr img:hover{ border-color:#333 }
#calendar_wrap{ padding:0 0 0 40px; font-size:13px }
#calendar_wrap caption{ padding:10px 0 }
li.recentcomments a{ font-style:italic }
.widget #searchform label{ display:none }
.tagcloud { background-color:#ffffff !important; color:#382D2C }
#twitter p.website{ margin:10px 0 0 0; padding:8px 0 20px 24px;  background: url(images/twitter-trans.png) left 6px no-repeat }
#twitter p.website a { font-weight:bold; }

/*---------ADVERTISING ads --------- */
.ad-box { text-align:center; background:transparent; overflow:hidden; }
.ad-box img { float:left; margin-right:10px; margin-bottom:10px; }
.ads123456{ height:125px; float:left; margin:0 0 10px 0; padding:0 }
.ads123456 img{ float:left; padding:0 10px 0 0; margin:0 }
#big_banner img{ background:transparent; margin:0 0 40px 0 }
#big_banner a:hover{ background:transparent }

#sidebar-blog .flickr img { padding:3px; margin:4px; }

/*	--------------------------------------------------
#sidebar-blog widget 

-------------------------------------------------- */

#sidebar-blog .widget h2, #sidebar-blog .widget h3{ margin:0; padding:0 0 3px 0; font-size:18px; background:trasparent;  }
#sidebar-blog .widget { margin-bottom:30px; }
.subscribe { background:#f5fcdb; padding:12px; border:1px solid #dec74a; margin-bottom:20px; }


/*=== Archive ===*/

.archive-spot { padding:0 0 20px 0 }
.archive-spot h2{ width:470px }
.archive-spot p{ color:#4e4e4e }
.archive-spot .date{ padding:0 0 15px 0; margin:-5px 0 0 0; color:#898989 }
.archive-spot .date a{ color:#898989 }
.archive-spot .date a:hover{ color:#ffffff }
.comment-spot{ text-align:center; padding:3px 0 0 0; width:32px; height:32px; margin:-70px 0 0 0; background:#ffffff url(images/comment-bg-trans.png) no-repeat top right; }
.comment-spot a, .comment-spot a:hover{ background:none; color:#ffffff; border:none; font:bold 13px Georgia }
.archive-spot .cat-spot{ background:#e3e3e3; padding:4px 0 6px 0; }
.archive-spot .cat-spot a{ color:#000000; font:normal 11px Georgia; margin:0 0 0 10px }
.archive-spot .cat-spot a:hover{ color:#ffffff }
	  
/*---------ARCHIVE PAGE --------- */
.arclist ul{ padding:0; margin:0 }
.arclist ul li{ color:silver; font-size:12px; border-bottom:1px solid #f1f1ed; padding:5px 0; margin:0; background:none }
.arclist ul li ul{ border-bottom:0; padding:0 0 0 5px }
.arclist ul li ul li{ border-bottom:0; padding:10px 0 0 5px }
.arclist .archives-time{ float: left;	text-transform: uppercase; color: #666666; width: 90px; border-right: dashed 1px #ddd; margin:0 15px 0 0 }

/*---------COMMENTS --------- */
#comments h3{ font:normal 18px Arial, Helvetica, sans-serif; padding:0 0 20px 0; margin:0 }
#comments .commentlist { padding:0; margin:0 }

#comments .commentlist li p { margin:0; padding:0; }

#comments ol{padding:20px 0;}
#comments .comment { margin: 10px 0 0 0; padding:0; width: 100%; background:none; list-style:none }
#comments .comment a{ text-decoration:none; border-bottom:1px solid; padding:1px 0 }
#comments .comment a:hover{ color:#aaaaaa }
#comments .comment .meta-left { width: 90px; float:left; color:#aaaaaa }
#comments .comment .meta-left p{ padding:10px 0 0 0; margin:0 }
#comments .comment .meta-left .meta-wrap {width: 90px; overflow: hidden; padding-right: 7px; min-height:70px }
#comments .comment small {font-size: 11px }
* html #comments .comment .text-right { height:70px }
#comments .comment .text-right { min-height:70px; margin:0; background:none; border:1px solid #c7c7c7; padding: 12px; margin-left:100px; float:none }
#comments .comment .text-right p { line-height: 18px; padding: 0 0 8px 0 }
#comments ul.children { margin:10px 0 0 20px; padding:0 }
#comments .comment .authcomment{ background:#F7F7F7; border:1px solid #c7c7c7 }
p.commpadd{ padding:0; margin:0 0 10px 0 }
span.comm-reply{ float:right; color:#aaa; padding:5px 0 0 0 }
span.comm-reply a, span.comm-reply a:hover{ font-size:13px; color:#aaaaaa }
.cancel-comment-reply{ padding:0 0 10px 0 }
#respond { padding:10px 0 0 0; margin:0 }
#respond textarea, .commpadd input{ background:none; border:1px solid #c7c7c7; font:13px Arial, Helvetica, sans-serif;   }
#respond textarea { margin:0; padding:0 }
p.commpadd input{ line-height:25px; height:25px; padding:5px 0 0 5px }
p.commpadd label{ padding:0 0 0 5px }
input#submit{ font:bold 12px Arial, Helvetica, sans-serif; color:#FFFfff; text-align:center; padding: 5px; background:#000; border:1px solid #000; margin:0; cursor:pointer; }
* html #commentform label { margin:-8px 0 0 0; 	position:relative;
top:-8px; }
*+html #commentform label { margin:-8px 0 0 0; 	position:relative;
top:-8px; }
	
/*	--------------------------------------------------
footer 
-------------------------------------------------- */

#footer p { font-size:13px; padding:0; margin:0 0 8px 0;  }
#footer .designby { font-size:13px; }

#footer p a { text-decoration:none; }
#footer p a:hover { text-decoration:none; }

#footer .aright { margin-right:-12px }
#footer .aright a{ font-size:12px; text-decoration:none; }

#footer .aright li{ list-style:none; display:block; float:left; font-size:10px; padding:0 10px 0 0px;  margin:-5px 0 0 10px; border-right:1px solid  }

#footer .designby { padding:5px 8px 0 0; float:left; }
#footer p span.templatic { width:80px; display:block; overflow:hidden;  float:left;    color:#fff;  background:url(images/templatic.png) no-repeat 0;   }
#footer p span.templatic a {  text-indent:-9009px; padding-left:120px; height:30px; display:block; }



#footer1 p { font-size:13px; padding:0; margin:0 0 8px 0;  }
#footer1 .designby { font-size:13px; }

#footer1 p a { text-decoration:none; }
#footer1 p a:hover { text-decoration:none; }

#footer1 .aright { margin-right:-12px }
#footer1 .aright a{ font-size:12px; text-decoration:none; }
#footer1 .aright li{ list-style:none; display:block; float:left; font-size:10px; padding:0 10px 0 0px;  margin:-5px 0 0 10px; border-right:1px solid  }

#footer1 .designby { padding:5px 8px 0 0; float:left; }
#footer1 p span.templatic { width:80px; display:block; overflow:hidden;  float:left;    color:#fff;  background:url(images/templatic.png) no-repeat 0;   }
#footer1 p span.templatic a {  text-indent:-9009px; padding-left:120px; height:30px; display:block; }

.animation { /*background:url(images/grey_background.jpg) left top repeat-x;*/ text-align:center; background-color:#fff;}
.no-padding{padding:0px;}
.clear{clear:both;}
.featured_page_left{width:450px; text-align:justify; padding-right:65px;}
.featured_page_right{width:450px; float:left; text-align:justify;}

.product_desc2 h2 { margin:0px; padding:0; font-size:36px;  font-weight:bold; font-size: 25px;  }
.product_desc2 .buttonbar1 {
  /*float: left;
  margin: 0 auto;*/
  text-align: left;
  width: 345px;
}

.skitter-box{width:100%;background-color:#fff;}

#website,#agent_captcha_contact {width:264px;}

div.box_clone,div.container_skitter,#wp_skitter{width:100%; max-width:1024px;}
#wp_skitter img.fade{width:100%;}
/*.container_12, .container_16{width:100%;}*/
#twitter_fans_logo{height:51px;}
#header{background:none;}
.floating_books{min-width:310px;max-width:310px;}

/*.floating_books_1{min-width:310px;max-width:310px;}
.floating_books_2{min-width:320px;max-width:320px;padding-top:25px;}
.floating_books_3{min-width:310px;max-width:310px;padding-top:25px;}

#leader_phrase_book_image{padding-bottom:20px;}*/
#mobile_menu{display:none;}
#top_nav{display:block;}
.row{margin-left:0px;margin-right:0px;}
.white-background{background-color:#fff;}
.centered{text-align:center;margin:0 auto;}
.small-book-pics{min-width:250px;margin:0 auto;}
.animation{background-color:#fff;}
#addpane_2{position:relative;}
#addpane_2 img{position:absolute;bottom:0px;}
.display-grid{display:flex;}
.site-max-width{max-width:768px;}
.mega-menu-description{display:none !important;}
#top-patrick-image{margin-bottom:20px;}

/* CSS */
.button-3 {
  appearance: none;
  background-color: #8eae08;
  border: 1px solid rgba(27, 31, 35, .15);
  border-radius: 6px;
  box-shadow: rgba(27, 31, 35, .1) 0 1px 0;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: -apple-system,system-ui,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 6px 16px;
  position: relative;
  text-align: center;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  white-space: nowrap;
}

.button-3:focus:not(:focus-visible):not(.focus-visible) {
  box-shadow: none;
  outline: none;
}

.button-3:hover {
  background-color: #2c974b;
}

.button-3:focus {
  box-shadow: rgba(142, 174, 8, .4) 0 0 0 3px;
  outline: none;
}

.button-3:disabled {
  background-color: #94d3a2;
  border-color: rgba(27, 31, 35, .1);
  color: rgba(255, 255, 255, .8);
  cursor: default;
}

.button-3:active {
  background-color: #8eae08;
  box-shadow: rgba(142, 174, 8, .2) 0 1px 0 inset;
}





.iframe-container{
	max-width:560px;
	position:relative;
	width:100%;
	height:0;
	padding-bottom:56.25%;
}

.iframe-container iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.container_fluid{
	position: relative;
 	min-height: 100vh;
}

#content-wrapper{
  padding-bottom: 2.5rem;
}

.footer-container {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color:#cacaca;
  /*height: 2.5rem;*/            /* Footer height */
}

.footer-links{white-space:nowrap;}
.footer-links,.footer1{text-align:center;}
.footer-links a{text-decoration:none;padding-right:15px;padding-left:15px;}
#another-content-wrapper{padding-bottom:50px;}
.sub-title-black{font-size:20px;text-align:left;font-weight:bold;margin-bottom:8px;}
.quad-title{color:#336699;font-weight:bold;font-size:16px;line-height:20px;}
.quad-image{margin-top:60px;}
.foreign-editions{margin-top:100px;}
.top-top-image{margin-top:20px;}
.small-books-text-pd{padding-top:10px;}
.img-top{display:none;}
.quad-title,.quad-text{max-width:100%;}
.mega-foreign-editions a{background-color:#3F7291 !important;}
.mega-toggle-animated-inner-white::after,.mega-toggle-animated-inner-white::before{background-color:#fff !important;}
.foreign-editions{color:#8B0000;}
.collapsible-title{padding:5px 10px 5px 10px; cursor:pointer; background-color:#eee;border:1px solid #ddd;border-radius:5px;font-size:18px;}
.collapsible-content{display:none;}
.right-sign{font-size:20px; font-weight:bold;}

/**Animations**/
@keyframes maskUp {
  from {
    transform: translate(0, 100%); }
  to {
    transform: translate(0, 0); } }
@keyframes maskRight {
  from {
    transform: translate(-100%, 0); }
  to {
    transform: translate(0, 0); } }
@keyframes maskDown {
  from {
    transform: translate(0, -100%); }
  to {
    transform: translate(0, 0); } }
@keyframes maskLeft {
  from {
    transform: translate(100%, 0); }
  to {
    transform: translate(0, 0); } }
.maskUp {
  animation-name: maskUp; }

.maskRight {
  animation-name: maskRight; }

.maskDown {
  animation-name: maskDown; }

.maskLeft {
  animation-name: maskLeft; }

@keyframes fadeInUpShorter {
  from {
    opacity: 0;
    transform: translate(0, 50px); }
  to {
    opacity: 1;
    transform: none; } }
.fadeInUpShorter {
  animation-name: fadeInUpShorter; }

@keyframes fadeInLeftShorter {
  from {
    opacity: 0;
    transform: translate(50px, 0); }
  to {
    opacity: 1;
    transform: none; } }
.fadeInLeftShorter {
  animation-name: fadeInLeftShorter; }

@keyframes fadeInRightShorter {
  from {
    opacity: 0;
    transform: translate(-50px, 0); }
  to {
    opacity: 1;
    transform: none; } }
.fadeInRightShorter {
  animation-name: fadeInRightShorter; }

@keyframes fadeInDownShorter {
  from {
    opacity: 0;
    transform: translate(0, -50px); }
  to {
    opacity: 1;
    transform: none; } }
.fadeInDownShorter {
  animation-name: fadeInDownShorter; }

@keyframes blurIn {
  from {
    opacity: 0;
    filter: blur(20px);
    transform: scale(1.3); }
  to {
    opacity: 1;
    filter: blur(0);
    transform: none; } }
.blurIn {
	animation-name: blurIn; 
	animation-duration: 0.8s;
	animation-delay: 0.5s; 
 }

@keyframes dotPulse {
  from {
    opacity: 1;
    transform: scale(0.2); }
  to {
    opacity: 0;
    transform: scale(1); } }
.dotPulse {
  animation-name: dotPulse;
  animation-iteration-count: infinite;
  animation-duration: 4s; }

@keyframes slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    transform: translateZ(0); } }
@keyframes slideInDown {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    transform: translateZ(0); } }
@keyframes slideInLeft {
  0% {
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    transform: translateZ(0); } }
@keyframes slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    transform: translateZ(0); } }
@keyframes flipInX {
  0% {
    animation-timing-function: ease-in;
    opacity: 0;
    transform: perspective(400px) rotateX(90deg); }
  to {
    transform: perspective(400px); } }
@keyframes flipInY {
  0% {
    animation-timing-function: ease-in;
    opacity: 0;
    transform: perspective(400px) rotateY(-90deg); }
  to {
    transform: perspective(400px); } }
@keyframes brightIn {
  0% {
    animation-timing-function: ease-in;
    filter: brightness(0%); }
  to {
    filter: brightness(100%); } }
.brightIn {
  animation-name: brightIn; }

@keyframes heightDown {
  0% {
    height: 0%; }
  to {
    height: 100%; } }
.heightDown {
  animation-name: heightDown; }

@keyframes widthRight {
  0% {
    max-width: 0%;
    white-space: nowrap;
    overflow: hidden; }
  to {
    max-width: 100%;
    overflow: visible;
    white-space: nowrap; } }
.widthRight {
  animation-name: widthRight; }

.appear-animate {
  opacity: 0; }

.appear-animation-visible {
  opacity: 1; }
  
/**end of animation**/

@media (max-width: 991px) {
  .display-grid{display:block;}
  #addpane_2 img{position:relative;}
  .floating_books_1{min-width:310px;max-width:310px;margin:0 auto;}
  .floating_books_2{min-width:320px;max-width:320px;padding-top:25px;margin:0 auto;}
  .floating_books_3{min-width:310px;max-width:310px;padding-top:25px;margin:0 auto;}
  .floating_books_1 img,.floating_books_2 img,.floating_books_3 img{padding-right:10px; float:left;}
}

@media only screen and (max-width: 990px){
/*.product_desc2{width:auto;max-width:auto;text-align:center;margin:0 auto;}*/
	.small-books-text-pd{padding-top:25px;}
}

@media only screen and (max-width: 970px){
/*#floating_books_1{padding-bottom:20px;float:none;margin:0 auto;height:230px;}
#floating_books_2{padding-bottom:20px;float:none;margin:0 auto;height:230px;}
#floating_books_3{padding-bottom:20px;float:none;margin:0 auto;height:230px;}
*/
}

@media only screen and (max-width: 870px){
	/*#leader_phrase_book_image{float:none;width:auto;margin:0 auto;}
	#leader_phrase_book_text,#leader_phrase_book_text{float:none;max-width:95%;width:95%;margin:0 auto;}
	#bottom_manager_book_image,#bottom_3000_phrases_book_image,#bottom_quick_book_images,#bottom_3000_phrase_div{margin:0 auto;float:none;max-width:95%;}*/
	#footer1{width:90%;}
}

@media only screen and (min-width: 767px){
	.quad-title,.quad-text{max-width:296px;}	
}

@media only screen and (max-width: 767px){
	.top-top-image{margin-top:60px;}
	.center{display: block; margin-left: auto; margin-right: auto; width: 50%;}
}

@media only screen and (max-width: 735px){
	#mobile_menu{display:block;}
	#top_nav{display:none;}
	#mobile_menu{display:block;}
	.patrick-alain{display:none;}
}

@media only screen and (max-width: 812px){
.aleft{float:none;}
.aright{float:none;}
#footer1{text-align:center;}
}

@media only screen and (max-width: 570px){
	.foreign-editions{margin-top:40px;}
	#top_nav{display:none;}
	#mobile_menu{display:block;}
	.product_desc2 h2 { margin:18px 0 0 0;
}