/* =showPanel */
div#showPanel {width: 543px; _width: 543px; background-color: #f2f1ea; border: solid 1px #e4e4e4; padding: 1px; float: left;}

/* =panel */
div#panel {background-color: #ebe8dd; width: 523px; _width: 540px; padding: 10px; float: left;}

/* =panelMovie */
div#panelMovie {width: 320px; float: left; padding-right: 5px;}

/* =panelContent */
div#panelContent{width: 183px; _width: 203px; float: right; padding-left: 10px;}

div#panelContent h3 {font-weight: normal; color: #444444;}

div#panelContent div.content div h4 {color: #000000; font-size: 130%; margin: 0; padding: 0;}
div#panelContent div.content div h5 {color: #000000; font-size: 120%; font-weight: normal; margin: 0; padding: 0;}
div#panelContent div.content div p {font-size: 95%; line-height: 1.4; margin: 10px 0  20px 0; padding: 0;}

/* =thumbPanel */
div#thumbPanel {width: 549px; background: url(/vgnmedia/images/Business_Solutions/busin2_thumbnail_panel1.jpg) top left no-repeat; float: left;}

/* =selectPanel */
div#selectPanel {width: 549px; /*background: url(/vgnmedia/images/Business_Solutions/busin2_thumbnail_panel.jpg) top left no-repeat;*/ float: left;}
div#selectPanel_wrapper {width: 549px; /*background: url(/vgnmedia/images/Business_Solutions/busin2_thumbnailbar_btm.jpg) bottom left no-repeat;*/ float: left;}

/* =titlearea  */
div#titlearea {float: left; margin: 0; padding: 1px 0 0 1px;}

/* =selectarea */
div#selectarea {float: right; padding: 4px 10px 2px 2px;}
div#selectarea form img {margin-top: 4px; border: 0 none #FFFFFF;}
div#selectarea form label img {margin-bottom: 4px;}
div#selectarea form select {margin-bottom: 4px;}

/* =screen */
div#screen {width: 549px; /*background: url(/vgnmedia/images/Business_Solutions/busin2_thumbnail_panel.jpg) top left no-repeat;*/ float: left;}

/* =screenWrapper */
div#screenWrapper img.prev {float: left; width: 21px; margin: -1px 0 0 0; _margin: -4px 0 0 0; padding: 0;}
div#screenWrapper img.next {float: right; width: 21px; margin: -1px 0 0 0; _margin: -4px 0 0 0; padding: 0;}

div#screenWrapper {width: 549px; float: left;}

div#screenWrapper div {overflow:hidden;
	width:507px;
	height:149px;
	/*clear:left;*/
	margin-left:10px;
	float: left;}
	
div#screenWrapper div ul {margin: 10px 0 0 0; padding: 0;}
	
div#screenWrapper div ul li {margin: 0 0 0 0; padding: 0 4px; border-right: 1px solid #FFFFFF; height: 106px;}

div#screenWrapper div ul li a.rollover img {
    display:block;	
	width:90px;
	height:57px;
}  

/*div#screenWrapper div ul li a:link {border: 3px none #FFFFFF;}
div#screenWrapper div ul li a:visited {border: 3px none #FFFFFF;}
div#screenWrapper div ul li a:hover {border: 3px solid #FFFFFF;}
div#screenWrapper div ul li a:active {border: 3px solid #FFFFFF;}*/
	
table#tContent div#screenWrapper div ul {
		width:900px; /* this controls the length of the thumbnails */
}
	
table#tContent div#screenWrapper div ul li {float:left;}
table#tContent div#sections1 ul, table#tContent div#sections2 ul, table#tContent div#sections3 ul, table#tContent div#sections4 ul {list-style: none;}
table#tContent div#sections1 ul li, table#tContent div#sections2 ul li, table#tContent div#sections3 ul li, table#tContent div#sections4 ul li {
			list-style: none;
			background-image: none;
}

div#screenWrapper div ul li h4, div#screenWrapper div ul li p {color: #FFFFFF; margin: 0; padding: 0; font-size: 90%}
div#screenWrapper div ul li h4 {margin: 5px 0 0 0;}

/* =rollovers */
/* Add a new rollover class for ecah new thumbnail in numeriacl order
   Add the image tumnail image that shoudl appear as the selecetd state*/
.rollover0 {
	display:block;	width:90px;
	height:57px;
	background-image: url("/vgnmedia/images/Business_Solutions/jeff_hover.jpg");
}

.rollover1 {
	display:block;	
	width:90px;
	height:57px;
	background-image: url("/vgnmedia/images/Business_Solutions/john2_hover.jpg");
}

.rollover2 {
	display:block;	width:90px;
	height:57px;
	background-image: url("/vgnmedia/images/Business_Solutions/james_hover.jpg");
}

.rollover3 {
	display:block;	width:90px;
	height:57px;
	background-image: url("/vgnmedia/images/Business_Solutions/amanda_hover.jpg");
}


.rollover4 {
	display:block;	width:90px;
	height:57px;
	background-image: url("/vgnmedia/images/Business_Solutions/busin2_thumb1_hover.gif");
}

.rollover5 {
	display:block;	width:90px;
	height:57px;
	background-image: url("/vgnmedia/images/Business_Solutions/busin2_thumb2_hover.gif");
}

.rollover6 {
	display:block;	width:90px;
	height:57px;
	background-image: url("/vgnmedia/images/Business_Solutions/busin2_thumb3_hover.gif");
}

.rollover7 {
	display:block;	width:90px;
	height:57px;
	background-image: url("/vgnmedia/images/Business_Solutions/busin2_thumb4_hover.gif");
}


.rollover8 {
	display:block;	width:90px;
	height:57px;
	background-image: url("/vgnmedia/images/Business_Solutions/busin2_thumb5_hover.gif");
}

.rollover9 {
	display:block;	width:90px;
	height:57px;
	background-image: url("/vgnmedia/images/Business_Solutions/budget08_jeffoughton01_hover.jpg");
}

.rollover10 {
	display:block;	width:90px;
	height:57px;
	background-image: url("/vgnmedia/images/Business_Solutions/budget08_deanpearson_hover.jpg");
}

.rollover11 {
	display:block;	width:90px;
	height:57px;
	background-image: url("/vgnmedia/images/Business_Solutions/budget08_frankdrum_hover.jpg");
}

.rollover12 {
	display:block;	width:90px;
	height:57px;
	background-image: url("/vgnmedia/images/Business_Solutions/budget08_amandagome_hover.jpg");
}
.rollover13 {
	display:block;	width:90px;
	height:57px;
	background-image: url("/vgnmedia/images/Business_Solutions/budget08_jeffoughton02_hover.jpg");
}
.rollover14 {
	display:block;	width:90px;
	height:57px;
	background-image: url("/vgnmedia/images/Business_Solutions/john1_hover.jpg");
}

rollover {
	display:block;
	width:90px;
	height:57px;

}

/*=busin_info*/

/*=busin_info*/
table#busin_info {clear: both; margin-top: -10px;}
table#busin_info h3 {margin-top: 5px; font-size: 0.9em;}

/* global */
.floatleft {float: left; width: 220px;}
.floatright {float: right; margin: -70px 0 5px 5px;}
.clear {clear: both;}