@font-face {
  font-family: 'GhostSans-Regular';
  src: url('/css/fonts/GhostSans-Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GhostSans-Bold';
  src: url('/css/fonts/GhostSans-SemiBold.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}


BODY {
  padding: 0px;
  margin: 0px;
  background-color: #fff;
  font-family: 'GhostSans-Regular', sans-serif;
  font-size: 14px;
  text-align: center;
  color: #000000;
  height: 100%;
}

html {
  filter: expression(document.execCommand("BackgroundImageCache", false, true));
} 


IMG 
{
  border: 0px;
  padding:0px;
  margin:0px;
}



a {
  color: #333333;
  font-size: 1.0em;
  text-decoration: none;
}

a:hover
{
  color: #666666;
  text-decoration: underline;
}


.anchor2 {
  color: #ff8000;
  font-size: 1.0em;

}

anchor2:hover
{
  color: #666666;
  text-decoration: underline;
}

input[type="submit"], input[type="button"], .anchorbutton {
  border: 1px solid #C0C0C0;
  color: #333333;
  background-color:#C0C0C0;
  display: inline-block;
  margin-right: 10px;
  padding: 5px 10px;
  text-decoration: none;
  font-weight: bold;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

input[type="submit"]:hover:enabled, input[type="button"]:hover:enabled {

}


input[type="submit"]:disabled, input[type="button"]:disabled {
	color:#666666;
}




a.anchorbutton:hover {
  text-decoration: none;
  color: #ccc;
  border-color: #555555;
}





.searchform button {
  font-weight:bold !important;

  border: 1px solid #C0C0C0 !important;
  color: #333333 !important;
  background-color:#C0C0C0 !important;

  box-shadow: 0 0 0px #2692dd inset !important;
  -moz-box-shadow: 0 0 0px #2692dd inset !important;
  -webkit-box-shadow: 0 0 0px #2692dd inset !important;

  border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
}


.searchform button:hover {
  border: 1px solid #555555 !important;
  color: #333333 !important;
	opacity: 1 !important;
}





form {margin: 0px 0px 0px 0px; }


a#modal_pop2 {
    border: 2px solid #aaa;
    color: #fff;
    background-color:#0057a4;
    display: block;
    float: left;
    margin-right: 10px;
    padding: 5px 10px;
    text-decoration: none;
    text-shadow: 1px 1px #000;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}



.product-link {
  font-size: 14px;
}

.product-price {
  font-size: 12px;
}

.clear {clear:both;}
.right {float:right;}




/*------- Begin Primary Framwork ---------------------------------------------------*/


#topnav-bar {
  width: 100%;
  height: auto;
  text-align: center;
  display:block;
  margin-top:1px;
  background-color: #fff;
  border-top: .25rem solid #001eff;
  border-bottom: .0625rem solid #d0d0d0;

}

#topnav
{
	width:100%;
	height: 44px;
	display:inline-flex;
	justify-content:flex-end;
	align-items:center;
}

#topnav span {
  display:inline-block;
  height:inherit;
  background-color:transparent;
}




#topnav span a {
  display: block;
  height: 42px;
  margin: 0px 8px;

  background-color: transparent;
  line-height: 40px;

  text-transform: capitalize;
	font-size: 11px;
	font-weight: 900;
	color:#000;
	font-family: 'GhostSans-Bold',Helvetica Neue,Helvetica,sans-serif;

	border-bottom:solid 2px transparent;
}

#topnav span a:hover, #topnav span span:hover {
  text-decoration:none;
	color:#4d4d4d;
	border-bottom: solid 2px black;
}



.header-currency-selecton {
	border:none;
  color: #4d4d4d;
	background-color:transparent;
	font-family: 'GhostSans-Regular', 'GhostSans-Regular', Verdana, Arial, Helvetica, sans-serif !important;
	font-size: 10px !important;
	font-weight: normal !important;
}





#header-shoppingcart a {
	font-family: 'GhostSans-Regular', 'GhostSans-Regular', Verdana, Arial, Helvetica, sans-serif !important;
	font-size: 10px !important;
	font-weight: normal !important;
  color: #4d4d4d;
	margin-left: 20px !important;
}

#header-shoppingcart2 a img {
	width:40px;
	margin-top: 4px;
}

#cartdescription {text-align:center;}

#cart-count {
	position:absolute;
	color: red;
	margin-left: -20px;
	margin-top: -12px;
}

.header-shoppingcart:hover {
	color:#ff8000;
}


#header-bar {
  width: 100%;
	height:auto;
  text-align: center;
  background-color: #fff;
}

#header
{
	width:100%;
  max-width: 1180px;
	height:auto;
  margin: 5px auto 0px auto;
  text-align: left;
  background-color: transparent;
  display: flex;
  align-content:flex-start;
  align-items: center;
	border-bottom:solid 1px #666666;
}



#header-logo a
{
	display:flex;
	align-items:center;
	margin-left:20px;
	margin-right: 20px;
	font-family: 'GhostSans-Bold',Helvetica Neue,Helvetica,sans-serif;
	font-size: 18px;
}

#header-logo a:hover {
	text-decoration: none;
}


#header-logo img {
width: 34px;

}

.logotag{
	margin:10px;
	font-family: 'GhostSans-Bold',Helvetica Neue,Helvetica,sans-serif;
	font-size: 18px;
	font-weight:bold;
}

#header-topbar {
  float:right;
  width:50%;
  height:26px;
  background-color:transparent;
}



#menu
{
flex-grow:2;

}

#search-wrapper {
display:none;
flex-grow:3;
max-width: 400px;
margin-right: 50px;
}


.sm-clean > li > a {
  color: #000000 !important;
  font-size: 16px !important;
  margin-top: 16px !important;
  font-weight:500;
}

.sm-clean > li  {
  height: 76px !important;
}


.sm-clean > li > a:hover {
  color: #4d4d4d !important;
}


.sm-clean > li:hover {
  border-bottom: .25rem solid #001eff;
}


.sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted {
  color: #0057a4 !important;
}



/*Search Widget - CSS overrides*/
.searchform {
  margin-top:15px !important;
  display:flex;
}

.searchform-input-wrapper{
  width:80% !important;
  min-width:200px;
  max-width:300px !important;
  margin-right:3px;
}

.searchform-button-wrapper{
  width:60px !important;
}

#popout-menu li a{
	text-transform:uppercase !important;

}

#popout-menu li a:hover{
	color:#fffc00;
}

.popout-menu-btn {
	margin: -10px 0 0 0 !important;
	background-color: transparent !important;
	color: #333333 !important;
	font-size: 24px !important;
}

#popoutmenubutton2 {
	width: 100% !important;
	color:#ffffff !important; 
	height:38px; 
	padding-right:24px !important;
	margin-bottom:10px; 

	text-align:right; 
	font-size: 50px !important;
}


#popoutmenubutton2 span{
	font-size: 24px !important;
	padding-top:14px !important; 
}




.button-wrapper {
  position:relative;
  display:inline-block;
  width:40px;
  height:40px;
  margin: 0 0px 5px 0px;
  overflow:hidden;
  background-color:transparent;
}

  .button-wrapper img:hover {
    margin-top: -40px;
  }

.Toggle_Button_Cart {
  color: #000000;
  font-size:.8em;
  position:absolute;
  right:10px;
  top:5px;

}



#page-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-content: space-between;
  flex-direction: column;
  max-width: 1200px;
  margin: 0 auto;
}

#content-bar
{
  flex-grow:2;
  width:100%;
  text-align:center;
  background-color:transparent;
}

#content {
	width:100%;
  max-width: 2000px;
  min-height: 400px;
  margin: 40px auto 20px auto;
	padding: 0px 20px;
  text-align: left;
  background-color: #ffffff;
  z-index:1;
}


#item-list-deptText{
	width: 100% !important;
	text-align:center;
	font-size: 18px !important;
	font-weight:100 !important;
	line-height: 32px !important;

}

.home-welcome {
  display:none;
  width: 100%;
  max-width:1150px;
  height: 554px;
  margin: 0 auto;
  overflow: hidden; 
  background: url('/images/home-welcome.jpg') 0 0 no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.featureditems {
  padding: 10px 24px;
}


.home-banner {
	width:100%;
  overflow:hidden;
}

.home-promo {
  width:100%;
  text-align:center;
  margin-bottom:20px;
}

.home-promo img {
	width:32%;
}


.home-bottom-image {
  width:100%;
  text-align:center;
  margin-bottom:20px;
}

.home-bottom-image img {
  width:90%;
}



#bottomnav-bar
{
  width:100%;
  height: auto;
  background-color: #000000;
  display: flex;
  align-content:space-around;
  align-items:center;

  border-top: 1px solid #f6f6f6;
  border-bottom: 1px solid #dbdbdb;

}

#bottomnav-wrapper {
  display:flex;
  align-content:center;
  align-items:center;
  width: 100%;
	height:60px;
  flex-wrap: wrap;
}

#bottomnav
{
  display:flex;
  align-content:flex-start;
  align-items:center;
  padding: 10px 20px;
} 


#bottomnav a
{
  color: #e5e4df;
  font-size: .9em;
  background-color:transparent;
  text-decoration: none;
  margin: 20px 10px 20px 0px;
}

#bottomnav a:hover {
  color: #ffffff;
}



#bottomlegal {
  color: #e5e4df;
  font-size: .9em;
  white-space:nowrap;
  flex-grow: 2;
  text-align:right;
  padding: 10px 20px;
}





#copyright {
  font-size:12px;
  float:right;
  margin-top:22px;
  color:#C0C0C0;
}

#copyright a {
  color:#e5e4df
}
#copyright a:hover {
  text-decoration:underline;
}








.hr-thin {

  border: none;
  height: 2px;
  /* Set the hr color */
  color: #e5e4df; /* old IE */
  background-color: #e5e4df; /* Modern Browsers */

}




/*------- End Primary Framwork ---------------------------------------------------*/

.submit-button
{
  height:22px;
  color:#fff; 
  background-color:#0090aa;
  border:0px;
}


.submit-button:hover
{
  height:22px;
  color:#f8db7e; 
  background-color:#0090aa;
  border:0px;
}

/*------- vertical nav by Yingwen ---------------------------------------------------*/

#home 
{
  float:left;
  padding-left: 40px;
  width:40px;
  height:40px;
  display:block;
  background-color:#fff;
}

#home a
{
  outline: none; /* get rid of dotted borders in FireFox */
  text-indent: -5000px; /* this move the text outside of the screen area */
  display: block;
  width: 40px;
  height: 40px;
  background: url('../images/homebutton.jpg') 0 0 no-repeat;
} 

#home a:hover
{
  background-position: 0px -40px;
}



.mainContentTable
{
	width: 95%;
	color: #000000;
	background-color:transparent;
}

.mainContentColumn {
  width:95%;
  margin:20px;
}

a.navitem
{
  text-decoration: none;
  color: #666666;
  font-size: 1.0em;
  font-weight: bold;
  display: block;
  height: 20px;
  width: 150px;
  padding-top: 10px;
  padding-bottom: 0px;
  padding-left: 10px;
}
a.navitem:hover
{
  color:#ff0000;
	background-color: #666666;
}
a.navitemsub
{
	padding-left: 20px;
	padding-bottom: 5px;
	height: 20px;
	width: 150px;
	padding-top: 10px;
	text-decoration: none;
	color: #ff0000;
	display: block;
}
a.navitemsub:hover
{
	background-color: #666666;
}
div.navblock {
	border-bottom: dotted 1px #cccccc;
	padding-bottom: 0px;
	width: 190px;
}

.title 
{
  color: rgb(65, 65, 65); line-height: 32px; font-size: 20pt; font-weight: 500;
	padding-bottom: 15px;
}

.pagetitle {
  color: rgb(65, 65, 65); line-height: 32px; font-size: 20pt; font-weight: 500;
	padding-bottom: 15px;
}


.nav_text
{
	color: #333333;
	font-size: 10px;
}
.nav_title
{
	color: #333333;
	font-size: 1.0em;
	font-weight: bold;
	background-color: #e7e7e7;
	width: 190px;
	padding-left: 2px;
}
.bodycopy
{
  color: #000000;
  letter-spacing: 0px;
}

.bodycopyreadonly
{
  font-size: 1.0em;
  color: #ff0000;
  letter-spacing: 0px;
	margin-left: 15px;
	border: 0px;
}


.bodycopy-small {
  font-size: .8em;
  color: #000000;
}

.required_field {
	color:red;
}

.errormessage-small {
  font-size: .9em;
  color: red;
}


.bodyheader
{
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}
.errormessage
{
  font-size: 1.0em;
  color: #cc0000;
  text-align: left;
}
.itemdisplay
{
  display: inline-table;
  margin: 0;
  vertical-align: top;
  text-align: center;
}
.itemtitle {
  margin: 0;
  text-align: left;
  color: rgb(65, 65, 65);
  font-size: 20pt;
  font-weight: 500;
  padding-bottom: 15px;
}



#itemdisplay-wrapper{
	display:flex;
}


.itemdescription
{
  display: inline-table;
	width:65%;
  margin: 5px 10px;
	padding-left: 20px;
	text-align: left;
	vertical-align: top;
}
.itempricetable
{
	float: left;
	position: relative;
	width:100%;
	margin: 0;
	padding: 0px;
	text-align: left;
	vertical-align: top;
}
.itemtable
{
	width: 100%;
	background-color: #e5e4df;
}
.itemtable tr
{
	background-color: #e5e4df;
}
.itemtablebody
{
	background-color: #ffffff;
	color: #696969;
	text-align: center;
}
.itemtableheader
{
	background-color: #e5e4df;
	color:  #000000;
	font-weight: bold;
	text-align: center;
	padding: 5px;
}



.item-added-confirmation-box {
  display:none;
  justify-content: space-around;
  align-items: center;
  width: 70%;
  max-width: 600px;

  margin: 20px auto;
  padding: 2px 15px;
  border: 1px solid #666666;
  background-color: #f3f2f2;
  font-size: 14px;

}



.contenttable
{
	background-color: #e5e4df;
}
.contenttable tr
{
	background-color: #e5e4df;
}
.forminputXXX {
  font-size: .9em;
  padding: 5px;
  border: solid 1px #5f5f5f;
  background-color: #0057a4;
  color: #FFFFFF;
  text-decoration: none;
}
.forminputXXX:hover {
  color: #333333;
  text-decoration: none;
  background-color: #C0C0C0;
}
.nav-button
{
	font-size: 1.0em;
	padding-left: 10px; 
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: bold;
	border: solid 1px #5f5f5f;
	background-color: #5f5f5f;
	color: #c3c3c3;
	margin: 1px 1px 1px 1px
}
.nav-button:hover
{
	color: #ff0000;
}	
img.arrow
{
	opacity: 0.65;
	filter:alpha(opacity=65); /* For IE8 and earlier */
}
img.arrow:hover
{
	opacity: 1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}
a.tablelink
{
	text-decoration: none;
	color: #ff0000;
	font-size: 1.0em;
	font-weight: bold;
	text-transform: capitalize;
	display: block;
	padding: 0px 5px 0px 5px;
}
a.tablelink:hover
{
	text-decoration: underline;
}

.arrow-down {
	width: 0; 
	height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	
	border-top: 20px solid #f00;
}

.newmaincontent {
	background-color:#efefeb;
	background-image:url('/images/home-background.jpg');
	background-repeat:no-repeat;
	background-position:center;
	background-position:top;
	}


.promoarea {
  width: 100%;
  height: auto;
}

.promobox {
	width: 32%; height: auto; margin-top: 20px; margin-right:20px;  float: left;
}
.promobox-last {
	width: 32%; height: auto; margin-top: 20px; margin-right:0px;  float: left;
}

.promobox img, .promobox-last img {
	width: 100%; height: auto; 
  /* Rounded Corners */
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
}

h2 {
	color: rgb(65, 65, 65); line-height: 32px;  font-size: 24px; font-weight: 100;
}
.promobox p {
	line-height: 32px; font-size: 13px; font-weight: 400;
}
.bottomads {
	margin: 0px auto; width: 100%; height: 155px; background-color: rgb(255, 255, 255);
}
.ad1 {
	width: 50%; float: left;
}
.ad2 {
	width: 50%; float: left;
}

.carttable {
width:95%;

}
.carttable TD  {
  border: 1px solid #C0C0C0;
  margin:0px;
  padding:8px;
}

.cartheader {
  font-weight: bold;
  text-decoration: underline;
}

#payment-options {
  float:left;
  margin-left: 10px;
}

.payment-option-wrapper {
	float: left;
	display: block;
	width: auto;
	height: 40px;
	padding: 5px;
	background-color:	transparent;
}


.payment-option-note {
float:left;
margin-top: 50px;
padding:30px;
width:460px;
color:gray; 
font-style: italic;
}





.product-box:hover {
	border:1px solid #a2a2a2;
}


.product-box img{
  width: 100%;
	height:auto;
}

/*NOTE: product-box styles are required for jpages and lazyloader*/
.product-box {

  display:inline-block;
	vertical-align:top;
  text-align: center;
  width: auto;
  height:auto;
  min-width: 180px;
  min-height:220px;  
	margin: 16px 10px 20px 10px;
  background-color:#fff;
	border:1px solid #C0C0C0;
  /* Rounded Corners */
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 0px 0px 10px 10px;
  border-radius: 0px 0px 10px 10px;
  background-color:transparent;
}



.product-box img{
	max-width:280px;
	max-height:280px;
}



.product-box div{
	line-height:18px;
	text-align:left;
}



/*NOTE: square styles are required for jpages and lazyloader*/
.square {
    /* width within the parent.
       can be any percentage. */
    width: 100%;
}
.square:before {
    content: "";
    float: left;

    /* essentially the aspect ratio. 100% means the
       div will remain 100% as tall as it is wide, or
       square in other words.  */
    padding-bottom: 100%;
}
/* this is a clearfix. you can use whatever
   clearfix you usually use, add
   overflow:hidden to the parent element,
   or simply float the parent container. */
.square:after {
    content: "";
    display: table;
    clear: both;
}




#language-dropdown-container {
  position:absolute;
  top:60px;
  left:165px;
  max-width:200px;
  width: auto;
  height:auto;
  display:block;
  z-index:1000;
  visibility:hidden;

  text-align: left;
  padding: 10px 5px 10px 5px;
  border: 2px solid #999999;
  /* Gradient background */
  background: #F4F4F4;
  background: -moz-linear-gradient(top, #ffffff, #efeff0);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#efeff0)); 
  /* Rounded Corners */
  -moz-border-radius: 0px 5px 5px 5px;
  -webkit-border-radius: 0px 5px 5px 5px;
  border-radius: 0px 5px 5px 5px;
}



.language-item 
{
  display: inline;
  float: left;
  position: relative;
  min-width: 80px; 
  width: 90%;
  margin: 5px 10px 5px 5px;
  height:auto;
  background: #E5E5E5;
  border: 1px solid #808080;
  /* Rounded Corners */
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}


.language-item a
{
  display:block;
  height:auto;
  padding: 4px 6px 4px 6px;
  text-decoration:none;
  line-height:24px;
  color:#000000;
}
.language-item a:hover
{
  color: #ffffff;
  background: #336699;
}

.message_warning {color:red;
}

.list-help {
  font-size:1.2em;
  line-height:30px;
}


.red {
  color:red;
}

.grey {
  color:grey;
}

.italic {
  font-style: italic;
}

.bold {
  font-weight:bold;
}




/* ============================================================
  Image Overlay Transitions
============================================================ */
.effects {
  padding-left: 15px;
}
.effects .img {
  position: relative;
  float: left;
  margin-bottom: 5px;
  width: 100%;
  overflow: hidden;
}
.effects .img:nth-child(n) {
  margin-right: 5px;
}
.effects .img:first-child {
  margin-left: -15px;
}
.effects .img:last-child {
  margin-right: 0;
}
.effects .img img {
  display: block;
  margin: 0;
  padding: 0;
  max-width: 100%;
  height: auto;
}

.overlay {
  display: block;
  position: absolute;
  z-index: 20;
  background-color: rgba(105, 105, 105, 0.10);
  overflow: hidden;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}


a.close-overlay.hidden {
  display: none;
}

a.expand {
  display: block;
  position: absolute;
  z-index: 100;
  width: 160px;
  height: 60px;
  border: solid 5px #fff;
  text-align: center;
  color: #fff;
  background-color: rgba(51, 102, 153, 0.80);
  line-height: 50px;
  font-weight: 700;
  font-size: 14px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}

/* ============================================================
  EFFECT 5 - ICON BORDER ANIMATE
============================================================ */
#effect-5 .overlay {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
}
#effect-5 .overlay a.expand {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#effect-5 .img.hover .overlay {
  opacity: 1;
}
#effect-5 .img.hover .overlay a.expand {
  width: 100px;
  height: 50px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}




/* ============================================================
  Fade Classes
============================================================ */

.fadeIn {
        /* CSS needed for animation
        ---------------------------------------------------- */
        opacity:1;
        transform:rotate(360deg);
        -webkit-animation:fadeIn ease-in 1;
        -moz-animation:fadeIn ease-in 1;
        -o-animation:fadeIn ease-in 1;
        animation:fadeIn ease-in 1;
        -webkit-animation-fill-mode:forwards;
        -moz-animation-fill-mode:forwards;
        -o-animation-fill-mode:forwards;
        animation-fill-mode:forwards;
}
/* Animation Times - Time for image to fade in
---------------------------------------------------- */
.fadeIn-1s {
        -webkit-animation-duration:.5s;
        -moz-animation-duration:.5s;
        -o-animation-duration:.5s;
        animation-duration:.5s;
}
.fadeIn-2s {
        -webkit-animation-duration:2s;
        -moz-animation-duration:2s;
        -o-animation-duration:2s;
        animation-duration:2s;
}
.fadeIn-3s {
        -webkit-animation-duration:3s;
        -moz-animation-duration:3s;
        -o-animation-duration:3s;
        animation-duration:3s;
}
.fadeIn-5s {
        -webkit-animation-duration:5s;
        -moz-animation-duration:5s;
        -o-animation-duration:5s;
        animation-duration:5s;
}
/* Animation Delay - Time for image to be delayed
---------------------------------------------------- */
.fadeIn-Delay-1s {
        -webkit-animation-delay:1s;
        -moz-animation-delay:1s;
        -o-animation-delay:1s;
        animation-delay:1s;
}
.fadeIn-Delay-3s {
        -webkit-animation-delay:3s;
        -moz-animation-delay:3s;
        -o-animation-delay:3s;
        animation-delay:3s;
}
.fadeIn-Delay-5s {
        -webkit-animation-delay:5s;
        -moz-animation-delay:5s;
        -o-animation-delay:5s;
        animation-delay:5s;
}
/* Key Frames
---------------------------------------------------- */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-o-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }






/* ============================================================
  Css3 menu - MENU STYLES
============================================================ */

.topmenu {
padding: 0px 45px 20px 0px;
}

ul#css3menu1{
	margin:0;list-style:none;padding:0;background-color:lime;border-width:0px;border-style:solid;border-color:#d1d1d1;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}

ul#css3menu1 ul{
	margin:0;list-style:none;padding:0;background-color:#dedede;border-width:1px;border-style:solid;border-color:#d1d1d1;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}

ul#css3menu1 ul{
	display:none;position:absolute;left:0;top:100%;width:auto;-moz-box-shadow:3.5px 3.5px 5px #000000;-webkit-box-shadow:3.5px 3.5px 5px #000000;box-shadow:3.5px 3.5px 5px #000000;background-color:#FFFFFF;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border-color:#d4d4d4;padding:0 10px 0px;margin-top:0px;}
ul#css3menu1 li:hover>*{
	display:block;}
ul#css3menu1 li{
	position:relative;display:block;white-space:nowrap;font-size:0;float:left; background-color:transparent;}
ul#css3menu1 li:hover{
	z-index:1;}
ul#css3menu1 ul ul{
	position:absolute;left:100%;top:0;}
ul#css3menu1{
	font-size:0;z-index:999;position:relative;display:inline-block;zoom:1;padding:0;display:inline;}
* html ul#css3menu1 li a{
	display:inline-block;}
ul#css3menu1>li{
	margin:0;}
ul#css3menu1 a:active, ul#css3menu1 a:focus{
	outline-style:none;}

ul#css3menu1 a{
	display:block;vertical-align:middle;text-align:left;text-decoration:none;font: 14px sans-serif;color:#ffffff;text-shadow:#FFF 0 0 1px;cursor:pointer;padding:10px;background-color:transparent;background-image:url("mainbk.png");background-repeat:repeat;background-position:0 0;border-width:0 0 0 0px;border-style:solid;border-color:#C0C0C0;}

ul#css3menu1 ul li{
	float:none;margin:5px 0 5px 0;}
ul#css3menu1 ul a{
	text-align:left;padding:4px;background-color:#FFFFFF;background-image:none;border-width:0;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;font:16px sans-serif;color:#000;text-decoration:none;}
ul#css3menu1 li:hover>a,ul#css3menu1 li a.pressed{
	background-color:transparent;border-color:#C0C0C0;border-style:solid;color:#ffffff;text-shadow:#FFF 0 0 1px;background-image:url("mainbk.png");background-position:0 100px;text-decoration:none;}
ul#css3menu1 span{
	display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;}
ul#css3menu1 ul span{
	background-image:url("arrowsub.png");padding-right:12px;}
ul#css3menu1 > label.switch{
	display:none;cursor:pointer;width:25px;height:20px;padding:10px;}
ul#css3menu1 > label.switch:before{
	content:"";position:absolute;display:block;height:4px;width:25px;border-radius:4px;background:#000000;-moz-box-shadow:0 8px #000000, 0 16px #000000;-webkit-box-shadow:0 8px #000000, 0 16px #000000;box-shadow:0 8px #000000, 0 16px #000000;}
ul#css3menu1 > label.switch:hover:before{
	background:#0057a4;-moz-box-shadow:0 8px #0057a4, 0 16px #0057a4;-webkit-box-shadow:0 8px #0057a4, 0 16px #0057a4;box-shadow:0 8px #0057a4, 0 16px #0057a4;}
ul#css3menu1 > .switchbox{
	display:none;}
ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li a.pressed{
	background-color:#e5e4df;background-image:none;color:#000000;text-decoration:none;}
ul#css3menu1 li.topfirst>a{
	border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;}
ul#css3menu1 li.toplast>a{
	border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;-webkit-border-radius:0;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;}


.bodywrapper {
	margin: 0px auto;
}

.staticImage a {
	background: url("../images/info_sprite.png") no-repeat 0px 0px; width: 15px; height: 15px; right: 15px; bottom: 15px; text-indent: -1500px; overflow: hidden; display: block; position: absolute; z-index: 999;
}
.staticImage a:hover {
	background-position: 0px -15px;
}
.CopyImageWrapper {
	margin: 0px 0px 0px -12px; width: 1024px; height: 554px; position: relative;
}
.contactWrapper {
	margin: 0px auto; width: 1024px; height: 300px; position: relative;
}



.mainImage {
	margin: 0px auto; width: 1024px; height: 554px; position: relative; z-index: 1;
}
.mainImageCopy {
	top: 0px; position: relative;
}
.mainImageHeadline {
	left: 80px; top: -125px; text-align: left; color: rgb(255, 255, 255); line-height: 42px; font-size: 40px; float: left; position: relative; z-index: 2;
}
.mainImageSubHead {
	left: 80px; top: -85px; color: rgb(255, 255, 255); font-size: 24px; position: absolute; z-index: 2;
}

.StaticMainImageHeadline {
	text-align: left; color: rgb(255, 255, 255); line-height: 42px; font-size: 40px; position: relative; z-index: 10;
}
.StaticMainImageSubHead {
	text-align: left; color: rgb(255, 255, 255); font-size: 21px; position: relative; z-index: 12;
}


#payment-frame-container {
	position:relative;
	width:100%;
	height:800px;
	background-color:transparent;
	text-align:center;
}


#payment-frame-title-overlay {
position:absolute;
top:100px;
left:0px;
width: 100%;
height: 60px;
margin:0 auto;
padding:5px;
background-color:#fff;
border:0px solid;
}


#pcard-payment-frame-overlay {
position:relative;
top:240px;
left:0px;
width: 100%;
height: 120px;
line-height: 80px;
margin:0 auto;
padding:5px;
background-color:#fff;
border:0px solid;

}



.popout {
  background: #000000 !important;
}



/* ============================================================
  Css3 Tool Tips -  STYLES
============================================================ */

		.tooltip {
			color: #000000; outline: none;
			cursor: help; text-decoration: none;
			position: relative;
      z-index: 9999;
		}
		.tooltip span {
			margin-left: -999em;
			position: absolute;
		}
		.tooltip:hover span {
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.3);
			font-family: Calibri, Tahoma, Geneva, sans-serif;
      color: #000000; 
			position: absolute; left: 1em; top: -2em; z-index: 9999;
			margin-left: 0; width: 450px;
		}
		.tooltip:hover span img {
			border: 0; margin: -10px 0 0 -55px;
			float: left; position: absolute;
		}
		.tooltip:hover em {
			font-size: 1.2em; font-weight: bold;
			display: block; padding: 0.2em 0 0.6em 0;
		}

		.classic { padding: 0.8em 1em; }
		.custom { padding: 0.5em 0.8em 0.8em 2em; }
		* html a:hover { background: transparent; }
		.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
		.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
		.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.info { background: #9FDAEE; border: 2px solid #2BB0D7;	}
		.warning { background: #FFFFAA; border: 1px solid #FFAD33; }


/****************Static Hero Page**************/
    .staticcontainer{
        width: 100%;
    }
    .staticherotextcontainer{
        max-width: 1152px;
        width: 100%;
        padding-right: 16px;
        padding-left: 16px;
        margin-right: auto;
        margin-left: auto;
    }
    .staticherotext{
        width: 100%;
        max-width: 340px;
        height: 100%;
				min-height:540px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        float: right;
        text-align: left;
				margin-right:20px;
				margin-left:20px;
    }

    .staticherobutton{
        background-color: #FFFC00;
        margin-top: 24px;
        border-radius: 45px;
        border: none;
    }

    .staticherobutton:hover{
        background-color: #FFFD5D;
        border-radius: 45px;
    }

    .staticherobutton a{
        color: #000;
        text-transform: uppercase;
        color: #000;
        text-decoration: none;
        text-align: center;
        display: block;
        letter-spacing: 1px;
        font-size: 13px;
        font-family: 'GhostSans-Bold', Verdana, Arial, Helvetica, sans-serif;
        min-width: 60px;
        height: 48px;
        width: 200px;
        display: flex;
        align-items: center;
        justify-content: center;
				text-shadow: 1px 1px 3px rgba(0,0,0,0.6);
    }

    .staticheroheader{
        font-size: 80px;
        line-height: 88px;
        letter-spacing: -2px;
        font-family:'GhostSans-Bold',Helvetica Neue,Helvetica,sans-serif;
        color: white;
        margin-bottom: 12px;
        width: 100%;
				text-shadow: 2px 4px 8px rgba(0,0,0,0.8);
    }

    .staticherosubheader{
        font-family: 'GhostSans-Regular',Helvetica Neue,Helvetica,sans-serif;
        font-size: 22px;
        line-height: 32px;
        letter-spacing: -.5px;
        font-weight: 100;
        color: white;
        width: 100%;
				text-shadow: 1px 1px 1px rgba(0,0,0,0.9);
    }

    .staticherosubheader p{
        font-family: 'GhostSans-Regular',Helvetica Neue,Helvetica,sans-serif;
        font-size: 13px;
        line-height: 32px;
        letter-spacing: -.5px;
        font-weight: 100;
        color: white;
        width: 100%;
				text-shadow: 1px 1px 1px rgba(0,0,0,0.9);
    }