/******************************************************************** 
*The ant, when intoxicated, will always fall over to its right side.* 
*********************************************************************/

/*********************************/
/* MAIN GLOBAL REDEFINED ELEMENTS */
/********************************/
* { margin:0; padding:0; }
html { min-height:100%; margin-bottom: 1px; }
body { background: url(../images/shadow.jpg) no-repeat center 561px ; text-align:center; color:#5A5B50; font: 0.85em "Verdana";  }
p { line-height:17px; }
h1 { padding:0 6px 0 0 ; float:right; width:220px; height:45px; text-align:right;  }
h2 { font:1.5em Verdana, Arial, Helvetica, sans-serif; text-indent:5px; color:#555; text-align:left; }
h3 { padding:3px; }
em { font-style:normal; font-weight:bold; }
a:link, a:visited { text-decoration:none; border-bottom:1px dotted #000; color:#777; outline:none; }
a:hover { background:#0099FF; color:#fff; }
a img, a:link img, a:hover img { border:0; text-decoration:none; background:none; }

/*********************/
/* LAYOUT ELEMENTS */
/*********************/

#global { position:absolute; width:950px; min-height:620px; left:50%; margin-left:-475px; }
#head {	margin: 20px 0 0 0;	padding: 0;	width: 950px; min-height: 45px; }
#logo { background: url(../images/tresco_logo.gif) no-repeat; float: right; width:220px; min-height:45px;}
#lang { float:right; width:45px; text-align:right; margin:8px 10px 0 0 ; color:#fff; } 

/***************************************************/
/**** Top global nav unordered list. Home/Contact/Login etc. ******/
/**************************************************/

#utnav { font-size: 0.75em; float: left; padding: 19px 0 0 0; width: 650px;	margin:0 0 0 4px; }
#utnav ul { float: left; list-style: none; }
#utnav ul li { display: inline; }
#utnav ul li:before { content: " | ";  }
#utnav ul li:first-child:before { content: ""; }
#utnav ul li a { color: #666; text-decoration: none; padding:0 3px 0 3px; border:none; }
#utnav ul li a:hover { color: #666;	text-decoration: none;	padding:0 3px 0 3px; background: #e3e3e3; }

/***********************/
/*** End top global nav ***/
/**********************/

#header { width: 700px; min-height: 105px; float: left; display:inline; margin:0 0 6px 0 ; background: #ececec; }
#intro { padding: 0px 10px 0 10px ; text-align:left; clear:both ; min-height:70px; }
#introg { padding: 0 10px 5px 10px ; text-align:left; clear:both ; min-height:20px; }
#content3 .lntitle2 { font:bold 1.1em "Verdana"; }
#smallbox { width: 220px; min-height: 320px; margin: 0 10px 10px 10px; float: left; display:inline ; background: #ececec; }
#borderline { float:left; display:inline ; width:100% ; text-align:left ; width: inherit ; border-bottom: 2px solid #fff ; }
#content { font: 0.90em "Verdana"; min-height:495px; border: 1px solid #e3e3e3; background:#fff; }
#content2 { width: 910px ; height: 416px ; background: #ececec; margin:0 10px 0 10px ; padding: 0 10px 0 10px; }
#content2 #borderline { min-height:15px; }
#content2 h2 { padding:10px 0 0 0 ; }
#content3 { width: 700px; height: 316px; float: left; display:inline; background: #ececec; text-align:left ; }
#imagebox { float:left ; margin:5px 0 0 0; }
#footernav { width:700px ; float:left ; margin:5px 0 0 12px ; text-align:left ; }	
#copyright { font: 0.75em Verdana, Arial, Helvetica, sans-serif; float:right ; color:#999 ; margin:10px 10px 0 0 ;} 
#proddesc { width: 220px; height: 316px; text-align:left; margin: 0 10px 10px 10px; float: left; display:inline ; background: #ececec; }
#proddesc #borderline { height:45px; }
#proddesc h2 { padding:10px 0 0 0 ;}
#prodname { float:left; font-weight:bold; }
#prodbar { float:left ; font-weight:bold ; margin:3px 0 5px 8px ; }
#prodbar ul { list-style-type:none; display:inline ; }
#prodbar ul li { display:inline ; margin: 0 15px 0 0 ; }
#prodimg { height: 316px; width: 700px ; float: left ; display:inline ; background:#777 ; }
#thumbgal a:hover { background:transparent ; border:none ; opacity: 0.5; -moz-opacity:0.5; filter:alpha(opacity=50);  }
#portal { border:1px solid #cecece; line-height:55px; width:120px; height:55px; margin:0 auto; background:#f3f3f3; text-align:center; }
#portal a:link { border:none; }
#portal a:hover { background:#666666; height:55px; display:block; }
#searchbox { width: 150px; }
#glossary { list-style: upper-alpha; padding:0 0 0 25px; font-weight: bold; font-size:18px;  }
#glossary ul li { list-style-position:inside; list-style:none; font-weight:normal; font-size:12px; margin:10px 0 10px -25px; }
#downloadsapps { border: solid #f3f3f3; margin:15px; width:620px; text-align:left; vertical-align:top; background:#fff; }
#downloadsapps  a:hover { background:#0099ff;}
#downloadsapps a img { border:0; padding:0; background:none; text-decoration:none; }

#ergobox { text-align:left; padding:5px 0 0 10px; margin:0px; overflow:auto; height: 340px; background:#f3f3f3; border:1px solid #cecece; }
#ergobox ul li { list-style: url(../images/console-bullet.gif); }
#ergobox ul { margin:0 0 0 20px; width:400px; float:left; }
#ergobox ul li { margin:10px 0 0 0; }


/*********************/
/***   Gallery Bar    ****/
/********************/
#gallerybar { width:930px ; background:#6A6D6D url(../images/image-bar-bg.gif) repeat-x ; margin:0 10px 0 10px ; clear:both ; height: 80px; text-align:center ; padding: 10px 0 0 0 ; overflow:hidden; }
#gallerybar a { border:0; background:none; }
#gallerybar a:hover { width:114px; height:69px; border:0; filter:alpha(opacity=50); opacity: 0.5; -moz-opacity:0.5;  }
#thumbgal { text-align:left; padding:5px 0 0 30px; margin:0px; overflow:auto; height: 340px; background:#f3f3f3; border:1px solid #cecece; }
#thumbgal .blurb { font-weight:bold; }
#thumbgal a { border:none ; }

/*********************/
/*** Scroll Horizontal**/
/********************/

/* Styles for scrolling layers Specify width and height in hold and wn, and in clip for wn */
#hold { float:left; position:relative; overflow:hidden; margin:0 auto; width:860px; height:75px; z-index:100; }
#scrollleft, #scrollright { float:left; border:none; }
#scrollbox { margin:0 auto; width:930px; }
#wn	{ position:absolute; left:0px; top:0px; width:862px; height:95px; clip:rect(0px, 862px, 95px, 0px); overflow:hidden; z-index:1; }
#lyr1 { position:absolute; visibility:hidden; left:0px; top:0px; z-index:1; }
#t1 { width:1100px; text-align:left; }
#t1 td { padding:0 5px 0 5px; }
#t1 a, #scrollleft a, #scrollright a {border:none; text-decoration:none; background:none; }

/******************/
/* CONTACT FORM */
/******************/

form.cmxform legend {   margin:0 0 0 5px; font-weight:bold;  }
form.cmxform #who { width:495px; float:left; }
form.cmxform #infoblock { clear:both; }
form.cmxform #info { width:230px; height:230px; float:left; }
form.cmxform #country {  text-align:left; }
form.cmxform #comment { height:255px; float:left; }
form.cmxform #commentlabel { width:260px; height:100px; margin:0 ;   }
form.cmxform #commentfield { width: 245px; height:75px;     }
form.cmxform em { font-weight:bold; font-style: oblique; color: #f00; }
form.cmxform #submit { margin:5px; }
.contactintro em { font-weight:bold; font-style: oblique; color: #f00; }
.contactintro { margin:10px 0 5px 0; text-align:left; clear:both; font-size:9px;  }
#map { width: 405px; height: 322px; background:url(../images/tresco-map.gif) no-repeat; margin:7px 0 0 0; float:right; border:1px solid #6A6D6D; }
#map span { display:none; }
#casewrap { margin:10px 0 10px 0 ; padding:10px; border:dashed 1px #cecece; background-color:#fefefe; height:80px; }
#casewrap img { float:left; border:none; }
#casewrap .content { float:left; width: 365px; margin:5px 0 0 10px ; padding:5px; }
.word { filter:alpha(opacity=0); opacity: 0; -moz-opacity:0; }
#addressbox { width:100%; float:left; margin:5px 0 5px 0; }
#mailbox { text-align:left; width:200px; float:left; }
#pagetitle { width:235px; float:left; }
#phonebox { width:300px; float:left; text-align:left; }
#awarness { height:125px; }

/************/
/* CLASSES*/
/***********/

.tall { min-height:415px; }
.long { min-height:188px; }
.longer { min-height:416px; }
.bottombord { border-bottom: 2px solid #fff ; clear:both ; }
.readmore { font: 0.80em "Arial"; text-align:right; text-transform: uppercase; }
.readmore a { background:#fff; }
.readmore a:hover { background:#0099FF ; color:#fff; }
.column { float:left; width: 290px ; padding:5px ; }
.axbox { margin:15px 0 0 0 ; text-align:left; }
.axbox2 { padding:7px 5px 0 5px; margin:0 ; text-align:left ; clear:both ; }
.axbox2 a:hover { background: #0099ff; color:#fff; }
.axboxtitle { font-weight:bold ; text-indent:4px; margin:0 0 5px 0; }
.axboxcon { margin:0 0 10px 0; }
.axbox img { float: left ; padding:0 7px 0 0 ; }
.title { margin: 0 0 0 5px; color:#555 ; float:left; display:inline ;  }
.prodtitle { margin: 10px 0 0 10px; border-bottom: 2px solid #fff ; height:25px ; }
.prodscroll { overflow: auto; float:right ; display: inline; width:209px ; height: 266px; line-height:17px; }
.prodscroll p { margin:10px 5px 0 10px; }
.infoscroll { overflow: auto; float:left ; display:inline; border:1px solid #cecece; width:660px; height: 195px ; margin: 0 0 0 10px ; background: #f3f3f3 ; padding:10px 10px 5px 10px; line-height:17px;}
.whitescroll { height:290px; background:#f3f3f3; }
.whitescroll a { border:0; background:none; }
.whitescroll a:hover img { background:#888; padding:5px; }
.infoscroll ul { margin:10px 0 0 20px; }
.infoscroll ul li { }
.blurb { padding: 10px ; font:1.2em Arial, Helvetica, sans-serif; font-weight:bolder; }
.listing2 { text-align:left ; margin:0 0 0 35px ;   }
.loginpg { background:#f3f3f3; border:1px dashed #cecece; padding:15px; margin:10px; }
.glossary { text-decoration:underline; font-weight:bold; }
.searchwidth { width: 500px; }
.videobox { text-align:left; width:405px; background:#ccc; float:left; padding:10px 0 10px 0; margin:0 0 0 10px; min-height:135px; }
.floatleft { float:left; text-align:left; }
.videodesc { width:50%; font-size:10px; float:left; }
.boldtitle { font: normal 1.5em Verdana, Arial, Helvetica, sans-serif; }
.subhead { font-size:0.85em; float:left; font-weight:bold; margin:15px 0 0 5px; }
input.btn { border:1px solid #cecece; width:200px; line-height:50px; font-size:18px; font-weight:bold; padding:15px; color:#5a5b50; }
input.btnhov { background:#666666; line-height:50px; padding:15px; color:#fff; }
.goaltext { font-size:20px; line-height:29px; font-style:italic; }
.imagespace { padding:0 0 0 15px; }
.floatleft { float:left; text-align:left; }