@charset "UTF-8";

@font-face {
   font-family: 'Goudy Oldstyle Std';
   font-style: normal;
  font-weight: 400;
   src: url(GoudyStd.woff) format('woff');
}

@font-face {
   font-family: 'Goudy Oldstyle Std Italic';
   font-style: normal;
  font-weight: 400;
   src: url(GoudyStd-Italic.woff) format('woff');
}

@font-face {
   font-family: 'Goudy Oldstyle Std Bold';
   src: url(GoudyStd-Bold.woff) format('woff');
}

b {
	font-family: 'Goudy Oldstyle Std Bold';
}

body {
	font-family: 'Goudy Oldstyle Std', serif;
	background-color: white;
	font-size: 15px;
	margin: 0 auto;
	padding: 0 1.5%;
	min-width: 768px;
	max-width: 1200px;
	color:#3B3B3B;
	overflow: none;
}

em {
	font-family: 'Goudy Oldstyle Std Italic', serif;
}

p {
	font-size: 1em;
	line-height: 1.7em;
	margin: 0 0 10px 0;
}

p a:link, p a:visited, p a:hover {
	text-decoration:none;
	color:#88cbd7;
}

a:link, a:visited, a:hover, a:active {
	text-decoration:none;
	color:#88cbd7;
}

p.center-image {
	text-align: center;
}

p.center-image img {
	width: 70%;
}

p.center-image2 {
	text-align: center;
}

p.center-image-no-flex {
	text-align: center;
}

/*structure*/

#wrapper {
	position: relative;
	display:block;
	background-color: white;
	width: 98.5%;
	min-width: 768px;
	height: auto;
} 

header.mainheader {
	position: fixed;
	z-index: 5;
	background-color: white;
	display: block;
	width: 98%;
	max-width: 1160px;
	min-width: 768px;
	padding: 0 1%;
	height: auto;
	background-color: #FFFFFF;
	border-bottom: 1px solid #D8D8D8;
}

div.nav-spacer {
	position:relative;
	text-align: left;
	float: left;
	width: 12%;
	height: auto;
	padding: 15px 1% 0px 0px;
	background: white;
	font-size: .8em;
	line-height: 160%;
	color:#9D9D9D;	
	}

div.basketright {
	width: 13%;
}

nav.main {
	padding-top: 10px;
	padding-bottom: 20px;
	float: left;
	position:relative;
	display: block;
	width: 73%;
}

nav.main ul {
	text-align:center;
	padding-top: 15px;
	padding-right: 0;
	background-color: none;
	height: 20px;
	display: block;
	width: 100%;
}
nav.main ul li {
	font-size: 1em;
	list-style:none;
	display: inline-block;
	padding: 0 .5%;
	margin: 0 1%;
	text-transform:uppercase;
	letter-spacing: .15em;
}

nav.main ul li a:link, nav.main ul li a:visited {
	text-decoration:none;
	font-weight:400;
	color:#88cbd7;
	list-style:none;
	font-size: 1em;
}

nav.main ul li.force-line {
display: none;	
}

nav.main ul li a:hover, nav.main ul li a:active  {
color:#9bd3dd;
}

nav.main ul li.current {
	font-size: 1em;
	color:black;
}

section.maincontent {
	clear:both;
	width: 100%;
}

article {
	clear:both;
	width: 100%;
	border-top: 1px solid #D8D8D8;
	margin-top: 10px;
}

footer {
	height: 120px;
	padding-top: 20px;
	background-color: white;
	border-top: #C5C5C5 1px solid;
	clear: both;
	margin: 20px 0 0 0;
}

.footer-text {
	text-transform:uppercase;
	letter-spacing: 1.5px;
	font-size: .8em;
	line-height:1.3em;
	text-align:center;
	color:#9C9C9C;	
}

.spacer {
	clear: both;
	width: 100%;
	height: 20px;
	background-color: white;
}

.spacer-color {
	clear: both;
	margin-top: 20px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 40px;
	width: 100%;
	height: 30px;
	background-image: url(../images/extra/ribbon-tiny-2.jpg);
	background-repeat: repeat-x;
}

.firstlogo {
	float: left;
	margin-top: 120px;
	margin-bottom: 30px;
	height: 150px;
	padding-top: 1em;
	width: 100%;
}

.firstlogo img {
	display: block;
	margin: 0 auto;
}

img.floatleft {
	float: left;
	margin: 0 20px 20px 0;
}

img.floatright {
	float: right;
	margin: 0 0 20px 20px;
}

.padding-l-r {
	padding-top: 20px;
	padding-left: 10%;
	padding-right: 10%;
}

.clear-small-box {
	display: block;
	width: 1px;
	height: 1px;
	clear:both;
}

.clear-box {
	height: 20px;
	width: 100%;
	clear: both;
}

.clear-small-box10 {
	display: block;
	width: 100%;
	height: 10px;
	clear:both;
}

.product-boxes {
	width: 25%;
	height: 280px;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	float: left;
	padding-bottom: 0px;
}

.product-image {
	width: 90%;
	padding-top: 0%;
	padding-right: 5%;
	padding-left: 5%;
	padding-bottom: 0%;
	background-color: white;
	height: 260px;
	overflow: hidden;
}

.product-image img {
	max-width: 100%;	
}

/*home page image-slideshow*/

.home-slider-wrap {
	z-index: 1;
	position: relative;
	display: block;
 	width: 100%;
	height: auto;
	margin-bottom: 20px;
 	overflow: hidden;
}
.image-box {
	position: absolute;
	top: 0;
	background-color:#FFF;
	display: block;
	max-width: 100%;
	height: auto;
	overflow:hidden;
	margin: 0px auto 0px auto;
}
.image-box img {
	position: relative;
	display: block;
	max-width: 100%;
	overflow:hidden;
}

/*second nav for products*/

ul.product-buttons {
	text-align: center;
	width: 100%;
	margin: 0;
	padding: 0;
}

ul.product-buttons li {
	text-transform:uppercase;
	align-content:center;
	padding: 7px 12px 4px 12px;
	margin: 2px 0px;
	height: auto;
	font-size: .9em;
	line-height: 1.1em;
	letter-spacing:1px;
	text-align: center;
	list-style: none;
	display: inline-block;
	width: auto;	
}

ul.product-buttons li a {
	display: inline-block;
	color: black;
}

ul.product-buttons li:hover {
	background-color:#C7E9EF;
	color: black;	
}

ul.product-buttons a:visited, ul.product-buttons a:active {
	color: #989898;
}

ul.product-buttons a:link {
	color: #989898;
	border:none;
}

ul.product-buttons li.product-buttons-current {
	color: black;
	background-color: #E7F5F8;
}

p.descript {
	text-align: center;
	font-size: .9em;
	line-height: 1.4em;
	margin: 0px 0px 6px 0px;
}

.caps {
	text-transform: uppercase;
}

.image-nav {
	padding: 10px 0;
	margin: 0 auto;
	width: 100%;
	height: 220px;
	text-align:center;
	overflow:visible;
}

.image-nav-item {
	margin: 0 1% 0 0;
	padding: 0px;
	display: inline-block;
	width: 12.5%;
	height: 100%;
	overflow: visible;
	top: 0;
}

.image-nav-item .img-box {
	box-sizing:border-box;
	margin: 0 auto;
	border: 1px solid rgba(195,195,195,1.00);
	height: auto;
	width: 100%;
}

.image-nav-item .img-box:hover {
	border: 2px solid rgba(195,195,195,1.00);
}

.force-break {
	display:none;
}

.current-print p {
	color: #9bd3dd;
}

.image-nav-item:hover p {
	color: #9bd3dd;
}
.image-nav-item p {
	text-align:center;
	padding-top: 6px;
	font-size:.7em;
	line-height:1.6em;
	text-spacing: 1px;
	text-transform:uppercase;
}

.image-nav-item a:link, .image-nav-item a:visited {
	color:rgba(118,118,118,1.00);
}

.image-nav-item .img-box img {
	margin: 0 auto;
	width: 100%;
	height: auto;
}

h1 {
	text-align: center;
	font-size: 1.2em;
	font-weight: 400;
	clear: both;
	margin-top: 0.5em;
	line-height: 1.8em;
	text-transform: uppercase;
	letter-spacing: 1px;
}

h2 {
	text-align: center;
	font-style: normal;
	font-size: 1.4em;
	line-height: 2.0em;
	font-weight: 400;
	margin-top: 0px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
	padding-top: 10px;
	padding-right: 0;
	padding-left: 0;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding-bottom: 10px;
}

h2.more-space {
	padding: 30px 0 40px;
}

h3.accessories {
	text-align: center;
	font-size: 1.0em;
	line-height: 2.0em;
	margin: 0;
	padding-top: 15px;
	letter-spacing: 4px;
	text-transform: uppercase;
	padding-bottom: 10px;
}

h3.shipping {
	text-align: center;
	font-size: 1.1em;
	line-height: 2.0em;
	margin: 0;
	padding-top: 15px;
	letter-spacing: 4px;
	text-transform: uppercase;
	padding-bottom: 14px;
}

h3.products {
	color:rgba(104,104,104,1.00);
	text-align: center;
	margin-top: 10px;
	font-weight: 400;
	font-size: 0.8em;
	line-height: 140%;
	text-transform: uppercase;
	letter-spacing: 2px;
}

h3.products a:link {
	color:rgba(104,104,104,1.00);
}

h4 {
	font-size: .9em;
	line-height: 2.0em;
	padding-top: 15px;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding-bottom: 4px;
}

.caption {
	display:inline-block;
	clear: both;
	font-size: .9em;
	text-align:center;
	margin-bottom: 10px;
}
	
p.book-images {
	text-align:center;
}

p.book-images img {
	padding: 20px 5px 10px 5px;
}

p.book-images a:link {
	border: none;
}


p.art-nav {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 1.6;
	color: black;
}

p.art-nav a:link {
	color: black;	
}

p.art-nav a:visited, a:active {
	color: black;	
}

p.art-nav a:hover {
	color: #42C2CF;	
}

p.art-nav .current {
	color: #358E97;
}

.superscript {
	font-size: .4em;
	position: relative;
	bottom: 1.1em;
}

.columns {
	width: 90%;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
}

.columns p.left-align {
	text-align: left;
	font-size: 1.1em;
	line-height: 1.5em;
	padding-top: 10px;
}

.columns2 {
	padding-top: 0px;
	width: 90%;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
}

.column-right {
	margin-left: 3%;
	float: right;
	width: 48%;
	padding: 15px 0;
	height: auto;
}

.column-right2 {
	margin-left: 3%;
	float: right;
	width: 35%;
	padding: 0px 0;
	height: auto;
}

.column-left {
	margin-right: 0;
	float: left;
	width: 48%;
	padding: 15px 0;
	height: auto;
	overflow:hidden;
}

.column-left2 {
	clear: both;
	margin-right: 0;
	float: left;
	width: 60%;
	padding: 0px 0;
	height: auto;
	overflow:hidden;
}

div.specs {
	text-align: center;
	margin: 0px;
	float: none;
	width: 96%;
	padding-top: 0px;
	padding-right: 2%;
	padding-left: 2%;
	padding-bottom: 10px;
	height: auto;
}

p.specs2 {
	text-align: left;
	font-size: 1em;
	line-height: 1.4em;
	margin: 0 0 .6em 0;
}

p.specs3 {
	text-align: left;
	font-size: .85em;
	line-height: 1.4em;
	margin: 0 0 1.8em 0;
	color: gray;
}

ul li.specifics {
	text-align: left;
	font-size: .9em;
	line-height: 1.3em;
	margin: 0 0 .5em 0;
}

.specs-title {
	text-align: center;
	font-size: 1em;
	line-height: 1.6em;
	font-weight: 400;
	clear: both;
	margin: 0;
	padding-bottom: 0.4em;
	border-bottom: 1px solid #D8D8D8;
}

.specs-accessories {
	padding-top: .8em;
	font-size: .9em;
	letter-spacing: .2em;
	text-transform: uppercase;
}

.blue {
	color: #85b1b9;
}

.darkblue {
	color: #689ea8;
}

.gray1 {
	color:#9C9C9C;
}
.shadow {
	/*Chrome, Safari*/
    -webkit-box-shadow: 6px 6px 12px 8px #ebebeb;
	/*Firefox*/
    -moz-box-shadow: 4px 4px 6px 7px #ebebeb;
	/*Standard Syntax*/
    box-shadow: 6px 6px 14px 6px #ebebeb;
}

img.float-img-left {
	float: left;
	padding: 0 20px 20px 0;
}

img.flex {
	max-width: 100%;
}

div.press-main {
	max-width: 1000px;
	margin: 0 auto;
}

img.bookpages {
	margin: 5px;
	display: inline-block;
	width: 180px;
	max-width: 225px;
	padding: 5px;
	border: 1px solid;
	border-color:#D1D1D1;
	background-color: #fff;
}

hr.clear {
	border-top: 1px solid #d1d1d1;
	padding-top: 10px;
	border-left: none;
	border-right: none;
	border-bottom: none;
	width: 100%;
}

hr.horizontal-rule {
    border: 0;
    border-bottom:  1px solid #ccc;
}

.quote {
	font-size: 1.2em;
	font-style: normal;
	margin: 0;
	line-height: 1.7em;
}

.quoted {
	margin: 4px 0 15px 40px;
	color: rgba(139,138,138,1.00);
}

.quote2 {
	padding-top: 10px;
	font-size: 1.3em;
	font-style: normal;
	margin: 0;
	text-align: center;
	line-height: 1.8em;
}

.quoted2 {
	margin: 0;
	text-align: center;
	color: rgba(139,138,138,1.00);
}

.first-line {
	letter-spacing: .2em;
	font-size: 90%;
	text-transform: uppercase;
}

p.large-quote {
	text-align: center;
	font-size: 1.3em;
	font-style: normal;
	color: #4E4E4E;
	line-height: 1.8em;
	padding-top: 20px;
}

p.larger-text {
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
	clear: none;
	font-size: 1.3em;
	font-style: normal;
	text-align: left;
	font-weight: 400;
	line-height: 160%;
}

p.larger-text2 {
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 6px;
	font-size: 1.2em;
	font-style: normal;
	text-align: left;
	font-weight: 400;
	line-height: 155%;
}

p.larger-text3 {
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 6px;
	font-size: 1.1em;
	font-style: normal;
	text-align: left;
	font-weight: 400;
	line-height: 145%;
}

.text-smaller {
	padding: 0px 0 0 0;
	clear: both;
	font-size: .9em;
	font-style: normal;
}

p.emphasis {
	margin-top: 10px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 10px;
	text-align: center;
	font-size: 1.em;
	font-variant: normal;
	letter-spacing: .1em;
	text-transform: uppercase;
}

p.emphasis a:visited {
	text-decoration:none;
	color:#9bd3dd;
	border-bottom: 1px solid #D8D8D8;
}

img.framed-art {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.price {
	text-align:center;
	font-size: 1.2em;
	line-height: .5em;
	font-weight:400;
	position: relative;
	bottom: -12px;
}

.larger-price {
	font-size: 1.4em;
}

p.price-space-below {
	font-size: 1.2em;
	line-height: 1.1em;
	font-weight:400;
	position: relative;
	padding: 8px 0px 0px 0px;
	display: block;
}

.pricebox {
	max-width: 280px;
	min-width: 100px;
	margin: 0 auto;
	border-top: 1px dotted gray;
	padding-top: 10px;
	margin-bottom: 0px;
	text-align: center;
}

.pricebox-book {
	max-width: 216px;
	min-width: 100px;
	margin: 0 auto;
	border-top: 1px dotted gray;
	padding-top: 10px;
	margin-bottom: 8px;
	text-align: center;
	border: 0px solid gray;
	-webkit-box-shadow: 0px 2px 3px 2px #EFEFEF;
	box-shadow: 0px 2px 3px 2px #EFEFEF;
}

.pricebox2 {
	max-width: 200px;
	min-width: 100px;
	margin: 0 auto;
	border-top: 1px dotted gray;
	padding-top: 10px;
	padding-bottom: 8px;
	text-align: center;
}

.pricebox .print-title-in-form {
	text-align:center;
	text-transform: uppercase;
	margin: 0px 0px 0px 0px;
	padding-top: 4px;
	letter-spacing: 2px;
}

.pricebox .print-title-in-form2 {
	font-size: .9em;
	text-align:center;
	margin: 0;
	padding-top: 6px;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.pricebox .print-title-in-form4 {
	position: relative;
	bottom: -4px;
	font-size: .9em;
	text-align:center;
	margin: 0;
	padding-top: 6px;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.pricebox2 .print-title-in-form3 {
	font-size: .8em;
	line-height: 160%;
	text-align:center;
	margin: 0;
	padding-top: 6px;
	padding-bottom: 4px;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.borderbottom {
	border-bottom: 1px dotted gray;
}

.border-top {
	border-top: 1px solid #D8D8D8;
	padding-top: 40px;
}

.bordertop2 {
	border-top: 1px dotted gray;
	padding-top: 10px;
	margin-bottom: 10px;
}

.noborder {
	border-top: 0px dotted gray;
}

.top-border-2px {
	border-top: 2px dotted gray;
}

.bottom-border-2px {
	border-bottom: 2px dotted gray;
}

.plus-padding-top {
	padding-top: 20px;
}

/*form styling for ordering*/

input, select, label {
	display: block;
	top: 5px;
	float: left;
	border: 0;
	background-color: rgba(235,243,249,1.00);
	display: inline-block;
	position: top;
}

label {
	background-color: white;
	padding-top: 2px;
	padding-left: 6px;
	padding-right: 3px;
}

form.centerform {
	display: inline-block;
	padding-bottom:5px;
	margin: 0 auto;
	width: 260px;
	padding-top: 5px;
	height: auto;
}

form.viewbasket {
	float: right;
	padding-right: 30px;	
}

fieldset.inset {
	display: inline-block;
	width: auto;
	margin: 15px auto 0px auto;
	padding-top: 0px;
	padding-left: 0px;
}

fieldset.inset2 {
	display: block;
	margin: 15px 0px 5px 15px;
	width: 245px;
	padding-top: 0px;
	padding-left: 0px;
}

input.basketimage {
	display: inline-block;
	margin: 0 auto;
	width: auto;
	padding-left: 15px;
	background-color: white;
	padding-bottom: 10px;
}

input.centeredbasket {
	float: none;
	display: inline-block;
	text-align: center;
	width:auto;
	padding-left: 0px;
	background-color: white;
	padding-bottom: 0;
}

input.textform {
	margin-left: 6px;
	display: inline-block;
	float: left;
	width: 170px;
	height: 18px;
	margin-bottom:5px;
}

/*end form styling*/

@media screen and (max-width: 1050px) {
	
.product-boxes {
	width: 25%;
	height: 230px;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	float: left;
	padding-bottom: 0px;
}

.product-image {
	width: 90%;
	padding-top: 0%;
	padding-right: 5%;
	padding-left: 5%;
	padding-bottom: 0%;
	background-color: white;
	height: 230px;
	overflow: hidden;
}
}

@media screen and (max-width: 900px) {
	
.product-boxes {
	width: 25%;
	height: 200px;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	float: left;
	padding-bottom: 0px;
}

.product-image {
	width: 90%;
	padding-top: 0%;
	padding-right: 5%;
	padding-left: 5%;
	padding-bottom: 0%;
	background-color: white;
	height: 200px;
	overflow: hidden;
}

img.floatleft {
	float: none;
	max-width: 100%;
	margin: 0 auto;
	display: block;
	padding: 20px 0;
}

.clear-small-box {
	display: block;
	width: 100%;
	height: 10px;
	clear:both;
}

.padding-l-r {
	padding-left: 2%;
	padding-right: 2%;
}

nav.main ul {
	text-align:center;
	height: auto;
	display: block;
	margin: 0 auto;
	padding-top: 10px;
}

nav.main ul li {
	padding: 0 1%;
	margin: 0 1%;
	text-transform:uppercase;
	letter-spacing: .15em;
}

header.mainheader {
	display: block;
	width: 96%;
	height: auto;
	background-color: white;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 30px;
}

nav.main ul li.force-line {
	display: block;
	width: 96%;
	height: 15px;	
}

p.center-image img {
	width: 80%;
}

.image-nav {
	height: 174px;
}

}