/**
 * Main Stylesheet for ExtraView website.
 **/
 
* { margin: 0px; padding: 0px; } 

#page img { display: block; }

tbody { border: none; }

a:link		{ color: #555588 }
a:visited	{ color: #555588 }
a:active	{ color: #aaaaaa }
a:hover		{ color: #285AAE; background-color: #EAEEF3 }
ul        { list-style: square url("images/listBtn.gif");}

.title		{ COLOR: #747D8F; FONT: 16pt verdana, arial, sans-serif; font-weight: bold; letter-spacing: 1.2pt; padding:8px 0px 20px 0px}
.title2		{ COLOR: #747D8F; FONT: 16px verdana, arial, sans-serif; font-weight: bold }
.largetitle { COLOR: #747D8F; FONT: 36px verdana, arial, sans-serif; font-style: italic; line-height: 0.9 }
.smalltitle	{ COLOR: #747D8F; FONT: 12pt verdana, arial, sans-serif; font-weight: bold; line-height: 25px; padding:6px 0px 10px 0px }
.smalltitleHomePage	{ COLOR: #747D8F; FONT: 12pt verdana, arial, sans-serif; font-weight: bold; line-height: 25px; padding:10px 0px 10px 0px }
.smallesttitle	{ COLOR: #747D8F; FONT: 11px verdana, arial, sans-serif; font-weight: bold; line-height: 22px; padding:3px 0px 2px 0px }
.tablesmallesttitle	{ COLOR: #747D8F; FONT: 11px verdana, arial, sans-serif; font-weight: bold }
.caption  { COLOR: #747D8F; FONT: 12px verdana, arial, sans-serif; font-weight: bold; padding:5px 0; margin-left: 420px}
.solutions { position:relative !important; left:-8px; top:-8px; }

.required	{ COLOR: #CC0000; FONT: 10pt verdana, arial, sans-serif; font-weight: bold; }
.copytext	{ COLOR: #555555; FONT: 10pt verdana, arial, sans-serif; line-height: 12pt; margin-left: 30px; }
.smalltext{ COLOR: #555555; FONT: 8pt  verdana, arial, sans-serif; line-height: 10pt; text-align:left; margin: 0 5px 0 5px }
.paratext	{ COLOR: #555555; FONT: 11pt verdana, arial, sans-serif; line-height: 11pt }
.paratextHomePage	{ COLOR: #555555; FONT: 9pt verdana, arial, sans-serif; line-height:12pt }
.tabletext{ COLOR: #555555; FONT: 11pt verdana, arial, sans-serif; line-height: 11pt; padding:3px 0px 3px 3px }
.smalltabletext	{ COLOR: #555555; FONT: 9pt verdana, arial, sans-serif; line-height: 10pt; padding:5px 5px 5px 15px}
.tablebg  { background-color: #D8D8D8; margin:10px 0px 10px 30px; border-right: 6px solid #f0f0f0; border-bottom: 6px solid #f0f0f0 }
.select_list {color: #555555; font-size: 9px; font: verdana, arial, sans-serif; border:1px solid #cccccc}
.more-button-home {padding:3px 10px 0 0; float: left}
.more-button {padding-right:15px; float: left}

#dock-menu { display: none; position: relative; left:-80px; z-index: 5; } 
/*.slideshow { margin: auto; position: relative; left: -15px; top: -10px }*/


/**
 * Container Hack. Stretches the container of floated elements to properly contain them.
 **/
/*.contain:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }*/

* html .contain { height: 1%;}

.content {float: left }

/**
 * Globals.
 **/ 
 
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.hidden { display: none; }

/**
 * Layout.
 **/

body { background-image: url(images/bodyBg.png); font-size: 11px; font-family: Helvetica, sans-serif; }

div#header { position: relative; }

/* overall page */
div#page { width: 980px; margin: 0 auto; background-color: #FFFFFF; } 
div#main { padding: 10px;  font-weight: normal;}
div#main table.border {margin: 15px 0 15px 15px}

/* for footer */
div#footer { height: 60px; background-color: #FFFFFF; clear: both; }
div#doc_footer { clear: both;}

/* input boxes and buttons */
input          { font-size : 9pt; color : #405E87; border : 1px solid #B4C6F2; cursor : pointer}
input:hover    { background-color:#D3E1F4 }
textarea       { font-size : 9pt; color : #405E87; border : 1px solid #B4C6F2; cursor : pointer}
textarea:hover { background-color:#D3E1F4 }

#search-theme-form { position: absolute; top:15px; left:728px}

/* ExtraView Logo */
#logo-title { position:relative; left:25px; width:300px }

#ae-capa {
    background: url("images/ae-capa.png") no-repeat scroll left center transparent;
    cursor: pointer;
    width: 185px;
    height: 135px;
}
#ae-capa:hover {
    background: url("images/ae-capa-hover.png") no-repeat scroll left center transparent;
}

#ae-ss {
    background: url("images/ae-ss.png") no-repeat scroll left center transparent;
    cursor: pointer;
    width: 185px;
    height: 135px;
}

#ae-ss:hover {
    background: url("images/ae-ss-hover.png") no-repeat scroll left center transparent;
}

#ae-reg {
    background: url("images/ae-reg.png") no-repeat scroll left center transparent;
    cursor: pointer;
    width: 185px;
    height: 135px;
}

#ae-reg:hover {
    background: url("images/ae-reg-hover.png") no-repeat scroll left center transparent;
}

#ae-qual {
    background: url("images/ae-qual.png") no-repeat scroll left center transparent;
    cursor: pointer;
    width: 185px;
    height: 135px;
}

#ae-qual:hover {
    background: url("images/ae-qual-hover.png") no-repeat scroll left center transparent;
}

#ae-food-safety {
    background: url("images/ae-food-safety.png") no-repeat scroll left center transparent;
    cursor: pointer;
    width: 185px;
    height: 135px;
}

#ae-food-safety:hover {
    background: url("images/ae-food-safety-hover.png") no-repeat scroll left center transparent;
}

#ae-clinical {
    background: url("images/ae-clinical.png") no-repeat scroll left center transparent;
    cursor: pointer;
    width: 185px;
    height: 135px;
}

#ae-clinical:hover {
    background: url("images/ae-clinical-hover.png") no-repeat scroll left center transparent;
}

#ae-devices {
    background: url("images/ae-devices.png") no-repeat scroll left center transparent;
    cursor: pointer;
    width: 185px;
    height: 135px;
}

#ae-devices:hover {
    background: url("images/ae-devices-hover.png") no-repeat scroll left center transparent;
}

#ae-health {
    background: url("images/ae-health.png") no-repeat scroll left center transparent;
    cursor: pointer;
    width: 185px;
    height: 135px;
}

#ae-health:hover {
    background: url("images/ae-health-hover.png") no-repeat scroll left center transparent;
}

#home-tech {
	  background: url("images/home-tour.png") no-repeat scroll left center transparent;
	  padding-right:5px;
	  float:left;
    cursor: pointer;
}
#home-tech:hover {
	  background: url("images/home-tour-hover.png") no-repeat scroll left center transparent;
    cursor: pointer;
}

#home-tour {
	  background: url("images/home-tour.png") no-repeat scroll left center transparent;
	  padding-right:5px;
	  float:left;
    cursor: pointer;
}
#home-tour:hover {
	  background: url("images/home-tour-hover.png") no-repeat scroll left center transparent;
    cursor: pointer;
}

#home-doc {
	  background: url("images/home-doc.png") no-repeat scroll left center transparent;
	  padding-right:5px;
	  float:left;
    cursor: pointer;
}
#home-doc:hover {
	  background: url("images/home-doc-hover.png") no-repeat scroll left center transparent;
    cursor: pointer;
}

#home-compliance {
	  background: url("images/home-compliance.png") no-repeat scroll left center transparent;
	  padding-right:5px;
	  float:left;
    cursor: pointer;
}
#home-compliance:hover {
	  background: url("images/home-compliance-hover.png") no-repeat scroll left center transparent;
    cursor: pointer;
}

#home-technology {
	  background: url("images/home-technology.png") no-repeat scroll left center transparent;
	  padding-right:5px;
	  float:left;
    cursor: pointer;
}
#home-technology:hover {
	  background: url("images/home-technology-hover.png") no-repeat scroll left center transparent;
    cursor: pointer;
}

#home-contact {
	  background: url("images/home-contact.png") no-repeat scroll left center transparent;
	  padding-right:5px;
	  float:left;
    cursor: pointer;
}
#home-contact:hover {
	  background: url("images/home-contact-hover.png") no-repeat scroll left center transparent;
    cursor: pointer;
}

#home-download2 {
	  background: url("images/home-download2.png") no-repeat scroll left center transparent;
	  padding-right:5px;
	  float:left;
    cursor: pointer;
}
#home-download2:hover {
	  background: url("images/home-download2-hover.png") no-repeat scroll left center transparent;
    cursor: pointer;
}

#home-download {
	  background: url("images/home-download.png") no-repeat scroll left center transparent;
	  padding-right:5px;
	  float:left;
	  padding-right:5px;
	  float:left;
    cursor: pointer;
}
#home-download:hover {
	  background: url("images/home-download-hover.png") no-repeat scroll left center transparent;    
}

#download {
	  background: url("images/download.png") no-repeat scroll left center transparent;
    cursor: pointer;
}
#download:hover {
	  background: url("images/download-hover.png") no-repeat scroll left center transparent;    
}

#contact {
	  background: url("images/ContactUs.png") no-repeat scroll left center transparent;
    cursor: pointer;
}
#contact:hover {
	  background: url("images/ContactUs-hover.png") no-repeat scroll left center transparent;    
}

#demo {
	  background: url("images/demo.png") no-repeat scroll left center transparent;
    cursor: pointer;
}
#demo:hover {
	  background: url("images/demo-hover.png") no-repeat scroll left center transparent;    
}

#free-solutions {
	  background: url("images/free-solutions.png") no-repeat scroll left center transparent;
    cursor: pointer;
}
#free-solutions:hover {
	  background: url("images/free-solutions-hover.png") no-repeat scroll left center transparent;    
}

#online {
	  background: url("images/online-tours.png") no-repeat scroll left center transparent;
    cursor: pointer;
}
#online:hover {
	  background: url("images/online-tours-hover.png") no-repeat scroll left center transparent;    
}

/* menu::base */
div#menu {
    height: 46px;
    width: 980px;
    background: url(images/menu-bg.png) left center transparent;
    _background-image: url(images/menu-bg.gif);
    width:auto;
    z-index: 999;
}

div#menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}

div#menu ul.menu {
    width: 100%;
    background: url(images/menu-bg.png) left center transparent;
    _background-image: url(images/menu-bg.gif);
}

div#menu li {
    position: relative;
    margin: 0;
    padding: 0 0 0 0;
    display: block;
    float: left;
    z-index: 109;
    width: auto;
}
div#menu ul ul li {
    z-index: 109;
}
div#menu li div {
    list-style: none;
    float: left;
    position: absolute;
    z-index: 111;
    top: 36px;
    left: 0;
    visibility: hidden;
    width: 187px;
    padding: 0 0 11px 7px;
    background: url(images/submenu-bottom.png) no-repeat 7px bottom;
    _background-image: url(images/submenu-bottom.gif);
    margin: 0px 0 0 -4px;
}
div#menu li:hover>div {
    visibility: visible;
}

div#menu a {
    position: relative;
    z-index: 110;
    height: 41px;
    display: block;
    float: left;
    line-height: 41px;
    text-decoration: none;
    margin-top: 1px;
    white-space: nowrap;
    width: auto;
    padding-right: 5px;
    text-align: center;
}
div#menu span {
    display: block;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 95% 0;
    text-align: center;
}

/* menu::level1 */
div#menu a {
    padding: 0 30px 0 0;
    line-height: 40px;
    height: 46px;
    margin-right: 5px;
    _margin-right: 1px;
    background: none;
}
div#menu span {
    margin-top: 2px;
    padding-left: 30px;
    color: #fff;
    font: bold 13px Trebuchet MS,Arial,san-serif;
    background: none;
    line-height: 40px;
}
div#menu a:hover,
div#menu a.over {
    background:  url(images/selected-right-sub.png)  no-repeat right -1px;
    _background-image: url(images/selected-right-sub.gif);
}
div#menu a:hover span,
div#menu a.over span {
    background: url(images/selected-left-sub.png) no-repeat 0 -3px;
    _background-image: url(images/selected-left-sub.gif);
}
div#menu li.current a,
div#menu ul.menu>li:hover>a {
    background: url(images/selected-right-sub.png) no-repeat right -1px;
    _background-image: url(images/selected-right-sub.gif);
}
div#menu li.current a span,
div#menu ul.menu>li:hover>a span {
    background: url(images/selected-left-sub.png) no-repeat 0 -3px;
    _background-image: url(images/selected-left-sub.gif);
}
div#menu ul.menu>li:hover>a span {
    color: #515151;
}
div#menu li {  }
div#menu li.last { background: none; }

div#menu li.current a,
div#menu li.current a span,
div#menu.js-active a:hover,
div#menu.js-active a:hover span,
div#menu.js-active a,
div#menu.js-active span {
    background:none;
}
div#menu.js-active ul.menu>li:hover>a,
div#menu.js-active ul.menu>li:hover>a span {
    background:none;
}
div#menu li.current a.over {
    background: url(images/selected-right-sub.png)  no-repeat right -1px;
    _background-image: url(images/selected-right-sub.gif);
}
div#menu li.current a.over span {
    background: url(images/selected-left-sub.png) no-repeat 0 -3px;
    _background-image: url(images/selected-left-sub.gif);
}
div#menu a.over span {
    color: #515151;
}

/* menu::level2 */
div#menu ul ul li {
    background: none;
    padding: 0;
}
div#menu ul ul {
    padding-top: 10px;
}
div#menu ul ul a {
    padding: 0;
    height: auto;
    float: none;
    display: block;
    line-height: 26px;
    font-size: 11px;
    color: #ffffff;
    z-index: -1;
    padding-left: 5px;
    white-space: normal;
    width: 178px;
    margin: 0 5px;
    text-transform: none;
}
    
div#menu ul ul a span {
    padding: 0 15px;
    line-height: 26px;
    font-size: 11px;
}
div#menu li.current ul a,
div#menu li.current ul a span {
    background:none;
}
div#menu ul ul a:hover {
    background: url(images/submenu-selected-bottom.png) no-repeat 5px bottom;
}
div#menu ul ul a:hover span {
    background: url(images/submenu-selected-top.png) no-repeat 0 0;
}
div#menu ul ul a.parent {
    background: url(images/submenu-pointer-bottom.gif) no-repeat 5px bottom;
}
div#menu ul ul a.parent span {
    background: url(images/submenu-pointer-top.png) no-repeat 0 0;
}
div#menu ul ul a.parent:hover {
    background: url(images/submenu-pointer-selected-bottom.png) no-repeat 5px bottom;
}
div#menu ul ul a.parent:hover span {
    background: url(images/submenu-selected-top.png) no-repeat 0 0;
}
div#menu ul ul span {
    margin-top: 0;
    text-align: left;
}
div#menu ul ul li.last { background: none; }
div#menu ul ul li {
    width: 100%;
}

/* menu::level3 */
div#menu ul ul div {
    width: 180px;
    padding: 15px 0px 8px 0px;
    margin: -44px 0 0 169px !important;
    background: url(images/subsubmenu-top.png) no-repeat 0px 0;
    _background-image: url(images/subsubmenu-top.gif);
}
*+html div#menu ul ul div { height:10px }
*+html div#menu.ie7 ul ul div { height:auto }
div#menu ul ul ul {
    padding: 0 4px 5px 1px;
    background: url(images/submenu-bottom.png) no-repeat 0px bottom;
    _background-image: url(images/submenu-bottom.gif);
}
div#menu ul ul div li {
    position:relative;
    top:-5px;
}

/* lava lamp */
div#menu li.back {
    background: url(images/lavalamp-left.png) no-repeat 0 0;
    _background-image: url(images/lavalamp-left.gif);
    width: 10px;
    height: 46px;
    z-index: 108;
    position: absolute;
    padding: 0;
    margin: 0;
}

div#menu li.back .left {
    padding:0;
    width:auto;
    background: url(images/lavalamp-right.png) no-repeat right 0;
    _background-image: url(images/lavalamp-right.gif);
    height: 46px;
    margin: 0 5px 0 10px;
    _margin-right: 2px;
    float: none;
    position: relative;
    top: 0;
    left: 0;
    visibility: visible;
}

/* rotator in-page placement */
div#rotator {
    position:absolute;
    top: 149px;
} 

/* rotator css */
div#rotator ul li {
    float:left;
    position:absolute;
    list-style: none;
}

/* rotator image style */	
div#rotator ul li img {
    background: #FFF;
}

div#rotator ul li.show {
    z-index:5
}

/* EasySlider */			
	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:150px;
		height:50px;
		overflow:hidden; 
		}