h2.menu {color: #757575;font-size: 32px;font-weight: normal;margin:0 0 16px 0 !important;clear:both}
@media (min-width:601px){h2.menu {margin: 40px 0 35px 0 !important; clear:both }}

/*---------white tile-------*/

div.slidertilewhite a {font-size: 24px;text-decoration: none; line-height: 1.2em; text-align: center}
div.slidertilewhite a img { float:none;margin-bottom:20px; margin-bottom:0; }
div.slidertilewhite a:hover {background-color:/*#D8D8D8*/#e6e6e6;color: #003;}
div.slidertilewhite a {padding:12px; display:block;border-radius: 8px;  overflow: auto}


div.tilewhite a {font-size: 24px;text-decoration: none; line-height: 1.2em }
div.tilewhite a img {width:60px;margin-right:6px; float:left;margin-bottom:20px; margin-bottom:0; }

@media (max-width: 920px) and (min-width: 600px){div.tilewhite a {font-size: 22px;}}
@media (min-width: 921px){div.tilewhite a {font-size: 24px;}}
@media (min-width:601px){div.tilewhite a  {margin:auto; border-radius: 8px;width:90%;display: block;text-align:center; padding-top:12px;padding-bottom:6px; }}
@media (min-width:601px){div.tilewhite a:hover {background-color:/*#D8D8D8*/#e6e6e6;color: #003;}}
@media (min-width:601px){div.tilewhite a img  {width:100%; float:none; margin-bottom:20px;  }}
@media (max-width:601px){div.tilewhite a, div.tile a {border-bottom:1px solid #e7e7e7;border-top:1px solid #e7e7e7; background:#F4F4F4;padding:12px;margin:12px 0 0 0; display:block;border-radius: 8px; /*line-height: 48px*/  overflow: auto}}

div.tilehome a  {font-size: 22px;text-decoration: none; }
div.tilehome a img {width:60px;margin-right:6px; float:left;margin-bottom:20px; }
@media (min-width:601px){div.tilehome a span {background-color:#e56220;  border-radius: 8px; color:#FFF; display: block; margin:0 24px;padding:0.5em;}}
@media (min-width:601px){div.tilehome a:hover span {background-color:#002b6d;color: #FFF;}}

@media (max-width: 920px) and (min-width: 600px){div.tilehome a{font-size: 20px;}}
@media (min-width: 921px){div.tilehome a{font-size: 22px;}}
@media (min-width:601px){div.tilehome a { width:90%;display: block;text-align:center; padding-top:12px;padding-bottom:6px;}}
@media (min-width:601px){div.tilehome a:hover span {background-color:#002b6d;color: #FFF;}}
@media (min-width:601px){div.tilehome a img {width:100%; float:none; }}

/*---------tile-------*/
div.tile {margin-bottom: 6px}

div.tile a {text-decoration:none; font-size: 19px; }
@media (min-width:601px){div.tile a { /*background-color:#002b6d;color:#fff;*/ background-color:#e6e6e6;color:#36567B;width:90%;display:block;;text-decoration:none;	border-radius: 8px;margin-bottom:16px; font-size: 18px; padding-bottom:10px; text-align:center; float:left;}}

@media (max-width: 750px) and (min-width: 601px){div.tile a {font-size: 14px;}}
@media (max-width: 920px) and (min-width: 751px){div.tile a{font-size: 15px; }}
@media (min-width: 921px){div.tile a{font-size: 18px;}}


div.tile a:hover {}
@media (min-width:601px){div.tile a:hover {background-color:#CED7E2; /*background-color:rgba(0,0,0,0.60);opacity: 0.6;filter: alpha(opacity=60);  */}}

div.tile a img {width:60px;margin-bottom:6px;float:left;margin-right:6px; vertical-align: middle}
@media (min-width:601px){div.tile a img {border-top-left-radius:8px;border-top-right-radius:8px; margin-bottom:6px;width:100%; }}

div.tile div {height:2.3em; position: relative; }
div.tile div p {margin: 0;position: absolute;top: 50%; transform: translate(62px, -50%);padding-right:60px;}
@media (min-width:601px){div.tile div {height:2.3em; position: relative; clear:both }}
@media (min-width:601px){div.tile div p {margin: 0; position: absolute; top: 50%;left: 50%;margin-right: -50%;transform: translate(-50%, -50%); padding-right:0}}

/*---------after tile-------*/
.aftertile {float:left; margin:12px 0 12px 6px;}
@media (min-width:601px){.aftertile {float:right; margin:24px 40px 0 0;}}

.menubox { padding:12px 12px;border:5px solid #F0F0F0; margin:24px 0; border-radius: 8px}
@media (min-width:601px){.menubox { padding:0;border:0; margin-bottom:0;}}



.menupagebox, .menupageboxextra, .menuboxlg {border-radius:8px;margin:0 0 5px 0; background-color: #fff; color:#424242; }
@media (max-width: 920px) and (min-width: 600px){.menupagebox, .menupageboxextra, .menuboxlg {margin:5px 10px;}}
@media (min-width:921px){.menupagebox, .menupageboxextra, .menuboxlg {margin:5px 20px;}}
.menupagebox img, .menuboxlg img {float:left;margin-right:10px;width:60px;}
@media (max-width: 920px) and (min-width: 600px){.menupagebox img, .menuboxlg img {width:75px;}}
@media (min-width:921px){.menupagebox img {width:93px;}}
@media (min-width:921px){.menuboxlg img {width:120px;}}
.menupagebox a, .menuboxlg a  {color:#5e7da2;font-size:22px; text-decoration: none; display: block;padding:15px;line-height:normal;border-radius: 8px;}
@media (max-width: 920px) and (min-width: 600px){.menupagebox a, .menuboxlg a  {font-size:22px;}}
@media (min-width:921px){.menupagebox a, .menuboxlg a  {font-size:26px;}}
.menupagebox a:hover, .menuboxlg a:hover {color:#e56220;background:#E8E8E8}
.menupagebox a div {font-size:16px;  color:#424242; text-decoration: none !important}
.menupagebox:hover {background: #E8E8E8;border-radius:8px}

.menupagebox div, .menuboxlg div {margin-top:1em;margin-bottom:0; padding-left:70px;}
@media (max-width: 920px) and (min-width: 600px){.menupagebox div, .menuboxlg div {padding-left:85px;}}
@media (min-width:921px){.menupagebox div, .menuboxlg div {padding-left:103px;}}

div.menuapp img {width:128px !important}
div.menuapp div { padding-left:138px !important;}

.filetypes {border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;padding:6px 0; margin:12px 0; font-size: 12px}
.filetypes div {float:left;margin:2px 30px 2px 0; white-space: nowrap;}
@media (max-width:920px){.filetypes div{width:5.9em;}}

.table-cell-small {flex:1;border-bottom:1px solid #e7e7e7;white-space: nowrap; padding:5px 0; text-align: center}
.table-cell-smallfirst {white-space: nowrap; padding:5px 5px 5px 0; text-align: left; min-width:154px !important}
@media (max-width: 701px) {.table-cell-small span{display:none; width:0;height:0;opacity:0;visibility: collapse}
	.table-cell-smallfirst  {font-size: 14px}}

.pagekey {border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;padding:6px 0; margin:12px 0;overflow: hidden}
.pagekey .keyitem {float:left;margin-right:30px; white-space: nowrap;}
.pagekey .keydesc {float:left;margin-right:30px; font-weight:bold;}
.pagekey img {margin-top:2px;margin-bottom:2px;}

.menulistitem a, .menulistvideo a, .faqtitle {border-bottom:1px solid #e7e7e7;border-top:1px solid #e7e7e7;padding:12px;margin:2px 0; display:block;background:#F4F4F4; border-radius: 8px}
.menulistitem a:hover, .menulistvideo a:hover {background:#e6e6e6; color:#646363 }

.menulistvideo {margin-bottom:1em; }
.menulistvideo img {float:left; margin-right:10px}
.menulistvideo a {text-decoration: none; color:#000; overflow: auto}
.menulistvideo a p {color:#000; padding-top:10px;margin-bottom:0;}
.menulistvideo .txtgreylarge {padding-bottom:10px;overflow: auto}
.time {background: #585858; color:#fff;padding:3px; border-radius: 5px; float:right;width:3em; text-align: center}

#navbar {width:920px;position:relative;margin:0 auto 0 auto;text-align:left;padding:9px 0;height:46px;border-bottom:1px solid #e6e6e6;}
#navbar li {float:left;list-style:none;padding-right:10px;}
#navbar li a {background-image:url(../images/icons/bar1.png);background-repeat:no-repeat;background-position:right;padding-right:20px}
@media (max-width:920px){#navbar {font-size:14px;padding:6px;}}
@media (max-width:920px){#navbar li {padding-right:7px;}}
@media (max-width:920px){#navbar li.txtgrey {display:none;}}

.marginl0 {margin-left:0 !important;}


div#footermain {
 width:100%;
 margin:0;
 padding:0;
 background:-moz-linear-gradient(top,#e2e2e2,#fff);
 background:-webkit-gradient(linear,0% 0%,0% 100%,from(#e2e2e2),to(#fff));
 background:linear-gradient(#e2e2e2,#fff);
 background:-o-linear-gradient(#e2e2e2,#fff);
 position:relative
}
div#footermain .footquart {padding:6px; color:#4e4e4e}

div#footermain a {text-decoration: none;
	color: #4e4e4e;}
div#footermain a:hover {
	color: #e56220;}

div#footerc { width:100%; margin:12px 0 0 0; padding:5px 0; background-color:#464646; position:relative; color:#fff; font-size:12px;}

div#footer ul {
	text-indent:0;
	margin-left:0;
	margin-top:0;
}
div#footer ul li {
	list-style-type:none;
	margin-left:0;
	padding:0 6px 6px 0;
	line-height: 1em;
}

div#footer ul.keyproducts li, ul.keyproducts li{
	list-style-type:none;
	background-image:url(../images/icons/bullet.png);
	background-repeat:no-repeat;
	background-position: center left;
	margin-left:0;
	padding-left:25px;
}

a.footorange, a.footred, .footred input {
	width:100%;
	display:block;
	text-align:center;
	font-size:18px;
	color:#fff;
	padding:6px 0;
	background-color:transparent;	border-radius: 8px;
}
a.footorange {
	background-color:#e76225;
}
a.footred, .footred input {
	background-color:#c20000;
}
.footred input {
	background-color:#e76225;
}
a.footred:hover {
	background-color:#990000;
	color:#FFF
}
a.footorange:hover, .footred input:hover {
	background-color:#b64d1d;
	color:#FFF
}
.email {
	border:1px solid #999;
	margin-top:6px;
	padding:2px 6px;
	width:100%;
}

.successlink, .successlink:visited, .successlink:active {position:relative;	margin:20px auto 20px auto;padding:1em;display: block; text-decoration: none;border-radius: 8px;color:#424242; min-height:182px;}
.successlink:hover {background:#E8E8E8;color:#424242;}
.successlink img {width:auto;max-width:220px;border-radius: 8px;}


@media only screen and (min-width: 601px) {
	.successlink {width:100%;}
	.successlink img {position:absolute;top:1em;}
	.successlink div {margin-left:220px;padding-left:20px;}}

@media only screen and (max-width: 600px) {
	.successlink {width:auto;margin:25px auto 25px auto;padding:0.5em; text-align: center }
	.successlink img {position:relative;top:auto;	margin:0 0 20px 0;}
	.successlink div {text-align: left}
		}