html, body {border: 0 none; margin: 0; padding: 0; }
body {background: none repeat scroll 0 0 #000; color: #333333; font-family:Arial,Helvetica,sans-serif; font-size: 0.8em; line-height: 20px; font-weight: normal; margin: 0 0; text-align: center; }
#editor {background: none repeat scroll 0 0 #FFFFFF; color: #000000; text-align: left; }
p {margin: 6px 0; padding: 0 6px; }
h1 {color: #2050A0; font-size: 1.5em; margin: 6px 2px; padding: 0; }
h2 {color: #2C66CE; font-size: 1.05em; margin: 2px 4px; padding: 0; text-transform: uppercase; }
h3 {color: #C8601B; font-size: 1em; margin: 2px 8px; padding: 0; }
h4 {color: #626264; font-size: 0.95em; margin: 2px 10px; padding: 0; }
h5 {color: #404040; font-size: 0.9em; margin: 2px 12px; padding: 0; }
h6 {color: #000000; font-size: 0.85em; margin: 2px 14px; padding: 0; }
ul {list-style: circle outside none; margin-left: 1.15em; padding-left: 0.8em; }
a {color: #2050A0; font-weight: bold; text-decoration: none; }
a:active {color: #2050A0; text-decoration: none; }
a:visited {color: #2050A0; text-decoration: none; }
a:hover {color: #7581AE; text-decoration: none; }
.clear {clear: both; }
.wrapper {background: none repeat scroll 0 0 #FFFFFF; border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 1px solid #000000; height: 100%; margin: 12px auto 0; text-align: left; width: 980px; }
.top {padding: 9px; text-align: left; width: 962px; }
.top h1 {display: none; }
.header-box {background: url("/image/cache/HeraldPressHeader.gif") no-repeat scroll 0 0 transparent; height: 199px; width: 962px; }
.outer {background: none repeat scroll 0 0 #FFFFFF; border-left: 1px solid #000000; border-right: 1px solid #000000; /* float: left; */ margin-left: -1px; padding: 0; width: 980px; }
.outer:after{content:''; display:table; width:100%; clear:both;}
.center {float: left; padding: 0 4px 12px 8px; width: 956px; }
.center-wide {float: left; padding: 0 12px 12px; width: 956px; }
.center-wide .content {padding-left: 6px; padding-right: 6px; width: 741px; }
.right-col {float: right; padding: 6px; width: 218px; }
.bottom {background: none repeat scroll 0 0 #FFFFFF; border-left: 1px solid #000000; border-right: 1px solid #000000; color: #FFFFFF; font-size: 10px; margin: 0 auto; padding: 9px 9px 0; width: 962px; }
.footer {background: none repeat scroll 0 0 transparent; color: #FFFFFF; font-size: 10px; margin: 0 auto; padding: 9px 9px 0; text-align: center; width: 962px; }
.footer p {text-align: center; }
.footer p a img {padding-top: 3px; }
.breadcrumb {color: #5D729E; float: left; font-size: 0.8em; margin-bottom: 1%; padding-left: 2px; width: 98%; }
.breadcrumb a {color: #555555; font-weight: normal; }
.breadcrumb a:hover {color: #AAAAAA; }
.newsbox {background: none repeat scroll 0 0 #FFFFFF; color: #000000; display: block; float: left; width: 220px; }
.newsbox h2 {border-bottom: 1px solid #AAAAAA; color: #353129; padding-bottom: 3px; text-align: left; }
.newsbox ul {list-style: none outside none; margin: 0 auto; padding: 0; }
.newsbox li {background: none repeat scroll 0 0 transparent; font-size: 10px; margin-top: 12px; padding-left: 6px; }
#newsbox h1, #sportsbox h1, #deathsbox h1 { border-bottom: 2px solid #2050A0; }
.article_basic2, .article_basic1 { border-bottom: 1px solid #CCC; }
#deathsbox { margin-top: 20px; padding-top: 10px; border-top: 2px solid #2050A0; }
.newsbox p a {color: #666666; }
div.gallery {float: left; margin: 0 auto; padding: 2px; text-align: center; }
div.gallery p {font-size: 11px; text-align: center; }
ul.thumbGallery {color: #666666; list-style: none outside none; margin: 0; padding: 0; text-align: center; }
ul.thumbGallery li {width: 170px; height: 140px; border: 1px solid #CCCCCC; float: left; list-style-image: none; margin-bottom: 3em; margin-right: 1em; padding: 3px; white-space: nowrap; }
ul.thumbGallery li a, li a:visited {border-bottom: 0 none; text-decoration: none; }
ul.thumbGallery a img {width: 160px; height: 110px; border: 1px solid #CCCCCC; margin-bottom: 0px; }
div.photo {margin: 6px 2px; padding: 4px; text-align: center; }
div.photo p {font-size: 11px; margin: 0 auto; text-align: center; width: 500px; }
div.photo img {border: 1px solid #AAAAAA; margin-bottom: 10px; max-width: 100%; }
.footer-menu, .footer-menu ul {background: #2050a0; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; color: #FFFFFF; /* float: left; */ height: 24px; list-style: none outside none; margin: 0 auto 0 -10px; padding: 9px; width: 962px; z-index: 10; }
.footer-menu a {color: #FFFFFF; display: block; font-size: 12px; font-weight: normal; overflow: hidden; padding: 3px 10px; text-align: center; white-space: nowrap; width: 100%; }
.footer-menu a:hover {color: #CCCCCC; }
.footer-menu li {float: left; height: 25px; list-style: none outside none; padding: 0 9px; width: 90px; }
.firstbottom {margin-left: 300px; }
#paging_links, #gallery_paging_links {float: left; font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; height: 20px; margin: 0; padding: 10px 0; text-align: center; text-transform: capitalize; width: 100%; }
#paging_links a:hover, #paging_links a, #paging_links a:visited, #paging_links a:link, #paging_links a:active, .gallery_home_link a, .gallery_next_link a, .gallery_prev_link a {color: #000000; font-weight: normal; }
.prev_link_inactive a, .next_link_inactive a, .prev_link_inactive a:visited, .next_link_inactive a:visited, .prev_link_inactive a:hover, .next_link_inactive a:hover, .gallery_home_link a:hover, .gallery_next_link a:hover, .gallery_prev_link a:hover {color: #999999; }
#paging_links .prev_link, .gallery_home_link a, .gallery_page_link, .gallery_next_link a, .gallery_prev_link a {background-color: #DDDDDD; border: 1px solid #555555; color: #555555; margin: 0 4px; padding: 2px 4px; }
#paging_links .prev_link_inactive, .gallery_currentpage, .gallery_next_link_inactive, .gallery_prev_link_inactive {background-color: #FFFFFF; border: 1px solid #555555; color: #999999; margin: 0 4px; padding: 2px 4px; }
#paging_links .next_link {background-color: #DDDDDD; border: 1px solid #555555; color: #77787B; margin: 0 4px; padding: 2px 4px; }
#paging_links .next_link_inactive {background-color: #FFFFFF; border: 1px solid #555555; color: #999999; margin: 0 4px; padding: 2px 4px; }
#paging_links .page_link {background-color: #DDDDDD; border: 1px solid #555555; color: #77787B; margin: 0 4px; padding: 2px 4px; }
#paging_links .currentpage {background: none repeat scroll 0 0 #AAAAAA; }
#calendar {border: 1px solid #363636; color: #153D8E; float: left; font: 12px/20px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; margin-right: 10px; padding: 0; text-align: center; width: 600px; }
#calendar .caption {background: none repeat scroll 0 0 #404040; color: #FFFFFF; font: bold 12px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; height: 30px; margin: 0; padding: 0; text-align: center; width: 550px; }
#calendar .caption .nav {color: #FFFFFF; display: inline; font-size: 18px; text-decoration: none; }
#calendar th {background: none repeat scroll 0 0 #DDDDDD; border-bottom: 1px solid #363636; border-right: 1px solid #363636; border-top: 1px solid #363636; color: #616B76; font: bold 11px/20px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; }
#calendar .today {background: none repeat scroll 0 0 #DDDDDD; border-right: 1px solid #363636; font-weight: bold; }
#calendar td {border-bottom: 1px solid #363636; border-right: 1px solid #363636; height: 50px; padding: 3px; text-align: left; vertical-align: top; width: 50px; }
#calendar td ul {list-style: none outside none; margin: 0; padding: 0; }
#calendar td a {display: block; font-size: 11px; text-decoration: underline; width: 100%; }
#calendar td a:link, #calendar td a:visited {color: #000000; }
#calendar td a:hover, #calendar td a:active {color: #000000; }
.event-month { padding: 6px 0 0 0; float: left;}
.event-item {float: left; list-style-type: none; margin: 3px 0 0; padding: 0; }
.schedule h2 {clear: both; float: left; margin: 0; padding: 0 0 0 15px; }
.event-item .event-info {color: #000000; float: left; font-size: 11px; margin-left: 2%; width: 80%; }
.event-item .date {color: #AAAAAA; float: left; font-size: 11px; font-style: italic; width: 15%; }
.event-item .event-description {float: left; width: 100%; }
.event-item .event-description p {margin: 0; padding: 0; }
.event-item .title {float: left; font-size: 13px; font-weight: bold; padding: 0; width: 100%; }
.indv-event {margin: 0 auto; }
.indv-event h2 {padding: 10px 0; text-align: center; width: 100%; }
.indv-event .info {margin: 0 auto; min-height: 300px; width: 100%; }
.indv-event .date-time {color: #999999; font-size: 9px; }
.indv-event .description {font-size: 12px; }
#forum td {background: none repeat scroll 0 0 #FFFFFF; border: 0 none; color: #000000; font-weight: normal; padding: 6px 0 3px 6px; text-align: left; text-decoration: none; vertical-align: top; }
#forum-border {background: none repeat scroll 0 0 #000000; border: 1px solid #000000; margin-bottom: 3px; margin-top: 9px; }
#forum-currentpage {background: none repeat scroll 0 0 #FFFFFF; border: 0 none; color: #333333; font-weight: bold; text-align: left; text-decoration: underline; vertical-align: top; }
#forum-header td {background: none repeat scroll 0 0 #333333; color: #FFFFFF; font-weight: bold; padding: 9px 0 9px 9px; text-align: left; text-decoration: none; }
#forum-highlight td {background: none repeat scroll 0 0 #B4C0BF; padding: 6px 0 3px 6px; }
#forum-title {color: #FFFFFF; font-weight: bold; text-align: left; text-decoration: none; vertical-align: top; }
#forum-title a, #forum a {font-weight: normal; }
.article {border-bottom: 1px solid #DDDDDD; float: left; margin-bottom: 6px; margin-top: 6px; padding-bottom: 6px; width: 100%; }
.splitleft {color: #888888; float: left; }
.splitright {float: right; }
.TAOcpYearNavigation, .TAOcpMonthNavigation {background-color: #FF9900; color: #000000; font-weight: bold; line-height: 15px; margin: 0; padding: 1px 0 2px; text-align: center; text-decoration: none; vertical-align: middle; }
A.TAOcpMonthNavigation, A.TAOcpMonthNavigation:visited {color: #000000; }
.TAOcpDayColumnHeader, .TAOcpYearNavigation, .TAOcpMonthNavigation, .TAOcpCurrentMonthDate, .TAOcpCurrentMonthDateDisabled, .TAOcpOtherMonthDate, .TAOcpOtherMonthDateDisabled, .TAOcpCurrentDate, .TAOcpCurrentDateDisabled, .TAOcpTodayText, .TAOcpTodayTextDisabled, .TAOcpText {font-family: arial; font-size: 11px; }
TD.TAOcpDayColumnHeader {border-bottom: 1px solid #999999; padding: 2px 0; text-align: center; }
.TAOcpCurrentMonthDate, .TAOcpOtherMonthDate, .TAOcpCurrentDate {text-align: center; text-decoration: none; }
.TAOcpCurrentMonthDateDisabled, .TAOcpOtherMonthDateDisabled, .TAOcpCurrentDateDisabled {color: #CCCCCC; text-align: right; text-decoration: line-through; }
.TAOcpCurrentMonthDate {color: #000000; font-weight: normal; margin: 0; padding: 2px; text-align: center; }
.TAOcpCurrentDate {color: #FFFFFF; font-weight: normal; }
.TAOcpOtherMonthDate, A.TAOcpOtherMonthDate {color: #CCCCCC; }
TD.TAOcpCurrentDate {background-color: #CCCCCC; border: 1px solid #000000; color: #FFFFFF; margin: 0; padding: 0; }
TD.TAOcpCurrentDateDisabled {border: 1px solid #FFAAAA; }
TD.TAOcpTodayText, TD.TAOcpTodayTextDisabled {-moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #999999; border-style: solid; border-width: 1px 0 0; }
A.TAOcpTodayText, SPAN.TAOcpTodayTextDisabled {height: 20px; }
.TAOcpTodayText {color: #6677DD; font-weight: bold; padding: 5px 0; text-decoration: none; }
SPAN.TAOcpTodayTextDisabled {color: #CCCCCC; }
.TAOcpBorder {border: 1px solid #999999; margin-top: 0; padding-top: 0; }
.center {width: 810px; padding: 0px; margin: 0px; }
.center-wide {width: 785px; }
.content {width: 570px; padding: 0px 7px; }
.menu_main.side {background: none repeat scroll 0 0 transparent; float: left; height: auto; margin-left: 9px; background: #FFF; width: 160px; }
a.onlineissue {text-align: center; font-size: 1.2em; display: block; margin-top: 10px; background: #DB2025; padding: 7px; color: #FFF; }
.menu_main.top {background: #2050A0; height: 26px; margin-left: 9px; padding: 0; position: relative; width: 962px; z-index: 200; }
.menu_main.top #topnav, .menu_main.top #topnav ul {color: #FFFFFF; float: left; font-weight: normal; height: 20px; list-style: none outside none; margin: 0; text-align: left; z-index: 10; }
.menu_main.top #topnav a {color: #FFFFFF; display: block; font-weight: normal; padding: 2px 18px; text-align: center; white-space: nowrap; width: auto; }
.menu_main.top #topnav li {float: left; }
.menu_main.top #topnav li ul {background-color: #333333; border-top: 1px solid #000000; float: left; height: auto; left: -999em; margin: 0; padding: 0; position: absolute; width: 11em; }
.menu_main.top #topnav li li {padding-right: 1em; width: 10em; }
.menu_main.top #topnav li ul a {color: #FFFFFF; text-align: left; white-space: normal; width: auto; }
.menu_main.top #topnav li ul a:hover {background: none repeat scroll 0 0 #245BB5; width: auto; }
.menu_main.top #topnav li ul ul {border-top: 1px solid #000000; margin: -23px 0 0 11em; }
.menu_main.top #topnav li:hover ul ul, .menu_main.top #topnav li:hover ul ul ul, .menu_main.top #topnav li.thover ul ul, .menu_main.top #topnav li.thover ul ul ul {left: -999em; }
.menu_main.top #topnav li:hover ul, .menu_main.top #topnav li li:hover ul, .menu_main.top #topnav li li li:hover ul, .menu_main.top #topnav li.thover ul, .menu_main.top #topnav li li.thover ul, .menu_main.top #topnav li li li.thover ul {left: auto; }
.menu_main.top #topnav li:hover, .menu_main.top #topnav li.thover {background-color: #245BB5; color: #000000; }
.menu_main.top #topnav li li:hover, .menu_main.top #topnav li li.thover {background-color: #245BB5; color: #000000; }
.menu_main.side #sidenav, .menu_main.side #sidenav ul {border: 0 none; color: #FFFFFF; float: left; font-weight: normal; height: auto; list-style: none outside none; margin: 0; padding: 0; text-align: left; width: 100%; z-index: 10; background: #DDD; }
.menu_main.side #sidenav a {border: 1px dashed #AAA; border-top: 0px; color: #333; display: block; font-weight: normal; margin: 0; padding: 3px 6px; text-align: left; white-space: nowrap; }
.menu_main.side #sidenav span {border-color: #CCCCCC; border-style: none none solid; border-width: 0 0 1px; color: #000000; display: block; font-size: 11px; font-weight: normal; margin: 0; padding: 6px; text-align: left; white-space: nowrap; }
.menu_main.side #sidenav a:hover, .menu_main.side #sidenav li:hover a, .menu_main.side #sidenav li.thover a {border-bottom: 1px solid #ccc; color: #000000; }
.menu_main.side #sidenav li {border: 0 none; float: none; display: block; margin: 0; padding: 0; text-align: left; width: 100%; }
.menu_main.side #sidenav li ul {background-color: #DDD; border: none; float: left; height: auto; left: -999em; margin: -27px 0 0 160px; padding: 0; position: absolute; width: 180px; }
.menu_main.side #sidenav li li {padding-right: 0; width: 100%; }
.menu_main.side #sidenav li ul a {color: #FFFFFF; text-align: left; white-space: normal; width: auto; }
.menu_main.side #sidenav li ul a:hover {color: #000000; width: auto; }
.menu_main.side #sidenav li ul li ul {border-top: 1px solid #000000; margin: -23px 0 0 123px; }
.menu_main.side #sidenav li:hover ul ul, .menu_main.side #sidenav li:hover ul ul ul, .menu_main.side #sidenav li.thover ul ul, .menu_main.side #sidenav li.thover ul ul ul {left: -999em; }
.menu_main.side #sidenav li:hover ul, .menu_main.side #sidenav li li:hover ul, .menu_main.side #sidenav li li li:hover ul, .menu_main.side #sidenav li.thover ul, #nav li li.thover ul, .menu_main.side #sidenav li li li.thover ul {left: auto; }
.menu_main.side #sidenav li:hover, .menu_main.side #sidenav li.thover {background-color: #CCCCCC; color: #000000; }
.menu_main.side #sidenav li li:hover, .menu_main.side #sidenav li li.thover {background-color: #CCCCCC; color: #000000; }
.find-us { text-align: center; margin: 0 auto; }
.roadreport { text-align: center; padding: 9px 0; margin: 0 auto; }
.bannerads { text-align: center; padding: 9px 0; margin: 0 auto; }
.letter-to-the-editor { display: none; }
.login-bar { padding:2px 10px; margin: 0px 10px; margin-bottom: 10px; background: #DEDEDE; }
.menu_main.side #sidenav .online-issue a { color: #f00; font-size: 12px; font-weight: bold; border-top: 1px dashed #AAA; }

/* slideshow */ 
.nivoSlider {position:relative; backgroud-size: 100%; }
.nivoSlider img {position:absolute; top:0px; left:0px; }

/* If an image is wrapped in a link */ 
.nivoSlider a.nivo-imageLink {position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; }

/* The slices and boxes in the Slider */ 
.nivo-slice {display:block; position:absolute; z-index:5; height:100%; }
.nivo-box {display:block; position:absolute; z-index:5; }

/* Caption styles */ 
.nivo-caption { font-family: Arial, Helvetica,  sans-serif; position:absolute; left:0px; bottom:0px; -moz-opacity: 0.6; color: #FFF; background:#000; color:#fff; opacity:0.6; /* Overridden by captionOpacity setting */ width:96%; z-index:8; padding: 8px  2% 8px 2%;  text-align: left; }
.nivo-caption p {padding:5px; margin:0; }
.nivo-caption a {display:inline !important; }
.nivo-html-caption {display:none; }

/* Direction nav styles (e.g. Next & Prev) */ 
.nivo-directionNav a {position:absolute; top:45%; z-index:9; cursor:pointer; display: block; width: 30px; height: 30px; text-indent: -9999px; border: 0; background:url(/image/cache/arrows.png) no-repeat; }
a.nivo-prevNav {left:30px; }
a.nivo-nextNav {background-position:-30px 0; right:30px; }

/* Control nav styles (e.g. 1,2,3...) */ 
.nivo-controlNav a {display:block; width:22px; height:22px; /* background:url(../img/bullets.png) no-repeat; */ text-indent:-9999px; border:0; margin-right:3px; float:left; }
.nivo-controlNav {position:absolute; left:50%; bottom:-42px; margin-left:-40px; /* Tweak this to center bullets */ }
.nivo-controlNav a.active {background-position:0 -22px; }
.nivo-caption a:hover {color:#fff; }
.nivo-caption h2 { color: #FFF; font-size: 16px;}
#slider { height: 300px; width: 560px;   }
.eventrow { padding: 3px 0; border-bottom: 1px solid #ccc; }

/* forms */ 
.errmsg{color:red;}
form {display: block;margin: 0px;padding: 0px;vertical-align: top;/* float: left; */width: 100%;}
.div-table { width: 100%;  }
.div-table div.row { clear: both; padding: 7px 0px;  }
.row div.left { float: left; width: 35%; padding-left: 10px; font-weight: bold; margin-right: 5px; text-align: right;}
.row div.right{ float: left; width: 60%; }
.row div.right div.Ad_Selection_radio { float: left; padding: 0px 10px; }
#clLength, #price{font-weight:bold;font-size:14px;/* border: 1px solid #a9a9a9; */padding: 3px 8px;display: inline-block;min-width: 157px;background: #DDD;}
#cartbuttons ul  {  list-style: none;  }
#cartbuttons ul  li { float: left; padding: 5px 10px; }
.paymenttitle {color: #4874B9; font-weight: bold; text-transform: uppercase; }
#paymentinvoice div.billingaddress { background: #F6F6F6;  margin-bottom: 10px; padding: 15px;  }
#payment_totalamount {color: #A80000; }
.msg.taoCMSerror, .msg.error{width: 99%; color: #FF0000; border: 1px solid #A20101; margin-bottom: 3px; font-weight: bold; background: #FEB5B5; padding: 3px; }
.hide { display: none; }
.calendar { border: 1px solid #DDD;  }
.online-pdf { border-bottom: 1px solid #CCC;  }
.online-pdf .title { font-weight:bold; padding-top: 15px;  }
.online-pdf .download { text-align: right;  }
.online-pdf .download a { display: inline-block; vertical-align: middle;  }

/*Webform div template*/
.webform .fieldgroup_label {width: 98%;display: block;color: #C8601B;font-size: 1.5em;margin:20px 0 5px 0;}
.webform .group_nogroup_label  { display: none; }
.webform .fieldrow .fieldlabel{ font-size:1.1em;}
.fieldrow .fieldlabel  sup{ color:red; margin-left:5px;}
.fieldrow .fieldval input[type="radio"], .fieldrow .fieldval input[type="checkbox"] {width:auto; display: inline-block;  }
.webform .fieldrow { padding: 5px 0;  }
.webform .fieldrow .fieldlabel { display: inline-block; width: 40%; margin: 0 0.5%; }
.webform .fieldrow .fieldval {display: inline-block;width: 40%;padding: 0 0.5%;vertical-align: top;text-align: left;}
.webform .fieldrow .fieldval input, .webform .fieldrow .fieldval select, .webform .fieldrow .fieldval textarea{width:100%;box-sizing: border-box;padding: 5px;}
.webform .fieldrow .fieldval input[type="submit"]{width: auto;padding: 10px 15px;}
.webform .fieldrow .fieldval textarea{ width:80%; height:100px; }
.webform .fieldrow .fieldval .delivery_radio {display:inline-block;margin-right: 10px;}
.webform .fieldrow .fieldval .delivery_radio input{width:auto;}
.webform .fieldrow .fieldval input[type="checkbox"]{width: auto; vertical-align:middle;}
.require.error{border: 1px solid red;}

table.shippinginfotable{width:auto;margin: 0;min-width: 40%;border-collapse:collapse;}
table.shippinginfotable tr td { border:1px solid #eee; padding:5px;}
table.shippinginfotable tr td input, table.shippinginfotable tr td select {width:100%;padding: 5px;box-sizing: border-box;}

#changeinfo {margin-top: 42px;}
#changeinfo:after{ content:''; display:table; clear:both; }
#changeinfo  ul {  margin: 0; padding: 0; list-style: none; color: #F04A26; }
#changeinfo  ul li  { float: left;  margin-right: 20px; }
#changeinfo  ul li:first-child{/* display:none; */}
#orderinfo h2{ display:none;}
#cartbuttons{float: right;text-align: right;margin: 5px 0;}

#returntocart a, #changeinfo  ul li:nth-child(2):before { content:"\f177"; font-family:FontAwesome; display:inline-block; margin-right:5px; }
#changeinfo  ul li:nth-child(3):before { content:"\f0f6"; font-family:FontAwesome; display:inline-block; margin-right:5px; }
#changeinfo{/* display:none; */float: left;}
#changeinfo  ul li a {color: #F04A26;}

#payment_totalamount{font-weight:bold; }
#paymentinstructions{ margin-top:15px;}

#paymentdiv{ padding-bottom:20px; }
#paymentdiv {padding: 20px 0;}
.paymentmodule{display: block;vertical-align:top;min-width: 300px;max-width: 420px;padding: 2px 0;}
.paymentchoice{font-weight: bold;font-size: 1.1em;margin-bottom: 5px;}
#plugnpay_details span {display:inline-block;vertical-align: top;}
#paymentdiv  input{padding:5px;box-sizing:border-box;width: 100%;}
.ccnameoncard-block{display:flex;flex-wrap: nowrap;}
.ccnameoncard-block div{width: 50%;padding: 5px;}
.ccnameoncard-block div input{ width:100%;}
.firstnameoncardlabel,.firstnameoncardinput, .lastnameoncardlabel, .lastnameoncardinput {width: 100%;display: block;}
.carddetail-block { display:flex;}
.cardnumber-block {width: 60%;padding: 5px;}
.codeoncard-block{width:15%;padding: 5px;}
.expireoncard-block span, .codeoncard-block span, .cardnumberlabel, .cardnumberinput {width: 100%;display: block;margin-right: 8px;}
.expireoncard-block{width: 25%;padding: 5px;}
.expireoncard-block span.expireoncardinput {display:flex;}
.expireoncardinput select{padding:5px;margin: 0 5px;width: 100%;}