@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;}

/* 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; border: 0;}
a:hover {border: 0;}

.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;
}
body {
	background: #000000 url(../images/home_bkgd.jpg) top center no-repeat;
	text-align: center;
}
div#wrapper {
	width: 960px;
	margin: 0 auto;
	position: relative;
	padding-bottom: 50px;
}
.spaceabove {
	padding-top: 25px;
}
h1 {
/*	width: 250px;*/
/*	height: 115px;*/
	position: absolute;
/*	left: 0px; */
/*	top: 55px; */
	background: url(../images/OceanGrafixLogo.png) top left no-repeat;

	width: 312px;
	height: 152px;
	left: 50%;
	top: 40px;
	margin-left: -156px;
}
h1 a {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 1em;
	text-indent: -9999px;
}
h1 a:hover {
	border: none;
}



/* = Navigation
--------------------------------------------------------------------*/
div#navwrapper {
	padding-top: 234px;
	width:100%;
	height: 65px;
	margin-bottom: 50px;
}
ul#nav{
	float:left;
	width:100%;
	list-style:none;
	margin-bottom:13px;
}
ul#nav li{
	float:left;
	position:relative;
	display:block;
    z-index: 1000;
}
ul#nav li a{
	height: 65px;
	text-indent: -9999px;
	display:block;
}
ul#nav li#products a{
	width: 180px;
	background: #010507 url(../images/mainnav.gif) left top no-repeat;
}
ul#nav li#products a:hover{
	background: #010507 url(../images/mainnav.gif) left bottom no-repeat;
}
ul#nav li#about a{
	left: 180px;
	width: 148px;
	background: #010507 url(../images/mainnav.gif) -180px top no-repeat;
}
ul#nav li#about a:hover{
	background: #010507 url(../images/mainnav.gif) -180px bottom no-repeat;
}
ul#nav li#buycharts a{
	left: 328px;
	width: 197px;
	background: #010507 url(../images/mainnav.gif) -328px top no-repeat;
}
ul#nav li#buycharts a:hover{
	background: #010507 url(../images/mainnav.gif) -328px bottom no-repeat;
}
ul#nav li#searchcharts a{
	left: 525px;
	width: 232px;
	background: #010507 url(../images/mainnav.gif) -525px top no-repeat;
}
ul#nav li#searchcharts a:hover{
	background: #010507 url(../images/mainnav.gif) -525px bottom no-repeat;
}
ul#nav li#resources a{
	left: 757px;
	width: 203px;
	background: #010507 url(../images/mainnav.gif) -757px top no-repeat;
}
ul#nav li#resources a:hover{
	background: #010507 url(../images/mainnav.gif) -757px bottom no-repeat;
}


/*--- DROPDOWN ---*/

ul#nav li ul#noimage li{
	float:none;
}
ul#nav li ul#noimage li a {
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
	display:block;
	padding-top: 10px;
	text-indent: 17px;
	text-align: left;
	border-top: 1px solid #000000;
	background-image: none;
	background-color: #0d455d;
	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;
	height: 25px;
	/* background: rgba(11,57,77,0.90); semi-transparent */
	/* text-shadow:1px 1px 1px rgba(0,0,0,0.75);Text shadow to lift it a little */
}
ul#nav ul{
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	opacity:0; /* Set initial state to transparent */
	-webkit-transition:0.25s linear opacity; /* Make the dropdown fade-in in Webkit */
}
ul#nav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
	opacity:1; /* Fade to opaque */
}
ul#nav li:hover ul a{ /* Override some top level styles when dropdown is hovered */
	text-decoration:none;
	-webkit-transition:-webkit-transform 0.075s linear;
}
ul#nav li:hover ul#noimage li a:hover{
	background-image: none;
	background:#1c85ab;
}




/* = Secondary Nav
----------------------------------------------------------------*/
div#secondarynav {
	width: 100%;
}
div#secondarynav * {
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #7ecee3;
	text-decoration: none;
}
div#secondarynav p {
	display: block;
	float: right;
}
div#secondarynav p.leftnav {
	display: block;
	float: left;
}
div#secondarynav span, div#secondarynav a {
	display: inline;
	margin: 0 5px;
}
div#secondarynav a:hover {
	color: #fff;
}


/* = Interior Sidebar Navigation
----------------------------------------------------------------*/
div#interiorcontentwrapper div#left ul#intsidebarnav {
	display: block;
	width: 170px;
	margin-bottom: 40px;
}
div#interiorcontentwrapper div#left ul#intsidebarnav li a {
	display: block;
	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #7ecee3;
	text-transform: uppercase;
	text-decoration: none;
	padding: 8px 0 8px 10px;
	width: 170px;
}
div#interiorcontentwrapper div#left ul#intsidebarnav li a:hover {
	color: #ffffff;
	background: #0b394d url(../images/sidenavbullet.png) 160px center no-repeat;
}
div#interiorcontentwrapper div#left ul#intsidebarnav li .selected {
	color: #ffffff;
	background: #093040 160px center no-repeat;
}
div#interiorcontentwrapper p.listnote {
	color: #f7dc9c;
}



/* = Buttons
----------------------------------------------------------------*/
div#buttoncontainer {
	display: block;
	width: 100%;
	padding-bottom: 35px;
	padding-top: 10px;
	height: 33px;
}
a#BTN {
	text-indent: -9999px;
	display: block;
	width: 210px;
	height: 33px;
	float: left;
	margin-right: 20px;
}
a#BTN.buyonlinenow {
	background: url(../images/BTNbuyonlinenow.png) top left no-repeat;
}
a#BTN.buyonlinenow:hover {
	background-position: bottom left;
}
a#BTN.findaretailer {
	background: url(../images/BTNfindaretailer.png) top left no-repeat;
}
a#BTN.findaretailer:hover {
	background-position: bottom left;
}
a#BTN.enewssignup {
	background: url(../images/BTNsignupforenews.png) top left no-repeat;
}
a#BTN.enewsignup:hover {
	background-position: bottom left;
}a#BTN.chartupdates {
	background: url(../images/BTNgetchartupdates.png) top left no-repeat;
}
a#BTN.chartupdates:hover {
	background-position: bottom left;
}
a#BTN.blog {
	background: url(../images/BTNvisitourblog.png) top left no-repeat;
	width: 200px;
}
a#BTN.blog:hover {
	background-position: bottom left;
}
a#BTNmapview {
	background: url(../images/BTNmapview.jpg) top left no-repeat;
	text-indent: -9999px;
	display: block;
	width: 308px;
	height: 88px;
}
a#BTNmapview:hover {
	background-position: bottom left;
}
a#BTNmapview.fl {
	float: left;
}
a#BTNmapview.fr {
	float: right;
}



/* = Interior Content
----------------------------------------------------------------*/
div#interiorcontentwrapper {
	text-align: left;
	width: 960px;
	padding-top: 20px;
	padding-bottom: 50px;
	background: url(../images/contentbkgd.png) bottom left repeat-x;
}
div#interiorcontentwrapper div#left {
	float: left;
	width: 204px;
}
div#interiorcontentwrapper div#center {
	float: left;
	width: 640px;
	border-left: 1px solid #1c85ab;
	padding-left: 25px;
	margin-bottom: 10px;
}
div#interiorcontentwrapper div#centerwide {
	float: left;
	width: 720px;
	border-left: 1px solid #1c85ab;
	padding-left: 25px;
	margin-bottom: 10px;
}
div#interiorcontentwrapper div#center div#leftcol {
	width: 320px;
	float: left;
}
div#interiorcontentwrapper div#center div#rightcol {
	width: 300px;
	float: left;
	padding-left: 20px;
}
div#interiorcontentwrapper div#center div#equalcol {
	width: 320px;
	float: left;
}
div#interiorcontentwrapper h2 {
	font: 26px/28px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #7ecee3;
	padding-bottom: 15px;
}
div#interiorcontentwrapper h3 {
	font: 16px/18px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #7ecee3;
	padding-bottom: 3px;
}
div#interiorcontentwrapper h3.fancy {
	font: 15px/22px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #7ecee3;
	border-left: 7px solid #297b99;
	padding-left: 15px;
	padding-bottom: 0;
	margin-bottom: 35px;
}
div#interiorcontentwrapper p {
	font: 16px/22px Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding-bottom: 17px;
}
div#interiorcontentwrapper p.faq {
	font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #f7dc9c;
	padding-bottom: 3px;
}
div#interiorcontentwrapper p.smaller {
	font-size: 14px;
}
div#interiorcontentwrapper p.smaller2 {
	font-size: 12px;
	font-style: italic;
}
div#interiorcontentwrapper p.chartinfo {
	line-height: 25px;
}
div#interiorcontentwrapper p.smallest {
	font-size: 10px;
}
div#interiorcontentwrapper p.error {
	color: #ff0000;
}
div#interiorcontentwrapper p.disclaimer {
	color: #7ecee3;
	font-style: italic;
}
div#interiorcontentwrapper div#chartimagecontainer{
	width: 260px;
	float: right;
}
div#interiorcontentwrapper div#chartimagecontainer a{
	color: #ffffff;
	font-size: 12px;
    float: left;
}
a.more{
	font: 10px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #f7dc9c;
}
a.more:hover{
	color: #ffffff;
	text-decoration: underline;
}
div#interiorcontentwrapper p a {
	color: #f7dc9c;
}
div#interiorcontentwrapper p a:hover {
	color: #ffffff;
}
div#interiorcontentwrapper div#buttons {
	width: 100%;
}
div#interiorcontentwrapper img.fl {
	border: 8px solid #0d435e;
	float: left;
	margin-right: 20px;
	margin-bottom: 5px;
}
div#interiorcontentwrapper div#centersmaller {
	float: left;
	width: 390px;
	border-left: 1px solid #1c85ab;
	padding-left: 25px;
	margin-bottom: 10px;
}
div#interiorcontentwrapper div#right {
	float: right;
	width: 200px;
}
div#interiorcontentwrapper div#right p.quote {
	font: 20px/30px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #f5d99a;
}
div#interiorcontentwrapper div#right p.quotecredit {
	font: 10px/12px Arial, Helvetica, sans-serif;
	color: #ffffff;
}





/* = Retailer List
----------------------------------------------------------------*/
div#interiorcontentwrapper h4 {
	font: 15px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	color: #ffffff;
	padding-bottom: 5px;
}
div#interiorcontentwrapper div#listcontainer {
	width: 100%;
}
div#interiorcontentwrapper p.twoupwide {
	color: #f7dc9c;
	width: 330px;
	display: block;
	float: left;
}
div#interiorcontentwrapper div.divider {
	width: 100%;
	padding-top: 7px;
	margin-bottom: 25px;
	height: 1px;
	border-bottom: 1px dashed #7a9aa5;
}




/* = Bulleted List Links
----------------------------------------------------------------*/
ul#bulletedtextlist {
	margin-top: 10px;
}
ul#bulletedtextlist li {
	background: url(../images/textbullet.png) 0px 3px no-repeat;
	display: block;
	color: #f7dc9c;
	font: 15px Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	padding-left: 20px;
}
ul#bulletedtextlist li a {
	color: #f7dc9c;
}
ul#bulletedtextlist li a:hover {
	color: #ffffff;
}
ul#bulletedtextlist.short {
	width: 230px;
	float: left;
}




/* = Home Content
----------------------------------------------------------------*/
div#homecontentwrapper {
	text-align: left;
	width: 960px;
	padding-top: 20px;
	padding-bottom: 30px;
	background: url(../images/contentbkgd.png) bottom left repeat-x;
}
div#homecontentwrapper div#left {
	float: left;
	width: 204px;
}
div#homecontentwrapper div#left p.quote {
	font: 20px/30px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #f5d99a;
	padding: 0 20px;
}
div#homecontentwrapper div#left p.quotecredit {
	font: 10px/12px Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding: 15px 20px 0;
}
div#homecontentwrapper div#left p{
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #fffff2;
}
div#homecontentwrapper div#left p a{
	padding-left: 8px;
}

div#homecontentwrapper div#center {
	float: left;
	width: 440px;
	border-left: 1px solid #1c85ab;
	padding: 0 15px 5px 25px;
}

div#homecontentwrapper div#center h2 {
	font: 26px/28px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #7ecee3;
	padding-bottom: 15px;
}
div#homecontentwrapper div#center h3 {
	font: 16px/18px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #7ecee3;
	margin-top: 25px;
	margin-bottom: 15px;
}

div#homecontentwrapper div#center p {
	font: 15px/22px Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding-bottom: 20px;
}
div#homecontentwrapper div#right {
	float: right;
	width: 230px;
}
div#homecontentwrapper div#right img {
	border: 9px solid #0d435e;
	margin-bottom: 10px;
}
div#homecontentwrapper div#right p{
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #fffff2;
}
div#homecontentwrapper div#right p a{
	padding-left: 8px;
}
a.more{
	font: 10px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #f7dc9c;
}
a.more:hover{
	color: #ffffff;
	text-decoration: underline;
}
div#homecontentwrapper img.fl {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}



/* = Home Bottom Content
----------------------------------------------------------------*/
div#homebtmcontentwrapper {
	padding-top: 33px;
	padding-bottom: 17px;
	border-top: 1px solid #0a374c;
}
div#homebtmcontentwrapper a {
	vertical-align:top;
}
div#homebtmcontentwrapper a {
	color: #f7dc9c;
}
div#homebtmcontentwrapper a:hover {
	color: #ffffff;
}
div#homebtmcontentwrapper div#middles {
	display:inline-block;
	border-left: 1px dashed #1c85ab;
	padding: 50px 0px 0px 0px;
	margin: 0px 20px 0px 20px;
}


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

div#affiliatelogos {
	float: right;
	width: 230px;
	padding-top: 20px;
	padding-bottom: 40px;
}
div#affiliatelogos.home {
	padding-top: 0;
	padding-right: 10px;
}
div#affiliatelogos a.nga {
	text-indent: -9999px;
	display: block;
	float: right;
	width: 62px;
	height: 62px;
	margin-right: 15px;
	background: url(../images/NGA.png) top left no-repeat;
}
div#affiliatelogos a.noaa {
	text-indent: -9999px;
	display: block;
	float: right;
	width: 61px;
	height: 89px;
	background: url(../images/NOAA.png) top left no-repeat;
}


/* = Footer
----------------------------------------------------------------*/
div#footerwrapper {
	border-top: 1px solid #0a374c;
	border-bottom: 1px solid #0a374c;
	width: 100%;
	padding: 15px 0;
	text-align: left;
	position: relative;
}
div#footerwrapper * {
	font: 10px Arial, Helvetica, sans-serif;
	color: #7ecee3;
	text-transform: uppercase;
}
div#footerwrapper p.footernav {
	display: block;
	float: left;
}
div#footerwrapper p.copyright {
	display: block;
	font-size: 10px;
	text-transform: none;
	padding-left: 3px;
	float: right;
}
div#footerwrapper span, div#footerwrapper a {
	display: inline;
	margin: 0 5px;
	text-decoration: none;
	letter-spacing: .1em;
}
div#footerwrapper a:hover {
	color: #fff;
}



/* = Search Form
----------------------------------------------------*/
form#search dl {
	font: 14px Arial, Helvetica, sans-serif;
	color: #ffffff;
	height: 30px;
	padding-top: 5px;
	padding-bottom: 45px;
}
form#search dt {
	padding-top: 7px;
	float: left;
	display: block;
	width: 80px;
}
form#search dt.chartnumber {
	width: 110px;
}
form#search dt.faqs {
	width: 100%;
	float: none;
	height: 23px;
}
form#search .suggestions1 {
    position: relative;
    left: 110px;
    top:  -50px;
}
.suggestions2 {
	z-index: 999;
	width: 135px;
	color: #000000;
	position: absolute;
	background: white;
	border: solid 1px #55A6C8;
	border: 1px inset #7ecee3;
	padding: 1px 0 0 5px;
}
.suggestion:hover { color: #ffffff; background: #55A6C8;}

form#search dd {
	float: left;
	display: block;
	width: 135px;
	margin-bottom: 3px;
}
form#search input {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background: #166887;
	width: 100%;
	height: 25px;
	color: #ffffff;
	border: 1px inset #7ecee3;
	padding: 1px 0 0 5px;
}
form#search input#search {
	background-color: transparent;
	float: left;
	width: 20px;
	height: 22px;
	margin-left: 15px;
	margin-top: 3px;
	padding: 0;
	border: 0;
}


/* = Contact Form
----------------------------------------------------*/

fieldset#contact {
	width: 580px;
	margin-top: 5px;
	margin-bottom: 40px;
}
fieldset#contact dl {
	font: 14px Arial, Helvetica, sans-serif;
	color: #ffffff;
}
fieldset#contact dt {
	padding-top: 3px;
	float: left;
	display: block;
	width: 120px;
	height: 27px;
}
fieldset#contact dd {
	float: left;
	display: block;
	width: 440px;
	height: 30px;
	margin-bottom: 3px;
}
fieldset#contact dt.name {
	width: 85px;
}
fieldset#contact dd.name {
	width: 185px;
	margin-right: 20px;
}
fieldset#contact dt.phone {
	width: 360px;
}
fieldset#contact dd.phone {
	width: 200px;
}
fieldset#contact dt.question {
	width: 150px;
	height: 120px;
}
fieldset#contact dd.question {
	width: 410px;
	height: 120px;
}
fieldset#contact input, fieldset#contact textarea {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background: #166887;
	width: 100%;
	height: 20px;
	color: #ffffff;
	border: 1px inset #7ecee3;
	padding: 1px 0 0 5px;
}
fieldset#contact textarea {
	height: 100px;
}
a#submit_button {
	display: block;
}
fieldset#contact input#sub_btn {
	background: url(../images/BTNsubmit.png) top center no-repeat;
	float: right;
	width: 125px;
	height: 33px;
	margin-right: 10px;
	padding: 0;
	border: 0;
}


/* general formatting */
.error {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #ff0000;
	display: inline;
}

.warn {
  font-weight: bold;
	color: #ff0000;
}

a.basic {
	color: #f7dc9c;
}

div.chartinfo {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #7ecee3;
}

form.basic  {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #7ecee3;
}
form.basic label {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
}
form.basic select {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background: #166887;
	color: #ffffff;
	border: 1px inset #7ecee3;
	padding: 1px 0 0 5px;
}
form.basic input.string {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background: #166887;
	color: #ffffff;
	border: 1px inset #7ecee3;
	padding: 1px 0 0 5px;
}
form.basic input.integer {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background: #166887;
	color: #ffffff;
	border: 1px inset #7ecee3;
	padding: 1px 0 0 5px;
}
form.basic input.date {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background: #166887;
	color: #ffffff;
	border: 1px inset #7ecee3;
	padding: 1px 0 0 5px;
}

form.basic textarea {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background: #166887;
	color: #ffffff;
	border: 1px inset #7ecee3;
	padding: 1px 0 0 5px;
}

input.url {
    width: 40em;
}
select.addresses {
    width: 42em;
}


table.basic  {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #7ecee3;
}

div#chartentry {
    float: left;
    margin-right: 10px;
}
#chartentry #chartlist {
    display: block;
    width: 15em;
}
#chartentry #quickarea {
    width: 10em;
}

form#ordernew #shipto {
    width: 26em;
}

.orderactions {
	float: right;
}
.orderlines {
    clear: left;
}


table.orderlines td, th {
    padding-left: 5px;
/*    white-space: nowrap; */
}
table.orderlines .colan {
}
table.orderlines .colcn {
    width: 10em;
}
table.orderlines .coled {
    width: 5em;
}
table.orderlines .colq {
    width: 4em;
}
table.orderlines .colco {
    width: 25em;
}
table.orderlines .colnl {
    width: 6em;
}
table.orderlines .colac {
    width: 16em;
}
table.orderlines .cold {
    width: 5em;
}
table.orderlines .colp {
    width: 5em;
}
table.orderlines .colt {
    width: 5em;
}
table.orderlines .chartoption {
    width: 22em;
}
table.orderlines .annotation {
    height: 16px;
}
table.orderlines button {
    width: 30px;
}

table.basiclist {
	background: #166887;
}
table.basiclist td,th {
	border: 1px black solid;
	padding:0.25em;
}
table.basiclist th {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
}
table.basiclist th a {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
}
table.basiclist td {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #7ecee3;
}
table.basiclist a {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #7ecee3;
}
table.basiclist a:hover {
	color: #fff;
}

table#ordersearch td {
    vertical-align: top;
}

#culist {
	width: 30em;
}

.compat_warning {
	font: 16px bold Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #fff;
}

#map_instructions {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
	color: #7ecee3;
}

.twocols {
    float: left; width: 46%;
}

.firstcol {
	clear: left;
}

.mapchartgroup {
	font: 16px bold Verdana, Arial, Helvetica, sans-serif;
}
.nobr {white-space: nowrap;}
.print_on_site {
    font-size: 200%;
    vertical-align: bottom;
}
.video {
  display: block;
  margin: 0 auto;
}

.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;
}

.cblist {
	width:170px;
}
.cbtext {
	position: relative;
	left: -170px;
	width:150px;
}

select#no_table_shipping_method {
	font-family: monospace;
}


iframe#payment {
	background: #ffffff;
}

table.ordersummary {
	color: #7ecee3;
}

.price {
	text-align: right;
	color: #ffffff;
}
div#navwrapper h4 {
	font: 14px Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding-bottom: 5px;
    clear: both;
}

.modal {
  display: none;
  position: fixed;
  z-index: 2000;
  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;
}