body {
	font-size: 16px; /* @ EOMB */
	background-color: transparent;
}
* html body {
	font-size: 100%; /* @ IE */
	background-color: transparent;
}
body * {
	font-size: 87.5%;
	/*font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;*/
	background-color: transparent;
}
body * * {
	font-size: 100%;
	background-color: transparent;
}


#whats-new-container {
	width:897px; height:71px; padding:0 0 0 7px;
}

#whats-new-box {
	width:284px; height:71px; background:url(images/whats-new-box.png) no-repeat; float:left; margin:0 13px 0 0;
}

#whats-new-box .thumb {
	width:68px; height:55px; margin:8px 0 0 8px; float:left;
}

#whats-new-box .content {
	width:180px; height:55px; margin:7px 0 0 25px; color:#636466; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; line-height:17px; float:left; 
}

#whats-new-container #whats-new-box .content .title {
	color:#A7A9AC; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; line-height:15px; margin-bottom:5px;
}



#outer-container {
	border: 0; width: 895px; height:400px; margin:0; padding:0;
}

#inner-container {
	border: 0; width: 890px; height:400px; margin-left:0px;	background-color:#ccc; background-image:url(images/bg.png);	background-repeat:no-repeat;
}




/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 7px;
    padding: 0;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0;
    min-width: 142px; /* be nice to Opera */
}
.tabs-nav a, .tabs-nav a span {
    display: block; padding: 0 2px;
    background: url(images/tab.png) no-repeat;
}

.tabs-nav a {
    position: relative; top: 1px; z-index: 2; padding-left: 0; color: #636466; font-size: 12px; font-weight: bold; line-height: 1.7; text-align: center; text-decoration: none; white-space: nowrap; /* required in IE 6 */    
}

.tabs-nav .tabs-selected a {
    color: #AF006E;
}

.tabs-nav .tabs-selected a, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
}

.tabs-nav a, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
}

.tabs-nav a span {
    width: 142px; /* IE 6 treats width as min-width */
    min-width: 142px;
    height: 25px; /* IE 6 treats height as min-height */
    min-height: 25px; padding-top: 6px; padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto; height: auto;
}

.tabs-nav .tabs-selected a span {
    padding-top: 7px;
}

.tabs-nav .tabs-selected a span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -50px;
}

.tabs-nav a span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}

.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}

.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}

.tabs-nav .tabs-disabled {
    opacity: 0;
}

.tabs-container {
	border-top:0; padding: 0 8px;
    /*background:#033;  declare background color for container to avoid distorted fonts in IE while fading */
}

.tabs-loading em {
    padding: 0 0 0 20px; background: url(loading.gif) no-repeat 0 50%;
}


#videos, #roicalc, #webinars, #ebooks, #techzones, #tours {
	width:840px; height:355px; margin:0 0 0 10px;
}


#content-container {
	width:815px; height:auto;
}

#leftnav {
	height:auto; width:190px; float:left;

}

#rightcontent {
	height:auto; width:605px; float:right;
}

#content-container #leftnav .leftnavtitle {
	color: #AF006E; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; margin:0;
}

#content-container #leftnav ul {
	margin: 15px 0 0 0;	padding: 0;	list-style-type: none;
}

#content-container #leftnav li {
	margin:0 0 6px 0; display:block
}

#content-container #leftnav a {
	margin:0; text-decoration:none; color:#636466; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; background:url(images/arrow-gray.png) no-repeat; background-position:0 0; 
}

#content-container #leftnav a:hover, a:focus, a:active {
	margin:0; text-decoration:none; color:#AF006E; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; background:url(images/arrow-pink.png) no-repeat; background-position:0 0; 
}

#content-container #leftnav p {
	margin:10px; text-decoration:none; color:#636466; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; 
}


#video-box {
	width:136px; height:165px; float:left; background:url(images/video-box.png) no-repeat; margin:0 10px 7px 0;
}

#video-box .thumb {
	width:118px; height:80px; margin:6px 0 0 8px; overflow: hidden;
}

#video-box .thumb img {
	border:0;
}

#video-box .content {
	width:118px; height:58px; margin:6px 0 0 8px; color:#231F20; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight:normal; line-height:10px;
}

#content-container #rightcontent #video-box .content .title {
	color:#231F20; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight:bold; line-height:10px;
}

#content-container #rightcontent #video-box .time {
	color:#AF006E; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight:bold;
}

#content-container #rightcontent #video-box .content a {
	color:#231F20; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; line-height:10px; text-decoration:none;
}


#interactive-tour-box {
	width:625px; height:323px; float:left; /*background:url(images/interactive-tour-box.png) no-repeat;*/ margin:0 10px 7px 0;
}

#interactive-tour-box .thumb {
	width:618px; height:307px; margin:0px;
}



/* Tooltip */


#content-container #rightcontent #video-box .content a.info {
    position:relative; /*this is the key*/
    z-index:24; color:#231F20; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; line-height:11px; text-decoration:none;
}

#content-container #rightcontent #video-box .content a.info:hover, a.info:focus, a.info:active {
	z-index:25; color:#231F20; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; line-height:11px; text-decoration:none; background:none;
}

#content-container #rightcontent #video-box .content a.info span {
	display: none;
}

#content-container #rightcontent #video-box .content a.info:hover span { /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-145px; left:-12px; width:117px; height:140px;
	_top:-145px; _left:-12px; _width:145px; _height:155px;
	padding:13px;
    text-align: left;
	background:url(images/tooltip-bg.png) no-repeat;
	
	
}
#content-container #rightcontent #video-box .content .info span h1 {
	color:#AF006E; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight:bold; margin:0 0 5px 0;
}