body {margin:0px; padding:0px; font-size:13px; font-family:verdana; background:#BBBBBB;}
.hidden{ display: none; }
.text-center { text-align: center; }
.text-warning { color: red; font-weight: bold; text-align:center;}
.no-margin-h3 { margin: 0; }
.clearfix:after {content: '';display: block;height: 0;clear: both;	visibility: hidden;}
.headerTestWarning { background: yellow; padding: 8px 0; text-align: center;}
.headerContainer {margin:0 auto; text-align:center;height:45px; width:1248px; background:url(../graphics/icons/headerBG.jpg) repeat-x;}
.header { width:1248px; position:relative; text-align:left; }
.header .phone {color:#FFFFFF; font-size:13px; line-height:45px; position:absolute; right:40px;}
.header .utility {line-height:45px;}
.header .utility ul {margin:0px; padding:0px;}
.header .utility ul li {border-right:1px solid #189775; float:left; list-style:none; line-height:45px; background:url(../graphics/icons/utility.png) repeat; text-align:center;}
.header .utility ul li p {cursor:pointer; line-height:45px; color:#FFFFFF; font-size:13px; padding:0px 15px 0px 15px; margin:0px;}
.header .utility ul li.on {/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICAgIDxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMTUiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xNSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.15) 25%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0.15) 75%, rgba(0,0,0,0.4) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.4)), color-stop(25%,rgba(0,0,0,0.15)), color-stop(50%,rgba(0,0,0,0.1)), color-stop(75%,rgba(0,0,0,0.15)), color-stop(100%,rgba(0,0,0,0.4))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.15) 25%,rgba(0,0,0,0.1) 50%,rgba(0,0,0,0.15) 75%,rgba(0,0,0,0.4) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.15) 25%,rgba(0,0,0,0.1) 50%,rgba(0,0,0,0.15) 75%,rgba(0,0,0,0.4) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.15) 25%,rgba(0,0,0,0.1) 50%,rgba(0,0,0,0.15) 75%,rgba(0,0,0,0.4) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.15) 25%,rgba(0,0,0,0.1) 50%,rgba(0,0,0,0.15) 75%,rgba(0,0,0,0.4) 100%); /* W3C */
}
.mastheadContainer {margin:0 auto; text-align:center; width:1248px; background:#F5F5F5; height:76px; border-bottom:1px solid #D8D8D8;}
.masthead {padding-top:13px; width:1248px; text-align:left; position:relative;}
.masthead .logo {padding-left:10px;}
.topnavContainer {position:absolute; width:auto; right:40px; top:17px;}
.topnavContainer .welcome {position:absolute; white-space:nowrap; right:240px; top:13px;}
.topnavContainer .welcome a {color:#000000; text-decoration:none;}
.welcome { text-align:center; }
.topnav {height:42px; margin:0px; padding:0px;}
.topnav ul.topnavItem {margin:0px; padding:0px; border-left:1px solid #d9d9d9;  border-right:1px solid #FFFFFF; height:42px;}
.topnav ul.topnavItem li.topnavItem {position:relative; text-align:left; float:left; list-style:none; border-right:1px solid #d9d9d9; padding:0px 15px 0px 18px; border-left:1px solid #FFFFFF; }
.topnav ul.topnavItem li.topnavItem div.topnavItem {background:url(../graphics/icons/tnArrow.png) no-repeat right 19px; color:#68676a; font-size:13px; line-height:42px; padding:0px; padding-right:15px; margin:0px;}
.topnav ul.topnavItem li.topnavItem div.on {font-weight:bold;}

.topnavContainer .goweb {position:absolute; top:0px; left:-80px;}
.imgRight {margin:0px 0px 5px 5px;}

.topnavFlyout {border-left:1px solid #D8D8D8; left:0px; border-bottom:1px solid #D8D8D8;  background:#F5F5F5; position:absolute; left:-2px; top:42px; white-space:nowrap; display:none; z-index:10;}
.topnavFlyout ul {margin:0px; padding:0px 0px 5px 0px; border-bottom:1px solid #FFFFFF; }
.topnavFlyout ul li {border-left:1px solid #FFFFFF; list-style:none; margin:0px; padding:0px 20px 0px 20px;}
.topnavFlyout ul li p {font-size:11px; color:#000000; margin:0px; padding:5px 30px 5px 0px; border-top:1px solid #FFFFFF; border-bottom:1px solid #D8D8D8;}
.topnavFlyout ul li a {color:#0c9266;font-size:11px;  text-decoration:none;}
.topnavFlyout ul li a:hover {color:#b1040e;}
.topnavFlyout ul li.true p {padding-left:20px; background:url(../graphics/icons/tnSubArrow.png) no-repeat 5px 7px;}
.flyout .topnavFlyout {display:block;}

.topnavFlyout ul li.last p {border-bottom:0px;}
.topnavFlyout ul li.item0 p {border-top:0px;}

.topnavFlyoutLast {width:auto; border-left:0px; border-right:1px solid #FFFFFF; right:-2px; border-bottom:1px solid #FFFFFF; }
.topnavFlyoutLast ul {float:right; padding:0px 0px 0px 0px; border-bottom:1px solid #D8D8D8;}
.topnavFlyoutLast ul li {background:#F5F5F5; text-align:right; border-left:0px; border-right:1px solid #D8D8D8;}
.topnavFlyoutLast ul li p {margin:0px; padding:5px 0px 5px 30px; border-top:1px solid #FFFFFF; border-bottom:1px solid #D8D8D8;}

.globalContainer {width:1248px; margin:0 auto; text-align:center;}
.container {text-align:left; margin-left:291px; background:url(../graphics/icons/bg.png) repeat; width:957px; height:437px;}
.mainContent {width:898px; padding:0px 26px 0px 33px; height:437px;}
.footerContainer {background:#0b825b; margin:0 auto; text-align:center; width:1248px; padding: 10px 0; border-top:5px solid #096949;}

.homeMainContainer {width:898px;}
.homeMain {float:left; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #d3d1c8; background:#FFFFFF; width:412px; height:180px; margin-right:19px; padding:18px 0px 0px 18px;}
.homeMain1 {margin-right:0px;}
h1 {font-weight:normal; margin:0px 0px 15px 0px; padding:0px; color:#0c9266; font-size:24px;}
.homeContent {background:url(../graphics/images/homeContent2.png) no-repeat 80% top; height:115px; padding-top:45px;}
.homeContent .content {width:545px;}
.homeMain a {color:#0c9266; text-decoration:None;}
.homeMain a:hover {color:#b1040e;}
.homeMain .i {float:left; width:103px; height:103px; border:1px solid #cbcbcb;}
.homeMain .i span {display:block; width:101px; height:101px; border:1px solid #FFFFFF;}
.homeMain .c {cursor:pointer; margin-left:18px; float:left; width:273px;}
.homeMain .t {font-weight:normal; margin:0px 0px 15px 0px; padding:0px; color:#0c9266; font-size:18px;}
.lowerContentContainer {margin-left:291px; border-top:1px solid #d8d8d8; padding-top:50px; background:#f8f8f8; width:957px; height:161px;}
.lowerContent {width:898px; padding:0px 26px 0px 33px;}
.lowerBlock {border-left:1px solid #D9D9D9; border-right:1px solid #FFFFFF; width:896px; height:121px;}
.lowerContent .lowerMain {height:121px; padding:0px 10px 0px 38px; border-left:1px solid #FFFFFF; border-right:1px solid #D9D9D9; float:left; width:244px;text-align:left;}
.lowerContent .lowerMain .t {font-weight:normal; margin:0px 0px 15px 0px; padding:0px; color:#0c9266; font-size:18px;}
.lowerContent .lowerMain .d {font-weight:normal; margin:0px 0px 15px 0px; padding:0px; font-size:13px;}
.lowerContent .lowerMain a {color:#0c9266; font-size:11px; text-decoration:None;}
.lowerContent .lowerMain a:hover {color:#b1040e;}

.homeMonthly {padding-top:20px;}
.homeMonthly a {color:#0c9266; text-decoration:None;}
.homeMonthly a:hover {color:#b1040e; text-decoration:None;}



.siteArea {width:1248px; padding:0px; margin:0 auto; text-align:center;}
.siteArea .leftNavContainer {text-align:left; float:left; width:255px; margin:0px; padding:18px;}
.siteArea .leftNav {padding:14px; width:222px; background:url(../graphics/icons/bg.png) repeat; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #d3d1c8; height:365px;}
.siteArea .leftNav h2 {color:#0c9266; margin:0px 0px 15px 0px; padding:0px;}
.siteArea .leftNav ul {border-top:1px solid #D8D8D8; border-bottom:1px solid #FFFFFF; margin:0px; padding:0px;}
.siteArea .leftNav li {cursor:pointer; background:url(../graphics/icons/leftArrow.png) no-repeat 2px 11px; font-weight:bold; color:#0c9266; min-height:25px; padding:0px; margin:0px; list-style:none; border-top:1px solid #FFFFFF; border-bottom:1px solid #D8D8D8; padding:5px 0px 5px 20px; margin:0px;}
.siteArea .leftNav li a {line-height:25px; text-decoration:none; font-weight:bold; color:#0c9266;}
.siteArea .leftNav li.over {background:url(../graphics/icons/leftArrowOn.png) 2px 11px no-repeat transparent;}
.siteArea .leftNav li.on {background:url(../graphics/icons/leftArrowOn.png) 2px 11px no-repeat #FFFFFF;}
.siteArea .leftNav li.on a {color:#b1040e;}
.siteArea .leftNav li.over a {color:#b1040e;}
.siteArea .leftNav li.false {line-height:25px; cursor:pointer; background:none !important; font-weight:bold; color:#000000 !important; min-height:25px; padding:0px; margin:0px; list-style:none; border-top:1px solid #FFFFFF; border-bottom:1px solid #D8D8D8; padding:5px 0px 5px 0px !important; margin:0px;}

.siteArea .leftNav li span {font-weight:normal; font-size:11px; color:#000000; line-height:15px !important;}
.siteArea .leftNav li u {color:#0c9266;}
.siteArea .leftNav li.on u {color:#b1040e;}
.siteArea .leftNav li.over u {color:#b1040e;}

.siteArea .siteContainer {text-align:left; float:left; background:url(../graphics/icons/bg.png) repeat; width:957px; min-height:649px;}
.siteArea .historyContainer {text-align:left; float:left; background:none; width:1208px; padding:20px; min-height:609px; position:relative;}
.hc {background:#FFFFFF; width:1150px; padding:15px; border:1px solid #cbcbcb;  -webkit-border-radius:5px; border-radius:5px; -moz-border-radius:5px; }
.siteContent {text-align:left; width:898px; padding:0px 26px 30px 33px; }
.subContent {margin-top:25px;}
.siteMainContainer {width:898px; }
.siteMain {margin:0px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #d3d1c8; background:#FFFFFF; width:852px; margin-right:0px; padding:18px 0px 18px 18px;}
.siteMain a {color:#0c9266; text-decoration:underline;}
.siteMain a:hover {color:#b1040e;}
.siteMain .i {float:left; width:103px; height:103px; border:1px solid #cbcbcb;}
.siteMain .i span {display:block; width:101px; height:101px; border:1px solid #FFFFFF;}
.siteMain .c {margin-left:18px; float:left; width:691px;}
.siteMain .t {font-weight:normal; margin:0px 0px 15px 0px; padding:0px; color:#0c9266; font-size:18px;}
.siteMain .j {margin:0px 0px 35px 0px;}
.bodyContent {padding-bottom:30px; padding-top:45px;}
.bodyContent .content {width:845px;}

.lowerFooterContainer {clear:both; border-top:1px solid #D8D8D8; border-bottom:1px solid #93a49b; background:#f8f8f8; margin:0 auto; text-align:center; width:1248px; height:50px;}
.lowerFooter {margin:0 auto; text-align:center; width:1248px; position:relative;}
.lowerFooter .footerLinks {float:left; width:57%;}
.lowerFooter .footerLogos {position:absolute; text-align:right; right:2%; white-space:nowrap;}
.lowerFooter .footerLogos img {margin-left:15px; margin-top:5px;}
.lowerFooter ul {margin:0px; padding:0px 0px 0px 20px;}
.lowerFooter ul li {list-style:none; margin:0px; padding:0px 15px 0px 15px; float:left;  line-height:50px; }
.lowerFooter ul li:last-child {margin-right:0px !important;}
.lowerFooter ul li a {color:#605f63; font-weight:bold; font-size:12px; text-decoration:None;}

.imgRight {float:right; margin:5px 0px 5px 10px; border:1px solid #cbcbcb; padding:1px;}
.highlight {font-size:19px;}

.timeline {clear:both; margin-top:175px; margin-left:8px; background:url(../graphics/icons/historyFork.png) no-repeat; height:290px; width:1248px;}

.gamblesTimeline {width:750px; position:absolute; left:30px; top:285px; height:30px;}
.ontarioproduceTimeline {width:750px; position:absolute; left:30px; top:428px; height:30px;}
.mergerTimeline {width:335px; position:absolute; left:870px; top:332px; height:30px;}
.timeline .moment {position:absolute; margin-right:10px;}
.timeline .moment .year {font-size:.9em; font-family: 'Signika', sans-serif; cursor:pointer; padding-bottom:5px; background:url(../graphics/icons/historyTick.jpg) no-repeat center bottom; min-height:8px;}
.timeline .moment .desc {box-shadow: 10px 10px 10px #888888; width:400px; background:#FFFFFF; border:1px solid #000000; padding:15px; font-size:.9em; display:none; position:absolute; top:0px;  -webkit-border-radius:5px; border-radius:5px; -moz-border-radius:5px; }
.timeline .moment .desc p {color:#b1040e; font-size:2em; font-family: 'Signika', sans-serif; margin:0px; padding:0px; margin-bottom:5px;}
.timeline .moment .image {position:absolute; top:40px;}
.timeline .moment .desc img {-webkit-border-radius:5px; border-radius:5px; -moz-border-radius:5px; margin-left:5px; border:1px solid #888888;}		

.moment_merger0 {top:40px !important;}
.moment_merger0 .image {top:-43px !important;}
.moment_merger0 .year {background-position:center top !important; padding-top:7px;}

.timeline .momentOn .year {color:#b1040e;}
.timeline .momentOn .desc {display:block;}

.ontarioproduceTimeline .moment .year {padding-top:7px; background-position:center top;}
.ontarioproduceTimeline .moment .desc {position:absolute; top:50px;}
.ontarioproduceTimeline .moment .image {position:absolute; top:-40px;}
.mergerTimeline .moment .desc {width:400px; top:40px; }
.historyMarker {width:25px; height:15px; background:url(../graphics/icons/historyMarker.png) no-repeat; position:absolute; bottom:-12px;}
.ontarioproduceTimeline .historyMarker {width:25px; height:15px; background:url(../graphics/icons/historyMarkerUp.png) no-repeat; position:absolute; top:-13px;}
.historyMarker_merger0 {width:25px; height:15px; background:url(../graphics/icons/historyMarkerUp.png) no-repeat; position:absolute; top:-13px;}


.jobTable {border-collapse:collapse; padding:0px; margin:0px; width:100%;}
.jobTable td {border-bottom:1px solid #888888; padding:10px 0px 10px 0px; line-height:18px;}
.jobTable td a {text-decoration:none;}

h3 {font-size:16px; font-weight:bold; margin:40px 0px 10px 0px; padding:0px;color:#0c9266;}

.btn {background: rgb(13,146,103); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBkOTI2NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNjRjMzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(13,146,103,1) 0%, rgba(6,76,52,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(13,146,103,1)), color-stop(100%,rgba(6,76,52,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(13,146,103,1) 0%,rgba(6,76,52,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(13,146,103,1) 0%,rgba(6,76,52,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(13,146,103,1) 0%,rgba(6,76,52,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(13,146,103,1) 0%,rgba(6,76,52,1) 100%); /* W3C */
 -webkit-border-radius:5px; border-radius:5px; -moz-border-radius:5px; 
color:#FFFFFF; padding:3px 9px 3px 9px; border:0px; font-weight:bold;
} 
.contactForm {width:550px; border-collapse:collapse; border:0px; padding:0px; margin:0px;}
.contactForm td {line-height:35px; vertical-align:top; height:45px; border-collapse:collapse; border-bottom:1px dashed #BBBBBB; padding:10px 0px 0px 0px; margin:0px 0px 5px 0px;}
.contactForm td.name {width:125px;}
.contactForm td.value {width:354px; padding-left:20px; border-left:1px dashed #BBBBBB;}
.contactForm select {border:0px; height:20px; width:340px; line-height:20px; color:#333333; }
.selectBlock {padding:5px; display:block; border:0px; height:20px; width:340px; line-height:25px; color:#333333; -moz-box-shadow: inset 0 0 10px #666666; -webkit-box-shadow: inset 0 0 10px #666666; box-shadow: inset 0 0 10px #666666; -webkit-border-radius:5px; border-radius:5px; -moz-border-radius:5px;}
.contactForm input.tb {font-family:arial;padding:4px; border:0px; height:30px; width:350px; line-height:25px; color:#333333; -moz-box-shadow: inset 0 0 10px #666666; -webkit-box-shadow: inset 0 0 10px #666666; box-shadow: inset 0 0 10px #666666; -webkit-border-radius:5px; border-radius:5px; -moz-border-radius:5px;}
.contactForm textarea.ta {font-family:arial; padding:4px; border:0px; width:350px; height:120px; color:#333333; -moz-box-shadow: inset 0 0 10px #666666; -webkit-box-shadow: inset 0 0 10px #666666; box-shadow: inset 0 0 10px #666666; -webkit-border-radius:5px; border-radius:5px; -moz-border-radius:5px;}
.contactBtn {margin-left:160px;}

ul.cList li {padding:0px 0px 8px 0px; margin:0px;}

a.pdf {background:url(../graphics/icons/pdf.gif) no-repeat right top; padding-right:23px;}

.guideBlock {}
.guide {border:1px solid #000000; padding:2px; margin:4px; float:left; width:100px; height:85px;}
.guide p {line-height:85px; width:100px; height:85px; padding:0px; margin:0px; display:none;}
.guideOn p {cursor:pointer; display:block; text-align:center; color:#FFFFFF; background:url(../graphics/icons/guideOver.png);}

.leftNav .social {padding:20px 0px 0px 0px; text-align:left;}
.leftNav .social a {margin-right:20px;}

.lowerFooter .social {padding-top:5px;}
.lowerFooter .social a {margin-right:13px;}



.ordersContainer {padding:20px; width:1160px !important;}
table.orderguide {width:1160px; border:0px; border-collapse:collapse;}
table.orderguide th {text-align:center;font-size:10px; background:#DDDDDD; border:1px solid #000000; padding:5px;}
table.orderguide td {height:18px; line-height:18px; text-align:center; font-size:10px; border:1px solid #000000; padding:5px;}
table.orderguide td.qty {text-align:center;}
table.orderguide td.description {text-align:left;}
table.orderguide td.description span {text-transform:uppercase;  white-space:nowrap;}
table.orderguide .description {text-align:left; }
table.orderguide input.qty {text-align:center;font-size:10px; width:30px; }
.sectionTitle {font-weight:bold; text-align:center; background:#000000; color:#FFFFFF;}
table.orderguide .false {display:none;}
table.orderguide td.description a {text-transform:uppercase; color:#000000 !important;}

input.qty_view {border:0px;}

.orderguide td.changed {background:#A3D6C5;}
.orderguide tr.discontinued td {background:#FFFFFF; color:#999999;}
.orderguide tr.discontinued td a {color:#999999; text-decoration:none;}

.orderguide tr.new td {background:#F8D4CB;}
.orderguide tr.new td a {color:#000000;}

.orderguide td .notes {cursor:pointer; float:right; width:18px; height:18px; background:url(../graphics/icons/noteUsed.png) no-repeat;}

.orderguide td .notesHTML {z-index:30; box-shadow: 10px 10px 10px #888888; background:#FFFFFF; border:1px solid #000000; padding:15px; font-size:.9em; display:none; position:absolute; top:-128px; left:-400px; -webkit-border-radius:5px; border-radius:5px; -moz-border-radius:5px; }
.orderguide td .notesHTML p {margin:0px; padding:0px; margin-bottom:5px;}
.orderguide td .notesHTML img {-webkit-border-radius:5px; border-radius:5px; -moz-border-radius:5px; margin-left:5px; border:1px solid #888888;}		
.orderguide td .notesHTML div.notesHTMLContainer {min-width:400px; max-width:700px; min-height:150px; text-align:left; border:0px; border-collapse:collapse; height:auto;}

.orderguide td .notesHTML .lbClose {cursor:pointer; width:auto !important; position:absolute; right:5px; top:5px;}

.orderguide td.notesImportant a.desc {color:red !important;}
.orderguide td.notesImportant span.desc {color:red;}

.viewTable {width:100%; padding:0px; margin:0px; border-collapse:collapse; border:1px solid #333333; }
.viewTable th {background:#CCCCCC;text-align:center; padding:5px; border:1px solid #333333; margin:0px;}
.viewTable td {padding:5px; border:1px solid #333333; margin:0px;}
.viewTable tr.row1 td {background:#FFFFFF;}
.viewTable td.p {padding-left:30px; font-size:11px;}
.viewTable td.s {background:#ECECEC; font-weight:bold;}
.viewTable td.c {width:10%;}
.viewTable td.b {width:10%;}
.viewTable td.sp {width:5%;}
.viewTable td.a {width:15%;}
.viewTable a {color:#0c9266;}
.viewTable td.aOnly {width:10%; }

.viewLinks {text-align:right;padding-bottom:15px;}
.viewLinks a {color:#0c9266;}

tr.totals td {font-weight:bold; background:#000000; color:#FFFFFF;}


h4 {color:#0c9266; margin:0px; padding:0px;}
h4 span {font-weight:normal;}
h4.beforeSubmit { color: red; font-size: 16px; padding: 0 0 15px; }

	/* calendar */
table.calendar	{width:300px; float:left; border-left:1px solid #999; }
tr.calendar-title td { background:#ccc; font-weight:bold; text-align:center; padding:2px; border-bottom:1px solid #999; border-top:1px solid #999; border-right:1px solid #999; }
tr.calendar-row	{  }
td.calendar-day	{ min-height:30px; font-size:11px; position:relative; } * html div.calendar-day { height:30px; }
td.calendar-day-np	{ background:#eee; min-height:30px; } * html div.calendar-day-np { height:30px; }
td.calendar-day-head { background:#ccc; font-weight:bold; text-align:center; width:40px; padding:2px; border-bottom:1px solid #999; border-top:1px solid #999; border-right:1px solid #999; }
/* shared */
td.calendar-day, td.calendar-day-np { width:40px; padding:1px; border-bottom:1px solid #999; border-right:1px solid #999; }

td.calendar-day, td.calendar-day-np { width:40px; padding:1px; border-bottom:1px solid #999; border-right:1px solid #999; }
td.calendar-day div.day-number	{background:#CCC; padding:5px; color:#AAA; font-weight:bold; float:right; margin:-1px -1px 0 0; width:20px; text-align:center; }
td.calendar-day-np div.day-number	{background:#CCC; padding:5px; color:#AAA; font-weight:bold; float:right; margin:-1px -1px 0 0; width:20px; text-align:center; }

td.calendar-day-allowable div.day-number	{cursor:pointer; background:#666; padding:5px; color:#FFF; font-weight:bold; float:right; margin:-1px -1px 0 0; width:20px; text-align:center; }
td.calendar-day-allowable:hover	{background:#eceff5; }

.orderDate {float:left;}
.orderTotals {float:right;}
.orderTotals b {margin-right:15px;}
.printButton {font-weight:normal; font-style:normal; background:#eceff5; color:#000000;}
.orderFormHeader {position:relative; padding:15px 0px 15px 0px;}

.orderFormHeader .orderLegend {width:490px; position:absolute; left:290px; top:18px;}
.orderLegend .new {font-size:11px; font-weight:bold; float:left; border-left:#F8D4CB 20px solid; margin:0px 15px 0px 25px; padding-left:10px;}
.orderLegend .changed {font-size:11px; font-weight:bold; float:left; border-left:#A3D6C5 20px solid; margin:0px 15px 0px 25px;padding-left:10px;}
.orderLegend .discontinued {font-size:11px; font-weight:bold; float:left; border-left:#999999 20px solid; margin:0px 15px 0px 25px; color:#999999;padding-left:10px;}
.orderLegend .notes {color:#000000; font-size:11px; font-weight:bold; float:left; background:url(../graphics/icons/noteUsed.png) no-repeat; margin:0px 15px 0px 25px; padding-left:30px; }

.error {color:Red;}

tr.a-spm { display:none !important;}


/* Login Page - Additional CSS Code */

.siteContainer-login {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	background: url(../graphics/icons/bg.png) repeat; 
	width: 957px; 
	min-height: 649px;
}

.siteContent-login-main {
	padding: 15px;
	width: 100%;
}

	.mainSection-row {
		display: flex;
		flex-wrap: nowrap;
		justify-content: center;
		width: 100%;
	}
	
	.mainSection-col {
		display: inline-block;
		width: 100%;
		padding: 15px;
	}

	.mainSection-logo img {
		width: 400px;
		height: 251px;
	}
	
	.goweb-login {
		border-radius:5px;
		border:1px solid #d3d1c8;
		background:#FFFFFF;
		width: 750px;
	}
	
	
		.login-container h3, .goweb-login h3 {
			padding: 0;
			margin: 0;
		}
		
		.login-status {
			visibility: hidden;
			width: 100%;
		}
		
			.login-status-error {
				visibility: visible;
				padding: 15px 0;
				background: yellow;
				font-weight: bold;
			}
	
		table.login-table {
			width: 100%;
		}
	
		table.login-table th {
			text-align: left;
			font-size: 12px;
		}
		
			.login-table input {
				width: 100%;
				padding: 5px 0;
			}
		
			button.login-button {
				width: 100%;
				padding: 10px;
				font-size: 14px;
				font-weight: bold;
			}
			
		.login-announcement {
			vertical-align: top;
		}
		
			.login-announcement p {
				font-size: 12px;
				text-align: justify;
			}
			
.ui-widget-overlay {
	background: #000 !important;
	opacity: .5 !important;
}

.dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #3e8e41;}