@charset "UTF-8";

html { overflow-y: scroll; } /* this ensures that a scrollbar is always present */
body { background:#fefefe; font-family: Gotham, "Helvetica Neue", Arial, sans-serif; margin:0; padding:0; font-size:100%; }
#mobile-nav { display:none; }
a img {border:none;}

/* Skip Nav */
.offscreen { position:absolute; left:-9999px; width:9000px; }
.offscreenr, .skip_sliver { position:absolute; left:-9999px; width:9000px; }


form { margin:0; padding:0; }
a:link { color:#3366CC; }
a:visited { color:#3366CC; }
a:hover { color:#C00; text-decoration:none; }
td { vertical-align:top; }

/* @group font-sizes */
h1 { font-size:1.8em; } /* 2.05 adjustment */
h2 { font-size:1.4em; color:#333; }
h3 { font-size:.925em; }
h4 { font-size:.8125em; }
h5 { font-size:.75em; }
.sliver ul,.footer_column p,.footer_column li { font-size:.6875em; }
.statewide_message p,th,td,.crumb_trail,.header_nav_search ul#vtopnav,.footer_column h4 { font-size:.75em; }
#maincontent1 p,#maincontent2 p, #maincontent3 p,#maincontent1 li,#maincontent2 li, #maincontent3 li,#pageaside p,#pageaside-right p,#pageaside ul,#pageaside-right ul,#sectionnav ul,dt,dd, #maincontent2 .tbstriped th, #maincontent2 .tbstriped td, #tabs li { font-size:0.9em; }
#sectionnav ul ul,#maincontent1 li li,#maincontent2 li li, #maincontent3 li li,#maincontent1 table td p, #maincontent2 table td p, #maincontent3 table td p, #maincontent1 dd p, #maincontent2 dd p, #maincontent3 dd p,  #maincontent2 .tbstriped p { font-size:0.9em; }
#pageaside h3  { font-size:1.125em; }
#sectionnav h3  { font-size:1.125em; }
#header h2,.sliver h2  { font-size:1.25em; }

.crumb_trail { border-bottom: 1px solid #ccc; margin: 0; padding: 7px 10px; }
.crumb_trail p { margin: 0; }
.crumb_trail a { color: #555; }

/* @end */
h1 { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:normal; color:#333; margin:0; padding:0; }

/* Sliver Start */
.statewide_message { position:relative; margin:0 auto; padding:0; width:100%; height:12px; min-width:80em;}
.statewide_message p { color:#B72F2F; margin:0; padding:12px 5px 0 30px; }
.sliver ul li .provided { color: #fff; font-weight: bold;}
.statewide_message p a { color:#B72F2F; font-weight:bold; text-decoration:underline; }
.statewide_message p a:hover { color:#B72F2F; font-weight:bold; text-decoration:none; }
.sliver { margin:0; padding:0; height:32px; width:100%; background:url(../images/sliver_bg.gif) top left repeat; min-width:79em;}
.sliver h2 { text-indent:-9999px; font-family:"Helvetica Neue", Arial, sans-serif; color:#000; margin:0; background:url(../images/maine_gov_logo.gif) top left no-repeat; background-position:0 0; width:103px; }
.sliver h2 a { display:block; width:103px; height:32px; }
.sliver ul { position:absolute; color:#CCC; /*text-shadow:#000 0 1px 1px;*/ margin:0; padding:0; display:inline; left:113px; top:9px; }
.sliver ul li { margin-left:0; list-style:none; display:inline; }
.sliver a { color:#CCC; }
.sliver a.on { color:#FFF; text-decoration:none; }
.sliver a:hover { color:#FFF; text-decoration:none; }
.sliver a.state_search { padding:0 0 0 15px; background: url(../images/icon_search.png) 0 0 no-repeat; }
.sliver_search { float:right; margin:5px 5px 0 0; padding:0; }
#pageTools {position:absolute; bottom:3px; right:12px;}

#sliver_container { position:relative; margin:0 auto; padding:0; width:100%; min-width:36.688em; }
#container { position:relative; width:100%; min-width:79em;}
#header { position:relative; margin:0; padding:0; clear:both; height:80px; }
#content { padding:0; background-color:#FFF !important; clear:both; min-width:60em; max-width:80em; margin:auto; border-left: 1px solid #eee; border-right: 1px solid #eee; min-height:464px; }
#maincontent1 { margin:0; padding:0; min-width:60em; width:100%; max-width:80em; }
#maincontent2 { margin:0 0 0 -1px; padding:10px 0 0 1%; float:left; width:79%; min-width:40.688em; border-left:1px solid #CCC; }
#maincontent3 { margin: 0 auto; min-width: 34em; padding: 10px 0.9375em; width: 80%; }
#pageaside { margin:0 0 0 -1px; padding:0 0 1em; float:left; width:20%; min-width:10em; border-right: 1px solid #ccc;}
#pagefooter { margin:0; padding:0; clear:both; width:100%; background:#337AA6; color:#fff;}
#pagefooter h4 {color: #fff;}
input.labelinside {color: #999;}
.hide-label { color:#FFF; font-size: .75em; margin:0; padding:0; left: -999px; position: absolute; }
.informe-logo { background: rgba(0, 0, 0, 0) url("../images/informe-white.png") no-repeat scroll 0 0; margin-left: 11px!important; padding: 30px 0 0!important; width: 20%; }
.security-badge { background: rgba(0, 0, 0, 0) url("../images/security-white.png") no-repeat scroll 0 0; float: right; padding: 16px 0 16px 43px!important; width: 26%; }

/* Columns */
.twocol1 {float:left; width: 48%; margin-right: 3%;background-color: transparent;}
.twocol2 {float:left; width: 48%;background-color: transparent;}
.threecol1,.threecol2 {float:left; width:25%; margin-right:11.4%;background-color: transparent;}
.threecol3 {float:left; width:25%;background-color: transparent;}
.fourcol1,.fourcol2,.fourcol3 {float:left; width:22.4%; margin-right:3%;background-color: transparent;}
.fourcol4 {float:left; width:23%; background-color: transparent;}


#maincontent1 p,#maincontent2 p,#maincontent3 p,#maincontent1 li,#maincontent2 li,#maincontent3 li,#pageaside p,#pageaside-right p,#maincontent1 dd,#maincontent2 dd,#maincontent3 dd { line-height:1.4; }
#maincontent1 dt,#maincontent2 dt, #maincontent3 dt { font-weight:bold; }
#maincontent1 dd,#maincontent2 dd, #maincontent3 dd { margin-left:0; margin-bottom:1em; padding-left:0; }
#pageaside h3, #pageaside-right h3 { font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal; margin:1em 0 0 0; padding:3px 5px 5px 0px; border-bottom: medium double #CCCCCC; text-transform: uppercase; /* colors are in color.css file */}
#pageaside ul { list-style:none; margin:12px 0; padding:0; }
#pageaside li { padding:5px 0; line-height:1.4; }
#pageaside li a:link { color:#555; }
#pageaside li a:visited { color:#555; }
#pageaside li a:hover { color:#C00; text-decoration:none; }

#top_nav { width:100%; margin:0; }

#pagefooter .footer_column:first-child { margin:.5em 0 0 5em; padding:0; float:left; width:20%; min-width:8.5em; }
.footer_column { margin:.5em 0 0 1em; padding:0; float:left; width:20%; min-width:10em; }
.footer_column h4 { margin:0; padding:10px; font-weight:bold; }
.footer_column p { margin:0; padding:5px 10px; font-weight:normal; }
.footer_column a:link { color:#fff; }
.footer_column a:visited { color:#fff; }
.footer_column a:hover { color:#b7f00b; text-decoration:none; }
.footer_column ul { margin:0; padding:0 10px 10px; }
.footer_column ul li { list-style:none; margin:0; padding:5px 0; }
#pagefooter .footer_column:last-child { float: right; margin: 0.5em 5em 0 0; padding: 0; text-align: right; width: 20%; }

.plain {list-style:none; margin-left:0;padding-left:0;}


/* Clearfix */
.clearfix:after, .rowwrap:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
#content { background-color:#FFF !important;}
.none {display: block;} 
.more {display: none;} 
.close {display: none}
.error {color: #C00;}

/* Form Styles
_____________________________________________________________________________________________________________ */
.content_col {float: left; width: 16em; padding-right: 3em; }

fieldset { width: 100%; margin: 5px 0px 10px 0px; } 
legend { font-size: 1em; margin: 0px 2px 0; }
fieldset p { font-size: .7em; margin: 0; padding: 0px 3px 10px; }
label { font-weight:bold; }

.form_item { padding: 5px 5px 5px 10px; margin: 0; }
.form_item_nf { margin: 0; padding: 5px 5px 5px 10px; }

.form_title { font-size: .9em;	padding: 0 0 0 2px;	margin: 0; }
.form_input { font-size: .9em; padding: 0; margin: 0; }
.form_item_buttons { clear:both; padding: 5px; margin: 0; }
.form_checkbox { font-size: .9em; padding: 0; margin: 0 0 0 15px; float: left; width: 1.75em; }
.form_title_checkbox { font-size: .9em;	margin: 0; margin: 0 0 0 15px; padding: 2px 0 0 2px; }
.form_radio { font-size: .9em; padding: 0; margin: 0 0 0 15px; float: left;	width: 1.75em; }
.form_title_radio { font-size: .9em; padding: 4px 0 0 2px; margin: 0; }
.form_item_radio { padding-left: 35px; } /* Form items used within radio show/hide */
.form_item_options { color: #666; font-size: 0.85em;font-weight: normal; }
input[type=submit] { -webkit-appearance: none; -webkit-border-radius: 0; }

.fine_print { font-size: .75em; color: #666; }
.edit_info { float: right; font-size: .70em;	color: #666; padding: 6px 6px 0 6px; }
.hide { position: absolute; left: -999px; width: 990px; }

ul.form_info { list-style: none; font-size: .9em; color: #666; margin: 5px; padding-left: 20px; }
ul.form_info li/*, ul.form_info_dark*/ { padding: 0; margin: 0; }

/* Back Navigation */
.back_nav { float: right; font-size: .70em;	color: #666; padding: 6px; border: 1px solid #CCC;	background: #F4F4F4; margin-right: 10px; }

/* Styled Buttons */
.button, .button:visited { display: inline-block; 	padding: 5px 10px 6px; text-decoration: none; position: relative; cursor: pointer; }

html>body .button, .button:visited { color: #fff; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border: 1px solid rgba(0,0,0,0.01); margin: 10px 0;}
html>body .button:hover { background-color: #111; color: #fff; } 
html>body .button:active { top: 1px; }
html>body .button, .button:visited, html>body .medium.button, .medium.button:visited { font-size: 15px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); margin-bottom: 0.35em !important; padding: 0.5em 0.7em !important;} 
html>body .large.button, .large.button:visited { font-size: 14px; padding: 8px 14px 9px; }
html>body .green.button, .green.button:visited { background-color: #749707; }
html>body .green.button:hover { background-color: #5D7B02 /* #749a02;*/ }
html>body .blueoutline.button { background-color: #fff; color: #253E63; border: 2px solid #253E63; }
html>body .blueoutline.button:hover { background-color: #253E63; color: #fff; }
html>body .blue.button, .blue.button:visited { background-color:#2D4E71; }
html>body .blue.button:hover { background-color: #6C93A4; }

html>body .greenoutline.button { background-color:#fff; color: #749707; border: 1px solid #749707; text-shadow:none!important; }
html>body .greenoutline.button:hover { background-color: #749707; color: #fff; }



/* Custom Styles 
_________________________________________________________________________*/
/* H1 - H6 */
h2 { font-size:1.4em; color: #253E63; }

/* Header */
#header h2.logo { width:480px; }
#header h2.logo a { width:250px; }
#header {background:#337AA6 url(../images/gray_header.jpg) no-repeat scroll 0 0; color:#fff;}
/*#header h2.logo { background:url(../images/logo.jpg) #253E63 no-repeat scroll -3px 7px!important;}*/
#pageaside h3 { color:#333; border-bottom: medium double #bdb187;}
#top_nav {background:#014778;}
#header h2.logo { text-indent:-9999px; font-family: "Helvetica Neue", Arial, sans-serif; margin:0; float: left; background-position:0 0; height:80px; width:37%;}
#header h2.logo a { display:block; height:80px; }
.header_nav_search { float:left; margin-left: 9px; overflow: hidden; position: relative; width:36%; margin-top:17px; }
.header_search {border: 1px solid #b7b7b7; font-size: 12px; font-weight: bold; position: relative; width: 100%; background: #fff;}
.search_area {background: transparent none repeat scroll 0 0; border: medium none; color: #73717b; font-family: Georgia,serif; font-size: 12px; font-weight: bold; height: 44px; outline: 0 none; padding: 0 0 0 10px; width: 81.5%; }
.search_button { border: medium none; height: 38px; position: absolute; right: 5px; text-transform: uppercase; top: 3px; }
.shopping_cart { float: right; margin:17px 0 0; padding:0 3px 0 0; width:307px; }
.cart_img { float: left; padding:11px 7px 0 0; }
/*#top_nav.clearfix {background: url("") no-repeat scroll -110px -76px;}*/

/* Cart, View  Cart, Order Status, Contact Us */
/*#vtopnav li a {float: right; text-decoration: none; color:#fff; list-style-type:none;}*/
ul#vtopnav { margin:0; padding:5px 0; display:inline-block; }
ul#vtopnav li { margin-left:0; list-style:none; display:inline;  float: left; font-size:12px; padding:10px 5px;}
#vtopnav a { text-decoration:none; color:#fff;}
#vtopnav a:visited {}
#vtopnav a:hover { text-decoration:underline; }
#vtopnav a.on { text-decoration:none; }


/* Rows and Product Boxes */
.first-homerow {margin-top: 50px!important; }
.homerow {margin:0 auto 40px; width: 91%; }
.homerow .threecol1, .homerow .threecol2 {float:left; width: 23%; margin-right: 15.5%;background-color: transparent;}
.homerow .threecol3 {float:left; width: 23%;background-color: transparent;}
.homerow-four .fourcol1, .homerow-four .fourcol2, .homerow-four .fourcol3 {float:left; width:19%; margin-right: 8%;background-color: transparent; margin-bottom: 10px;}
.homerow-four .fourcol4 {float:left; width:19%;background-color: transparent;}
.homerow h2, .homerow-four h2 { margin:0 0px 25px; }
.homerow-four {width: 92%; margin:0 auto; }
.subheader { /*margin: 0 auto; width: 96.8%; -- used with rowwrap banner image*/ margin: 20px auto 10px; width:100%; } /* same as .row but needed a different name since rows will be looped and sub-headers are not */
.item_header {float: left; margin:0;}
.subheader .view_all { float: right; margin: 6px 15px 0 0; }
.view_all_home { float: right; margin:3px 0; }
.row {margin: 10px 0px; width: 100%; }
.row-four {margin: 0 auto 0; width: 100%; }
/*.row-four h2 {margin:0 0px 25px; }
.row-four .view_all { float: right; margin: 3px 16px 0 0; }*/
.product-box { width:260px; margin:auto;}
.product-box-4col { margin: auto; width: 250px; }
.product-box h3, .product-box-4col h3 { margin:0; }
.product-box h3 a, .product-box-4col h3 a {text-decoration:none; color:#000}
.product-box h3 a:hover, .product-box-4col h3 a:hover {text-decoration:underline;}
.product-box h4, .product-box-4col h4 {margin:3px 0; color:#999; }
.img-wrapper {border-bottom:1px solid #9F9D9D;}
.img-wrapper img { width: 100%; }
.fourcol1 .img-wrapper, .fourcol2 .img-wrapper, .fourcol3 .img-wrapper, .fourcol4 .img-wrapper {border-bottom:1px solid #9F9D9D; width:225px!important;}
.fourcol1 .view_details, .fourcol2 .view_details, .fourcol3 .view_details, .fourcol4 .view_details {margin:0 5px; }
.fourcol-img { width:98%; height:98%;}
.fourcol4 .product-box { margin: auto; width: 100%; }
.options { }
.size_options {  }
.price {font-weight: bold; font-size:16px!important; margin:3px 0; }
.original_price { text-decoration:line-through; font-size:14px!important; margin:3px 0;}
.sale_price { color:#ff0000; font-weight:bold; font-size:20px!important; margin:3px 0;}
.cart { margin:0 0 30px; float:left;}
.view_details { float:left; margin:0 5px; }
.color-blocks { margin: -6px 10px 0 0; }
.color-blocks img {width:25%;}

/* Highlight Boxes - FlexSlider and large img banner for product specials */
.rowwrap-home { background-color: transparent; clear: both; margin: 0 auto 25px; width: 93%; }
.rowwrap { background-color: transparent; clear: both; margin: 15px 0 25px 16px; width: 96%;}
.photo_highlight {width:100%; margin:0 0 25px; padding:0; }
.specials-box { background: #91a9c1 url("../images/parkpass.jpg") no-repeat scroll right bottom; height: 300px;  border: 2px solid #ffffff; box-shadow: 0 1px 5px 1px #666;}
.park-buttons {float:right; margin-top: 25px; }
.buttonwrap { float: right; width: 50%; margin: 155px -1% 0; }
.buttonwrap-inner { float: right; margin: 155px 4% 0; width: 51%; }
.buttoncol1 {float:left; width: 30%; margin-right: 3%; background-color: transparent;}
.buttoncol2 {float:left; width: 30%;background-color: transparent;}
.bigbutton { padding: 15px!important;}
.buttoncol1-inside { background-color: transparent; float: left; margin-left: -8%; margin-right: 3%; width: 35%; }

/* Categories */
.category_area { width: 100%; }
#categories { margin: 12px auto; width:90%;}
#categories a { text-decoration: none; color:#666; }
#categories .category-wrapper { margin: 15px auto; }
.category_wrapper { position: relative; }
.category_header { background: #ebebeb none repeat scroll 0 0;  border-top-left-radius: 5px; border-top-right-radius: 5px; width:100%; }
#categories a.categoryname { color:#666; font-size:13px; display: block; padding: 7px 0px 7px 0px; margin: 0 50px 0 10px; position: relative;}
#categories ul { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top: 0 none; margin: 0!important; display: none;}
#categories ul li { position: relative; background: #f6f6f6 none repeat scroll 0 0; border-bottom: 1px solid #ededed; color: #5c5c5c; line-height: 16px; padding: 5px 0 5px 15px; }
#categories ul li a { color: #5c5c5c; display: block; height: 17px; line-height: 18px; text-decoration: none; }
#categories ul li a.current { background-color: #666!important; color:#fff!important; }
#categories ul li[tabindex]:focus > a { pointer-events:auto; }
.category-subcat {display:block;}
.show_submenu {float:right; margin: -27px 10px;}

#side-alt-nav { display:none; }
#categories #side-alt-nav ul { display: block;}


/* Details */
.item-number { color: #888; font-size: 0.7em !important; margin: -3px 0; padding: 0; }
.twocol2 > form { width: 75%; }
.twocol2 > .price {float:right; padding: 5px;}
.details { margin: 20px auto; }
.large-img img { width:85%; }
.thumbnail_row { display: block; margin: 15px auto;} 
.thumbnail_row img { width: 14%; }
.price_saved {font-size: 10px!important; color:#FF0004; float:right; clear:both;}
fieldset p.detail_sale_price, fieldset p.original_price { padding-bottom:0px!important; margin-bottom:0px!important; }
.detail_sale_price { color:#ff0000; font-weight:bold; font-size:20px!important; margin:3px 0; float:right; clear:both;}
ul.social-media-inner { list-style: outside none none; margin:0; padding:0;}
ul.social-media-inner li { float: left; margin: 0; padding: 0 8px 0 5px !important;
}
.twitter-inner { margin-top:3px!important; }
.sizes ul li {float: left; margin:0 1px 15px; font-size: 1em!important; display:block;}
.sizes a { border: 1px solid #253E63; padding: 5px 12px; margin:0 2px; color:#253E63; text-decoration:none; font-weight:bold;}
.sizes a:hover { border: 2px solid #5D7B02; padding: 5px 12px; margin:0 1px; color:#5D7B02; text-decoration:none; font-weight:bold;}
a.sizeactive { border: 2px solid #5D7B02; padding: 5px 12px; margin:0 1px; color:#5D7B02; text-decoration:none; font-weight:bold;}

.color-blocks a img {float: left; border: 1px solid #253E63; margin:1px 2px;}
a img.coloractive { border: 2px solid #5D7B02; margin:0 1px;}

a.size-out, a.size-out:hover {  border: 1px solid #aaa; padding: 5px 12px; margin:0 2px; color:#aaa; text-decoration:none; font-weight:bold; opacity:0.7;}
a img.color-out { border: 1px solid #aaa; margin:1px 2px; opacity:0.5; }

#alt-size, #alt-color {display: none;}

/* Cart */
.itemcol1,.itemcol2 {float:left; width: 25%; margin-right: 3%; }
.itemcol3 {float:left; width: 10%; }
.cartcol1 {float:left; width: 62%; margin:3.2% 0; }
.cartcol2 {float:left; width: 28%; margin:3.2% 0 3.2% 10%;}
.cart_thumbnail { float: left; width:20%; }
.cart_thumbnail img { width:100%;  }
.cart_productname {font-weight:bold;  }
.item_number_cart { color: #888; font-size: 0.7em !important; margin: -14px 0 0; padding: 0; }
.cart_productdetails {margin:-15px 30px 15px; }
.cart_productprice, .cart_productquantity { margin:0; }
.cart_productsubtotal {margin:0 45px; font-size:17px!important;}
.cart_productsale {font-size:20px!important; color:#ff0000; margin:0 40px;}
.cart_productsaved {font-size: 10px!important; color:#FF0004; width:100%; margin:0 42px;}
.cart_items { float: right; font-size: 14px!important; font-weight: bold; }
.clear_cart {float:left;}
.cart_buttons { float:right; margin-bottom: 25px;}
.quantity_update {font-size:10px!important; }
.edit_info {float:none!important; padding-left:0!important; }
.edit_info_item { color: #666; font-size: 0.7em; padding-right:6px; }
.order_summary { background: #F6F6F6 none repeat scroll 0 0; border-radius: 5px; margin-bottom: 10px; overflow: hidden; }
.order_summary .header, .billing_info .header, .payment_info .header, .review_order .header { background: #253E63 repeat scroll 0 0; border: medium none; color: #fff; font-size:1.15em; font-weight: bold; height: auto; line-height: 20px; margin: 0; padding:7px 10px; text-align: left; }
.order_summary h2, .billing_info h2, .payment_info h2, .review_order h2 { }
.order_summary dl { margin: 8px; }
.order_summary dt { clear: both; float: left; width: 80%; }
.order_summary dt, .order_summary dd { margin: 0; }
.order_summary_row {margin: 5px; } 

/* Checkout */
.billing_info div h2 {margin: 15px 10px 5px; }
.billing_info p {margin: 5px 10px 10px; }
.order_summary .steps, .prevstep {font-size:0.68em; float:right; background:#253e63; padding:0;}
.order_summary .steps a, .prevstep a {color:#fff!important;}
.steps {font-size:0.8em!important; background:#ddd; color:#253e63; text-align:right; padding:2px 8px !important; font-weight:bold; margin:0!important; }
.steps a {color:#253e63!important; }
.checkout_summary { }
.checkout_thumbnail { float: left; margin: 10px; width: 35%; }
.checkout_thumbnail img, .checkout_thumbnail_review img {margin: 6px 0; width: 100%;}
.checkout_thumbnail_review { float: left; margin: 10px; width: 20%; }
.checkout_items {float: left;}
.cancel {margin: 0 10px; }
.cards_accepted { 	}
.payment_info p { margin:0; padding:10px;}
.last-radio-button { margin-bottom: 20px !important;}
.item_number_summary { color: #888; font-size: 0.68em !important; margin: -14px 0 -12px; padding: 0; }

/* Review page */
.review_order {width: 80%; margin: 2% auto 5%;}
.review_info {float:left; width: 25%; margin:0 4%; }
.reviewcol1 {float:left; width: 60%; }
.reviewcol2 {float:left; width:40%;}
.reviewcol2 .order_summary {border-radius:0; }

/* Confirmation Page */
.thanks {margin: 0; padding:10px; }
/* Order Status */
#order-process { width:80%; margin:0 auto; }
#last-name { margin: 5px 70px; }
#conf-number {margin-left: 8px; }

/* Search Button */
.green_btn {background:#749707 none repeat scroll 0 0!important; border: 1px solid #5C8645!important; color: #fff!important; }

/* Accessible Dropdown Navigation */
#top-nav  { background-color: #D9D9D9; height:58px;}
#top-nav ul.nav-menu { margin: 0; padding: 0; position: relative; background-color: #D9D9D9; height:39px; width:100%; }
#top-nav li.nav-item > a { color: #253E63; float: left; padding: 10px 18px 9px; text-transform: uppercase; }
#top-nav .sub-nav {-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: rgba(255, 255, 255, 0.98) none repeat scroll 0 0; border-color: #253E63 -moz-use-text-color -moz-use-text-color;border-image: none; border-style: solid none none; border-width: 4px 0 0; box-shadow: 1px 1px 5px #808080; margin:16px 0 0; list-style:none; width:25%;}
#top-nav .sub-nav-group { background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(255, 255, 255, 0.01) 96%, #ededed 100%) repeat scroll 0 0; float: left; padding: 0; }
#top-nav .sub-nav-group:last-child { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; }
#top-nav .sub-nav ul li { list-style: none; margin-bottom: 5px; margin-left: 0; padding-left: 12px; }
#top-nav .sub-nav a { border-bottom:1px solid #f1f1f1; color:#3c3c3c; display:block; font-size:105%; line-height:21px; margin:0 30px 3px 0; width:auto; padding:5px 10px; }
#top-nav a { text-decoration: none; }
 #top-nav li.nav-item > a:hover, #top-nav li.nav-item > a:focus, #top-nav li.nav-item > a.open { background: #afcede; color: #444; margin:0; font-weight:normal; list-style:none; height:39px;}
 #top-nav .sub-nav a:hover, #top-nav .sub-nav a:focus { background-color: #253E63; color: #fff;}
.accessible-megamenu-panel-group { list-style: none;}
.short-nav { vertical-align:middle; line-height:40px; }
.long-nav { text-align:center; }

 /* mega menu list */
.nav-menu { display: block; position: relative; list-style: none; margin: 0; padding:0; z-index: 15; }

/* a top level navigation item in the mega menu */
.nav-item { list-style: none; display: inline-block; padding: 0; margin:0;}

/* first descendant link within a top level navigation item */
.nav-item > a { position: relative; display: inline-block; padding: 0.5em 1em; margin:0; /*border: 1px solid transparent;*/ }

/* focus/open states of first descendant link within a top level navigation item */
.nav-item > a:focus, .nav-item > a.open { /*border: 1px solid #dedede;*/}

/* open state of first descendant link within a top level navigation item */
.nav-item > a.open { /* background-color: #fff; */ border-bottom: none; z-index: 1; }

/* sub-navigation panel */
.sub-nav { position: absolute; display: none; top: 2.6em; margin-top: -1px; padding:10px 0;  border: 1px solid #dedede; /* background-color: #fff; */ }

/* sub-navigation panel open state */
.sub-nav.open { display: block; }

/* list of items within sub-navigation panel */
.sub-nav ul { display: inline-block; vertical-align: top;  margin: 0 1em 0 0; padding: 0; }

/* list item within sub-navigation panel */
.sub-nav li { display: block;  list-style:none; margin: 0; padding: 0; } 


#alt-nav { display:none; background-color: #D9D9D9; height: 39px; }
#alt-nav ul.nav-menu { margin: 0; padding: 0; position: relative; background-color: #D9D9D9; height:39px; width:100%; }
#alt-nav li.nav-item > a { color: #253E63; float: left; padding: 10px 10px 9px; text-transform: uppercase; }
#alt-nav a { text-decoration: none; }
#alt-nav li.nav-item > a:hover{ background: #253E63; color: #fff; margin:0; font-weight:normal; list-style:none;}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape)  {
 #top-nav { display: none; }
 #alt-nav { display: block; } 
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
 #top-nav { display: none; }
 #alt-nav { display: block; }
}