/******* Skylight Financial *******/

* { padding: 0; margin: 0; }
body { text-align: center; position: relative; margin: 0 auto; background: url(/img/main/bkgd.png) #71CBD2 repeat-x; color: #ffffff; font: 12px/160% Arial, Helvetica, sans-serif; }
p { margin-top: 0; padding-bottom: 10px; }
a, a:link, a:active, a:visited { color: #ffffff;text-decoration: underline; }
a:hover { color: #cccccc; text-decoration: underline; }

h1.sitetitle { display: none; }
h1.logo { margin-left: 36px; }
h2 { font-size: 14px; text-transform: uppercase; }
h3 { font-size: 13px; }
h4 { font-size: 12px; }

ul { margin: 0; list-style-type: none; padding-bottom: 10px;}
ul ul { margin-top: 2px; }
ol { margin-bottom: 6px; }
ol li { background: none; margin-left: 32px; padding-left: 0px;}
li { line-height: 16px; margin-left: 0px; padding-left: 14px; padding-top: 2px; padding-bottom: 6px; background: url(/img/body-bullet1.png) no-repeat 0em 0.3em; }
li li { line-height: 16px; margin-left: 0px; padding-left: 14px; padding-top: 2px; padding-bottom: 6px; background: url(/img/body-bullet1.png) no-repeat 0em 0.3em; }
		
blockquote { margin-left: 30px;}
body#yellow h3 { color: #71cbd2!important; }

* html #rightcol { behavior: url(iepngfix.htc); }


/***** Container *****/
#container { width: 960px; margin: 0 auto; text-align: left; background-color: #4b4948; }


/***** Top Nav *****/

#top { position: relative; height: 70px; width: 960px; background-color: #373534; }
#top .buttons { background:url(/img/topbtn-back.png) no-repeat; display: block; height: 176px;position: absolute; top: 22px; left: 648px; width: 296px;}
#top .corporateportal a { width: 148px; height: 20px; float: left; display: block; text-indent: -5000px; background:url(/img/main/btn-corporateportal.png) no-repeat; }
#top .corporateportal a:hover { background:url(/img/main/btn-corporateportal-over.png) no-repeat; }
#top .cardlogin a { width: 148px; height: 20px; float: left; display: block; text-indent: -5000px; background:url(/img/main/btn-cardlogin.png) no-repeat; }
#top .cardlogin a:hover { background:url(/img/main/btn-cardlogin-over.png) no-repeat; }

/***** Main Nav *****/

#mainnav { height: 32px; width: 960px; display: block; position: relative; z-index: 5000;  background: url(/img/nav/nav-back.jpg) no-repeat!important; color: #fff!important;}

/***** Billboard *****/

#billboard { border-left: 2px solid #787776; border-right: 2px solid #787776; padding: 11px 11px 0px 11px; height: 73px; display: block; background:url(/img/flash-bkgd.jpg) no-repeat 11px 11px;}

/***** Main *****/

#main { float: left; width: 956px; border-left: 2px solid #787776; border-right: 2px solid #787776; border-bottom: 2px solid #787776;position: relative; z-index: 2; padding-top: 45px; background:url(/img/main/back.png) no-repeat;}

/***** Left *****/

#leftcol { float: left; width: 222px; min-height: 482px!important; background:url(/img/main/leftcol-bkgd.png) no-repeat bottom; }
#leftcol .text { margin-left: 38px; margin-right: 38px; position: relative;}
#leftcol img { padding: 0!important; margin: 0!important; behavior: url(iepngfix.htc); }
#leftcol li a, #leftcol li a:link, #leftcol li a:active, #leftcol li a:visited { padding-left: 16px; font-weight: bold; text-decoration: none; display: block; color: #ffffff; }
#leftcol li a:hover { text-decoration: none; color: #ffffff!important; }		
#leftcol li li a, #leftcol li li a:link, #leftcol li li a:active, #leftcol li li a:visited { color: #ffffff!important; font-weight: normal; display: block; }
#leftcol h4 { color: #71CBD2; line-height: 18px; }

body#home #leftcol { min-height: 398px!important;}
body#home #leftcol .text { margin-left: 36px; margin-right: 20px; }
body#home #leftcol ul { margin-left: 0; padding-left: 0; }
body#home #leftcol li { line-height: 16px; margin-left: 0px; padding-left: 14px; padding-top: 2px; padding-bottom: 6px; background: url(/img/body-bullet1.png) no-repeat 0em 0.3em; text-transform: none; }
body#home #leftcol h4 { text-transform: none;font-size: 13px;}

/***** Right *****/

* html #rightcol { height: 442px; }		
#rightcol { float: left; border-left: 1px solid #373534; width: 733px; position: relative; min-height: 442px; z-index: 3; padding-bottom: 30px; }	
#rightcol .text { margin-left: 38px; }
#rightcol .text p { padding-bottom: 22px;}
#rightcol h3 { padding-bottom: 4px; }
#rightcol h4 { color: #71CBD2; font-size: 11px; }

.note { padding-top: 3px; font-size: 9px; line-height: 11px; margin-left: 0px; margin-right: 0px; margin-top: 4px; color: #ffffff; }
.note a {text-decoration: none;}

	
body#home #rightcol { min-height: 350px; background:url(/img/home/swirl-home.png) no-repeat; border-left: 1px solid #373534; }

* html body#home #rightcol { height: 348px!important; }
body#home #rightcol .text { margin-right: 38px; margin-left: 38px; text-align: justify; }
#rightcol h2.home-contenttitle { background:url(/img/home/title-paycardsolutions.png) no-repeat; display: block; width: 433px; height: 16px; text-indent: -5000px; padding-bottom: 16px; font-size: 16px; }
#rightcol h2.home-calculate { background:url(/img/home/title-calculate.png) no-repeat; display: block; width: 389px; height: 13px; text-indent: -5000px; padding-bottom: 12px; margin-top: -1px;}

body#home #rightcol h3 { font-size: 16px; text-align: justify!important; display: block; color: #71CBD2; text-transform: none; letter-spacing: 0.0125em; font-weight: none; padding-bottom: 4px; padding-top: 10px; font-family: Arial, Helvetica, sans-serif;}
body#home #rightcol img { border-left: 2px solid #787776; padding-left: 23px;}

/* Calculator */
#rightcol .form { width: 308px; float: left;border: 2px solid #787776; font-size:10px; color: #000000; text-transform: uppercase; }
#rightcol .form .directdepositsavings { background:url(/img/home/form/annualdirectdeposit.png) no-repeat; height: 23px!important;}
#rightcol .form .onlinewagesavings { background:url(/img/home/form/onlinewagestatement.png) no-repeat; height: 23px!important;}
#rightcol .form .savingspercheck { background:url(/img/home/form/costsavingspercheck.png) no-repeat; height: 23px!important; color: #666666; font-weight: bold; font-size: 9px; }
#rightcol .form .paidemployees { background:url(/img/home/form/numberpaidemployees.png) no-repeat; height: 23px!important;}
#rightcol .form .weeklypayroll { background:url(/img/home/form/weeklypayrollsavings.png) no-repeat; height: 23px!important; }
#rightcol .form .biweeklypayroll { background:url(/img/home/form/biweekly-payrollsavings.png) no-repeat; height: 23px!important;}
	
body#home #rightcol .form input { text-align: right;}
body#home #rightcol  .text.form { margin-right: 0px; text-align: justify; }
body#home #rightcol  .text2 { margin-left:14px; }
.footnote { color: #fff; font-size: 9px; text-transform: none; margin-left: 326px;}
.footnote a {text-decoration: none;}

#rightcol input { width: 65px; height: 12px; float: right; font-size: 9px; padding-top: 1px;margin-right: 6px; margin-top: 2px; }
#rightcol .form p { text-indent: -5000px; padding-bottom: 0; margin:0;}
#rightcol .form-title { margin: 0; width: 308px; height: 23px; display: block; background:url(/img/home/form/onlinewagestatement.png) no-repeat;}
#rightcol .form-bar { margin:0; width: 306px; height: 18px; padding-top: 2px; padding-right: 2px; display: block; }
#rightcol .form-result { margin-left: 0px;display: block; width: 308px; height: 16px!important; font-size: 1px; line-height: 1px; text-indent: -5000px; padding: 0; margin-top: 0!important; margin-bottom: 0!important;}	
#rightcol .form-calc { margin-left: 6px;display: block; width: 308px; height: 16px!important; font-size: 1px; line-height: 1px; text-indent: -5000px; padding: 0; margin-top: 0!important; margin-bottom: 0!important;}
 html*#rightcol .form-calc { margin-left: -8px!important; }
 
@media screen and (-webkit-min-device-pixel-ratio:0){
#rightcol .form-calc {margin-left: 6px;}
}

#rightcol .form-calc a { display: block; width: 308px; height: 16px!important; font-size: 1px; line-height: 1px; text-indent: -5000px; padding: 0; margin-top: 0!important; margin-bottom: 0!important; }

#rightcol #Button1 { display: block; width: 308px!important; height: 16px!important; border: 0px; font-size: 1px; line-height: 1px; text-indent: -5000px; padding: 0; margin-top: 0!important; margin-bottom: 0!important; background:url(/img/home/form/calculate.png) no-repeat;}
#rightcol #Button2 { display: block; width: 308px!important; height: 16px!important; border: 0px; font-size: 1px; line-height: 1px; text-indent: -5000px; padding: 0; margin-top: 0!important; margin-bottom: 0!important; background:url(/img/home/form/calculate.png) no-repeat;margin-left: 8px; }		
#rightcol #Button3 { display: block; width: 308px!important; height: 16px!important; border: 0px; font-size: 1px; line-height: 1px; text-indent: -5000px; padding: 0; margin-top: 0!important; margin-bottom: 0!important; background:url(/img/home/form/reset.png) no-repeat;margin-left: 8px; }	
#rightcol #Button3:hover {width: 308px!important; height: 16px!important; background:url(/img/home/form/reset-over.png) no-repeat;}
#rightcol #Button4 { display: block; width: 308px!important; height: 16px!important; border: 0px; font-size: 1px; line-height: 1px; text-indent: -5000px; padding: 0; margin-top: 0!important; margin-bottom: 0!important; background:url(/img/home/form/reset.png) no-repeat;margin-left: 8px; }
#rightcol #Button4:hover {width: 308px!important; height: 16px!important; background:url(/img/home/form/reset-over.png) no-repeat;}

/***** Footer *****/

#footer { width: 956px; height:40px; margin: 0px auto 0 auto; position: absolute; z-index: 1; }
#footer .text { padding-top: 3px; font-size: 9px; line-height: 10px; margin-left: 0px; margin-right: 0px; margin-top: 4px; color: #4b4948; }
	
#footer ul { float: left; margin-top:-4px; width: 446px; text-align: right; display: block;}
#footer li { display: inline; background: none; font-family:Arial, Helvetica, sans-serif; padding: 0; font-size: 9px; }
#footer li a,#footer li a:link,#footer li a:active,#footer li a:visited { color: #4b4948!important; text-decoration: none;text-transform: uppercase;}
#footer li a:hover { text-decoration: none; color: #ffffff!important; }
	
#footer img { margin-right: 4px; margin-top: 0px; padding-top: 0; padding-bottom: 20px;display: block; margin-bottom: 20px!important;float: left; width: 114px;}	
#footer .visa { float: left; width:506px; display: block; }


/** Exp **/

.exp-logo { display: block; float: left; width: 143px; background-color: white; text-align: center; margin-right: 10px; margin-bottom: 10px; padding-bottom: 8px; height: 111px;}
.exp-logo { margin-bottom:10px!important; \margin-bottom:-10px; m\argin-bottom:-10px;}
.exp-logo img { border: 0; }
.exp-logo a, .exp-logo a:link, .exp-logo a:active, .exp-logo a:visited { color: #666666!important; text-decoration: none!important; font-size: 11px;line-height: 10px;}

/* Site Map */

#sitemap li li a, #sitemap li li a:link, #sitemap li li a:active,#sitemap  li li a:visited { margin-left: 10px;color: #ffffff;}
textarea { font-family:Arial, Helvetica, sans-serif;}

/*Careers IFrame*/
.careersiframe {color:#ffffff; background-color: #4B4948; border:0px;}