* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

.BTN_Standard { border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; color: #FFF; background-color: #eb0028; background: linear-gradient(to right, #ab0926 50%, #eb0028 50%); padding: 20px 40px 20px 40px; display: inline-block; font-size: 24px; line-height: 24px; margin-top: 20px; text-decoration: none; background-size: 200% 100%; background-position: right bottom; margin-left: 10px; transition: all .3s ease; }

.BTN_Standard:hover { background-position: left bottom; }

.BTN_Secondary { color: #FFF; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; color: #FFF; background-color: #ff6419; background: linear-gradient(to right, #cc4304 50%, #ff6419 50%); padding: 20px 40px 20px 40px; display: inline-block; font-size: 24px; line-height: 24px; margin-top: 20px; text-decoration: none; background-size: 200% 100%; background-position: right bottom; margin-left: 10px; transition: all .3s ease; }

.BTN_Secondary:hover { background-position: left bottom; }

.BTN_Subtle { color: #adadad; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; color: #4F4F4F; background-color: #FFF; background: linear-gradient(to right, #D6D6D6 50%, #FFF 50%); padding: 20px 40px 20px 40px; display: inline-block; font-size: 24px; line-height: 24px; margin-top: 20px; text-decoration: none; background-size: 200% 100%; background-position: right bottom; margin-left: 10px; transition: all .3s ease; }

.BTN_Subtle:hover { background-position: left bottom; }

/* Error Checking */
div#MSGSuccess { box-sizing: border-box; border: 2px solid; border-top: 6px solid; margin-bottom: 20px; padding: 20px; border-color: #7dbd0d; color: #7dbd0d; }

#MSGError { box-sizing: border-box; border: 2px solid; border-top: 6px solid; margin-bottom: 20px; padding: 20px; border-color: #b4282f; color: #b4282f; }

.instruction { font-size: 10px; font-weight: normal; color: #004273; font-style: normal; }

.warning { font-size: 16px; font-weight: bold; color: #CC0033; }

.error { font-size: 10px; font-weight: normal; color: #CC0033; background: #E7E7E7; border: 1px solid #cc0033; }

.FormElementsContainer { display: block; margin: 0; padding: 0; }

.requiredContainerError input[type="text"], .requiredContainerError input[type="email"], .requiredContainerError input[type="tel"], .requiredContainerError textarea { background-image: url("/media/layout/Icon-RequiredError.svg") !important; }

.requiredContainerError input[type="date"], .requiredContainerError input[type="time"] { background-image: url("/media/layout/Icon-RequiredError.svg") !important; }

.requiredContainer input[type="text"], .requiredContainer input[type="email"], .requiredContainer input[type="tel"], .requiredContainer textarea { background-image: url("/media/layout/Icon-Required.svg"); background-position: center right; background-size: 30px; background-repeat: no-repeat; }

.requiredContainer input[type="date"], .requiredContainer input[type="time"] { background-image: url("/media/layout/Icon-Required.svg"); background-position: 90% center; background-size: 30px; background-repeat: no-repeat; }

.required { font-weight: normal; color: #990000; }

.required::after { content: " *"; color: #990000; }

.requiredApp { color: #FFF !important; background-color: #990000; border-radius: 5px; }

.requiredApp + input { /*color: #FFF !important;
background-color: #990000;*/ }

input.submitbutton { background-color: #948986; border: 1px solid #61504d; color: #FFF; }

/* Error Checking End */
/* FORM Styles */
.FatForm-frm p { border-top: 1px solid #900; border-bottom: 1px solid #900; padding: 10px 15px; }

.FatForm-frm { margin-left: auto; margin-right: auto; margin-top: 15px; background: #FFF; padding: 20px 30px 20px 30px; color: #888; border: 1px solid #DDD; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }

.FatForm-frm h1 { padding: 0px 0px 10px 40px; display: block; border-bottom: 1px solid #DADADA; margin: -10px -30px 30px -30px; color: #888; }

.FatForm-frm h1 > span { display: block; font-size: 11px; }

.FatForm-frm label { float: left; width: 20%; text-align: right; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; margin-top: 3px; margin-right: 10px; color: #333; font-weight: bold; }

.FatForm-frm input[type="text"], .FatForm-frm input[type="email"], .FatForm-frm input[type="tel"], .FatForm-frm input[type="date"], .FatForm-frm textarea, .FatForm-frm select, .FatForm-frm input[type="password"], .FatForm-frm input[type="time"] { border: 1px solid #CCC; color: #888; margin-bottom: 16px; margin-right: 6px; margin-top: 2px; outline: 0 none; padding: 10px 10px 10px 10px; width: 70%; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; }

.FatForm-frm .smallField { width: 50% !important; max-width: 350px; min-width: 200px; }

.FatForm-frm .QuarterField { width: 20% !important; }

.FatForm-frm input[name="MathAnswer"], .minifield { border: 1px solid #CCC; color: #888; height: 20px; line-height: 15px; margin-bottom: 16px; margin-right: 6px; margin-top: 2px; outline: 0 none; padding: 5px 0px 5px 5px; width: 40px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.Mathprob, .FatForm-frm input[name="MathAnswer"] { display: inline-block; padding: 5px 10px 5px 5px; }

.FatForm-frm select { background: #FFF url("/media/layout/down-arrow.png") no-repeat right; appearance: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; width: 70%; height: 35px; line-height: 15px; }

.FatForm-frm select::-ms-expand { display: none; }

.FatForm-frm textarea { height: 100px; padding: 5px 0px 0px 5px; width: 70%; }

.minifield { border: 1px solid #CCC; color: #888; height: 20px; line-height: 15px; margin-bottom: 16px; margin-right: 6px; margin-top: 2px; outline: 0 none; padding: 5px 0px 5px 5px; width: 70%; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.FatForm-frm ul.Horiz { display: block; }

.FatForm-frm ul.Horiz li { display: inline-block; }

.FatForm-frm ul.Vert { padding-left: 120px; }

.FatForm-frm ul.Vert li { list-style: none; display: block; }

.FatForm-frm .button { background: #FFF; color: #333; padding: 20px 40px 20px 40px; display: inline-block; font-size: 24px; line-height: 24px; margin-top: 20px; text-decoration: none; background-size: 200% 100%; background-position: right bottom; margin-left: 10px; transition: all .3s ease; }

.FatForm-frm .button:hover { color: #333; background-color: #EBEBEB; border-color: #ADADAD; }

/* FORM Styles */
/* Sub Pages */
div#Sub_Page_Listing { border-bottom: 1px solid #3d3d3d; }

/* Footer sub-page border Color */
div#Sub_Page_Listing_Full { border-bottom: 1px solid #3d3d3d; }

/* Footer sub-page border Color */
#Sub_Page_Listing h4 { color: #3d3d3d; /* Footer sub-page link Color */ font-weight: bold; }

div#Sub_Page_Listing_Title a { font-size: 14px; color: #3d3d3d; /* Footer sub-page link Color */ font-weight: bold; }

div#Sub_Page_Listing_Full .Sub_Page_Listing_More { font-size: 11px; }

/* Sub Pages */
div#Sub_Page_Listing { padding: 0px; margin: 0px; }

div#Sub_Page_Listing_Full { padding-bottom: 5px; padding-left: 0px; padding-right: 0px; padding-top: 5px; }

div#Sub_Page_Listing_Left { float: left; width: 85px; padding-top: 20px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; }

div#Sub_Page_Listing_Right { float: left; width: 500px; padding-top: 20px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; }

div#Sub_Page_Listing_Title a { padding: 0px; margin: 0px; }

div#Sub_Page_Listing_ShortDesc { padding: 0px; margin: 0px; }

div#Sub_Page_Listing_ShortDesc p { padding: 0px; margin: 0px; }

div#Sub_Page_Listing_Full .Sub_Page_Listing_More { padding: 0px; margin: 0px; padding-left: 15px; }

div#Sub_Page_Listing img { padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; margin-right: 10px; }

/* Sub Pages End */
/* Social Icons */
#FASocialIcons UL { list-style: none; margin: 0 auto; padding: 0; }

#FASocialIcons UL LI { display: inline-block; padding: 3px; }

#FASocialIcons UL LI A { height: 25px; width: 25px; padding: 0; margin: 0; display: block; }

#FASocialIcons .facebook-color { background-image: url(/media/layout/Social-Icons.png); background-position: 0px 0px; }

#FASocialIcons .twitter-color { background-image: url(/media/layout/Social-Icons.png); background-position: -60px 0px; }

#FASocialIcons .linkedin-color { background-image: url(/media/layout/Social-Icons.png); background-position: -90px 0px; }

#FASocialIcons .google-color { background-image: url(/media/layout/Social-Icons.png); background-position: -120px 0px; }

#FASocialIcons .pinterest-color { background-image: url(/media/layout/Social-Icons.png); background-position: -150px 0px; }

#FASocialIcons .youtube-color { background-image: url(/media/layout/Social-Icons.png); background-position: -180px 0px; }

#FASocialIcons .blog-color { background-image: url(/media/layout/Social-Icons.png); background-position: -210px 0px; }

#FASocialIcons .instagram-color { background-image: url(/media/layout/Social-Icons.png); background-position: -240px 0px; }

#FASocialIcons .facebook-white { background-image: url(/media/layout/Social-Icons.png); background-position: 0px -30px; }

#FASocialIcons .twitter-white { background-image: url(/media/layout/Social-Icons.png); background-position: -60px -30px; }

#FASocialIcons .linkedin-white { background-image: url(/media/layout/Social-Icons.png); background-position: -90px -30px; }

#FASocialIcons .google-white { background-image: url(/media/layout/Social-Icons.png); background-position: -120px -30px; }

#FASocialIcons .pinterest-white { background-image: url(/media/layout/Social-Icons.png); background-position: -150px -30px; }

#FASocialIcons .youtube-white { background-image: url(/media/layout/Social-Icons.png); background-position: -180px -30px; }

#FASocialIcons .blog-white { background-image: url(/media/layout/Social-Icons.png); background-position: -210px -30px; }

#FASocialIcons .instagram-white { background-image: url(/media/layout/Social-Icons.png); background-position: -240px -30px; }

#FASocialIcons .facebook-grey { background-image: url(/media/layout/Social-Icons.png); background-position: 0px -60px; }

#FASocialIcons .twitter-grey { background-image: url(/media/layout/Social-Icons.png); background-position: -60px -60px; }

#FASocialIcons .linkedin-grey { background-image: url(/media/layout/Social-Icons.png); background-position: -90px -60px; }

#FASocialIcons .google-grey { background-image: url(/media/layout/Social-Icons.png); background-position: -120px -60px; }

#FASocialIcons .pinterest-grey { background-image: url(/media/layout/Social-Icons.png); background-position: -150px -60px; }

#FASocialIcons .youtube-grey { background-image: url(/media/layout/Social-Icons.png); background-position: -180px -60px; }

#FASocialIcons .blog-grey { background-image: url(/media/layout/Social-Icons.png); background-position: -210px -60px; }

#FASocialIcons .instagram-grey { background-image: url(/media/layout/Social-Icons.png); background-position: -240px -60px; }

#FASocialIcons .facebook-black { background-image: url(/media/layout/Social-Icons.png); background-position: 0px -90px; }

#FASocialIcons .twitter-black { background-image: url(/media/layout/Social-Icons.png); background-position: -60px -90px; }

#FASocialIcons .linkedin-black { background-image: url(/media/layout/Social-Icons.png); background-position: -90px -90px; }

#FASocialIcons .google-black { background-image: url(/media/layout/Social-Icons.png); background-position: -120px -90px; }

#FASocialIcons .pinterest-black { background-image: url(/media/layout/Social-Icons.png); background-position: -150px -90px; }

#FASocialIcons .youtube-black { background-image: url(/media/layout/Social-Icons.png); background-position: -180px -90px; }

#FASocialIcons .blog-black { background-image: url(/media/layout/Social-Icons.png); background-position: -210px -90px; }

#FASocialIcons .instagram-black { background-image: url(/media/layout/Social-Icons.png); background-position: -240px -90px; }

#FASocialIcons .facebook-white:hover, #FASocialIcons .facebook-grey:hover, #FASocialIcons .facebook-black:hover { background-image: url(/media/layout/Social-Icons.png); background-position: 0px 0px; }

#FASocialIcons .twitter-white:hover, #FASocialIcons .twitter-grey:hover, #FASocialIcons .twitter-black:hover { background-image: url(/media/layout/Social-Icons.png); background-position: -60px 0px; }

#FASocialIcons .linkedin-white:hover, #FASocialIcons .linkedin-grey:hover, #FASocialIcons .linkedin-black:hover { background-image: url(/media/layout/Social-Icons.png); background-position: -90px 0px; }

#FASocialIcons .google-white:hover, #FASocialIcons .google-grey:hover, #FASocialIcons .google-black:hover { background-image: url(/media/layout/Social-Icons.png); background-position: -120px 0px; }

#FASocialIcons .pinterest-white:hover, #FASocialIcons .pinterest-grey:hover, #FASocialIcons .pinterest-black:hover { background-image: url(/media/layout/Social-Icons.png); background-position: -150px 0px; }

#FASocialIcons .youtube-white:hover, #FASocialIcons .youtube-grey:hover, #FASocialIcons .youtube-black:hover { background-image: url(/media/layout/Social-Icons.png); background-position: -180px 0px; }

#FASocialIcons .blog-white:hover, #FASocialIcons .blog-grey:hover, #FASocialIcons .blog-black:hover { background-image: url(/media/layout/Social-Icons.png); background-position: -210px 0px; }

#FASocialIcons .instagram-white:hover, #FASocialIcons .instagram-grey:hover, #FASocialIcons .instagram-black:hover { background-image: url(/media/layout/Social-Icons.png); background-position: -240px 0px; }

/* Social Icons */
/* News */
#HomeNewsPosts { display: block; margin: 0 auto; padding: 0; border-top: 1px solid #4E4E4E; margin-top: 20px; text-align: center; }

#HomeNewsPosts article { text-align: left; }

/* Standard List */
#HomeNewsPosts { display: block; margin: 0 auto; padding: 0; }

#HomeNewsPosts time { font-style: italic; font-size: 12px; line-height: 20px; }

#HomeNewsPosts P { padding: 0; margin: 0; font-size: 14px; line-height: 20px; }

#HomeNewsPosts a { padding: 10px; display: block; overflow: auto; color: #4b5c61; transition: all 0.5s ease; border-bottom: 1px solid #4E4E4E; }

#HomeNewsPosts a:hover { background-color: #dee9ec; color: #4b5c61; }

#HomeNewsPosts a UL { margin-left: 10px; padding-left: 10px; display: inline-block; }

#HomeNewsPosts a h4 { color: #4b5c61; padding: 0px; margin: 0; }

#HomeNewsPosts a:hover h4 { color: #a80000; }

#HomeNewsPosts a P.ShortDesc { line-height: 22px !important; margin: 5px 0px 5px 0px; }

#HomeNewsPosts a IMG { float: left; display: block; margin: 0px 20px 0px 0px; padding: 0; max-height: 110px; max-width: 110px; }

#HomeNewsPosts a span.ReadMore { color: #a80000; font-size: 12px; line-height: 22px; }

#NewsHeader { margin-bottom: 20px; border-bottom: 1px solid #C5C5C5; }

#NewsBreadcrumbs { padding: 10px; background-color: #E3E3E3; border: 1px solid #999; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-weight: bold; color: #7B7B7B; }

#NewsBreadcrumbs A { color: #a80000; }

#NewsBreadcrumbs A.archives { color: #999; display: inline-block; float: right; }

#SingleNewsArticle header { width: 100%; height: auto; display: block; }

#SingleNewsArticle time { font-style: italic; font-size: 12px; line-height: 20px; width: 100%; height: auto; display: block; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #C5C5C5; }

.AuthorBio { color: #4B4B4B; margin: 5px; padding: 10px; background-color: #E3E3E3; border: 1px solid #999; width: 350px; height: auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

IMG.FAGravatar { float: left; margin-right: 10px; height: 65px; width: 65px; display: inline-block; border-radius: 50%; }

.AuthorBio .TheAuthor { font-weight: bold; font-size: 14px; line-height: 18px; margin: 0; }

.AuthorBio .TheAuthorBio { font-size: 12px; line-height: 14px; }

#NewsTags { padding: 10px; margin-top: 10px; margin-bottom: 10px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; height: auto; width: 100%; display: inline-block; }

#NewsTags A { text-decoration: underline; padding: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

#NewsTags A:Hover { background-color: #CCC; color: #fff; }

/* TWO Column */
article.NewsTwoCol { margin: 0 auto; padding: 0; width: 49%; display: inline-block; vertical-align: top; }

article.NewsList A { text-decoration: none; }

article.NewsList A, article.NewsTwoCol A, article.NewsFourCol A { text-decoration: none; }

article.NewsTwoCol a p.ShortDesc { overflow: hidden !important; height: 110px; }

/* FOUR Column */
article.NewsFourCol { padding: 10px; width: 22%; display: inline-block; vertical-align: top; }

article.NewsFourCol a IMG { height: Auto; width: 100%; float: none !important; display: block !important; max-height: 100% !important; max-width: 100% !important; }

article.NewsFourCol a p.ShortDesc, article.NewsFourCol a P.ReadMore { display: none !important; }

#NewsShareLinks { padding: 10px; float: right; }

/* Interioor News List */
#ArticleListing ol li { margin-bottom: 10px; }

/* Sub Pages */
#SiteSubPages { display: block; margin: 0 auto; padding: 0; border-top: 1px solid #4E4E4E; margin-top: 20px; clear: both; }

/* Standard List */
.SubPageList { display: block; margin: 0 auto; padding: 0; }

.SubPageList a { padding: 10px; display: block; overflow: auto; color: #4b5c61; transition: all 0.5s ease; border-bottom: 1px solid #4E4E4E; }

.SubPageList a:hover { background-color: #dee9ec; color: #4b5c61; }

.SubPageList a UL { margin-left: 10px; padding-left: 10px; display: inline-block; }

.SubPageList a h4 { color: #4b5c61; }

.SubPageList a:hover h4 { color: #a80000; }

.SubPageList a P { line-height: 22px !important; margin: 5px 0px 5px 0px; }

.SubPageList a IMG { display: block; margin: 0px 20px 0px 0px; padding: 0; max-height: 110px; max-width: 110px; }

.SubPageList .ImgRight { float: right; }

.SubPageList .ImgLeft { float: left; }

/* Block Tiles */
.SubPageTiles { width: 200px; height: 200px; text-align: center; display: inline-block; margin: 0 auto; padding: 0; margin-top: 11px; }

.SubPageTiles a { padding: 10px; display: block; height: 200px; overflow: hidden; color: #4b5c61; transition: all 0.5s ease; border-bottom: 1px solid #4E4E4E; }

.SubPageTiles a:hover { background-color: #dee9ec; color: #4b5c61; }

.SubPageTiles a UL { margin-left: 10px; padding-left: 10px; display: inline-block; }

.SubPageTiles a h4 { color: #4b5c61; }

.SubPageTiles a:hover h4 { color: #a80000; }

.SubPageTiles a P { line-height: 22px !important; margin: 5px 0px 5px 0px; }

.SubPageTiles a IMG { display: block; margin: 0 auto; padding: 0; max-height: 110px; max-width: 110px; }

/* Sub Pages End */
/* Useer Acct */
#account { background-color: #A3A3A3; border-bottom: 2px solid #FFF; }

#accountWrapper { margin: 0 auto; }

#UserAccount { width: 100%; }

#UserAccount { margin: 0px auto; padding: 0px; height: 55px; /*width:390px;*/ }

#UserAccount > DIV { display: table-cell; vertical-align: middle; }

#UserAccount UL LI { display: inline-block; padding: 6px 15px; vertical-align: middle; }

#ProfilePic { display: inline-block; }

#accountWrapper #ProfilePic IMG { max-width: 45px; max-height: 45px; padding: 5px; }

#AccountInfo #ProfilePic { float: left; max-width: 75px; max-height: 75px; padding: 5px; }

#ProfileLinks { margin-top: 15px; padding: 0px; height: 40px; width: 460px; display: block; color: #FFF; font-size: 12px; }

#ProfileLinks ul { margin: 0px auto; padding: 0px; }

#ProfileLinks li { list-style: none; display: inline-block; height: 15px; width: auto; margin: 0px auto; padding: 0px; }

#ProfileLinks a { font-size: 12px; color: #fff; }

#ProfileLinks a:hover { color: #900; }

#ProfileLinks li.Screename { padding-right: 10px; overflow: hidden; }

#ProfileLinks li.SalesReports { overflow: hidden; padding-left: 10px; padding-right: 10px; border-left: 1px solid #333; }

#ProfileLinks li.SignOut, #ProfileLinks li.Cart { overflow: hidden; padding: 0 8px; border-left: 1px solid #333; }

#ProfileLinks a, #ProfileLinks span { width: auto; display: inline-block; text-decoration: none; }

#LoginForm { font-size: 11px; padding: 15px; }

#LoginForm label { padding-left: 10px; }

#LoginForm input { border: 0; padding: 5px; font-size: 11px; background-color: #FFF; color: #5F5F5F; }

#LoginForm input[type=submit] { background-color: #007db9; border: 1px solid #007db9; color: #FFF; padding-left: 10px; padding-right: 10px; }

#LoginForm input[type=submit]:hover { background-color: #006190; }

/* End Profile */
/* Account Info*/
div#AccountInfo { width: 100%; background-color: #CCC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; border-top: 1px dashed #333333; border-bottom: 1px dashed #333333; padding-bottom: 5px; padding-left: 0px; padding-right: 0px; padding-top: 5px; margin-top: 10px; margin-bottom: 10px; }

div#AccountInfo UL { list-style: none; }

div#AccountFiles { width: 100%; background-color: #f1f1f1; font-size: 12px; color: #333333; border-top: 1px dashed #333333; border-bottom: 1px dashed #333333; padding-bottom: 5px; padding-left: 0px; padding-right: 0px; padding-top: 5px; margin-top: 10px; margin-bottom: 10px; }

div#AccountFiles Strong { font-size: 14px; color: #333333; }

div#AccountFiles UL { list-style: none; }

/* Account INfo End */
#featurebox { float: right; color: #333; border-top: 1px solid #d7d7d7; border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; margin: 0px; margin-left: 10px; margin-bottom: 10px; padding: 0px; background-color: #ffffff; font: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }

#featurebox ul { list-style: none; margin: 0px; padding: 8px; }

#featurebox li { list-style: none; margin: 1px 0px 1px -10px; padding: 0px 0px 5px; }

.shadetabs { clear: left; padding: 3px 0; margin-left: 15px; margin-right: 15px; margin-top: 1px; margin-bottom: 0; font: bold 10px Verdana; list-style-type: none; text-align: left; /*set to left, center, or right to align the menu as desired*/ }

.shadetabs li { display: inline; margin: 0; }

.shadetabs li a { text-decoration: none; padding: 3px 7px; margin-right: 3px; border: 1px solid #778; color: #2d2b2b; background-color: #CCCCCC; }

.shadetabs li a:visited { color: #2d2b2b; }

.shadetabs li a:hover { text-decoration: underline; color: #2d2b2b; }

.shadetabs li.selected { position: relative; top: 1px; }

.shadetabs li.selected a { border-bottom-color: white; background-color: #FFFFFF; }

.shadetabs li.selected a:hover { /*selected main tab style */ text-decoration: none; }

.tabcontentstyle { /*style of tab content oontainer*/ border: 1px solid gray; width: 95%; margin-bottom: 1em; margin-left: 10px; margin-right: 10px; padding: 10px; background-color: #FFFFFF; }

.tabcontent { display: none; }

@media print { .tabcontent { display: block !important; } }
/* Pagination */
/* style for page ordering */
.pagination { background: #f2f2f2; font-size: 10px; color: #666; border: 1px solid #ddd; margin-top: 10px; margin-right: 0; margin-left: 0; padding-top: 10px; padding-right: 7px; padding-bottom: 7px; padding-left: 7px; display: inline-block; width: 100%; }

.pagination p { position: relative; text-align: right; width: 700px; float: right; }

.pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active { text-decoration: none; background: #fff; padding: 2px 5px; border: 1px solid #ccc; }

.pagination p a:hover { background: #c00; color: #fff; }

.pagination p span { text-decoration: none; background: #fff; padding: 2px 5px; border: 1px solid #ccc; color: #ccc; }

.pagination * { margin: 0; }

.pagination form { float: left; padding: 0px; margin: 0px auto; }

#BannerTop { width: 100%; text-align: center; }

#FileDownloadList A { text-decoration: underline; color: #000000; }

#FileDownloadList table td:nth-child(1) A { color: #9c9c9c; }

#FileDownloadList table { border-collapse: collapse; width: 85%; }

#FileDownloadList th { height: 40px; text-align: left; }

#FileDownloadList td { height: 30px; text-align: left; }

#FileDownloadList th, #FileDownloadList td { border-bottom: 1px solid #ddd; padding: 5px; }

#FileDownloadList tr:hover { background-color: #f5f5f5; }

#FileDownloadList tr:nth-child(even) { background-color: #f2f2f2; }

#FileDownloadList th { background-color: #c1c1c1; color: white; }

#FileDownloadList table td:nth-child(1) { width: 40px; text-align: center; }

#FileDownloadList table td:nth-child(4) { width: 75px; }

#FileDownloadList table th:nth-child(1) { padding-left: 20px; }

/* File Cards = Icons */
#FileDownloadThumbs { position: relative; margin: 0 auto; padding: 0; display: block; text-align: center; }

#FileDownloadThumbs .FileCard { position: relative; margin: 20px; padding: 0; display: inline-block; vertical-align: top; width: 150px; height: 190px; }

#FileDownloadThumbs .FileCard P { position: relative; display: block; z-index: 200; width: 100%; height: 50px; margin: 0 auto; padding: 0; padding-top: 10px; font-weight: bold; }

#FileDownloadThumbs .FileCard:hover P { visibility: hidden; }

#FileDownloadThumbs .FileCard:hover P:before { background-color: #c1c1c1; color: #FFF; content: "Download"; width: 100%; height: 35px; padding-top: 15px; display: block; position: relative; bottom: 0; visibility: visible; }

#FileDownloadThumbs .FileThumb { height: 150px; width: 150px; display: block; background-position: center center; background-size: cover; }

/* File Cards = Icons */
#FileDownloadIcons { position: relative; margin: 0 auto; padding: 0; display: block; text-align: center; }

#FileDownloadIcons .FileCard { position: relative; margin: 20px; padding: 0; display: inline-block; vertical-align: top; width: 150px; height: 190px; }

#FileDownloadIcons .FileCard i { transition: all 0.3s ease-out; position: relative; z-index: 100; font-size: 45px; line-height: 65px; display: block; color: #c1c1c1; }

#FileDownloadIcons .FileCard A { text-decoration: none; transition: all 0.3s ease-out; width: 100%; height: 200px; display: block; }

#FileDownloadIcons .FileCard P { transition: all 0.3s ease-out; position: relative; display: block; z-index: 200; width: 100%; height: 50px; margin: 0 auto; padding: 0; padding-top: 10px; font-weight: bold; }

#FileDownloadIcons .DloadBtn { position: absolute; z-index: 1; bottom: 0px; width: 100%; height: 30px; padding-top: 10px; background-color: #c1c1c1; color: #fff; transition: all 0.3s ease-out; }

#FileDownloadIcons .FileCard A:Hover i { color: #FFF; }

#FileDownloadIcons .FileCard A:Hover P { color: #FFF; }

#FileDownloadIcons .FileCard A:Hover .DloadBtn { height: 190px; background-color: #A2A2A2; color: #7E7E7E; }

.LinkText { padding: 10px; bottom: 0; position: absolute; text-align: center; width: 90%; color: #FFF; transition: all 0.3s ease-out; }

/* Style the tab */
.tab { overflow: hidden; /*border: 1px solid #ccc;*/ /*background-color: #f1f1f1;*/ }

/* Style the buttons inside the tab */
.tab button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; font-size: 17px; border-bottom: 5px solid #c1c1c1; }

/* Change background color of buttons on hover */
.tab button:hover { background-color: #ddd; }

/* Create an active/current tablink class */
.tab button.active { border-bottom: 5px solid #333; }

/* Style the tab content */
.filetabcontent { display: none; padding: 6px 12px; /*border: 1px solid #ccc;*/ border-top: none; }

#FileDownloadGroupList A { text-decoration: underline; color: #000000; }

#FileDownloadGroupList table td:nth-child(1) A { color: #9c9c9c; }

#FileDownloadGroupList table { border-collapse: collapse; width: 100%; }

#FileDownloadGroupList th { height: 40px; text-align: left; }

#FileDownloadGroupList td { height: 30px; text-align: left; }

#FileDownloadGroupList th, #FileDownloadGroupList td { border-bottom: 1px solid #ddd; padding: 5px; }

#FileDownloadGroupList tr:hover { background-color: #f5f5f5; }

#FileDownloadGroupList tr:nth-child(even) { background-color: #f2f2f2; }

#FileDownloadGroupList th { background-color: #c1c1c1; color: white; }

#FileDownloadGroupList table td:nth-child(1) { width: 40px; text-align: center; }

#FileDownloadGroupList table td:nth-child(4) { width: 75px; }

#FileDownloadGroupList table th:nth-child(1) { padding-left: 20px; }

/* Column Layout */
#FA_TwoCol, #FA_ThreeCol, #FA_FourCol { width: 100%; height: auto; margin: 0 auto; padding: 0; display: block; }

/* TWO COLUMN */
#FA_TwoCol .Card { width: 48%; /*height: 450px;*/ margin: 0 auto; margin-top: 20px; margin-bottom: 20px; margin-left: 10px; margin-right: 10px; padding: 0; display: inline-block; vertical-align: top; }

/* THREE COLUMN */
#FA_ThreeCol .Card { width: 31%; /*height: 520px;*/ margin: 0 auto; margin-top: 20px; margin-bottom: 20px; margin-left: 10px; margin-right: 10px; padding: 0; display: inline-block; vertical-align: top; }

/* FOUR COLUMN */
#FA_FourCol .Card { width: 22%; /*height: 620px;*/ margin: 0 auto; margin-top: 20px; margin-bottom: 20px; margin-left: 10px; margin-right: 10px; padding: 0; display: inline-block; vertical-align: top; }

#FA_TwoCol .Card A, #FA_ThreeCol .Card A, #FA_FourCol .Card A { height: auto; width: 100%; display: block; }

.Card { position: relative; }

/* Pre-Existing  Styles END */
@media only screen and (max-width: 1215px) { #FA_TwoCol, #FA_ThreeCol, #FA_FourCol { width: 940px !important; }
  #FA_TwoCol .Card { width: 440px; }
  #FA_ThreeCol .Card { width: 286px; }
  #FA_FourCol .Card { width: 210px; } }
@media only screen and (max-width: 974px) { #FA_TwoCol, #FA_ThreeCol, #FA_FourCol { width: 768px !important; }
  #FA_TwoCol .Card { width: 354px; }
  #FA_ThreeCol .Card { width: 228px; }
  #FA_FourCol .Card { width: 354px; } }
@media only screen and (max-width: 782px) { #FA_TwoCol, #FA_ThreeCol, #FA_FourCol { width: 600px !important; }
  #FA_TwoCol .Card { width: 270px; }
  #FA_ThreeCol .Card { width: 172px; }
  #FA_FourCol .Card { width: 270px; } }
@media only screen and (max-width: 614px) { #FA_TwoCol, #FA_ThreeCol, #FA_FourCol { width: 480px !important; }
  #FA_TwoCol .Card { width: 440px; }
  #FA_ThreeCol .Card { width: 440px; }
  #FA_FourCol .Card { width: 440px; } }
@media only screen and (max-width: 494px) { #FA_TwoCol, #FA_ThreeCol, #FA_FourCol { width: 300px !important; }
  #FA_TwoCol .Card { width: 260px; }
  #FA_ThreeCol .Card { width: 260px; }
  #FA_FourCol .Card { width: 260px; } }
/* Pre-Existing  Styles */
.table-head { font-size: 10px; font-style: normal; background-color: #525252; color: #FFFFFF; }

.table-line-1 { font-size: 10px; font-style: normal; background-color: #dcdcdc; color: #525252; }

.table-line-2 { font-size: 10px; font-style: normal; background-color: #ebebeb; color: #525252; }

.table-line-3 { font-size: 10px; font-style: normal; background-color: #eaeaea; color: #525252; }

.table-line-caution { font-size: 10px; font-style: normal; background-color: #f1d747; color: #525252; }

.table-line-warning { font-size: 10px; font-style: normal; background-color: #F60; color: #525252; }

.table-line-error { font-size: 10px; font-style: normal; background-color: #bf2930; color: #FFFFFF; }

.table-line-success { font-size: 10px; font-style: normal; background-color: #b3efa8; color: #525252; }

.table-line-caution a { color: #525252; font-weight: bold; }

.table-line-warning a, .table-line-error a { color: #FFF; font-weight: bold; }

/* Table Styles 2022 */
.FatTableOne { width: 100%; }

.FatTableOne tr { /*display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;*/ display: grid; grid-auto-columns: 250px; grid-auto-flow: column; }

.FatTableOne td, .FatTableOne th { display: block; /*       flex-grow | flex-shrink | flex-basis   */ -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 8px; text-align: center; }

.FatTableOne thead th { color: #FFF; background: #4F4F4F; font-weight: bold; }

.FatTableOne thead tr { background: #4F4F4F; }

.FatTableOne thead th:nth-child(odd) { color: #FFF; background: #4F4F4F; }

.FatTableOne tr:nth-child(even) { background: #D6D6D6; }

.FatTableOne-thead { font-weight: bold; }

@media screen and (max-width: 782px) { .FatTableOne tr { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-bottom: 3px solid #ccc; display: block; }
  /*  IE9 FIX   */
  .FatTableOne td { float: left\9; width: 100%; text-align: left; } }
.FatTableTwo { margin: 10px; }

.FatTableTwo table { border: none; border-collapse: collapse; width: 100%; max-width: 100%; white-space: nowrap; background-color: #FFF; }

.FatTableTwo table td, .FatTableTwo table th { text-align: center; padding: 8px; }

.FatTableTwo table td { border-right: 1px solid #9C9C9C; font-size: 12px; }

.FatTableTwo table thead th { color: #FFF; background: #4F4F4F; }

.FatTableTwo table thead th:nth-child(odd) { color: #FFF; background: #4F4F4F; }

.FatTableTwo table tr:nth-child(even) { background: #D6D6D6; }

/* Responsive */
@media screen and (max-width: 782px) { .FatTableTwo table { display: block; width: 100%; }
  .FatTableTwo:before { content: "Scroll horizontally >"; display: block; text-align: right; font-size: 11px; color: white; padding: 0 0 10px; }
  .FatTableTwo table thead, .FatTableTwo table tbody, .FatTableTwo table thead th { display: block; }
  .FatTableTwo table thead th:last-child { border-bottom: none; }
  .FatTableTwo table thead { float: left; }
  .FatTableTwo table tbody { width: auto; position: relative; overflow-x: auto; }
  .FatTableTwo table td, .FatTableTwo table th { padding: 20px .625em .625em .625em; height: 60px; vertical-align: middle; box-sizing: border-box; overflow-x: hidden; overflow-y: auto; width: 120px; font-size: 13px; text-overflow: ellipsis; }
  .FatTableTwo table thead th { text-align: left; border-bottom: 1px solid #9C9C9C; }
  .FatTableTwo table tbody tr { display: table-cell; }
  .FatTableTwo table tbody tr:nth-child(odd) { background: none; }
  .FatTableTwo table tr:nth-child(even) { background: transparent; }
  .FatTableTwo table tr td:nth-child(odd) { background: #F8F8F8; border-right: 1px solid #9C9C9C; }
  .FatTableTwo table tr td:nth-child(even) { border-right: 1px solid #9C9C9C; }
  .FatTableTwo table tbody td { display: block; text-align: center; } }