#scroll { position:relative; height:470px; overflow:hidden; }
#tools { width:9999em; position:absolute; }
.tool { float:left; width:880px; padding: 25px 40px; }
#thumbs {	background: url(/images/tour_footer.png) no-repeat; background-position: 0 0;	position:absolute;
    top:405px; width:960px; height:62px; border-bottom: 1px solid #777; }
.t a {	display:block; margin: 0 15px 0 0; width: 110px; height: 60px; padding: 0;	float:left; cursor:pointer; }
.t a.active { background: url(/images/tour.png) no-repeat 0 -64px }
.t a label {	display:block; background: #f6f6f6 url(/images/tour.png) no-repeat; margin: 12px 0 0 0; width:70px;	height: 20px;
                padding: 18px 0 0 40px; float:left; cursor:pointer; font-weight: bold; border:1px solid #aaa;
                -moz-border-radius:8px; -webkit-border-radius:8px; }
.t a:hover label { color: #4D6DAC; }
.t a.active label, .t a:hover label { background-color: #fff; }
.t a.active label { border-color: #777; color: #0A3B98; cursor: default !important; }
#t0 { margin-right: 158px; margin-left: 38px; }
#t0 label { background-position: 0 -138px; width: 85px; }
#t1 label { background-position: 0 -176px; }
#t2 label { background-position: 0 -216px; }
#t3 label { background-position: 0 -258px; }
#t4 label { background-position: 0 -292px; }
#t5 label { background-position: 0 -333px; }

.overlay { display: none; background: #444; width:840px; padding:15px; }
.overlay div.close { background-image: url(/images/close.png); position:absolute; right:-20px; top:-20px;	cursor:pointer;	height:35px; width:35px; }

.scrollable { position:relative; overflow:hidden; width: 426px; height: 348px; -moz-border-radius:5px; -webkit-border-radius:5px; border: 1px solid #777;} 
.scrollable .items { width:20000em; position:absolute; clear:both; }
.scrollable, .scrollable .items { background: #777777; }
.scrollable .items img { float:left; cursor:pointer; padding: 1px; }
.scrollable .caption { position: absolute; top: 326px; left: 35px; width: 320px; color: #fff; font-weight: bold; }
.scrollable .back { position: absolute; top: 320px; left: 0px; }
.scrollable .more { position: absolute; top: 320px; left: 355px; }
a.more, a.next, a.back { cursor: pointer; }
a.disabled { visibility:hidden !important; } 	

.vid { float: left; cursor:pointer; }
.vid img { border: 4px solid #777777; float: left; }
.vid:hover img { border-color: #22333f }
.vid .caption { float: left; margin: 25px 0 0 15px; white-space: nowrap; font-size: 120%; font-weight: bold; color: #44555f; }
.vid:hover .caption { color: #22333f; text-decoration: underline; }

.tool h1 { color: #4D6DAC; margin-top: 0; }
.tool p { font-size: 120%; }
.tool p { margin-bottom: 1em; }
.tool .details { position:relative; float:right; width: 390px }
.tool .demos { float: left; width: 420px;}
.tool .controls { position:absolute; top: 318px; left: -8px;}
.tool .controls .signup { margin-top: 0; }
.tool .controls .learnMore { margin-top: 0; }
