@charset "UTF-8";
/* CSS Document */

body {margin:0; padding:0; height:100%; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:13px; background:url(../images/bg_body.gif) repeat-x #eee; behavior:url("styles/csshover3.htc");}

/* toolbox */
.floatl {float:left;}
.floatr {float:right;}
.center {text-align:center;}
.clear {clear:both; padding:0; margin:0;}
.txtright {text-align:right;}
.txtleft {text-align:left;}
.txtcenter {text-align:center;}
.txtdim {color:#999;}
.txtsmall {font-size:10px;}
p {line-height:20px; padding:0; font-size:13px; margin:0 0 10px 0;}
a {color:#0aa245; text-decoration:none;}
a:hover {color:#0aa245; text-decoration:underline;}
.superlink {padding:5px 0 0 0;}
.superlink a {color:#fff}
form {margin:0;}

/* misc */
.error {margin: 4px 0 10px 0; padding: 4px 10px; color:#fff; background-color: rgb(255, 102, 0);}
.success {margin: 4px 0 10px 0; padding: 4px 10px; color:#fff; background-color:#73be40;}
.error {background:url(../images/error.gif) no-repeat 0 0; width:17px; height:17px; margin-left:10px;}
.txthelp {color:#5797ca; font-size:10px; padding:5px 0 0 0;}
.txthelp span {color:#fff;}
			   
/* Headings */
h1 {color:#fff; font-size:30px; line-height:32px; font-weight:normal; margin:0 0 10px 0;}
h2 {color:#fff; font-size:20px; font-weight:normal; margin:0 0 5px 0;}
h3 {color:#71dafe; font-size:18px; font-weight:normal; line-height:18px; margin:0; margin:0 0 5px 0;}
h3 big {font-size:18px; color:#fff; font-weight:bold;}
h3 span {font-size:14px;}
h4 {color:#1d69a2; font-size:22px; font-weight:bold; margin:0 0 5px 0;}

hr {border:0; border-bottom:1px solid #aab49d;}

/* start styles */
#sitewrapper {width:1000px; padding:0; margin-left:auto; margin-right:auto;}
#mainwrapper {width:960px; margin:0 10px 0 10px; border-top:1px solid transparent;}
#sitebody {border-top:1px solid transparent;}

/* Header */
#header {margin:0; padding:10px 0 10px 0;}
#header .logo {background:url(../images/sl_logo.gif) no-repeat; width:239px; height:68px; padding:0; margin:0;}
#header ul.functions {list-style:none;  margin:5px 0 0 0; padding:0; font-size:12px; font-weight:bold;}
#header ul.functions a {color:#545454; font-weight:bold; text-decoration:none;}
#header ul.functions a:hover {text-decoration:underline;}
#header ul.functions li {float:left; color:#545454; margin:0 10px 0 0; padding:5px 0 0 0; line-height:16px; font-size:12px; display:block; /*opera*/ display:inline-block; /*ie*/ display:-moz-inline-box;  /*ff*/}
#header ul.functions li.divider {background:url(../images/dividers.gif) no-repeat 0 0; height:28px; width:1px;}

/* Nav */
#navbar {background:url(../images/bg_horizontals.gif) repeat-x 0 0; height:44px;}
#navbar .maindiv {background:url(../images/dividers.gif) no-repeat 0 -80px; width:1px; height:44px;}

#navbar ul {  list-style:none;  margin:0; padding:12px 0 0 0;}
#navbar ul .home {background:url(../images/whites.gif) no-repeat 0 0; width:15px; height:15px;}
#navbar ul li { float:left; margin:0 0 0 0; padding:8px 15px 0 15px; height:24px; font-size:12px; line-height:17px; font-weight:bold; color:#fff; display:block; /*opera*/ display:inline-block; /*ie*/ display:-moz-inline-box;  /*ff*/}
#navbar ul li:hover {background:url(../images/bg_horizontals.gif) repeat-x 0 -108px; cursor:pointer;}
#navbar ul li.selected {background:url(../images/bg_horizontals.gif) repeat-x 0 -66px;}
#navbar ul li.divider {background:url(../images/dividers.gif) no-repeat 0 -38px; height:32px; width:1px; padding:0;}
#navbar ul li.divider:hover {cursor:default;}


ul.subnav {width:185px; list-style:none; margin:0; padding:0 0 0 0;}
ul.subnav li { float:none; background:url(../images/navsub.gif) no-repeat 0 0; margin:0 0 0 0; padding:0 0 0 5px; height:30px; width:185px; font-size:14px; line-height:26px; font-weight:normal; color:#fff; display:block; /*opera*/ display:inline-block; /*ie*/ display:-moz-inline-box;  /*ff*/}
ul.subnav li:hover {background:url(../images/navsub.gif) no-repeat 0 -30px; cursor:pointer;}
ul.subnav li.selected {background:url(../images/navsub.gif) no-repeat 0 -60px; color:#00162c;}



/* Content */
#contentbody {background:url(../images/bg_content.gif) repeat-x 0 0 #21679e; padding:0; }
* html #contentbody {height: 1%;} /*ie hack to fix height issue*/

#contentbody .colsubnav {width:200px; margin:0 15px 0 0;}
#contentbody .colmainwide {width:920px; margin:0 15px 0px 20px; padding:20px 0 0 0;}
#contentbody .topdivider {background:url(../images/dividers.gif) no-repeat 0 -202px; width:1px; height:29px; padding:0;}

.col1 {width:265px; margin:0; padding:0;}
.col2 {width:350px; margin:0 20px 0 20px;}
.col3 {width:635px; margin:0 20px 0 0;}
.colmiddle {width:420px; margin:0 0 0 10px; display:block;}
.colmiddle a {color:#fff; text-decoration:none; border-bottom:1px solid #4585b7;}
.colmiddle a:hover {border-bottom:1px solid #fff;}
.colmiddle ol {border-bottom:1px solid white;}
.colmiddle ol li {margin:0 0 8px 0;}

.qagroup {margin:0 0 20px 0;}
.qalabel {width:20px; text-align:right; font-weight:bold; margin-right:5px;}
.qalarge {line-height:18px;}
.qaquestion {font-weight:bold; width:370px; font-size:15px;}
.qaanswer {width:370px;}


/* body corners */
.bodycornerbotl {background:url(../images/corners.gif) no-repeat 0 -15px; width:10px; height:10px; font-size:0; margin:20px 0 0 0; }
.bodycornerbotr {background:url(../images/corners.gif) no-repeat -20px -15px; width:10px; height:10px; font-size:0; margin:20px 0 0 0;}

.bodycornertopl {background:url(../images/corners.gif) no-repeat 0 0; width:10px; height:10px; padding:0; margin:0; font-size:0; }
.bodycornertopr {background:url(../images/corners.gif) no-repeat -20px 0; width:10px; height:10px; font-size:0; }

/* Card Lists */
ul.cardlist {list-style:none; margin:0; padding:0;}
ul.cardlist li {background:url(../images/bg_horizontals.gif) repeat-x 0 -160px #fff; color:#1d69a2; margin:0 0 10px 0; padding:0 0 0 0;}
* html ul.cardlist li {height: 1%; } /*ie hack to fix height issue*/
ul.cardlist .cornertopl {background:url(../images/corners.gif) no-repeat 0 -30px; width:5px; height:5px; margin:0 0 4px 0; font-size:0; }
ul.cardlist .cornertopr {background:url(../images/corners.gif) no-repeat -25px -30px; width:5px; height:5px; font-size:0;}
ul.cardlist .cornerbotl {background:url(../images/corners.gif) no-repeat 0 -40px; width:5px; height:5px; font-size:0;}
ul.cardlist .cornerbotr {background:url(../images/corners.gif) no-repeat -25px -40px; width:5px; height:5px; font-size:0;}

ul.cardlist .icnstore {background:url(../images/icons_misc.gif) no-repeat 0 0; width:30px; height:30px; margin:0 10px 0 5px;}
ul.cardlist .icnget {background:url(../images/icons_misc.gif) no-repeat 0 -50px; width:30px; height:30px; margin:0 10px 0 5px;}
ul.cardlist .appgroup {background:url(../images/appgroup.gif) no-repeat 0 0; width:248px; height:47px; margin:10px 0 0 10px; padding:0;}
ul.cardlist .copy {width:200px; padding:0 0 10px 0;}
#iframe ul.cardlist .copy {width:270px;}

/* Footer */
#footer {margin:1px 0 35px 0; padding:5px 10px 0 0; font-size:11px; color:#999; text-align:right;}
#footer .powered {background:url(../images/poweredby.gif) no-repeat 0 0; width:111px; height:31px;}

/* featured */
ul.navfeatured {list-style:none; margin:0 0 0 18px; padding:0;}
ul.navfeatured li {float:left; background:url(../images/nav_featured.gif) no-repeat 0 -51px; margin:0 10px 0 0; padding:8px 0 0 8px; display:block; height:41px; width:41px; /*opera*/ display:inline-block; /*ie*/ display:-moz-inline-box;  /*ff*/}
ul.navfeatured li:hover {background:url(../images/nav_featured.gif) no-repeat 0 -108px; cursor:pointer;}

ul.navfeatured li img {margin:2px 0 0 0;}
ul.navfeatured li.selected {background-position:0 0;}
ul.navfeatured li.selected img {margin:-2px 0 0 0;}

.phonebg {background:url(../images/bg_phone.gif) no-repeat 0 0; width:218px; height:275px; margin:10px 0 0 0; padding:48px 0 0 39px;}
#homefeature {width:180px; height:240px; overflow:hidden;}
#homefeature .featurecontainer {width:2000px; padding:0 0 0 0;}

/* Buttons */
.btn {}
.btndarkblue { cursor:pointer; cursor:hand; height:28px; background:transparent url(../images/btn_ondarkblue.gif) no-repeat right top; padding:0 15px 0 0; display:block; /*opera*/ display:inline-block; /*ie*/ display:-moz-inline-box;  /*ff*/ margin:0 15px 0 0;}
.btndarkblue span {  background:transparent url(../images/btn_ondarkblue.gif) no-repeat left top;  display:block; display:inline-block;  padding:6px 0 7px 13px; color:#fff; line-height:13px; font:bold 13px arial, sans-serif;}

.btnblue { cursor:pointer; cursor:hand; height:28px; background:transparent url(../images/btn_onblue.gif) no-repeat right top; padding:0 15px 0 0; display:block; /*opera*/ display:inline-block; /*ie*/ display:-moz-inline-box;  /*ff*/ margin:0 15px 0 0;}
.btnblue span {  background:transparent url(../images/btn_onblue.gif) no-repeat left top;  display:block; display:inline-block;  padding:6px 0 7px 13px; color:#fff; line-height:13px; font:bold 13px arial, sans-serif;}

.btnwhite { cursor:pointer; cursor:hand; height:28px; background:transparent url(../images/btn_onwhite.gif) no-repeat right top; padding:0 15px 0 0; display:block; /*opera*/ display:inline-block; /*ie*/ display:-moz-inline-box;  /*ff*/ margin:0 15px 0 0;}
.btnwhite span {  background:transparent url(../images/btn_onwhite.gif) no-repeat left top;  display:block; display:inline-block;  padding:6px 0 7px 13px; color:#fff; line-height:13px; font:bold 13px arial, sans-serif;}


.btn:hover {background-position:right -30px; border:0;}
.btn:hover span {background-position:left -30px;}


.btn.disabled {background-position:right -60px;}
.btn.disabled:hover {background-position:right -60px; cursor:default;}
.btn.disabled span {background-position:left -60px; color:#1d6499;}
.btn.disabled span:hover {background-position:left -60px; color:#1d6499; cursor:default;}

.btnwhite.disabled span {background-position:left -60px; color:#999;}
.btnwhite.disabled span:hover {background-position:left -60px; color:#999;}



.brandbar {background:url(../images/bg_horizontals.gif) repeat-x 0 -691px #51a3e3; color:#fff; font-size:16px; line-height:25px; font-weight:bold; padding:0 0 0 10px; margin:20px 0 15px 0; border-bottom:1px solid #0f4874;}
.phone {text-align:center; width:120px; height:150px; font-size:12px; line-height:12px; margin:0 0 10px 0; padding:0 10px 0 0;}