@charset 'utf-8';
@import url(reset.css);

/* ----------------------------------------------------- All browsers */

body { font:11px Arial, Helvetica, sans-serif;background:transparent; }
h1 { text-indent:-10000px; }
h2 { font-size:16px;font-weight:bold;color:#1c98e6; }
h3 { font-size:12px;font-weight:bold;color:#1c98e6;text-transform:uppercase; }
a { color:#1c98e6; }
p { margin:0.5em 0; }

#frame { width:662px;margin:0 auto; }
#header { position:relative;height:41px;background-color:transparent;background-image:url(img/bg_tb_top.png);background-position:left top;background-repeat:no-repeat; }
#closeButton { position:absolute;right:9px;top:14px;width:14px;height:14px; }
#closeButton a { display:block;width:100%;height:14px;color:#fff;text-decoration:none;font-weight:bold;text-align:center; }
#contentWrapper { border:6px solid #1c98e6;border-top:0;border-bottom:0;background-color:#fff; }
#content { padding:15px;padding-bottom:10px; }
#footer { height:10px;background-image:url(img/bg_tb_bottom.png);background-position:left bottom;background-repeat:no-repeat; }
#footer.blue { background-image:url(img/bg_tb_bottom_blue.png); }

#carousel { position:relative;height:75px;overflow:hidden; }
#carousel a.prev { position:absolute;top:21px;left:0px;width:32px;height:32px;background: transparent url(img/carousel-btn-prev.png) no-repeat 0 0 }
#carousel a.prev:hover { background-position: -32px 0; }
#carousel a.prev:active { background-position: -64px 0; }
#carousel a.prev.disabled { cursor: default;background-position: -96px 0; }
#carousel a.next { position:absolute;top:21px;right:0px;width:32px;height:32px;background: transparent url(img/carousel-btn-next.png) no-repeat 0 0; }
#carousel a.next:hover { background-position: -32px 0; }
#carousel a.next:active { background-position: -64px 0; }
#carousel a.next.disabled { cursor: default;background-position: -96px 0; }

.carousel { margin:0 42px 0 48px; }
.carousel ul li { margin-right:15px;width:75px; }
.carousel ul li img { cursor: pointer; }

#imageContainer { text-align:center; }
#imageDescription { margin:0; padding:10px 0; text-align:center;}

#sfImageContainer { margin:10px 0; }
#sfImageContainer a { margin-right:10px; }
#sfImageContainer a.last { margin-right:0; }
#sfImageContainer a img { border:1px solid #ccc; }
#sfDisplayBar { position:relative;margin:10px 0;height:31px;padding:8px 0; }
.imgStep1 { position:absolute;top:0px;left:20px;height:29px;width:29px;border:1px solid #ccc; }
.imgStep2 { position:absolute;top:0px;left:98px;height:29px;width:29px;border:1px solid #ccc; }
.imgStep3 { position:absolute;top:0px;left:176px;height:29px;width:29px;border:1px solid #ccc; }
.imgStep4 { position:absolute;top:0px;left:254px;height:29px;width:29px;border:1px solid #ccc; }
.imgStep5 { position:absolute;top:0px;left:332px;height:29px;width:29px;border:1px solid #ccc; }
.imgStep6 { position:absolute;top:0px;left:410px;height:29px;width:29px;border:1px solid #ccc; }
.imgStep7 { position:absolute;top:0px;left:488px;height:29px;width:29px;border:1px solid #ccc; }
#sfResult { margin:10px 0; }
#sfDescription { border-spacing:3px; width:100%; }
#sfDescription td{ width:12%;background-color:#ccc; }
#sfDescription td.right { text-align:right;background-color:#fff; }
#sfDescription td.blau { background-color:#1c98e6;}
#sfLinks { margin-top:10px 0; }
#sfLinks a { margin-right:16px; }
#sfLinks a.last { margin-right:0; }

.hwContent { padding-bottom:0 !important; }
.hwContent p { margin:0.75em 0; }
.hwImages { float:left;margin-right:10px;}
.hwImages img { width:200px;height:150px; }
.hwImages p { margin:0;font-size:0.8em; }
.hwText { margin:0 15px; }
.hwTextBlue { background-color:#1c98e6;padding:15px;padding-bottom:10px;color:#fff;margin-top:10px; }


/* ----------------------------------------------------- JS enabled browsers */

.js div { }

/* ----------------------------------------------------- IE7 and below */

.ie7 div { }

/* ----------------------------------------------------- IE6 and below */

.ie6 div { }