* { margin:0; padding:0; }

html, body { height: 100%; }

body { font: 12px/17px Arial, Helvetica, Sans-Serif; color: #000; background: #efefef url('../images/bkg-sub.png') top center repeat-x; }
body.home { background: #efefef url('../images/bkg-home.png') top center repeat-x; }

a:link, a:visited { color: #0097e6; text-decoration: none; }
a:focus, a:hover, a:active { color: #000000; }
li { list-style:none; }
p { margin: 0 0 20px 0; }

.png { behavior: url('assets/iepngfix.htc') }

img.r { float: right; margin: 0 0 0 15px; }
img.l { float: left; margin: 0 15px 0 0; }

#container { width: 920px; margin: auto; min-height: 100%; margin-bottom: -150px; position: relative; _height: 100%; }

#header { width: 920px; height: 83px; margin: auto; padding-top: 28px; }

/*----- Home Feature -----*/
body.home #feature { width: 920px; height: 384px; background: url('../images/feature-bkg.jpg') no-repeat; }
#feature { width: 920px; height: 324px; background: url('../images/feature-sub-bkg.jpg') no-repeat; }

body.home #feature .col1 { float: left; width: 600px; margin: 0 50px 0 0; _margin-right: 40px; padding: 0; }
body.home #feature .col2 { float: left; width: 250px; padding: 12px 0 0 0; }
body.home #feature .col1 p { font-size: 15px; line-height: 21px; color: #ffffff; padding: 0 0 0 28px; }
body.home #feature h2 { width:600px; height:203px; margin: 0 0 45px 0; overflow:hidden; background: url('../images/feature-txt.gif'); display:block; text-indent:-9999px; }

/*----- Sub Feature -----*/
#feature .col1 { float: left; width: 280px; padding: 12px 0 0 10px; }
#feature .col2 { float: left; width: 610px; padding: 25px 0 0 0; }

#feature .col2 p { font-size: 14px; line-height: 17px; color: #ffffff; padding: 0 0 0 0; }
#feature h2      { margin: 0 0 10px 0; overflow:hidden; display:block; text-indent:-9999px; }
#feature h2.pst  { width:357px; height:63px; background: url('../images/ttl-pst.png'); }

#feature a:link, #feature a:visited  { color: #0097e6; }
#feature a:hover { color: #aaa; border-bottom: 1px solid #585858; }
#feature a:hover.none  { border: none; }
#feature img.button.sign { float: right; padding: 13px 0 0 0; }

body.home #feature img.button { padding: 0 0 0 12px; }

#main ul    { margin: 0 0 15px 0; }
#main ul li { list-style-type: disc; margin: 0 0 0 25px; }
#main ul li ul li { list-style-type: circle; margin: 0 0 0 50px; }

h3.locate { background: url('../images/ico-locate.gif') no-repeat; padding: 0 0 0 25px; }
h3.report { background: url('../images/ico-report.gif') no-repeat; padding: 0 0 0 25px; }
h3.central { background: url('../images/ico-central.gif') no-repeat; padding: 0 0 0 25px; }
h3.exchange { background: url('../images/ico-exchange.gif') no-repeat; padding: 0 0 0 25px; }


#main { margin: 0 6px 0 3px; padding-top: 25px; }
#main .col1 { float: left; }
#main .col2 { float: right; }
#main .col-top { width: 445px; height: 10px; background: url('../images/col-shad-top.png') no-repeat; }
#main .col-mid { width: 393px;               background: url('../images/col-shad-mid.png') repeat-y; padding: 15px 26px; _margin-top: -5px; }
#main .col-bot { width: 445px; height: 10px; background: url('../images/col-shad-bot.png') no-repeat; }
#main .col-mid p  { margin: 0 0 12px 0; }
#main .col-mid h3 { font-size: 18px; color: #706f70; font-weight: normal; margin: 0 0 5px 0; }
#main .col-mid h4 { font-size: 12px; color: #777777; }

h4.arrow a:link, h4.arrow a:visited     { background: url('../images/arrow.png') no-repeat; padding: 4px 0 4px 28px; color: #777777; text-decoration: underline; _padding-top: 2px; }
h4.arrow a:hover                        { background-position: 0 -28px; color: #000000; }


.screen-tn           { float: left; width: 213px; padding: 0 0 0 19px; }
.screen-tn.first     { padding: 0 0 0 0; }
.screen-tn p         { padding: 6px 0 0 40px; font-weight: bold; min-height: 52px; height:auto !important; height:52px; }

.screen-tn p.one       { background: url('../images/01.png') 0 10px no-repeat; }
.screen-tn p.two       { background: url('../images/02.png') 0 10px no-repeat; }
.screen-tn p.tre       { background: url('../images/03.png') 0 10px no-repeat; }
.screen-tn p.for       { background: url('../images/04.png') 0 10px no-repeat; }



ul#mnav                { float: right; margin: -48px 10px 0 0; _margin-right: 0; }
ul#mnav li             { float: left; width: 130px; font-weight: bold; margin: 0 0 0 15px; padding: 2px 0; border-top: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; font-size: 11px; }
ul#mnav li span        { display: block; padding: 0 0 0 8px; background: url('../images/mnav-bar.gif') 0 2px no-repeat }
ul#mnav li span:hover  { display: block; padding: 0 0 0 8px; background-position: 0 -18px; }
ul#mnav li a           { color: #16567f;  display: block; }
ul#mnav li a:hover     { color: #0089d0;  }

/* Original Nav ul#snav                { float: right; margin: -18px 10px 0 0; clear: both; _margin-right: 0px; }*/
ul#snav                { float: right; width: 550px; margin: -35px 10px 0 0; clear: both; _margin-right: 0px; }
ul#snav li             { float: left; font-size: 10px; margin: 0 0 0 5px; padding: 0 0 0 8px; }
ul#snav li span        { display: block; }
ul#snav li a           { color: #8d8d8d; padding: 0 0 0 16px; }
ul#snav li a:hover     { color: #373737; }

ul#snav li a#home { background: url('../images/snav-home.gif') no-repeat; }
ul#snav li a#fort { background: url('../images/snav-fort.gif') no-repeat; }
ul#snav li a#cont { background: url('../images/snav-cont.gif') no-repeat; }
ul#snav li a#cart { background: url('/Cart/App_Themes/Skin_1/images/icons/cart.gif') no-repeat; }
ul#snav li a#yourAcct { background: url('/Cart/App_Themes/Skin_1/images/icons/your-account.gif') no-repeat; }

ul#snav li a:hover#home { background-position: 0 -20px; }
ul#snav li a:hover#fort { background-position: 0 -20px; }
ul#snav li a:hover#cont { background-position: 0 -20px; }




h1 a { width:270px; height:50px; overflow:hidden; background: url('../images/logo.gif'); display:block; text-indent:-9999px; cursor:pointer; border-bottom: none; }

h2 { font-size: 15px; color: #d79949; font-weight: normal; margin: 0 0 10px 0; }


#footer           { height: 150px; position: relative; background: url('../images/footer-bkg.png') repeat-x; }
#footer .inner    { width: 900px; margin: auto; padding: 20px 0; }

#footer .inner p         { font-size: 11px; color: #cfcfcf; margin: 0 0 0 0; line-height: 18px; }
#footer .right    { float: right; margin-top: -18px; text-align: right; }
#footer a:link, #footer a:visited { color: #cfcfcf; text-decoration: none; border-bottom: none;}
#footer a:hover, #footer a:active { color: #ffffff; }


.clearfooter { height: 150px; clear: both; padding-top: 25px; }

.clear { clear:both; height: 0px; font-size: 1px; line-height: 0px; }



/*----- Fortis Family -----*/

	#fortisLink {
		margin-right: 0px;
		float: left;
		cursor: pointer;
	}
	#fortisLink img {
		position:absolute;
		top: 0;
		left:0;
	}
	
	#bubbleWrap {
		position: absolute;
		z-index: 10;
		left: 492px;
		top: 60px;
	}
	.bubble {
		position: absolute;
	}
	#fortisLink img.family-fs {
		position: absolute;
		left: 14px;
		top:18px;
	}
	#fortisLink img.family-fds {
		position: absolute;
		left: 146px;
		top:18px;
	}


/*----- Testimonials -----*/

body.testimonial { font: 12px/17px Arial, Helvetica, Sans-Serif; color: #000; background: #efefef url('../images/bkg-sub2.png') top center repeat-x; }

#feature2 {   background: url("../images/feature-sub-bkg2.jpg") no-repeat scroll 0 0 transparent; height: 70px; margin: 0 0 40px; width: 920px; }

ul#snav li a#testi { background: url('../images/snav-testi.gif') no-repeat; }
ul#snav li a:hover#testi { background-position: 0 -20px; }