@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@-webkit-viewport{width:device-width;}
@-moz-viewport{width:device-width;}
@-ms-viewport{width:device-width;}
@-o-viewport{width:device-width;}
@viewport{width:device-width;}
html { margin: 0px; padding: 0px; font-size: 100%;}
body { margin: 0 auto; padding: 0px; background: #f7f7f7;  font-family: "Open Sans", Helvetica, sans-serif; font-weight: normal; color: #333333;  }
#container {  width: 100%; padding: 0px; border-top: 35px solid #dbdbdb;}
#container_inner {  width: 92%; max-width: 1200px; margin: 0 auto; padding: 0px;}


#banner { width: 100%; height: 34px; margin: 0 auto; padding: 0px; margin-top: -34px; text-align: right; }
#banner p { margin: 0px; padding: 0px; }
.hcontact { float: right; width: 130px; height: 24px; margin: 0px; padding: 5px 0px 0px 0px; cursor: pointer;  color: #ab5153; }
.hcontact.active { background: #fff; }
.hcontact img { position: relative; bottom: 2px; width: 30px; height: 22px;}
.hhours { float: right; width: 100px; padding: 5px 5px 0px 0px; color: #ab5153; }
.hhours img { position: relative; bottom: 2px; width: 30px; height: 22px;}
.openinghours-notes { display: none;}
.openinghours-time { float: left; padding-left: 6px;}
.hoursopen { display: none; float: right; width: 146px !important; padding: 5px 10px 0px 0px;}
.gt {  display: none;}
.resize {  display: none;}
#header { width: 100%; height: auto; margin: 0 auto; padding: 0px 0px 12px 0px; border-bottom: 4px double #dddddd;}
#logo { float: none; width: 100%; height: 124px; margin: 0px; padding: 0px;}

/* update  */
#rheader { float: none; width: 100%; margin: 20px 0px 0px 0px; padding: 0px; }

#search { height: auto;}
#homesearch { width: 100%; margin: 0px auto; margin-bottom: 40px; padding: 16px 0px 0px 0px; }
#blogs { width: 100%; margin: 0px auto; padding: 0px; }
#materials { width: 100%; margin: 0px auto; margin-bottom: 40px; padding: 0px; }
#dj-megamenu93mobileWrap { float: left; height: 54px; margin: 0px 0px 0px 0px; padding: 0px; clear: none;}
.dj-megamenu-offcanvas-dark .dj-mobile-open-btn, .dj-megamenu-offcanvas-dark .dj-mobile-open-btn:focus { background: #434343; width: 60px; height: 36px; padding: 0px 10px; color: #fff; -webkit-border-radius: 0px; border-radius: 0px; line-height: 36px; font-size: 100%; text-decoration: none; }
.dj-megamenu-offcanvas-dark .dj-mobile-open-btn:hover, .dj-megamenu-offcanvas-dark .dj-mobile-open-btn:active  { background: #ab5153; text-decoration: none; color: #fff;} 
.dj-megamenu-offcanvas-dark .dj-mobile-open-btn:before { content: "MENU";  }
.fa, .fa-bars { display: none; }
#content { margin: 0 auto; padding: 0px;}
#staffmenu { width: 100%; margin: 0px; padding: 0px; font-size: 96%; }
#main  { width: 100%; margin: 0px 0px 50px 0px; padding: 0px; font-size: 96%; line-height: 1.3;}
#mainhome {  float: none; width: 100%; margin: 0px; padding: 0px;  }
#sidehome {  float: none; width: 100%; margin: 0px;  padding: 0px;}
#sidehome .custom-box { width: 100%; height: 130px; margin: 0px 0px 2px 0px; padding: 20px 0px 12px 0px; background: #6d6d6d; text-align: center; font-size: 140%; color: #fff; }
#sidehome .custom-box.first { height: 129px;}
#sidehome .custom-box p { margin: 0; padding: 0; }
#main2  { width: 100%; float: none; margin: 10px 0px 0px 0px; padding: 0px; font-size: 96%; line-height: 1.3;}
#right  { width: 100%; float: none; margin: 30px 0px 0px 0px; padding: 0px; font-size: 96%;}
#footer_outer { width: 100%; border-top: 7px solid #d3d3d3; background: #e5e5e5;}
#footer { width: 92%; max-width: 1200px; margin: 0 auto; padding: 0px 4% 20px 4%;}
#fmenu { float: none; width: 100%; }
#footermenu { margin-left: -40px; }
#footermenu > li { float: none; width: 100%; min-height: auto; padding-bottom: 14px;  }
#footermenu li ul li { padding-bottom: 0px; min-height: auto; }
#flinks { float: none; width: 100%; padding-bottom: 20px;}
#copyright_outer { width: 100%; margin: 0px; padding: 0px; color: #eee; background: #848484; }
#tagline { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0px; text-align: center;}
#copyright { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0px 0px 14px 0px;}
#copyright p, #tagline p { margin: 0px; padding: 0px; }
.faddress { float: none; width: 98%; padding: 0px 1%; font-size: 80%; text-align: center;}
.faddress a:link, .faddress a:hover, .faddress a:active, .faddress a:visited { color:  #fff;}
.fcopyright { float: none; width: 98%; padding: 0px 1%; font-size: 80%; text-align: center;}

/* ===== Global ======== */
img { border: 0px; }
.advisory { color: #990000;}
a:link { color: #ab5153; }
a:visited { color: #ab5153; }
a:hover { color: #ab5153; }
a:active { color: #ab5153; }

h1, h2, h3, h4, h5, h6 {  }
h1 { font-size: 170%; color: #000000; margin-top: 14px; padding-bottom: 5px; font-weight: normal; border-bottom: 7px solid #e9e9e9;}
h2 { font-size: 140%; color: #000000; font-weight: normal; }
h3 { font-size: 120%; color: #000000; margin-bottom: -3px; font-weight: normal;}
h4 { font-size: 120%; color: #000000; margin-bottom: -14px; font-weight: normal; }
h5 { font-size: 110%; font-weight: bold; }
h6 { font-size: 110%; margin-bottom: 5px; font-weight: bold; }

hr { height: 2px; width: 100%; background-color: #ddd; color: #ddd; border-width: 0px;}
.attention, a.attention:link, a.attention:visited { font-weight: bold; color: #9404b7; }
.formRequired {color: #990000; font-weight: normal; }
.clearfix:ore, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix {  zoom: 1; /* ie 6/7 */ }

.image-left, .image-right { display: block; float: none; margin: 20px auto; text-align: center;   }
.image-left-border, .image-right-border { display: block; float: none; margin: 20px auto; text-align: center; padding: 2px; border: 4px solid #dbdbdb; }
.staff-image { display: block; float: none; margin: 0px auto; text-align: center; padding: 2px; border: 4px solid #dbdbdb; border-radius: 100%;}

.alert, .alert h4 { color: #333; }
.alert { margin-top: 20px; background-color: #d1e1c3; border: 0px; border-radius: 0px;}
.badge { border-radius: 0px; color: #333; font-size: 100%; padding: 0px; text-shadow: none; }
.label-info, .badge-info { background-color: transparent; }


/* ++++++++++++++  Icons  ++++++++++++++ */
.icons { margin-top: -64px; margin-right: 4px;}
.icons li { display:inline; }
[class^="icon-"], [class*=" icon-"] { padding-right: 5px; vertical-align: middle; margin-top: -3px; }
.icons li a { text-decoration:none;color: #333; }
.icons li a:hover { color: #ab5153;}
.label.label-warning { float: left;}
.print-icon { text-transform: uppercase; font-size: 90%; }
.edit-icon { margin-left: 10px;}

/* ++++++++++++++  Alert Banner  ++++++++++++++ */
.alertbanner { background: #54b9de; border: 6px solid #e6e7e8; margin: 0px 0px 40px 0px; padding: 0px 10px; color: #fff; text-align: center; font-size: 140%;}
.alertbanner a:link, .alertbanner a:visited, .alertbanner a:active, .alertbanner a:hover { color: #fff; }

/* ++++++++++++++  Forms  ++++++++++++++ */
form { margin: 0px;}
label { margin-bottom: 0px; }
input[type="text"]:focus { border-color: #ccc; box-shadow: none;}
.form_thankyou { background: #54b9de; border: 6px solid #e6e7e8; margin: 20px 0px; padding:10px; color: #fff; font-size: 120%; text-align: center;}

.formResponsive input[type="text"], .formResponsive .formHorizontal textarea { border-radius: 0px; }
.formResponsive input[type="text"]:focus, .formResponsive .formHorizontal textarea:focus { border-color: #ccc; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(187, 187, 187, 0.6);}
.formResponsive .formHorizontal .formControlLabel { width: 240px; padding-top: 0px; text-align: left;}
.formResponsive .formHorizontal .formControls {  margin-left: 260px; }
.formResponsive .formHorizontal .rsform-block { margin-bottom: 8px;}
.formResponsive label { margin-right: 20px;}
.formResponsive input[type="radio"], .formResponsive input[type="checkbox"] { margin-top: 6px; }
.formResponsive input.rsform-calendar-button {  margin-bottom: 0px;}
.formResponsive select { border-radius: 0px; border-color: #ccc;}
.formResponsive input[type="button"] { vertical-align: top; margin-left: 10px; border-color: #ccc;}
.formResponsive .formHorizontal p.formDescription { color: #ab5153; font-size: 90%;}

.formResponsive button[type="submit"], .formResponsive input[type="submit"] {  background-color: #ab5153; color: #fff; border: 0px;
padding: 4px 12px; font-size: 100%; line-height: 24px; text-align: center; vertical-align: middle; cursor: pointer;  background-image: none; text-shadow: none;}
.formResponsive button[type="submit"]:hover, .formResponsive input[type="submit"]:hover { background-color: #935153;}


.btn {  display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; padding: 4px 12px; margin-bottom: 0; font-size: 90%; line-height: 24px; text-align: center; vertical-align: middle; cursor: pointer; color: #fff; background-color: #707070; border: 1px solid #707070; background-image: none; text-shadow: none;}
.btn:link, .btn:visited { color: #fff; text-decoration: none; background-color: #707070; border: 1px solid #707070;}
.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled]{ background-color: #848484; border: 1px solid #848484; color: #fff; text-shadow: none;}

/* ++++++++++++++  Header - Search  ++++++++++++++ */
.hsearch  { float: none; width: 100%; margin: 30px 0px 0px 0px; padding: 0px 0px 0px 0px;}
input[type="text"] { border-color: #ccc; box-shadow: none; transition: none; font-size: 90%; color: #333;  border-radius: 0px; margin-bottom: 0px; font-family: "Open Sans", Helvetica, sans-serif;}
.hsearch input[type="text"] { border-right: 0px;  height: 26px; line-height: 26px; padding: 4px 6px;}
.hsearch select { width: 90px;  border-left: 0px; height: 36px; line-height: 36px;}
.hsearch .search_submit { width: 46px; height: 36px; vertical-align:middle; border-radius: 0px;}
.hsearch input[type="text"]:focus, .custom-homesearch input[type="text"]:focus { border-color: #ccc; box-shadow: none;}
.aview { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; }
.hsearch .chzn-container-single .chzn-single { border: 1px solid #ccc; border-left: 0px; border-radius: 0px; background: #fff; box-shadow: none; color: #333; height: 34px; line-height: 34px;}
.hsearch .chzn-container-single .chzn-single div b { background-position: 0px 8px;}
.hsearch .chzn-container { font-size: 80%;}
.hsearch .chzn-container .chzn-results li.highlighted, .custom-homesearch .chzn-container .chzn-results li.highlighted { background-color: #E5E5E5; background-image: none; color: #333;}
.hsearch .chzn-container-single .chzn-search input[type="text"] { font-size: 90%; }

/* ++++++++++++++  Header - My Account  ++++++++++++++ */
.myaccount { float: none; background: #ab5153 url(/~bdiwtwtv/templates/ippl/images/my-account.png) no-repeat 9px 5px; background-size: 24px 24px; width: 150px; height: 36px; line-height: 36px; margin: 0px; margin-left: 106px; padding: 0px; color: #fff; text-align: center; font-size: 90%; }
.myaccount p { margin: 0px; padding: 0px 0px 0px 20px; }
.myaccount a:link, .myaccount a:visited, .myaccount a:hover, .myaccount a:active { color: #fff; text-decoration: none;}

/* ===== Main Menu ======== */
#dj-megamenu93 { float: none; }
.dj-megamenu-default li a.dj-up_a { padding: 0px 16px; }
.dj-megamenu-default li.dj-up.itemid101 { display: none !important; }
.dj-megamenu-default li.itemid122 div.dj-subwrap, .dj-megamenu-default li.itemid122:hover div.dj-subwrap li div.dj-subwrap, .dj-megamenu-default li.itemid122.hover div.dj-subwrap li div.dj-subwrap, .dj-megamenu-default li.itemid123 div.dj-subwrap, .dj-megamenu-default li.itemid123:hover div.dj-subwrap li div.dj-subwrap, .dj-megamenu-default li.itemid123.hover div.dj-subwrap li div.dj-subwrap{ left: auto !important; right: 0px !important; }
.dj-megamenu-default li.itemid115 div.dj-subwrap, .dj-megamenu-default li.itemid115:hover div.dj-subwrap li div.dj-subwrap, .dj-megamenu-default li.itemid115.hover div.dj-subwrap li div.dj-subwrap{ left: auto !important; right: -400px !important; }
.dj-megamenu-default li.itemid121 div.dj-subwrap, .dj-megamenu-default li.itemid121:hover div.dj-subwrap li div.dj-subwrap, .dj-megamenu-default li.itemid121.hover div.dj-subwrap li div.dj-subwrap{ left: auto !important; right: -200px !important; }
.dj-megamenu-default li.itemid153 ul { display: flex; flex-direction: column; flex-wrap: wrap; height: 180px; }
.dj-megamenu-default li a.nolink { cursor: none;}

/* ===== Side Menu ======== */
#sidemenu { margin: 0px 0px 30px 0px; padding: 0px; }
#sidemenu ul { margin: 0px; padding: 0px 0px 0px 15px; text-indent: -1em; }
#sidemenu li { display: none; }
#sidemenu li.active, #sidemenu li.active li { display: block; }
#sidemenu li .nav-header { display: block; font-size: 110%; border-bottom: 4px double #ddd; margin: 10px 0px 10px 0px; padding-bottom: 3px;}
#sidemenu li.active li, .category-module-sidemenu li { padding: 9px 0px; border-bottom: 1px solid #ddd;}
#sidemenu li.active li.active:before, .category-module-sidemenu li a.active:before { content: "\00BB \0020"; padding-right: 4px; color: #ab5153;}
#sidemenu li.active li a, .category-module-sidemenu li a { padding-left: 15px; text-decoration: none; color: #333;}
#sidemenu li.active li.active a, .category-module-sidemenu a.active { padding-left: 0px;}
#sidemenu li.active li.active a:hover:before { content: none;}
#sidemenu li.active li a:hover, .category-module-sidemenu li a:hover { color: #ab5153;}
.moduletable-sidemenu { margin: 13px 0px 30px 0px; padding: 0px;}
.moduletable-sidemenu h3 { text-transform: uppercase; font-size: 110%; border-bottom: 4px double #ddd; margin: 10px 0px 9px 0px; padding-bottom: 3px}
ul.category-module-sidemenu { list-style: none; margin: 0px 0px 30px 0px; padding: 0px 0px 0px 15px; text-indent: -1em; }

/* ===== Staff Menu ======== */
#staffnav { height: 30px; background-color: #fff; border: 1px solid #d3d3d3;}
.nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: transparent; }

/* update */
#staffnav li { float: right; padding-right: 30px; padding-top: 4px;}

/* ===== Footer Menu ======== */
#footermenu ul { padding: 0px; }
#footermenu ul li { list-style: none; }
#footermenu ul li a { text-decoration: none; }
#footermenu ul li a:hover, #footermenu ul li a:active { text-decoration: underline; }

/* ===== Footer Links ======== */
#flinks { padding-top: 20px; text-align: center; border-top: 4px double #999999; }
#flinks p { margin: 0px; padding: 0px; }
#flinks .custom-sm img { padding-bottom: 10px; padding-right: 7px; width: 32px; height: 32px;}
#flinks .custom-enewsletters { width: 94%; padding: 0px 3%; margin: 10px 0px 16px 0px; text-align: center; background: #707070; height: 44px; }
#flinks .custom-contact { width: 94%; padding: 0px 3%; margin: 0px; text-align: center; background: #ab5153; height: 44px; line-height: 44px;}
#flinks .custom-enewsletters:hover { background: #555555; }
#flinks .custom-contact:hover { background: #935153; }
#flinks .custom-enewsletters a:link, #flinks .custom-enewsletters a:visited, #flinks .custom-enewsletters a:active, #flinks .custom-contact a:link, #flinks .custom-contact a:visited, #flinks .custom-contact a:active{ color: #fff; text-decoration: none; font-size: 140%;}
#flinks .custom-enewsletters a:hover, #flinks .custom-contact a:hover { color: #fff; }
#flinks .custom-enewsletters img { width: 40px; height: 40px; padding: 0px 8px 7px 0px;}
#flinks .custom-contact img { width: 40px; height: 40px; padding: 0px 8px 7px 0px;}
#flinks .custom-contact .ftext, #flinks .custom-newsletters .ftext { display: inline; }
/*.btext { display: none; }*/

/* =====  Search  ======== */
#search-form .inputbox { height: 26px; line-height: 26px; }
.search-results .result-title { font-size: 100%;   }
.search-results .result-text { margin: 15px 0px 20px 0px; font-size: 100%; }
.search-results .result-title span.highlight, .search-results .result-text span.highlight { font-weight: bold; background-color: transparent; padding: 0px;}
.search-pages-counter { padding-top: 12px;}

/* ++++++++++++++  Home - Search  ++++++++++++++ */
.moduletable-homesearch { width: 100%; }
.custom-homesearch { height: 50px; margin: 10px 0px 0px 0px; padding: 12px 0px 10px 0px; background-color: #dbdbdb; border: 7px solid #e5e5e5; }
.custom-homesearch input[type="text"] { border-right: 0px;  height: 36px; line-height: 36px; padding: 4px 6px; width: 50%;}
.custom-homesearch select { width: 90px;  border-left: 0px; height: 46px;}
.custom-homesearch .search_submit { width: 59px; height: 46px; vertical-align: middle;  border-radius: 0px;}
.custom-homesearch .chzn-container-single .chzn-single { border: 1px solid #ccc; border-left: 0px; border-radius: 0px; background: #fff; box-shadow: none; color: #333; height: 44px; line-height: 44px;}
.custom-homesearch .chzn-container-single .chzn-single div b { background-position: 0px 12px;}
.custom-homesearch .chzn-container { font-size: 90%;}
.custom-homesearch .chzn-container-single .chzn-search input[type="text"] { font-size: 100%; }

/* ++++++++++++++  Home - Metro Box  ++++++++++++++ */
.pagebuilderck .row-fluid [class*="span"] { margin-left: 2px !important; margin-bottom: 2px !important;}
.cktext { padding: 5px 10px; }
.cktext h2 { margin: 0px 0px 2px 0px; padding: 0;}
.cktext p { margin: 0; padding: 0;}
.pagebuilderck .row-fluid .span4 { width: 33.3333333%; }
#mainhome .cktext a:link, #mainhome .cktext a:visited, #mainhome .cktext a:active { color: #fff; text-decoration: none;}
#mainhome .cktext a:hover { color: #fff; text-decoration: underline;}

.pagebuilderckchecking, #filter-bar, #templateckList, #mainhome .alert, #main .alert { display: none; }

/* ++++++++++++++  Blogs  ++++++++++++++ */
.moduletable-blogfeeds { width: 100%; margin-top: 40px; }
.custom-blogfeeds { overflow: hidden; border: 1px solid #dbdbdb;  background: #fff;}
.blogheader { width: 100%; height: 74px; margin: 0px; padding: 0px; background: #dbdbdb url(../../../sitemedia/images/home/reviews-news.jpg) no-repeat 0px 0px; background-size: contain; border-bottom: 7px solid #e5e5e5; }
.blogheader p { margin: 0px; padding: 0px; }
.blogsouter {  width: 100%; margin: 0px; padding: 0px;}

/* check */
.blogitem { float: none; width: 96%; margin: 0px; padding: 0px 2% 10px 2%; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;}

.blogitem.right { border-right: 0px;}
.blogitem h5 { font-size: 110%; font-weight: normal; margin-top: 10px; margin-bottom: -10px;}
.blogitem p { font-size: 90%; }
.blogitem h5 a:link, .blogitem h5 a:visited, .blogitem h5 a:active { text-decoration: none;} 
.blogitem h5 a:hover { text-decoration: underline;} 
.bloglink { font-size: 80%; text-decoration: none;}

/* check */
.blogleft { float: none; width: 100%; margin: 0px; padding: 0px 0px 1% 0px;}
.blogright { display: none; margin: -40px 0px 0px 0px; padding: 0px; text-align: center; color: #999;}
.blogimg { width: 30%; padding-bottom: 4px; border: 4px solid #fff; border-radius: 100px;}

.custom-blogfeedsmore { width: 99%; margin-top: -18px;}

/* check */
.blogmore { float: none; width: 100%;  margin: 0 auto;  padding: 0px 1%;  height: 30px; line-height: 30px;  text-align: center;}

.blogmore p { width: 75%; margin: 0 auto; background: #dbdbdb; border: 1px solid #ccc; text-align: center; }
.blogmore a:link, .hpblogmore a:visited, .hpblogmore a:active, .hpblogmore a:hover { text-decoration: none;} 

/* ++++++++++++++  Home - New Materials  ++++++++++++++ */
.moduletable-newmaterials { width: 100%; margin-top: 30px; }
.custom-newmaterials ul.nav-tabs { float: right; padding-right: 60px;}
.custom-newmaterials ul.nav-tabs.nav-stacked { display: none;}
.custom-newmaterials .tab-content { clear: both; padding: 2px 0px 2px 20px; border-right: 7px solid #e5e5e5 !important; background: #dbdbdb; }
.custom-newmaterials .nn_tabs.outline_content > .tab-content > .tab-pane { padding: 6px 0px;}
.custom-newmaterials .nn_tabs .nav-tabs > li.active > a { background: #dbdbdb; }

/* ++++++++++++++  Adult Books  ++++++++++++++ */
.custom-newmaterials.fiction .tab-content { background: #dbdbdb url(../../../sitemedia/images/books-movies-more/new-fiction.jpg) no-repeat 0px 0px; }
.custom-newmaterials.nonfiction .tab-content { background: #dbdbdb url(../../../sitemedia/images/books-movies-more/new-non-fiction.jpg) no-repeat 0px 0px; }	
.custom-newmaterials.books .tab-content { background: #dbdbdb url(../../../sitemedia/images/books-movies-more/new-books.jpg) no-repeat 0px 0px; }	
.custom-newmaterials.moviestv .tab-content { background: #dbdbdb url(../../../sitemedia/images/books-movies-more/new-movies-tv.jpg) no-repeat 0px 0px; }
.custom-newmaterials.music .tab-content { background: #dbdbdb url(../../../sitemedia/images/books-movies-more/new-music.jpg) no-repeat 0px 0px; }	
.custom-newmaterials.lists .tab-content { background: #dbdbdb url(../../../sitemedia/images/books-movies-more/new-lists.jpg) no-repeat 0px 0px; }

/* ++++++++++++++  Book Lists / Movie Lists Metro  ++++++++++++++ */
.cktext a:link, .cktext a:visited, .cktext a:active { color: #ab5153; text-decoration: none;}
.cktext a:hover { color: #ab5153; text-decoration: underline;}

/* ++++++++++++++  Book Lists/Movie Lists iframe  ++++++++++++++ */
#libraryaware_rendered_content table#pagecontent_0 table, #libraryaware_rendered_content #pagecontent_0 td.format_box, #libraryaware_rendered_content #pagecontent_0 td.box3  { width: 100% !important; }

/* ===== Staff Picks ======== */
/* check   */
.staffpicks { float: none; width: 100%; background: #e9e9e9; margin-right: 3%; margin-bottom: 20px; padding: 1%; }
.plainback { float: none; width: 100%; background: #fff; margin-right: 3%; margin-bottom: 20px; padding: 1%; }
.staffpicks h4, .plainback h4 { margin-top: 0px;}
.staffpicksp, .plainbackp { margin: 0; padding: 0; height: 0px;}

/* ++++++++++++++  Staff Picks - Blogs  ++++++++++++++ */
.spblog .blogheader { background: #dbdbdb url(../../../sitemedia/images/books-movies-more/books-movies-music-reviews.jpg) no-repeat 0px 0px;  }
.spblog .blogleft .author { color: #999; margin-bottom: -10px;}
.spblog .blogright { margin-top: 0px;}

/* update */
.spblog .blogitem { width: 100%;  }

.custom-blogfeedsmore.spblog { margin-bottom: 40px;}

/* update   */
.spblog .blogmore { width: 100%; }

.spblog .blogimg { width: 70%; border: 0px; border-radius: 0px; padding-left: 6px; }

/* ++++++++++++++  Research Databases  ++++++++++++++ */
.weblinks, .weblinksart { list-style: none; margin-left: -40px; }
.weblinks > li { background: #e9e9e9; padding: 0px 20px 30px 20px; margin-bottom: 30px; }
.weblinks li .cattitle { font-size: 140%; }
.weblinks li > ul { margin-left: -40px;}
.weblinks li > ul > li { clear: both; list-style: none; padding: 20px 0px; border-bottom: 1px solid #fff; }
.weblinks li h2 { font-weight: bold; margin: -20px -20px 20px -20px; padding: 10px 20px; border-top: 30px solid #f7f7f7;}
.weblinksart li { background: #e9e9e9;  padding: 0px 20px; list-style: none;  }
.weblinksart li div {  border-bottom: 1px solid #fff; padding: 20px 0px; }
.weblinks li a, .weblinksart li a { text-decoration: none;}
.weblinks li a:hover, .weblinksart li a:hover { text-decoration: underline;}
.weblinks .title, .weblinksart .title { font-size: 125%;}
.weblinks p, .dbtags p, .weblinksart p { margin: 0px; padding: 0px;}
.weblinks img, .weblinksart img { float: left; padding: 0px 20px 10px 0px; width: 100px; }
.tag-category-websites .weblinksart img { display: none; }

.weblinks li ul li ul.tags { height: 24px; margin: 12px 0px 0px 120px; padding: 0px;}
.weblinks li ul li ul.tags li { list-style: none;  float: left; }
.weblinks .label-info[href] { background-color: #fff; }
.weblinks .label { font-size: 90%; font-weight: normal; text-shadow: none; color: #ab5153; margin-right: 10px; padding: 6px 10px; line-height: auto; border: 1px solid #ccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.weblinks a.label:hover, .weblinks a.label:focus { color: #ab5153;}

/* ===== Contact Us ======== */
.contactus .tab-content { background: #fff; padding: 0px 20px; }
.contactus .tab-content img { padding: 0px 20px 20px 0px;}
.contactus .tab-content hr { clear: both; }

/* ===== Tags ======== */
.tag-category h3 { margin: 0px; padding: 0px; font-size: 100%;}

/* ===== Calendar Feeds ======== */
ul.newsfeed { margin: 10px 0px 0px 0px; padding: 0px; list-style: none;}
ul.newsfeed li { padding: 10px 20px; background: #e9e9e9; margin-bottom: 10px;}
ul.newsfeed .feed-link { font-size: 110%; }
ul.newsfeed .feed-item-description { padding-top: 10px; }
ul.newsfeed u { text-decoration: none; }

/* ===== **Tabs** ======== */
.nn_tabs > ul.nav-tabs > li > a { color: #ab5153; }
.nn_tabs.top>ul.nav-tabs>li.active>a:focus,.nn_tabs.top>ul.nav-tabs>li>a:focus,.nn_tabs.bottom>.nav-tabs>li.active>a:focus,.nn_tabs.bottom>.nav-tabs>li>a:focus,.nn_tabs.left>.nav-tabs>li.active>a:focus,.nn_tabs.left>.nav-tabs>li>a:focus,.nn_tabs.right>.nav-tabs>li.active>a:focus,.nn_tabs.right>.nav-tabs>li>a:focus{ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.nn_tabs>ul.nav-tabs>li.active>a:focus,.nn_tabs>ul.nav-tabs>li>a:focus { border-color: #dbdbdb; }
.nn_tabs.outline_content > .tab-content { border: 1px solid #dbdbdb; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }

/* ++++++++++++++  Right - Highlight Area  ++++++++++++++ */
.moduletable-sidehlt { background: #e9e9e9; margin: 0px 0px 20px 0px; padding: 0px 0px 2px 0px;  }
.moduletable-sidehlt h3 { background: #ab5153; color: #fff; font-size: 120%; padding: 4px 10px; border-bottom: 1px solid #fff;}
.custom-sidehlt { margin: 0px; padding: 10px; }
.moduletable-sidehlt ul { text-indent: -14px; margin: 0px; padding: 0px 0px 0px 14px;}
.moduletable-sidehlt li { list-style: none; }
.moduletable-sidehlt li { padding: 9px 0px;}
.moduletable-sidehlt li:before { content: "\00BB"; color: #ab5153; padding-right: 6px;}

/* ++++++++++++++  Right - Newsfeed  ++++++++++++++ */
.moduletable-sidehlt ul.newsfeed { text-indent: 0px; margin: 0px; padding: 4px 0px 0px 0px;}
.moduletable-sidehlt ul.newsfeed li { padding: 0px 6px 12px 6px; background: #e9e9e9; margin-bottom: 10px; border-bottom: 2px solid #f2f2f2;}
.moduletable-sidehlt ul.newsfeed .feed-item-description { padding-top: 10px; }
.moduletable-sidehlt ul.newsfeed li:before { content: ""; padding-right: 0px;}

/* ++++++++++++++  Right - Book Lists and Movie Lists  ++++++++++++++ */
.custom-sidehlt.lists { margin: 0px; padding: 0px; }
.moduletable-sidehlt.lists h3 { border: 0px; margin-bottom: 1px;}
.custom-sidehlt.lists a:link, .custom-sidehlt.lists a:visited, .custom-sidehlt.lists a:hover, .custom-sidehlt.lists a:active {text-decoration: none;} 
.custom-sidehlt.lists a:hover {text-decoration: underline;} 
.nn_sliders.accordion > .accordion-group { border: 1px solid #ccc; border-radius: 0px;  }
.nn_sliders.accordion > .accordion-group.active > .accordion-heading > a.accordion-toggle { color: #333;}
.nn_sliders.accordion>.accordion-group.active>div>a:focus,.nn_sliders.accordion>.accordion-group>div>a:focus { -webkit-box-shadow: none;  -moz-box-shadow: none; box-shadow: none; }
.nn_sliders.accordion > .accordion-group > .accordion-body > .accordion-inner { border-top: 1px solid #ccc; padding: 0px 15px; }

/* ++++++++++++++  Right - Latest Reviews  ++++++++++++++ */
.moduletable-latestreviews { background: #e9e9e9; margin: 0px 0px 20px 0px; padding: 0px 14px 14px 14px;  }
.moduletable-latestreviews h3 { background: #ab5153; color: #fff; font-size: 120%; margin-left: -12px; margin-right: -12px; padding: 4px 10px; border-bottom: 1px solid #fff;}
.moduletable-latestreviews ul.newsfeed li { padding: 10px 0px; margin-bottom: 0px;}
.moduletable-latestreviews p { background: #fff; border: 1px solid #dbdbdb; margin: 0px; padding: 6px; font-size: 90%; text-align: center;}
.moduletable-latestreviews p a:link, .moduletable-latestreviews p a:active, .moduletable-latestreviews p a:visited { text-decoration: none; }
.moduletable-latestreviews p a:hover { text-decoration: underline; }

@media only screen 
  and (min-width: 480px) {
.hhours .btext { display: inline; }
.custom-homesearch { padding-left: 20px; }
.hoursopen { display: inline; padding-right: 20px;}
}

@media only screen 
  and (min-width: 502px) {
.custom-homesearch { padding-left: 20px; }
#sidehome .custom-box { float: left; width: 33%; border-right: 2px solid #fff;  }
}

@media only screen 
  and (min-width: 700px) {
#main2  { width: 68%; float: left; margin: 10px 4% 50px 0px; }
#right  { width: 28%; float: right; margin: 60px 0px 0px 0px;}
#footermenu > li { float: left; width: 25%;}
.blogitem { float: left; width: 31%; border-bottom: 0px; padding: 0px 1% 10px 1%;}
.blogimg { width: 100%;}
.blogleft { float: left; width: 64%; }
.blogright { display: inline; float: left; width: 35%; }
.blogmore { float: left; width: 31%; }
.spblog .blogitem { width: 47%; }
.spblog .blogmore { width: 47%; }
.booklists ul.nav-tabs{ padding-right: 20px;}
#staffnav li { float: right; padding-right: 30px; padding-top: 4px;}
.staffpicks, .plainback{ float: left; width: 45%;  }
.custom-homesearch input[type="text"] { width: 70%;}

}

@media only screen 
  and (min-width: 740px) {
.hsearch  { float: right; width: auto; margin: 0px 20px;}
.myaccount { float: right; margin-left: 20px;}
}

@media only screen 
  and (min-width: 768px) {
.custom-newmaterials .tab-content { padding-left: 220px; background: #dbdbdb url(../../../sitemedia/images/home/new-materials.jpg) no-repeat 0px 0px; }
}
@media only screen 
  and (min-width: 800px) {
.hsearch  { width: 420px; }
.hsearch input[type="text"] { width: 250px;}

}

@media only screen 
  and (min-width: 860px) {
.hcontact { padding-right: 28px;}
.gt { display: inline; float: right; width: 170px; height: 30px; margin: -20px 0px 0px 0px; padding: 0px;}
.resize { display: inline; float: right; text-align: right; width: 140px; margin: 0px; padding: 3px 0px 0px 23px;}
.resize p { margin: 0px; padding: 0px;}
.resize a { color: #333; text-transform: uppercase; font-size: 90%; cursor: pointer; background-color: #f2f2f2; border: 1px solid #ccc; padding: 0px 6px; }
.resize a:hover { color: #fff; background-color: #ab5153; border-color: #ab5153;}
#dj-megamenu93 { float: right; width: auto;}
#fmenu { float: left; width: 74%; margin-right: 2%; }
#footermenu { margin-left: -40px; }
#flinks { float: left; width: 24%; border-top: 0px; }
#footermenu > li { float: left; width: 25%;  }
#flinks .custom-contact .ftext, #flinks .custom-enewsletters .ftext { display: none; }
#main2  { width: 76%; float: left; margin: 10px 4% 50px 0px; }
#right  { width: 20%; float: right; margin: 60px 0px 0px 0px;}
.image-left, .image-left-border { margin: 0px 20px 10px 0px; float: left;}
.image-right, .image-right-border { margin: 0px 0px 10px 20px; float: right; }

.staff-image {  margin: 0px 20px 10px 0px; float: left;}
}
 @media only screen 
  and (min-width: 950px) {
.custom-homesearch { padding-left: 300px; background: #dbdbdb url(../../../sitemedia/images/home/search.jpg) no-repeat 0px 0px;  }
  }
@media only screen 
  and (min-width: 1020px) {
.pagebuilderck .row-fluid .span4 { width: 33.3% !important; }
#logo { float: left; width: 230px; margin-top: -13px;}
#rheader { float: right; width: auto; padding-bottom: 0px;} 
#search { height: 48px;}
.faddress { float: left; width: 56%; padding: 0px 2%; text-align: left;}
.fcopyright { float: left; width: 36%; padding: 0px 2%;  text-align: right; }
#mainhome {  float: left; width: 86%;}
#sidehome {  float: left; width: 13.8%; margin: 0px 0px 0px .2%; }
#sidehome .custom-box { float: none; width: 100%; }
}

@media only screen 
  and (min-width: 1300px) {
#sidehome .custom-box { width: 100%; height: 134px; margin: 0px 0px 2px 0px; padding: 20px 0px 12px 0px; background: #6d6d6d; text-align: center; font-size: 140%; color: #fff; }
#sidehome .custom-box.first { height: 134px;}
  }

@media only screen 
  and (min-width: 1170px) {
#flinks .custom-contact .ftext, #flinks .custom-enewsletters .ftext { display: inline; }
}


@media only screen 
  and (max-width: 500px) {
#libraryaware_rendered_content .enewsletter .box3 td { width: 100% !important; display: block !important;}
#libraryaware_rendered_content #pagecontent_0 td.box3 td td { width: 100% !important; display: block !important;}
#libraryaware_rendered_content table#pagecontent_0 table, #libraryaware_rendered_content #pagecontent_0 td.format_box, #libraryaware_rendered_content #pagecontent_0 td.box3  { display: block !important;}
.hsearch select { margin-top: 10px; border-radius: 0px; height: 32x; line-height: auto; }
.hsearch input[type="text"] { width: 100px;}
.formResponsive .formHorizontal .formControlLabel { width: auto;}
.formResponsive .formHorizontal .formControls {  margin-left: 0px;    }
.formResponsive .formHorizontal .rsform-block { margin-bottom: 18px;}
}

@media only screen 
  and (max-width: 365px) { 

 }