/* --- universal tag-level stuff --- */
/* html {height:100%; background:url('/images/backgrounds/201601_snowdrops2_50.jpg') repeat center 0 fixed #3A6317; background-size:cover;} */
/* html {height:100%; background:url('/images/backgrounds/201406_dahlias1024_60mini.jpg') repeat center 0 fixed #3A6317; background-size:cover;} */
html {height:100%; background:url('/images/backgrounds/201611_ferns40.jpg') repeat center 0 fixed #3A6317; background-size:cover;}
body {height:100%; padding:0;}
a {text-decoration:none; color:#00F;}
a:hover {text-decoration:underline;}
a:visited {color:#AE1BC9;}
h1 {font-size:174%;}
h2 {color:#a5c72a; font-size:152%; font-weight:bold;}
h3 {color:#7B941F; font-size:129%; font-weight:bold;}

/* --- items found on many/most pages --- */
#main {width:910px; margin:0 auto; padding:0 20px 20px 20px; background:#FFF; position:relative;}
#main:after {content:""; display:block; height:0; clear:both;}

#social {width:100%; background:rgba(20,171,247,0.8);} /* rgba(115,168,85,0.8) */
#socialInside {width:950px;	margin:0 auto; padding:5px 0;}
#social p, #social li {float:left;}
#social p {color:#FFF; margin-top:5px;}
#social li {margin-left:15px;}
#social li:first-child {margin-left:10px;}
#social li a {background-image:url(/images/new/socialSprites.png); background-repeat:no-repeat; display:block; height:27px; width:27px;}
#social li a.blog {width:61px; background-position:0 0;}
#social li a.facebook {background-position:-61px 0;}
#social li a.twitter {width:28px; background-position:-89px 0;}
#social li a.pinterest {width:28px; background-position:-117px 0;}
#social li a.tumblr {background-position:-145px 0;}
#social li a.instagram {width:26px; background-position:-173px 0;}
#social li a.blog:hover {background-position:0 -27px;}
#social li a.facebook:hover {background-position:-61px -27px;}
#social li a.twitter:hover {background-position:-89px -27px;}
#social li a.pinterest:hover {background-position:-117px -27px;}
#social li a.tumblr:hover {background-position:-145px -27px;}
#social li a.instagram:hover {background-position:-173px -27px;}
#socialEmailSignup {float:right;}
#socialEmailSignup p {margin-right:10px;}
#socialEmail {float:left; font:18px 'Arimo',arial,sans-serif; color:#FFF; height:27px; padding:0 2px 0 10px; width:120px; background:rgba(255,255,255,0.5); border:0 none; -webkit-border-top-left-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-bottomleft:5px; border-top-left-radius:5px; border-bottom-left-radius:5px;}
#socialSubmit {float:left; font-size:18px; width:84px; height:27px; overflow:hidden; border:0 none; background:url(/images/new/emailSignup.png) no-repeat 0 0; cursor:pointer;}
#socialSubmit:hover {background-position:0 -27px;}
#emailError {clear:left; display:none; font-weight:bold; color:#900; padding:3px 0 0 5px;}
#message {color:#FFF; margin-top:3px; font-size:120%;}
#socialEmailSignup:after {content:""; display:block; height:0; clear:left;}
#socialInside:after {content:""; display:block; height:0; clear:both;}

header {width:950px;	margin:0 auto; height:149px; position:relative;}
#logo {float:left; margin:15px 15px 0;}
/* #aboutUs {width:590px; font:90% 'Arimo',arial,sans-serif; color:#FFF; position:absolute; left:355px; bottom:19px; line-height:1.6em;} */
#aboutUs {width:510px; font:100% 'Arimo',arial,sans-serif; color:#FFF; position:absolute; left:395px; bottom:16px; line-height:1.6em; text-shadow:0 0 3px #333;}
#aboutUs strong {font-weight:bold; letter-spacing:0.3px; font-size:110%; padding-left:2px;} /* color:#9bca68; */
header:after {content:""; display:block; height:0; clear:both;}

.clear {clear:both; height:1px; display:block;}
.clearLeft {clear:left; height:1px; display:block;}
.clearRight {clear:right; height:1px; display:block;}

#topInfo {padding:0 20px 6px; background:#83bb13; margin:0 -20px 10px;}
#breadcrumbs {float:left; margin-top:7px;}
#breadcrumbs .bcLevel {display:block; float:left; height:18px; padding:2px 4px 0 4px; padding-left: 13px;}
#breadcrumb1 {background:#CCCCFF; padding-left:9px !important; -webkit-border-top-left-radius:7px; -webkit-border-bottom-left-radius:7px; -moz-border-radius-topleft:7px; -moz-border-radius-bottomleft:7px; border-top-left-radius:7px; border-bottom-left-radius:7px;}
#breadcrumb2 {background:url(/images/new/breadcrumb_1-2.png) no-repeat #D6D6FF;}
#breadcrumb3 {background:url(/images/new/breadcrumb_2-3.png) no-repeat #E0E0FF;}
#breadcrumb4 {background:url(/images/new/breadcrumb_3-4.png) no-repeat #EBEBFF;}
#breadcrumbs .bcSep {display:none;}
#breadcrumbs .bcFinal {padding-right:10px !important; -webkit-border-top-right-radius:7px; -webkit-border-bottom-right-radius:7px; -moz-border-radius-topright:7px; -moz-border-radius-bottomright:7px; border-top-right-radius:7px; border-bottom-right-radius:7px;} 
#breadcrumbs .bcSepTxt {display:none;}

#cartInfo {position:absolute; top:7px; left:334px;}
#cartInfo .cartLevel {display:block; float:left; height:18px; padding-top:2px;}
#cartInfo1 {padding-left:35px !important; padding-right:3px; background:#FFEA77 url(/images/new/shoppingCart.png) no-repeat 4px 0; font-weight:bold; -webkit-border-top-left-radius:7px; -webkit-border-bottom-left-radius:7px; -moz-border-radius-topleft:7px; -moz-border-radius-bottomleft:7px; border-top-left-radius:7px; border-bottom-left-radius:7px;}
#cartInfo1 a {color:#000;}
#cartInfo1 a:hover {color:#00F;}
#cartInfo2 {background:#FFF09F;}
#cartInfo3 {background:#FFEA77; padding-right:10px !important; padding-left:3px; -webkit-border-top-right-radius:7px; -webkit-border-bottom-right-radius:7px; -moz-border-radius-topright:7px; -moz-border-radius-bottomright:7px; border-top-right-radius:7px; border-bottom-right-radius:7px;}
#cartInfo .cartSep {display:block; float:left; width:12px; height:20px;}
#cartSep12 {background:url(/images/common/cartinfo_1-2.gif) no-repeat;}
#cartSep23 {background:url(/images/common/cartinfo_2-3.gif) no-repeat;}
#cartInfo .cartSepTxt {display:none;}

#search {width:202px; float:right; margin-top:5px; font-size:16px;}
#searchBox {float:left; height:18px; padding:3px 2px 3px 10px; width:120px; background:#EDF7D4; border:0 none; font:inherit; -webkit-border-top-left-radius:7px; -webkit-border-bottom-left-radius:7px; -moz-border-radius-topleft:7px; -moz-border-radius-bottomleft:7px; border-top-left-radius:7px; border-bottom-left-radius:7px;}
#searchBox:focus {outline:0;}
#searchButton {float:left; width:70px; height:24px; border:0 none; color:#FFFBE6; background:#C1D969; cursor:pointer; font:inherit; font-weight:bold; -webkit-border-top-right-radius:7px; -webkit-border-bottom-right-radius:7px; -moz-border-radius-topright:7px; -moz-border-radius-bottomright:7px; border-top-right-radius:7px; border-bottom-right-radius:7px;}
#searchButton:hover {background:#7A931E;}
#topInfo:after {content:""; display:block; height:0; clear:both;}

/* book grid stuff for when there is an array of books to list */
.bookGrid {margin-top:10px;}
.bookGrid .gridRow {}
.bookGrid .oddRow {}
.bookGrid .evenRow {}
.bookGrid .gridRow div {width:290px; float:left; margin:0 0 20px 20px;}
.bookGrid div.firstCol {width:290px; float:left; margin-left:0; clear:left;}
.bookGrid img {float:left; margin:5px 10px 10px -110px;}
.bookGrid p {padding-left:110px;}
.bookGrid p.title {margin-bottom:7px;}
.bookGrid .title a {font:129% 'Times New Roman',Times,serif; line-height:1.1em;}
.bookGrid .subTitle, .bookGrid .edition {font-size:85%; font-weight:normal; line-height:1.1em;}
.bookGrid .authors {font-size:92%;}
.bookGrid p.copy {margin-bottom:5px;}
.bookGrid .price {font-weight:bold; white-space:nowrap;}
.bookGrid .price .strike {color:#787878; font-size:85%; text-decoration:line-through; padding-right:.5em;}
.bookGrid .price .priceDisc {color:#C45353;}

/* book page grid stuff */
.pageNav {clear:left; margin:10px 0 15px 0;}
.pageNav2 {clear:left; margin:10px 0 0 0;} /* the bottom one */
.pageNavLinks {padding-left:30px;}
#changeOrder, #changeOrder2 {vertical-align:top;}
.pageNavLinks a, .pageNavLinks b {text-align:center; font-size:114%; padding:6px 6px 2px;}

/* used on checkout pages, and anywhere 2 columns are needed */
.column {float:left; width:440px;}
.colLeft {margin-right:29px;}
.column3 {float:left; width:283px; margin-left:30px;}
.col3Left {margin-left:0;}

/* used anywhere there's a form, notably the email notify signup and checkout pages */
p.alert {color:#C42121; font-weight:bold;}
input.alert, select.alert, textarea.alert {background-color:#FCC !important; margin-bottom:0 !important;}

footer {width:910px; background:rgba(50,50,50,0.7); margin:0 auto 50px auto; padding:18px 20px; color:#FFFBE6; font-size:85%;}
footer h5 {text-transform:uppercase; font-size:120%; font-weight:bold; margin-bottom:3px;}
footer a {color:#FFFBE6 !important;}
footer span.label {width:33px; padding-right:3px; display:block; float:left;}
#address {margin-left:36px;}
#address span {margin-left:-36px;}
#otherContact {margin-top:10px;}
#links {margin-top:17px;}
footer > div {float:left; margin-right:30px;}
footer > div p {margin-bottom:5px;}
footer:after {content:""; display:block; height:0; clear:both;}

#copyright {font-size:85%; color:#FFFBE6; margin:0 auto 20px auto; width:910px; text-align:center;}