html { background-color: #383B41; min-height: 100%; margin: 0; padding: 0; overflow-y: scroll; }
body { margin: 0; padding-top: 20px; position: relative; text-align: center; }

a { color: #579; text-decoration: none; }
a:hover { color: #cc0000; }
a img { border: none 0; }

h1, h2, h3, h4, h5, legend { font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif; }

div.width { margin: 0px auto; min-width: 720px; padding: 0px 30px; position: relative; text-align: left; width: 932px; }

#page { background-color: #fff; clear: both; padding-bottom: 20px; border-radius: 0em 0em 0.6em 0.6em; -moz-border-radius: 0em 0em 0.6em 0.6em; -webkit-border-bottom-left-radius: 0.6em; -webkit-border-bottom-right-radius: 0.6em; }

#top { background-color: #FFF; font: 0.9em/1 Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif; height: 160px; position: relative; text-align: right; vertical-align: middle; border-radius: 0.6em 0.6em 0em 0em; -moz-border-radius: 0.6em 0.6em 0em 0em; -webkit-border-top-left-radius: 0.6em; -webkit-border-top-right-radius: 0.6em; }

#slogan { color: #6A95C6; line-height: 40px; vertical-align: middle; z-index: 100; }
#slogan.nofx { position: absolute; left: 180px; }

#banner { background: url(/s/img/banner.png) repeat-x top; color: #FFF; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 1.1em; height: 120px; padding: 0; position: absolute; text-align: center; top: 60px; left: 0; right: 0; }
#tbs-logo { position: absolute; top: -140px; left: 22px; height: 160px; width: 400px; }
#break { background: url(/s/img/break.png) repeat-x top; height: 40px; position: absolute; left: 0; right: 0; bottom: 100px; }

#bread-crumb { font-size: 0.8em; line-height: 28px; height: 28px; padding-left: 80px; position: relative; vertical-align: middle; }

#navigation { float: right; font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif; font-size: 1.1em; height: 41px; margin: 0 auto; padding-top: 60px; position: inherit; right: 0px; }
#navigation ul, #navigation ul li { padding: 0px; line-height: 36px; list-style-type: none; margin: 0; float: right; }
#navigation ul { height: 41px; }
#navigation ul li a { border: transparent 1px solid; color: #fff; display: block; float: left; height: 39px; padding: 0px 18px; }
#navigation ul li.selected a { color: #6A95C6; }
#navigation ul li.last a { background-image: none; }
#navigation ul li a:hover { border: #5e5e5e 1px solid; color: #E41937; }

#products #navigation .products a,
#about #navigation .about a,
#services #navigation .services a,
#support #navigation .support a,
#contact #navigation .contact a { border-bottom: #fff 2px solid; color: #fff; }

#content { color: #333; font: 0.81em/1 Verdana, sans-serif; min-height: 256px; overflow: hidden; position: relative; padding: 25px 0px; width: 100%; }

#content h1 { border-bottom: dashed 1px #5e5e5e; font-size: 1.8em; margin: 0px 0px 10px 0px; padding-bottom: 6px; }
#content h2 { font-size: 1.6em; letter-spacing: 0.1em; }
#content h3, #content legend  { font-size: 1.4em; }

#content hr { margin: 40px auto; width: 75%; text-align: center; }
#content p { line-height: 150%; }

hr + h2, hr + h3 { margin-top: 0; }
div > h2: first-child, div > h3: first-child { margin-top: 0; }

#c1 { float: none; width: auto; }
#c1.three-column { margin-right: 518px; }
#c1.two-column { margin-right: 309px; }
#c1.two-column-split { margin-right: 418px; }

#c2 { float: right; }

#sidebar { text-align: left; }
#sidebar > ul, #sidebar > ul li { padding: 0px; list-style-type: none; margin: 0; }
#sidebar > ul { border-top: solid 1px #bbb; margin: 25px 0px; text-align: left; }
#sidebar > ul li { border-bottom: solid 1px #bbb; padding: 10px 0px; }

#sidebar, #c2.two-column-split { border-right: none; clear: right; }

.column { /* border-right: solid 1px #5e5e5e; */ display: block; float: right; min-height: 320px; padding: 4px 14px; position: relative; voice-family: inherit; width: 290px; }
.two-column-split { width: 390px; }

#footer { bottom: 0; color: #5e5e5e; font: 0.9em/1 Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif; height: 55px; margin-top: 20px; padding: 0; vertical-align: middle; }
#footer a { color: #FFF; }
#footer a:hover { text-decoration: underline; }
#footer b { color: #000; }

ul#attribution, ul#attribution li { float: left; list-style-type: none; margin: 0; padding: 0px; }
ul#attribution li { font-family: "Arial Narrow", Arial, sans-serif; font-size: 12px; height: 30px; line-height: 30px; margin: 0px 2px; text-align: center; vertical-align: middle; }
ul#attribution li, ul#attribution li a { background-position: top left; background-repeat: no-repeat; height: 30px; width: 30px; }
ul#attribution li a { color: #5e5e5e; display: block; vertical-align: middle; }
ul#attribution li a:hover { color: #6A95C6; background-position: bottom left; text-decoration: none; }
ul#attribution li a em { color: #6A95C6; font-style: normal; }
ul#attribution li a:hover em { color: #5e5e5e; }

ul#attribution li.jquery a { background-image: url(/s/img/jquery.png); }
ul#attribution li.jquerytools a { background-image: url(/s/img/jquerytools.png); }
ul#attribution li.sharp a { background-image: url(/s/img/sharp-logo.gif); }

#copyright { float: right; height: 30px; line-height: 30px; margin-right: 50px; text-align: right; vertical-align: middle; }

#goto-assist { border: 0 none; width: 100%; height: 250px; }

.welcome { border-bottom: 0 none ! important; font: 1.3em bold; }

/* maps */

#map { border: dashed 1px #5e5e5e; height: 360px; width: 100%; }
#map.gmap { background-image: none; }

.ie { display: none; }

.float-left { float: left; }
.float-right { float: right; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.margin-left { margin-left: 30px; }
.hidden { display: none; }
.error { color: #C60925; }
.rtl { unicode-bidi: bidi-override; direction: rtl; }

/*
.icon-ph { background: url(/s/img/search.png) no-repeat bottom right; min-height: 32px; padding-right: 36px; vertical-align: middle; }
*/
.busy { background-image: url(/s/img/busy.gif); }
.false { background-image: url(/s/img/thumbs-down.png?v32); }
.true { background-image: url(/s/img/thumbs-up.png?v32); }
.clearfix { clear: both; }

ul.no-icon, ul.no-icon > li { padding: 0px; list-style-type: none; margin: 0; }

.info-box { background-color: rgb(238, 238, 238); border: solid 1px rgb(192, 192, 192); border-collapse: collapse; margin: 20px; padding: 20px; text-align: center; }

/* form */

label.required em { color: #C60925; }

.form { display: block; margin: 0; overflow: hidden; padding: 0; position: relative; }
.form li { clear: left; display: block; list-style: none; margin: 0; padding: 4px 5px 2px 9px; }
.form em { font-weight: bold; color: #f00; }
.form label { font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; }
.form input, .form textarea, .form select { font-size: 0.9em; width: 340px; }
.form input.number { text-align: right; width: 70px; }
.form textarea { height: 100px; width: 343px; }
.form .phone { text-align: right; width: 100px; }
.form li > span { float: left; padding-bottom: 8px; margin-right: 4px; }
.form li > label: first-child { display: block; font-size: 1.0em; font-weight: bold; padding-bottom: 1px; color: #222; line-height: 150%; }
.form li > div label, .form li > span label { clear: both; display: block; font-size: 0.7em; color: #444; line-height: 9px; padding-top: 6px; text-transform: lowercase; }

#scroll { position: relative; height: 420px; overflow: hidden; /* border: 1px solid #ddd; */ width: 595px; padding-bottom: 15px; }

#twtr-widget { float: right; margin-top: -50px; width: 190px; }
 
#scrollables { height: 360px; position: absolute; width: 9999em; }
 
.scrollable { float: left; width: 595px; height: 360px; background-repeat: no-repeat; background-position: 0 -40px; }
 
.details { background-color: #fff; color: #666; float: left; font-size: 20px; margin: 270px 0 0 0; padding: 10px 60px; width: 525px; }
 
.demos { background-color: #fff; background-color: rgba(255, 255, 255, 0.8); border-left: 1px solid #ddd; float: right; min-height: 365px; padding: 0 25px; width: 272px; }
.demos h2 { color: #065598; font-size: 22px; display: block; padding: 10px 0px; }
.demos a { color: #666; font-size: 12px; text-decoration: none; } 
.demos p { margin: 0 0 4px; background: transparent no-repeat scroll 0 2px; padding: 2px 0px 1px 22px; }
 
#thumbs { background: url(/s/img/homepage-thumbs.jpg) no-repeat; height: 90px; position: absolute; top: 355px; width: 595px; }
 
.t a { background: transparent url(/s/img/homepage-thumbs.jpg) no-repeat scroll -21px -90px; margin-left: 11px; display: block; width: 99px; float: left; height: 90px; cursor: pointer; }
.t a.active { cursor: default ! important; }
 
.navi { margin-left: 248px; _margin-left: 258px; }

#intro { background: url(/s/img/mfp/mx-m1100-01.jpg) no-repeat bottom left; }
 
/* CSS sprite for the navigation */
#t0 { margin-left: 20px; _margin-left: 10px;}
#t0.active { background-position: -21px 0px ! important; }
#t0:hover  { background-position: -21px -180px; }
#t0:active { background-position: -21px -270px; }
 
#t1 { background-position: -258px -90px; }
#t1:hover  { background-position: -258px -180px; }
#t1:active { background-position: -258px -270px; }
#t1.active { background-position: -258px 0 ! important; }
 
#t2 { background-position: -368px -90px; }
#t2:hover  { background-position: -368px -180px; }
#t2:active { background-position: -368px -270px; }
#t2.active { background-position: -368px 0 ! important; }
 
#t3 { background-position: -478px -90px; }
#t3:hover  { background-position: -478px -180px; }
#t3:active { background-position: -478px -270px; }
#t3.active { background-position: -478px 0 ! important; }