*{font-family:BreeWeb,Trebuchet MS,'sans-serif',sans;}
html, html body, body{padding:0;margin:0;font-size:10pt;font-weight:400;}
html body{margin-top:10px;background:url('/siteimages2/faux-fabric.png');}

textarea{font-size:10pt;}
button{cursor:pointer;}

a,a:hover{color:#0064A3;text-decoration:none;}
a img{border:none;}
strong, b{font-weight:bold;}
b strong,strong b,strong strong,b b{font-weight:bolder;}
i,em{font-style:oblique;}

#sas-outer{width:962px;margin:auto;}
#sas-outer-header{position:relative;height:100px;}

#headerLogo{position:absolute;left:0;top:0;margin:0;width:347px;height:96px;}

#hdLogin{position:absolute;top:7px;right:0;}
#hdLogin a.login{border:0;cursor:pointer;text-transform:uppercase;display:inline-block;font-weight:bold;font-size:10.5pt;padding:2pt 4pt;margin-right:1em;box-shadow:1px 1px 3px #999;}
#hdLogin a.login-aff{background:#FFD520;color:black;}
#hdLogin a.login-mer{background:#0064A3;color:white;}

#hdLnk{position:absolute;bottom:1em;right:0;}
#hdLnk a{color:black;font-weight:bold;font-size:12pt;text-transform:uppercase;display:inline-block;margin-left:1em;}
#hdLnk a:hover{color:#0064A3;text-decoration:underline;}

#sas-inner{background:white;border:1px solid #aaa;box-shadow:0 0 2px 2px #ccc;min-height:4in;width:960px;}

#topNav{text-align:center;padding:0.6em 0 0.4em;font-size:18pt;line-height:16pt;background:#0064A3;box-shadow:0 3px 3px rgba(0,0,0,0.5);position:relative;z-index:10;}
#topNav .nav{padding:0;margin:0 8px;}
#topNav .nav small{font-size:13pt;display:block;font-weight:400;}

/**
	category menu css animation
	heights of the div mask should be adjusted for the height of the UL element containing the links
	height need not be exact but should not be shorter than the height of the UL
*/
@keyframes fx-nav-more-dv{from {height:0;} 1% {height:200px;} to {height:200px;}}
@-webkit-keyframes fx-nav-more-dv{from {height:0;} 1% {height:200px;} to {height:200px;}}
@keyframes fx-nav-un-more-dv{from {height:200px;} 99% {height:200px;} to {height:0;}}
@-webkit-keyframes fx-nav-un-more-dv{from {height:200px;} 99% {height:200px;} to {height:0;}}

.more-categories{position:relative;display:inline-block;}
.more-categories div{position:absolute;top:99%;left:0;padding:0;overflow:hidden;background:transparent;z-index:100;height:0;animation:fx-nav-un-more-dv 0.5s;-webkit-animation:fx-nav-un-more-dv 0.5s;}
.more-categories ul{position:relative;margin:0;padding:0.5em 1em;list-style:none;background:white;font-size:12pt;line-height:14pt;font-weight:400;border-radius:0 10px 10px 10px;box-shadow:3px 5px 6px rgba(0,0,0,0.5);background:#0064A3;opacity:0;bottom:110%;transition: 0.5s;}
.more-categories-hover div,
.more-categories:hover div{padding:0 10px 10px 0;height:200px;animation:fx-nav-more-dv 0.1s;-webkit-animation:fx-nav-more-dv 0.1s;}
.more-categories-hover div ul,
.more-categories:hover div ul{opacity:1;bottom:0;}

.more-categories li{margin:0;padding:0;text-align:left;}
.more-categories li+li{border-top:1px dashed #ccc;}
.more-categories li a{white-space:nowrap;color:white;}

#topSpot{height:360px;position:relative;overflow:hidden;}

#topSpot .ts-panel{position:relative;height:360px;overflow:hidden;}

#topSpot .ts-nav{position:absolute;top:50%;margin-top:-24px; width:32px;height:48px;border:0;background:transparent url('/siteimages2/arrows-lg.png');}
#topSpot .ts-nav-lt{background-position:left;left:25px;}
#topSpot .ts-nav-rt{background-position:right;right:25px;}

.loginBox-col{width:440px;text-align:center;vertical-align:top;display:inline-block;}
.loginBox{display:inline-block;width:350px;text-align:left;}
.loginBox .loginHdr{position:relative;padding:0 0 2pt 0.25em;font-size:17pt;line-height:100%;font-weight:900;}
.loginBox .loginTitle{}
.loginBox .loginSignup{position:absolute;right:1.5em;bottom:0;font-size:12pt;padding:1pt 0.75em 0;font-weight:700;color:white;border-radius:3px 3px 0 0;text-shadow:1px 1px 1px #333;}
.loginBox .loginSignup-aff{background:rgb(218,181,30);}
.loginBox .loginSignup-mer{background:rgb(0,69,118);}

.loginBox form{display:block;border-radius:0.5em;box-shadow:2px 2px 6px 2px #ccc;}
.loginBox form.aff{background:#FFD520;color:black;}
.loginBox form.mer{background:#0064A3;color:white;}

.loginBox .loginBox-inner{margin:0 1.75em;padding:1em 0;}
.loginBox .loginBox-inner .row{margin-bottom:1em;font-size:14pt;}
.loginBox .loginBox-cmd{text-align:right;padding-bottom:0.5em;}

.loginBox .loginBox-inner input[type="text"],
.loginBox .loginBox-inner input[type="password"]{border:1px solid #333;width:100%;font-size:14pt;line-height:26pt;height:26pt;border-radius:2pt;box-shadow:2px 2px 2px #ccc inset;}
.loginBox .loginBox-inner button[type="submit"]{font-weight:700;font-size:14pt;padding:2pt 6pt 1pt;background:white;color:black;border:0;border-radius:5px;box-shadow:3px 3px 3px #999 inset;}
.loginBox .loginBox-inner input[type="checkbox"]{vertical-align:top;}
.loginBox .loginBox-inner label[for="express"]{display:inline-block;font-size:8pt;font-weight:300;}

.loginBox .pwRecover{text-align:center;font-size:10.5pt;margin-top:0.5em;}
.loginBox .pwRecover a{text-decoration:underline;}

.loginExtra-outer{display:inline-block;width:400px;text-align:center;}
.loginExtra-inner{display:inline-block;width:390px;text-align:left;}
.loginExtra-inner center{text-align:center;}

.events .ttl-sm{font-size:11pt;line-height:11pt;}
.events .ttl-lg{font-weight:900;font-size:16pt;line-height:16pt;}
.events table{border-collapse:collapse;}
.events table td{padding:5px;border:0;}
.events div.evt-date{width:35px;height:35px;border:1px solid #999;text-align:center;}
.events .evt-date-month{background:#0064A3;color:white;font-size:9pt;line-height:10pt;}
.events .evt-date-month a{color:white;}
.events .evt-date-day{font-size:13pt;}
.events .evt-desc{text-transform:uppercase;vertical-align:top;font-size:12pt;padding-left:4pt;vertical-align:middle;line-height:12pt;}
.events .evt-desc small{font-size:10pt;}

hr.sep{margin:1em 0;border:1px solid #333;border-width:1px 0;height:5px;clear:both;}

.ftCopy{padding:1em 0 0;text-align:center;font-size:9pt;height:20em;}

@keyframes fx-icon-nav{from {opacity:1;} to {opacity:0.5;}}
@-webkit-keyframes fx-icon-nav{from {opacity:1;} to {opacity:0.5;}}
@keyframes fx-icon-nav-rev{from {opacity:0.5;} to {opacity:1;}}
@-webkit-keyframes fx-icon-nav-rev{from {opacity:0.5;} to {opacity:1;}}

.shoutout{margin:1em 0;text-align:center;font-size:16pt;color:#4D4E4E;}
.shoutout strong{font-size:23pt;color:#0064A3;}

.iconNav{white-space:nowrap;}
.iconNav .tout{display:inline-block;font-size:20pt;font-weight:300;line-height:20pt;margin:5px 10px 0 0;text-align:center;color:#4D4E4E;width:370px;}
.iconNav .tout strong{font-weight:900;display:block;text-align:center;color:#0064A3;}
.iconNav a{display:inline-block;text-align:center;font-size:13pt;line-height:13pt;font-weight:400;width:120px;margin:0 10px;vertical-align:top;color:#4D4E4E;white-space:normal;}
.iconNav a .icon{display:block;margin:0 auto 6pt;width:88px;height:88px;background:center center no-repeat white;border-radius:10px;opacity:1;-webkit-animation:fx-icon-nav-rev 0.5s;animation:fx-icon-nav-rev 0.5s;}
.iconNav a[href]:hover .icon{opacity:0.5;-webkit-animation:fx-icon-nav 0.5s;animation:fx-icon-nav 0.5s;}

.section-title{font-size:14pt;line-height:14pt;margin-bottom:1.5em;text-align:left;font-weight:300;color:#4D4E4E;}
.section-title .icon{display:block;width:100px;height:100px;margin-bottom:5px;border-radius:10px;}
.section-title b{font-size:15pt;font-weight:400;}

#ftNav{text-align:center;margin-top:1.5em;padding:1.5em 0;}
#ftNav .menu{display:inline-block;line-height:12pt;margin:0 2em;text-align:left;vertical-align:top;}
#ftNav .menu strong{font-size:15pt;line-height:17pt;}
#ftNav .menu a{color:black;font-size:11pt;line-height:13pt;}
#ftNav .menu a:hover{color:#0064A3;}
#ftNav .menu-connect a{display:inline-block;margin:0 2pt;}
#ftNav .menu-connect img{width:40px;height:40px;}

.headerLoginForm {display:none;z-index:100;position:absolute;width:850px;top:46px;left:50%;margin-left:-386px;background-color:#ffffff;border:solid 8px #FFD520;padding-top:20px;border-radius:15px;box-shadow: 10px 10px 10px rgba(0,0,0,0.5);}
#hdLoginMerchant{border:solid 8px #0064A3;min-height:350px;}

.callout{position:relative;}
.callout .col{}
.callout .col-left{position:absolute;top:0;left:20px;}

.callout .col-left div.nav{text-align:left;font-size:10pt;line-height:10pt;margin:1em 0 0;color:#4D4E4E;margin:1em 0;position:relative;}
.callout .col-left div.nav a{color:#4D4E4E;}
.callout .col-left div.nav img{width:40px;height:40px;border-radius:5px;display:block;}
.callout .col-left div.nav:hover{top:2px;}

.callout .col-right{width:650px;margin:0 0 1em 260px;}

.callout .callout-item{cursor:pointer;}
.callout .callout-item img{padding-bottom:6pt;}

.callout .callout-item{position:relative;z-index:5;width:280px;height:160px;padding:10px;vertical-align:top;line-height:12pt;text-align:center;color:#4D4E4E;background:white;border:1px solid transparent;border-radius:5px;white-space:normal;}
.callout .callout-item-l{margin-left:0;float:left;}
.callout .callout-item-r{margin-right:0;float:right;}
.callout .callout-item-active{border-radius:5px 5px 0 0;border-color:#999 #999 transparent #999 !important;padding-bottom:15px;}

.callout .callout-item:hover{border-color:#999;}
.callout .callout-item img{width:40px;height:40px;border:1px solid #aaa;padding:5px;border-radius:30px;background:white no-repeat center;}
.callout .callout-item-active img,
.callout .callout-item:hover img{background-color:#FFD520;}
.callout .callout-item b{font-size:13pt;}
.callout .callout-item div{text-align:left;font-weight:300;font-size:11pt;}
.callout .callout-item a{font-size:10pt;font-weight:700;line-height:15pt;}

.callout .callout-item img[src="/siteimages2/icon-40px-trans/icon-trans-40px-monitor.png"]{background-image:url('/siteimages2/icon-40px-trans/icon-trans-40px-monitor.png');}
.callout .callout-item img[src="/siteimages2/icon-40px-trans/icon-trans-40px-tv.png"]{background-image:url('/siteimages2/icon-40px-trans/icon-trans-40px-tv.png');}

.callout .sign-up{margin-top:1em;margin-bottom:2em;}
.callout .sign-up a{display:block;text-align:center;padding:4pt 0.5em;color:white;font-size:15pt;font-weight:700;width:180px;height:26px;line-height:28px;margin:auto;box-shadow:1px 1px 3px rgba(0,0,0,0.75);border-radius:3pt;}
.callout .sign-up a:hover{position:relative;top:2px;box-shadow:1px 1px 1px rgba(0,0,0,0.75);}
.callout .sign-up .sign-up-aff{background:#FFD520;color:black;}
.callout .sign-up .sign-up-mer{background:#0064A3;}

button.forgotPagesMercahnt {font-weight: 400;font-size: 13pt;padding: 2pt 6pt 1pt;background: #0063A0;color: white;border: 0;border-radius: 5px;box-shadow: 3px 3px 3px #999 inset;}
button.forgotPagesAffiliate {font-weight: 400;font-size: 13pt;padding: 2pt 6pt 1pt;background: #FFD520;color: black;border: 0;border-radius: 5px;box-shadow: 3px 3px 3px #999 inset;}