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

/* Header */

#masthead{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0%;
	width:990px;
	margin: auto;
	min-width:850px;
	max-width: 990px;
	background: black;
}

.navbar-default .navbar-nav>li>a {
    color: #333333!important;
	font-weight: bold;
	 }
.navbar {
    position: fixed;
    width: 100%;
    z-index: 999;
}

/******* hyperlink and anchor tag styles *******/

a:link, a:visited{
	color: #005FA9;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

/* Main */

#globalNav{
position: relative;
left: 0;
top: 75px;
mwidth:95.6%;
min-width:850px;
max-width: 990px;
height: 32px;
color: #cccccc;
padding: 0px;
margin: auto;
z-index: 9;
background-image:  url("Images/designimages/glbnav_background.gif");
}

#pagecell1{
    position: relative;
	top: 15px;
    left: 0;
    right: 0;
    width: 100%;
    margin: auto;
    max-width: 610px;
    background-color: #ffffff;
	border-radius: 16px;
}

#content{
	padding: 0px 10px 0px 0px;
	margin:0px 0px 0px 178px;
	border-left: 1px solid #ccd2d2;
}

#content1{
    padding: 1px 5px 0px 5px; 
    margin: auto;
    border: 10px groove #114ac9;
    border-radius: 16px;
}

#content-slider{
	padding: 0px 10px 0px 10px;
	width: 600px;
	margin: 0px 0px 0px 10px;
	border-left: 0px solid #ccd2d2;
}

body{
	font-family: Verdana,sans-serif;
	color: #000000;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
	background: #CCC;
}

#pageNav{
	float: left;
	width:178px;
	padding: 0px;
	background-color: #F5f7f7;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font: small Verdana,sans-serif;
}

#twitter{
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	position: absolute;
	left: 950px;
	top: 15px;
	
}

#shoppingbox{
	border-style: solid;
	border-width: 1px;
	border-color: black;
	background-color: white;
	color: black;
	font-family: times new roman, serif;
	font-size: 12px;
	width: 202px;
	height: auto;
	position: absolute;
	top: 20px;
	left: 15px;
	padding: 0px;
	z-index:16;
}

#atlaseventbox{
	border-style: solid;
	border-width: 1px;
	border-color: black;
	background-color: white;
	color: black;
	font-family: times new roman, serif;
	font-size: 12px;
	width: 202px;
	height: auto;
	position: absolute;
	top: 20px;
	left: 15px;
	padding: 0px;
	z-index:16;
}

/************** utility styles *****************/

#utility{
	font: 75% Verdana,sans-serif;
	position: absolute;
	top: 3px;
	left: 25px;
	margin: auto;
	color: #919999;
	width: 292px;
	height: 70px;
}

#utility a{
	color: #ffffff;
}

#utility a:hover{
	text-decoration: underline;
}

#utility2{
	font: 75% Verdana,sans-serif;
	position: absolute;
	top: 25px;
	left: 70%;
	float: right;
	color: #919999;
	width: 292px;
	height: 70px;
}

#utility3{
	font: 75% Verdana,sans-serif;
	position: absolute;
	top: 25px;
	left: 300px;
	float: right;
	color: white;
	font-size: 24px;
	font-style:italic;
	width: 600px;
	height: 70px;
}
/************** siteInfo styles ****************/

#siteInfo{
	clear: both;
	border-top: 1px solid #cccccc;
	font-size: small;
	color: darkgray;
	position: relative;
	left: 2%;
	bottom:0px;
	padding: 20px 0;
	height: 100px;
	margin-top: 0px;
	width:95.6%;
	min-width:850px;
	max-width: 1300px;
	background-color: white;
}

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}

/************** pageName styles ****************/

#pageName{
	padding: 0px 0px 14px 10px;
	margin: 0px;
	border-bottom:1px solid #ccd2d2;
}

#pageName h2{
	font: bold 175% Arial,sans-serif;
	color: #000000;
	margin:0px;
	padding: 5px;
}

#pageName img{
	position: absolute;
	top: 0px;
	right: 6px;
	padding: 0px;
	margin: 0px;
}

h1 {
	font: bold calc(18px + .5vw) Arial,sans-serif !important;
	color: #ffffff;
	margin:0px;
	padding: 5px;
}

/************ sectionLinks styles **************/

#sectionLinks{
	margin: 0px;
	padding: 0px;

}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #cccccc;
}

#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-image:  url("bg_nav.jpg");
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #21536A;
}

#sectionLinks a:hover{
	border-top: 1px solid #cccccc;
	background-color: #DDEEFF;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
}

/************* relatedLinks styles **************/

.relatedLinks{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	border-bottom: 0px solid #cccccc;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
	font-size: 20px !important;
}

.relatedLinks a{
	display: block; 
}

/************* Product styles **************/

table.product {
	border: 1px black solid;
	border-collapse: collapse;
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: calc(9px + .3vw);
	line-height: 1.2;
}

table.product td {border: 1px black solid;}

tr.row1 { background-color: black;
text-align: center;
font-weight: bold;
color: white;
font-size: calc(11px + .3vw);
}

tr.row2 { background-color: silver;
text-align: center;
font-weight: bold;
font-size: calc(10px + .3vw);
 color: black;
}

table.center {
	position: relative;
	left: 10px;
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	border-collapse: separate;
	background-color: white;
	width: 205px;
}

table.center td {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: black black black black;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}

table.center2 {
	position: relative;
	margin: auto;
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	border-collapse: separate;
	background-color: white;
	padding-bottom: 10px;
	padding-top: 10px;
}

table.center3 {
	position: relative;
	left: 20px;
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	border-collapse: separate;
	background-color: white;
	padding-bottom: 10px;
}

div.lowerbanner {
	position: relative;
	left: 220px;
	top: -150px;

}


/*************** story styles ******************/

.story {
	padding: 10px 0px 0px 10px;
	font-size: 90%;
}

.story h3{
	font: bold 125% Arial,sans-serif;
	color: #000000;
}

.story h4{
	font: bold 125% Arial,sans-serif;
	color: white;
	background-color: #0066FF;
	border: 2px double black;
	
}

/*************** misc. styles ******************/

p.online {padding-left: 5px;
font-size: 14px;

}

.red {
	color: red;
}
.RedText {
	color: #F00;
}
.YellowText {
	color: #FFCC00;
}
.GreenText {
	color: #6F0;
}
.header {
	color: #FFF;
	background-color: #000;
}

.header {
	color: #FFF;
	background-color: #000;
}
.row2 {
	background-color: #CCC;
}

.row1 {
	background-color: #000;
	color: #FFF;
}

.rowredrum {
	background-color: #d21e1e;
	text-align: center;
font-weight: bold;
color: white;
font-size: calc(11px + .2vw);
text-transform: uppercase;

}

.sliderlink {
	font-size:12px;
}

.shipheader	{font-family: Arial, sans-serif;
text-align: center;
font-size: 18pt;
font-weight: 800;
font-style: bold;
color: white;
width: auto;
background-color: #CC0000;
}

/*************** css. menu styles ******************/

#primary_nav_wrap
{
	margin-top:2px;
	
}

#primary_nav_wrap ul
{
	list-style:none;
	position:relative;
	width: 100%;
	float:left;
	margin:0;
	padding:0;
	background-image:  url("Images/designimages/glbnav_background.gif");
}

#primary_nav_wrap ul a
{
	display:block;
	color:#333;
	text-decoration:none;
	font-weight:700;
	font-size:12px;
	line-height:32px;
	padding:0 15px;
	font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif
}

#primary_nav_wrap ul li
{
	position:relative;
	float:left;
	margin:0;
	padding:0
}

#primary_nav_wrap ul li.current-menu-item
{
	background: none;
}

#primary_nav_wrap ul li:hover
{
	background:#f6f6f6
}

#primary_nav_wrap ul ul
{
	display:none;
	position:absolute;
	width: 150px;
	top:100%;
	left:0;
	background:#eee;
	padding:0
}

#primary_nav_wrap ul ul li
{
	float:none;
	width:150px;
}

#primary_nav_wrap ul ul a
{
	line-height:120%;
	padding:5px 5px
}

#primary_nav_wrap ul ul ul
{
	top:0;
	left:100%
}

#primary_nav_wrap ul li:hover > ul
{
	display:block
}

.w3-red, .w3-hover-red:hover {
    color: #fff!important;
    background-color: #d21e1e!important;
}
.w3-section, .w3-code {
    margin-top: 16px!important;
    margin-bottom: 16px!important;
}
.w3-container, .w3-panel {
    padding: 0.01em 16px;
}
.w3-round-xxlarge {
    border-radius: 16px;
}

.w3-hoverable tbody tr:hover,.w3-ul.w3-hoverable li:hover{background-color:#cddc39}.w3-centered tr th,.w3-centered tr td{text-align:center}

.w3-spin{animation:w3-spin 5s infinite linear}@keyframes w3-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}

.modal-dialog {
    width: auto!important;
    margin: 30px auto;
}