@charset "UTF-8";
/* CSS Document */

/* =General
---------------------------------------------- */
/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none;}

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

/* Removes the outline on links */
a {outline: none;}

.clearme {display: block; clear: both; height: 0; margin: 0; padding: 0;}
/* Code to clear floats inside containers - add to the outside container */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* End of float clearing trick */

html {
	margin: 0;
	padding: 0;
	height: 100%;
}
body {
	background: #e5f0f5 url(../images/bkgd.jpg) left top no-repeat;
	text-align: center;
	line-height: 1.25em;
}
h1 {
	position: absolute;
	top: 43px;
	left: 20px;
	display: block;
	width: 190px;
	height: 90px;
	background: url(../images/NauticalChartsOnlineLogo.png) top left no-repeat;
	text-indent: -9999px;
}
h1 a {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 1em;
}
h1 a:hover {
	border: none;
}

h2 {
	font: 32px/32px "Arial Black", Arial, sans-serif;
	color: #303d66; /* Dark Blue */
	margin-bottom: 10px;
}
h3 {
	font: 13px/16px Georgia, "Times New Roman", Times, serif;
	color: #b83e48; /* Red */
	margin-bottom: 5px;
	text-transform: uppercase;
}
h4 {
	font: 20px/24px "Open Sans", Helvetica, sans-serif;
	color: #303d66; /* Royal Blue */
	margin: 10px 0 15px;
}
h5 {
	font: 16px/20px "Open Sans", Helvetica, sans-serif;
	color: #303d66; /* Royal Blue */
	font-weight: bold;
	margin-bottom: 5px;
	text-transform: uppercase;
}
h6 {
	font: 16px/20px "Open Sans", Helvetica, sans-serif;
	color: black;
	font-weight: bold;
}
h6.space {
	padding-bottom: 8px;
}
h6.sub {
	color: #b83e48; /* Red */
	font: 13px/16px "Open Sans", Helvetica, sans-serif;
	font-weight: bold;
}
p {
	font: 12px/16px "Open Sans", Helvetica, sans-serif;
	color: #515666; /* Blue Gray */
	padding-bottom: 8px;
}
p.chartinfo {
	padding: 5px 0 20px;
	font-size: 13px;
	line-height: 22px;
}
p.smallest {
	font-size: 10px;
	line-height: 13px;
}
p.disclaimer {
	margin-top: 20px;
	font-style: italic;
	/* display: inline-block; */
}
p.disclaimerline {
	margin-top: 4px;
	font-style: italic;
	font-size: 9px;
	white-space: nowrap;
}
div.chartimagecontainer a {
	font-size: 11px;
	margin-right: 6px;
}
a {
	/* color: #315a9c; Royal Blue */
	color: #4848E0;
}
a:hover {
	color: #62a8cd; /* Light Blue */
}
div.divider {
	border-bottom: 1px solid #b2d5e3;
	width: 100%;
	margin: 20px 0;
}
img.fr {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}
input.fr {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

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


div#headerbkgd {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 138px;
	background: url(../images/navBkgd.gif) left top repeat-x;
}
div#wrapper {
	position: relative;
	z-index: 2;
	margin: 0 auto;
	text-align: left;
}




/* = Box Buttons
----------------------------------------------------------------------------------------*/

a.box {
	display: inline-block;
	height: 20px;
	padding: 5px 10px 0 10px;
	background: url(../images/BTN-redBkgd.gif) left top repeat-x;
	font: 12px Georgia, "Times New Roman", Times, serif;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
	border: 1px outset #b83e48; /* Red */
}
a.box#blue {
	background: url(../images/BTN-blueBkgd.gif) left top repeat-x;
	border: 1px outset #315a9c; /* Blue */
}
a.box:hover, a.box#blue:hover {
	border: 1px outset #cf8941; /* Gold */
	background-position: left bottom;
}


/* = Left Sidebar
div.searchbox p {
	margin-left: 16px;
	margin-top: 20px;
	font: 15px/17px Georgia, "Times New Roman", Times, serif;
	color: #315a9c; /* Royal Blue */
	padding-bottom: 5px;
}
input#searchCharts {
	width: 180px;
	border: 1px solid #b2d5e3;
	height: 25px;
	margin-left:16px;
	margin-bottom: 10px;
	font: 13px Arial, Helvetica, sans-serif;
	padding: 2px 5px;
	display: block;
}
ul.sidenav {
	margin-left: 30px;
}
ul.sidenav li {
	display: block;
	padding: 2px 0;
}
ul.sidenav li a {
	font: 12px/14px Verdana, Geneva, sans-serif;
	text-decoration: none;
	color: #315a9c; /* Royal Blue */
}
ul.sidenav li a:hover {
	color: #b83e48; /* Red */
}

#mapview {
	padding: 10px 20px;
	text-align: center;
	display: block;
	background-color: #315a9c;
	/*background-color: rgb(54,154,201);
	background: -moz-linear-gradient(top, rgb(54,154,201) 0%, rgb(49,90,156) 100%);
	background: -webkit-linear-gradient(top, rgb(54,154,201) 0%,rgb(49,90,156) 100%);
	background: linear-gradient(to bottom, rgb(54,154,201) 0%,rgb(49,90,156) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#369ac9', endColorstr='#315a9c',GradientType=0 );*/
	background-image: url(../images/mapButtonBkgd.png);
	background-size: cover;
	background-position: center center;
	color: #eddcbe;
	font-size: 1.25em;
	line-height: 1.45em;
	text-transform: uppercase;
}
#mapview span {
    color: #fff;
    font-weight: 700;
    text-transform:  uppercase;
    font-size: 1.675em;
}
#mapview:hover {
    background-color: #314e86;
}
#mapview a:hover {
    color: #fff;
}



/* = Right Content
----------------------------------------------------------------------------------------*/


div.rightcontainer {
	float: right;
	width: 760px;
}
div.rightcontent {
	padding-top: 45px;
}
div.mapleft {
	float: left;
	width: 160px;
	margin-top: 20px;
	padding-left: 10px;
}
p.mapinstructions {
	width: 125px;
	font: 14px/18px Arial, Helvetica, sans-serif;
	color: #315a9c; /* Royal Blue */
	padding-right: 25px;
	background: url(../images/blueArrow.png) right center no-repeat;
	margin-bottom: 0px;
}
#map_canvas {
	width:560px;
	height:330px;
}
#maparea {
	width:750px;
}
#mapareax {
	min-height: 330px;
}
#morespace>#mapareax {
	margin-left:-47px;
}
div.whitebordercontainer {
	background: #e7f2f6 url(../images/chartBlueBar.gif) left top repeat-x;
	border: 14px solid #ffffff;
	margin-top: 25px;
}
div.whitebordercontainer#noblueheader {
	background-image: none;
}
div.whitebordercontainer div.redline {
	padding: 30px;
	margin: -7px;
	border: 1px solid #b83e48; /* Red */
	overflow: hidden;
}

div.whitebordercontainer div.redline#cart {
	padding-top: 15px;
	padding-bottom: 0;
}
div.redline#morespace h3 {
	font-size: 18px;
	line-height: 22px;
	text-transform: none;
	padding-bottom: 10px;
	font-weight: normal;
	}
div.redline#morespace h4 {
	font-size: 16px;
	margin-bottom: 3px;
	margin-top: 18px;
}
ul#bulletedtextlist {
	padding: 15px 30px;
	margin: -7px;
	border: 1px solid #b83e48; /* Red */
}
ul#bulletedtextlist h3 {
	font: 16px Georgia, "Times New Roman", Times, serif;
	color: #ffffff;
	margin: -9px -24px 10px -24px;
	padding: 9px 24px 9px 24px;
	clear: left;
	background: #e7f2f6 url(../images/chartBlueBar.gif) left top repeat;
}
ul#bulletedtextlist h3.longline {
	font-size: 14px;
}
ul#bulletedtextlist li {
	display: block;
	font: 12px/14px Arial, Helvetica, sans-serif;
	margin-top: 3px;
	margin-bottom: 7px;
}
ul#bulletedtextlist li a {
	color: #515666; /* Blue Gray */
}
ul#bulletedtextlist li a:hover {
	color: #b83e48; /* Red */
}
.firstcol {
	clear: left;
	padding-right: 20px;
}
@media only screen and (min-width: 767px) {
.twocols {
	float: left;
	width: 46%;
}
.coldivider {
	border-right: 2px solid #b83e48; /* Red */
	margin-right: 10px;
	padding-right: 10px;
}
}

div.chartimagecontainer {
	text-align: right;
	float: right;
	width: 300px;
	margin-right: 10px;
}
div.chartimagecontainer img {
	margin-bottom: 8px;
}
a.arrow {
	margin-top: 15px;
	display: block;
	background: url(../images/blueArrowRight.png) 0 2px no-repeat;
	color: #315a9c; /* Royal Blue */
	padding-left: 13px;
	text-decoration: none;
}
a.arrow:hover {
	color: #b83e48; /* Red */
}




/* = Cart Content
------------------------------------------------------------------*/
div.cartlist {
	margin-left: -24px;
	margin-top: -9px;
	margin-right: -24px;
	margin-bottom: 8px;
	background-color: #e7f2f6;
}
div.cartHeader {
	background: #303d66;
	padding-bottom: 8px;
}
div.cartHeader div {
	color: white;

}

div.cartListBlock1 {
	width: 50%;
	display: inline-block;
	float: left;
	clear: left;
}
div.cartListBlock2 {
	width: 50%;
	display: inline-block;
	clear: right;
	margin-right: 0px;
}
div.cartListBlock1 div {
	margin-left: 5px;
	display: inline-block;
	vertical-align: top;
	padding-top: 5px;
}
div.cartListBlock2 div {
	margin-left: 5px;
	display: inline-block;
	vertical-align: top;
	padding-top: 5px;
}
div.cartCol1 {
	width: 60%;
	float: left;
}
div.cartCol2 {
}
div.cartCol3 {
	width: 45%;
	float: left;
}
div.cartCol4 {
	width: 20%
}
div.cartCol5 {
	clear: right;
}
div.cartCol1 p {
	margin-top: 0px;
}
div.cartCol2 p {
	margin-top: 0px;
}
div.cartSep {
	border-bottom: 1px solid;
	clear:both;
}
.price {
	text-align: right;
}
p.individualprice {
	margin-top: -10px;
	font-size: 10px;
}

div.cartcontentcontainer {
	padding: 20px;
}
div.cartcontentcontainer div.whitebordercontainer {
	box-sizing: border-box;
	width: 73%;
	float: left;
	margin-top: 0;
}

div.cartcontentcontainer div.orderdetail {
width: 100%;
}


/* = Cart Summary
------------------------------------------------------------------*/

div.cartsummary {
	box-sizing: border-box;
	width: 23%;
	float: right;
	background-color: #ffffff;
	padding: 30px 15px 50px;
	position: relative;
}
div.cartsummary h3 {
	font: 18px/21px Georgia, "Times New Roman", Times, serif;
	color: #b83e48; /* Red */
	margin: 0 0 20px 0;
	text-transform: none;
}
div.cartsummary a.box {
	margin: 20px;
	margin-bottom: 8px;
	text-align: center;
	padding-left: 30px;
	padding-right: 30px;
}
div.cartsummary a.box:hover {
		color: #ffffff;
}
div.cartsummary a.continue {
	margin-left: 20px;
	display: block;
	background: url(../images/blueArrowLeft.gif) 0 2px no-repeat;
	color: #315a9c; /* Royal Blue */
	padding-left: 13px;
	text-decoration: none;
}
div.cartsummary a.cancel {
	position: absolute;
	bottom: 5px;
	right: 12px;
}
div.cartsummary a:hover {
		color: #b83e48; /* Red */
}
.right {
	float: right;
}
p.total {
	text-align: right;
	font-size: 20px;
	font-weight: bold;
}


/* = Shipping Information
------------------------------------------------------------------*/


fieldset#form {
	margin-bottom: 30px;
	margin-top: 5px;
	margin-left: 50px;
	margin-right: 50px;
}
fieldset#form dl {
	font: 12px/16px Arial, Helvetica, sans-serif;
	color: #6c7080; /* gray blue */
	margin-bottom: 10px;
}
fieldset#form dl strong {
	font-size: 14px;
}
fieldset#form dt {
	text-align: right;
	padding-top: 4px;
	padding-right: 10px;
	float: left;
	display: block;
	width: 100px;
	height: 20px;
	clear: left;
}
fieldset#form dd {
	float: left;
	display: block;
	height: 24px;
	margin-bottom: 7px;
	clear: right;
}
fieldset#form dd select {
	 margin-top: 4px;
}
fieldset#form dt.radio {
	padding-top: 1px;
}
fieldset#form input[type="text"] {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	height: 20px;
	color: #004386;
	border: 1px solid #b2d5e3;
	padding: 1px 0 0 5px;
	display: block;
}

a.box#continuecheckout {
	margin-top: 15px;
	float: right;
	padding: 5px 25px 0;
}

dl#oneline dt {
	text-align: left;
	width: 20px;
}
dl#oneline dd {
	width: 180px;
}



/* = Sign In
------------------------------------------------------------------*/

div.signincontainer {
	float: right;
	margin-top: 32px;
}
	div.signincontainer ul li {
		float:left;
		position:relative;
		display:block;
		padding: 0 10px;
		border-right: 1px solid #4871b3;
	}
	div.signincontainer ul li.last {
		border-right: none;
	}
	div.signincontainer ul li a {
		font: 11px Arial, Helvetica, sans-serif;
		color: #315a9c; /* Royal Blue */
		text-decoration: none;
	}
	div.signincontainer ul li a:hover {
	color: #b83e48; /* Red */
	}




/* = Top Navigation
----------------------------------------------------------------------------------------*/

#top-bar {
    background-color: #303d66;
}
#top-menu li.top-menu-em a {
    background: rgb(54,154,201);
    background: -moz-linear-gradient(top, rgb(54,154,201) 0%, rgb(49,90,156) 100%);
    background: -webkit-linear-gradient(top, rgb(54,154,201) 0%,rgb(49,90,156) 100%);
    background: linear-gradient(to bottom, rgb(54,154,201) 0%,rgb(49,90,156) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#369ac9', endColorstr='#315a9c',GradientType=0 );
    padding: 2px 10px 2px 8px;
    top: -3px;
}
div.topcontainer {
	width: 100%;
	height:	55px;
}
h2.imageReplace {
	float: left;
	display: none;
	width: 265px;
	height: 25px;
	margin-top: 10px;
	background: url(../images/sailSafely-large.png) left top no-repeat;
    background-size: 100%;
	text-indent: -9999px;
}
#top-menu {
    float: none;
}
#top-menu li {
    text-shadow: none;
    margin-left: 15px;
}
#top-menu li a {
    color: #bddbe6;
}
#top-menu li a:hover {
    color: #62a8cd;
}


/* = Top Cart
------------------------------------------------------------------*/

div.cartcontainer {
	float: right;
	height: 55px !important;
	padding-top: 20px;
	padding-left: 50px;
	background: url(../images/cartEmpty.png) left top no-repeat;
}
div.cartcontainer a.box {
	float: right;
	height: 28px !important;
}
div.cartcount {
	display: block;
	float: right;
	padding: 5px 10px;
	border: 1px solid #62a8cd; /* Light Blue */
	background: #ffffff;
    margin-top: 6px;
    margin-left: 2px;
}
div.cartcount p {
	font: 11px Verdana, Geneva, sans-serif;
	text-transform: uppercase;
	color: #515666;
    padding-bottom: 0;
}
div.cartcount p span {
	color: #b83e48; /* Red */
	font-weight: bold;
}


/* = Navigation
----------------------------------------------------------------------------------------*/

#logo img {
    height: auto;
    text-align: center;
    margin: 0 auto;
}
#primary-menu {
    padding-top: 10px;
    margin-bottom: 0;
}
#primary-menu li a, .sticky-menu-wrap li a {
    padding: 5px 15px 8px;
    text-transform: none;
    font-size: 12px;
    font-weight: normal;
    color: #303d66;
}
.rs-menu {
    color: #016aa0;
    background: transparent;
}


/* = Side Navigation
----------------------------------------------------------------------------------------*/
#leftNavigation h6 {
margin-bottom: 5px;
margin-top: 10px;
text-transform: uppercase;
}
#leftNavigation h6:first-child {
    margin-top: 0;
}

#leftNavigation li {
    margin-bottom: 4px;
}
.panel {
    background: rgba(255,255,255,.5);
}
.panel-default {
    border: none;
}
.panel-title {
    font-size: 14px;
    line-height: 1.25em;
}
.panel-title .glyphicon {
    margin-right: 5px;
}
.panel-title a {
    color: #315a9c;
    padding: 5px 10px;
    display: block;
}
.panel-body {
    padding: 12px 15px 10px;
    border: none;
}
.panel-default > .panel-heading {
    border: none;
    background: transparent;
    padding: 0;
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #cbe2ea;
}
#liveHelp {
    margin-top: 15px;
}
#liveHelp a {
    display: block;
    text-align: center;
    background-color: #fff;
    border: 2px solid #315a9c;
    padding: 10px;
    border-radius: 4px;
    font-size: 1.125em;
    text-transform: uppercase;
}
#sideBanner {
    margin-top: 15px;
}




div#topnavcontainer {
	width: 900px;
	margin-top: 11px;
	z-index: 20;
}
ul#topnav{
	z-index: 50;
	width:100%;
}
ul#topnav li {
	float:left;
	position:relative;
	display:block;
	padding: 12px 15px 14px;
	border-right: 1px solid #4871b3;
	border-left: 1px solid #264f91;
	background: url(../images/navArrow.png) 15px 45px no-repeat;
}
ul#topnav li.first {
	border-left: none;
}
ul#topnav li.last {
	border-right: none;
}
ul#topnav li a {
	width: 100%;
	display: block;
	font: 12px Georgia, "Times New Roman", Times, serif;
	color: #ffffff; /*white*/
	text-transform: uppercase;
	text-decoration: none;
}
ul#topnav li a:hover, ul#topnav li a:hover {
	color: #e2b88d; /*light tan*/
}
ul#topnav li a span {
	font: 11px "Times New Roman", Times, serif;
	font-style: italic;
	text-transform: none;
}

/* = Rollover Navigation
----------------------------------------------------------------*/
ul#topnav li ul#dropdown li{
	z-index: 50;
	padding:0;
	float:none;
	border: none;
	margin-left: 15px;
}
ul#topnav li ul#dropdown li a {
	border-top: 1px solid #4871b3;
	border-bottom: 1px solid #264f91;
	font: 11px Verdana, Geneva, sans-serif;
	white-space:nowrap;
	display:block;
	padding: 7px 10px;
	text-align: left;
	color: #ffffff;
	text-transform:none;
	background-color:#315a9c;
}
ul#topnav ul{
	z-index: 50;
	padding-top: 15px;
	list-style:none;
	position:absolute;
	left:-9999px;
	opacity:0;
	-webkit-transition:0.25s linear opacity;
}
ul#topnav li:hover ul{
	left:0;
	opacity:1;
}
ul#topnav li:hover ul a {
	text-decoration:none;
	-webkit-transition:-webkit-transform 0.075s linear;
}
ul#topnav li:hover ul#dropdown li a:hover{
	background-color: #b83e48; /* Red */

}


/* = Footer Navigation
----------------------------------------------------------------------------------------*/

.seotext {
    margin-top: 15px;
}
#copyrights {
    padding-bottom: 0;
}
#footer {
	border-top: 1px solid #303d66 !important; /*dark blue*/
    background: transparent;
    padding-top: 30px;
    padding-bottom: 0;
}
#footer h6 {
    font: 12px/14px Georgia, "Times New Roman", Times, serif;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 5px;
	color: #315a9c; /* Royal Blue */
}
#footer li {
    margin-bottom: 2px;
}
ul.bottomnav p {
	font: 12px/14px Georgia, "Times New Roman", Times, serif;
	color: #315a9c; /* Royal Blue */
	text-transform: uppercase;
	padding-bottom: 5px;
}

ul.bottomnav li a {
	font: 11px/14px Verdana, Geneva, sans-serif;
	color: #515666; /* Blue Gray */
	text-decoration: none;
}
ul.bottomnav li a:hover {
	color: #b83e48; /* Red */
}


div.seotext p {
	font: 11px/14px Arial, Helvetica, sans-serif;
	color: #515666; /* Blue Gray */
	padding-left: 100px;
	padding-right: 100px;
}


/* = Footer
----------------------------------------------------------------------------------------*/
#copyrights {
    border-top: none;
}
#copyrights li {
    display: inline-block;
    margin: 0 10px;
}
#copyrights li:first-child {
    margin-left: 0;
}
#copyrights a{
	color: #303d66; /* Dark Blue */
}

div#footercontainer {
	width: 100%;
	background: url(../images/footerTop.gif) top left no-repeat;
    background-size: 100% 12px;
	padding-top: 30px;
	margin-top: 25px;
    text-transform: uppercase;
}
.mousetype {
    font-size: .775em;
    text-transform: none;
    margin-top: 15px;
}


div.footernav {
	float: left;
	margin-top: 10px;
	color: #303d66; /* Dark Blue */
}
div.footernav p.copyright {
	font-size: 10px;
}
div.footernav ul {
	height: 20px;
	width: 100%;
	display: block;
}
div.footernav ul li {
	float:left;
	position:relative;
	display:block;
	padding: 0 15px;
	border-right: 1px solid #303d66; /* Dark Blue */
	text-transform: uppercase;
}
div.footernav ul li.first {
	padding-left: 3px;
}
div.footernav ul li.last {
	border-right: none;
}
div.footernav ul li a {
	text-decoration: none;
	color: #303d66; /* Dark Blue */
}
div.footernav ul li a:hover {
color: #b83e48; /* Red */
}



/* = Affiliate Logos
----------------------------------------------------------------------------------------*/

div.affiliatelogos {
    text-align: right;
}
div.affiliatelogos a {
	text-indent: -9999px;
	display: block;
	margin-left: 15px;
    margin-bottom: 15px !important;
}
div.affiliatelogos a#nga {
	width: 60px;
	height: 60px;
	background: url(../images/logo-nga.png) top left no-repeat;
}
div.affiliatelogos a#og {
	width: 110px;
	height: 60px;
	background: url(../images/logo-oceangrafix.png) top left no-repeat;
}
div.affiliatelogos a#noaa {
	width: 60px;
	height: 80px;
	background: url(../images/logo-noaa.png) top left no-repeat;
}


div.flash {
	clear: both;
	font-weight: bold;
	font-size: larger;
	float: left;
	padding: 5px;
	margin: 0px 0px 0px 0px;
	color: red;
}

.error {
	color: red;
	display: inline;
	font-size: 125%;
}
.notice {
	color: red;
	font-size: 125%;
}
.smallOnly {
	display: none;
}

p.faq {
	color: #b83e48; /* Red */
}
.mapgroup {
	font: 12px/16px Arial, Helvetica, sans-serif;
	color: #515666; /* Blue Gray */
	font-size: 13px;
}


/* decorated form submit button */
input.box {
	display: block;
	display: inline-block;
	height: 20px;
	padding: 5px 12px 20px 10px;
	background: url(../images/BTN-redBkgd.gif) left top repeat-x;
	font: 12px Georgia, "Times New Roman", Times, serif;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
	border: 1px outset #b83e48; /* Red */
}
input.box#blue {
	background: url(../images/BTN-blueBkgd.gif) left top repeat-x;
	border: 1px outset #315a9c; /* Blue */
}
input.box:hover, input.box#blue:hover {
	border: 1px outset #cf8941; /* Gold */
	background-position: left bottom;
}


/* decorated form label button */
label.box {
	display: block;
	display: inline-block;
	height: 20px;
	padding: 5px 12px 0px 10px;
	background: url(../images/BTN-redBkgd.gif) left top repeat-x;
	font: 12px Georgia, "Times New Roman", Times, serif;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
	border: 1px outset #b83e48; /* Red */
}
 
label.box:hover {
	border: 1px outset #cf8941; /* Gold */
	background-position: left bottom;
}

label.disbox {
	display: block;
	display: inline-block;
	height: 20px;
	padding: 5px 12px 0px 10px;
	background: url(../images/BTN-disBkgd.gif) left top repeat-x;
	font: 12px Georgia, "Times New Roman", Times, serif;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
	border: 1px outset #b83e48; /* Red */
}
 
label.disbox:hover {
	cursor: not-allowed;
}


/* generated form */
.stdform {
	margin-bottom: 10px;
	margin-top: 5px;
	width: 510px;
	margin-left: 0px;
	font: 12px/16px Arial, Helvetica, sans-serif;
	color: #6c7080; /* gray blue */
}
.stdform strong {
	font-size: 14px;
}
.stdform label {
	text-align: right;
	padding-right: 10px;
	padding-top: 0px;
	display: block;
	width: 160px;
}
.stdform .w2p_fw {
	white-space: nowrap;
}
.stdform .w2p_fl {
	vertical-align: middle;
}
.stdform .string {
	margin-top: 5px;
}
.stdform select {
	margin-top: 4px;
}
.stdform .radio {
	padding-top: 1px;
}
.stdform input[type="text"] {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	height: 20px;
	color: #004386;
	border: 1px solid #b2d5e3;
	margin: 0 0 10px;
	padding: 5px 10px;
	display: block;
}

.w2p_fw .error {
	float: left;
	margin-top: -2px;
	display: block;
}

#no_table_card_cvs {
	width: 4em;
}

.cartListHeading {
	background: #e7f2f6 url(../images/chartBlueBar.gif) left top repeat-x;
}

div.rulebelow {
	border-bottom: 1px solid #b2d5e3;
	padding-bottom: 20px;
	/*margin-right: 200px;*/
	margin-top: 25px;
}
div.rulebelow#last {
	border-bottom: none;
}
.bc {
display: block;
margin-left: auto;
margin-right: auto;
}
.fl {
	float: left;
	margin-right: 15px;
}
div.leftsidebar input.box {
	margin-left: 16px;
}
ul.bullets {
	margin-top: 15px;
}
ul.bullets li {
	font: 12px/14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-left: 18px;
	margin-bottom: 10px;
	color: #515666; /* Blue Gray */
	background: url(../images/blueArrowRight.png) 0 2px no-repeat;
}
ul.bullets p {
	margin-top: -10px;
}
ul.bullets.light li {
	font-weight: normal;
}
ul.bullets2 {
	margin-top: 15px;
}
ul.bullets2 li {
	font: 12px/14px Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-bottom: 10px;
	color: #515666; /* Blue Gray */
}
ul.bullets2 li:before {
  content: "•";
  padding-right: 8px;
}
ul.bullets2 p {
	margin-top: -10px;
}
p.subhead {
	margin-top: 10px;
	color: black;
	font-size: 120%;
	font-weight: bold;
}
hr.divider {
	border-top: 1px solid #62a8cd;
}
.steps {
	text-align: center;
	color: #000000;
	font-weight: bold;
}
.steps img {
	width: 170px;
	margin-left: 10px;
	margin-right: 10px;
}
p.outofbox {
	width: 80%;
	margin-left: 2px;
	margin-bottom: 10px;
}
div.cartreview {
	border-bottom: 1px solid #b2d5e3;
	margin-bottom: 10px;
	padding-bottom:15px;
}
div.cartreview div {
	float: left;
	width: 50%;
}
div.cartreview h4 {
	margin-bottom: 10px;
}
div.mapleft table {
	margin-top: 10px;
}
div.mapleft table td, .mapgroup {
	color: #515666;
	font: 13px/22px Arial,Helvetica,sans-serif;
}
div.mapleft table input[type='checkbox'] {
	margin-right: 5px;
}

.cartListHeading {
	background: none;
}
input.box {
	cursor: pointer;
}
div.cartsummary input.box {
	margin: 20px 20px 8px;
	padding-left: 30px;
	padding-right: 30px;
	text-align: center;
}
div.cartsummary a.cancel {
	color: #315A9C;
	font-size: 10px;
	text-decoration: none;
}
ul.accountlinks li {
	margin-top: 10px;
}
ul.accountlinks li a {
	font-size: 150%;
}
table.orderlist {
	color: #515666; /* Blue Gray */
	font: 12px/16px Arial, Helvetica, sans-serif;
}
table.orderlist p {
	padding-bottom: 10px;
}
table.orderlist th {
	font-size: 11px;
	padding: 5px 5px 5px 5px;
	height: 25px;
	color: #ffffff;
	text-transform: uppercase;
	background-color: #315a9c; /* Royal Blue */
}
table.orderlist td {
	padding: 10px;
}

form.userform input {
	margin: 2px;
}

.decalinfo {
	width: 730px;
	height: 390px;
	display: block;
}
.decaltext {
	clear: left;
	padding-right: 20px;
	float: left;
	width: 33%;
}
.decaltext em {
	font-style: normal;
	font-weight: bold;
	color: #b83e48
}

.decalimg img {
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 30px;
}

table#imagesizer > tbody > tr > td > input.dim {
	width: 50px;
}

#previewclip {
	overflow:hidden;
	margin-left: auto;
	margin-right: auto;
}
#previewimg {
	max-width: initial;
}
#grid {
	position: absolute;
	border: 2px solid;
	color: #000;
}
#grid tr > td {
	border: 1px solid;
	text-align: center;
	vertical-align: middle;
	font-size: 150%;
}

#grid tr > td.corner {
	background-color: #e7f2f6;
	border: 0px;
}

.coordBox {
	margin-top: 5px;
	background: white;
	border: 1px solid rgba(0,0,0,.25);
	text-align: left;
	overflow: auto;
}

.coordVal {
	float: left;
	width: 78px;
	margin-left: 3px;
}
.itemdesc {
	display: inline-block;
}
.addtocart {
	float: right
}
#lhnContainerDone {
	padding-top: 12px;
}
a.buttonlink {
	display: block;
	width:120px;
	text-align:center;
	margin:0 auto;
}
a.buttonlinksm {
	display: block;
	width:80px;
	text-align:center;
}
a.buttonlinkbig {
	display: inline-block;
	width:240px;
	text-align:center;
}
div.photo {
	float:left;
	padding: 10px 10px 10px 10px;
	width: 190px;
	height: 230px;
	position: relative;
}
img.photo {
	max-width: 180px;
	max-height: 180px;
	width: auto;
	height: auto;
	display: block;
	position:absolute;
	bottom: 67px;
}
span.photo {
	position:absolute;
	bottom: 34px;
}
a.photo {
	position:absolute;
	bottom: 0px;
}
span.price {
	font: 12px Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #515666; /* Blue Gray */
	margin-left: 20px;
}
#topBanner {
	margin-bottom: 30px;
}




/* ------------------------------ Responsive ----------------------------- */

@media only screen and (min-width: 767px) {
	h2.imageReplace {
		display: block;
	}
	#top-menu {
		float: right;
	}
}
@media only screen and (max-width: 767px) {
    div.affiliatelogos {
        text-align: left;
    }
    .panel-title {
        font-size: 16px;
    }
    .panel-title a {
        padding: 15px 10px;
    }
    #leftNavigation li a {
        display: block;
        padding: 6px;
        font-size: 15px;
    }

}

@media only screen and (max-width: 979px) {
    img.fr {
        float: none;
        margin: 0 0 20px 0;
        width: 100%;
    }
    div.chartimagecontainer {
        float: none;
        text-align: left;
        margin: 0 0 20px 0;
        width: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
    #logo img {
        max-width: 220px;
        width: 220px;
        float: left;
    }
}

@media only screen and (max-width: 1024px) {
	div.mapleft {
		width: 100%;
		float: none;
	}
}
@media only screen and (max-width: 767px) {
#logo {
		max-width: 200px;
		float:left;
	}
	#maparea {
		width: 100%;
	}
	p.mapinstructions {
		width: 100%;
		background-image: none;
	}
	#map_canvas {
		width: 100%;
		height: 300px;
	}
	.topBanner {display: none;}
	#accordion .panel {display: none; }
	#accordion .panel:last-child {display: block; }

	#primary-menu ul {
		margin-top: 50px;
	}
	#topBanner {
		display: none;
	}
	.smallOnly {
		display: inherit;
	}
	.stdform label {
		width: 100%;
	}
	fieldset#form {
		margin-left: 5px;
		margin-right: 5px;
	}
	fieldset#form dt {
		width: 20px;
	}
}

@media only screen and (max-width: 900px) {
	div.cartcontentcontainer {
		margin-left: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}
	div.cartcontentcontainer div.whitebordercontainer, div.cartsummary {
		margin-left: 0px;
		width: 100%;
		float: none;
	}
	div.whitebordercontainer div.redline#cart {
		padding: 20px 20px 0;
	}
	div.whitebordercontainer div.redline#cart {
		overflow-x: auto;
	}
	div.cartlist {
		margin-left: -15px;
		margin-top: -15px;
		margin-right: -14px;
	}
	div.cartListBlock1 {
		width: 100%;
	}
	div.cartListBlock2 {
		width: 100%;
	}
	div.cartCol1 {
		width: 50%;
	}
	div.cartCol3 {
		width: 50%;
	}
}

.framestyle {
	padding: 2px;
	width: 60px;
	height: 40px;
	display: block;
}
#styleblack {
	background-color: #000000;
}
#stylesilver {
	background-color: #808080;
}
img.magnifier-large {
	max-width:none;			/* need to undo what style.css does */
}

.selected {
	border: 2px solid #ff0000;
	padding: 0px;
}

.bordered {
	margin: 0px 0px 20px 20px;
	border:1px solid black;
}
.borderedleft {
	margin: 0px 20px 20px 0px;
	border:1px solid black;
}

div.bluebordercontainer {
	padding: 30px;
	margin: -7px;
	border: 1px solid #315a9c; /* Royal Blue */
	background-color: white;
	overflow: hidden;
}

img.artopt {
	max-width: 143px;
}

a.artopt {
	display: table;
	margin-left: auto;
	margin-right: auto;
}

p.decorhdr {
	font: 14px/18px "Open Sans", Helvetica, sans-serif;
	color: black;
	font-weight: bold;
}
p.hdr {
	font: 14px/18px "Open Sans", Helvetica, sans-serif;
	color: black;
	font-weight: bold;
}
div.quotebox {
	background-color: white;
	padding: 5px;
	margin: 7px;
	border: 1px outset #315a9c; /* Blue */
	width:120px;
	float: right;
	text-align: center;
}
p.quote2 {
	color: #b83e48; /* Red */
	font: 14px/18px Georgia, "Times New Roman", Times, serif;
}
p.smaller {
	font-size: 80%;
}
div.borderinfobox {
	width: 275px;
	padding: 5px;
	border: 1px solid #315a9c; /* Royal Blue */
}

.minortitle {
	color: #315a9c;
	font-size: 150%;
	text-align: center;
}

.larger {
	font-size: 140%;
	line-height: normal;
}

.modal {
  display: none;
  position: fixed;
  z-index: 2;
  padding-top: 50px;
  left: 0;
  top: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.4);
  width: 100%;
  height: 100%;
  overflow: auto;
}

.modal-content {
  width: 420px;
  padding: 10px;
  margin: auto;
  border: 1px solid #808080;
}

div#gallery {
	margin:-8px;
}
img.galthumb {
	width:200px;
	height:200px;
	object-fit: cover;
}
img.galthumb:hover {
	opacity: 0.8;
	transition: all 250ms ease;
}
a.galthumb {
	display: block;
}
a.galthumb:hover {
	background-color:black;
}
figure.galthumb {
	float: left;
	padding: 8px;
}