/** the VM logo at the top */
body
{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #000;
}

#maincontent
{
	background-color: #000;
}

#footer
{
	background-color: #000;	
}


#banner-logo
{
	position: relative;
	left: -20px;
	top: -20px;
}


/** the top banner */
#banner
{
	background-color: #FFFFFF;
	background-image: url(/img/banner-bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

/** top banner for 3D tour */
#banner-3dtour
{
	background-color: #FFFFFF;
	background-image: url(/img/banner-3dtour-2.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

/** top banner for new landing pages */
#banner-landing
{
	background-color: #FFFFFF;
	background-image: url(/img/banner-bg-land.jpg);
	background-repeat: repeat-x;
	background-position: top;
}


/** the content of the top banner (750px width) */
#banner-content
{
	width: 1000px;
	text-align: left;
	position: relative;
	height: 274px;
	
}

/** the content of the top banner for the landing pages(750px width) */
#banner-content-landing
{
	width: 1000px;
	text-align: left;
	position: relative;
	height: 132px;
}


.buttonTitle
{
	font-weight: bold;
	font-family:"swiss";
	font-size: 22px;
	text-transform:uppercase;
}

/** the content of the top banner for the 3d tour (750px width) */
#banner-content-3dtour
{
	width: 1000px;
	text-align: left;
	position: relative;
	height: 87px;
}


#top-nav2
{
	font-family: "Verdana, Arial, Helvetica, sans-serif";
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	position: relative; 
	top:0px;
	height: 29px;
	margin: 0 auto;
	width: 850px;
	
}

#top-nav
{
	font-family: "Verdana, Arial, Helvetica, sans-serif";
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	position: relative; 
	top:-35px;
}

.top-nav-cell
{
	background-image: url(/img/top_nav_bar_slice.gif);
	background-repeat: repeat-x
}

.top-nav-cell-land
{
	background-image: url(/img/top_nav_bar_slice_land.gif);
	background-repeat: repeat-x
}


/** styles for top nav items */
.top-nav-item
{
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
.top-nav-item:hover
{
	text-decoration: none;
	color: #FFFFFF;
}
.top-nav-item:active
{
	text-decoration: none;
	color: #FFFFFF;
}
.top-nav-item:link
{
	text-decoration: none;
	color: #FFFFFF;
}
.top-nav-item:visited
{
	text-decoration: none;
	color: #FFFFFF;
}


.htmlContain
{
	width: 980px;
	margin: 0 auto;
	background: url(/images/vm_course_landing_stretch2.jpg) repeat-y;
	position:relative;
	top: -3px;
}

.landing_header_back
{
	background: url(/images/vm_course_title_back.jpg) repeat-x center;
	height: 99px;
}

.landing_header
{
	background: url(/images/vm_course_title.jpg) no-repeat center;	
	position: relative;
	height: 99px;	
	z-index: 5;
}

.ieMenu
{
	position: relative;
	top: -20px;	
	z-index: 20;
	margin-bottom: -20px;
	color: #ffffff;
	padding-left: 5px;
	padding-right: 5px;
}

.navMenu
{
	position: relative;
	top: -20px;
	margin: 0 auto;
	height: 18px;
	width: 99.9%;	
	background: rgba(255,255,255, .14);		
	z-index: 10;	
	*filter: Alpha(opacity=25);	
	*background-color: #fff;
	
}

.links
{
	margin: 0 auto;
	width: 900px;	
}

.navLink a
{	
	text-align: center;	
	margin-right: 20px;
	color: #ffffff;
	font-family: "bank gothic";
	font-size: 13px;
	opacity: 1;	
	z-index: 10;
}

.navLink a:hover
{
	text-align: center;	
	background: #feff6f;
	background-color: yellow;
	color: #000000;
	height: 18px;	
	font-family: "bank gothic";
	font-size: 13px;
	opacity: 1.0;
	z-index: 17;
}

.landing_top
{
	background: url(/images/vm_course_landing_top.jpg)no-repeat;
	width: 980px;
	height: 185px;
}

.landing_bottom
{
	background: url(/images/vm_course_landing_bottom.jpg)no-repeat;
	width: 980px;
	height: 139px;
	margin: 0 auto;
}

.strong
{
	font-family: "century gothic";
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}
/*.strong{
	font-weight: bold;
}*/

.em
{
	font-style: italic;
}

.takeStrong
{
	font-family: "century gothic";
	font-size: 16px;
	font-weight: bold;
}

.videoImg
{
    float:left; 
    margin: 5px 5px 10px 5px;    
    height: 160px;
    font-family: "Arial";
	font-size: 12px;
	text-align: center;
}
.slider_title
{
    font-family: "Arial";
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #000;
    width: 145px;
	margin: 0 auto;	
	height: 70px;
}

.paginator_article_text
{
	font-family: 'Arial';
	/*border: dashed 1px blue;*/
	margin: 0 auto;
	font-size: 10px;
	width: 150px;
	height: 155px;
	text-align: left;
}

.paginator_buy_now_button
{
	position: relative;
	top: 10px;
	left: 45px;
	border: none;
}


/* slideViewer 1.0 default styles */
.svw
{
	width:800px;
	height:200px;
	background:#000;
	list-style: none;
	position: relative;	
}

.svw ul
{
	position:relative;
	left:-999em;
}

/* this is the DIV container for your UL of images */
.stripViewer
{
	position:relative;
	overflow:hidden;
	border-left:1px solid #bbb;
	border-right:1px solid #bbb;
	margin:-1px 0 -1px; 0;
}

/* this is your UL of images */
.stripViewer ul
{
	position:relative;
	left:0;
	top:0;
	width:20%;
	list-style-type:none;
}

/* each image is arranged horizontally */
.stripViewer ul li
{
	float:left;
}

/* this is the DIV for your transmitter (the UL generated at run time that commands the list)*/
.stripTransmitter
{
	overflow:hidden;
	width:1%;
	height:30px;
	/*margin: -37px 0 0px 0px;*/
	margin:0px 0px 0px 0px;
	top: -40px;
	*top: -25px;
	position: relative;
}

/* the auto-generated set of links */
.stripTransmitter ul
{
	position:relative;
	list-style-type:none;
	float:right;
}

/* in this list too, each LI is arranged horizontally */
.stripTransmitter ul li
{
	width:20px;
	float:left;
	margin:0 1px 1px 0;
	list-style: none;
}

/* the links. */
.stripTransmitter a
{
	font:10px Arial, Verdana;
	text-align:center;
	line-height:15px;
	color:#000;
	text-decoration:none;
	display:block;
}

/* hover */
.stripTransmitter a:hover
{
	background:#9ea3b7;
	color:#000;
}

/* current */
.stripTransmitter a.current, .stripTransmitter a.current:hover
{
	background:#9ea3b7;
	color:#000;
}

li
{
	margin-top: 3px;
	list-style-image: url(/images/vm_list_image.jpg);
}
.list
{
	width: 540px;
}

.left_info
{
	width: 275px;
	float: left;	
}

.right_info
{
	position: relative;
	float: right;
	top:-50px;
}

.yes
{
	position: relative;
	left: 15px;
	text-transform: uppercase;
	font-size: 11px;
}

.no
{
	position: relative;
	left: 25px;
	text-transform: uppercase;
	font-size: 11px;	
}

.helpful_message_contain
{
	float: left;
	width: 440px;
	height: 35px;
	border: 1px solid #edecd1;
	text-align: left;
	text-transform: uppercase;
	font-size: 13px;
}

.helpful_message
{
	position: relative;
	line-height:35px;
	left: 20px;
}

.landing_course_right_bar
{
	position: relative;	
	background: url(/images/cm_landing_course_back.jpg) no-repeat;
	height: 433px;
	width: 245px;
	border:none;
}


.landing_course_right_bar_button
{
	position: relative;
	margin: 0 auto;
	width: 200px;
	height: 58px;	
}

#prev2
{
	position: relative;
	top: 7px;
	float: left;
	width: 97px;
	font-size: 12px;
	font-family: 'century gothic';
	
}

.next_main
{
	position: relative;
	top: 5px;
	float: left;
	width: 97px;
	font-size: 12px;
	font-family: 'century gothic';
	z-index: 10;
}

.round_bottom
{
	position: relative;
	*top: -10px;
}

.side_content_right
{
	width: 245px;
	text-align: left;
	float: right;
	top: 10px;
	position: relative;
}

.course_title_right
{
	position: relative;
	margin: 0 auto;
	width: 200px;
	height: 40px;
	text-align: center;
	font-family:'century gothic';
	font-size: 15px;
	font-weight: bold;
	top: 10px;
	/*border: dashed 1px #000;*/
}

.side_image
{
	position: relative;
	margin: 0 auto 17px auto;
	*margin-bottom: 35px;
	width: 132px;
	height: 230px;
	top: 20px;
}

.startyour
{
	position: relative;
	text-align: center;
	z-index: 200;
	top: 0px;
	*top: -15px;
	font-family:"century gothic";
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
}

.course_button
{	
	*margin-top: -15px;
}

.free
{
	position: relative;
	height: 0em;
	z-index: 20;
	font-family:'century gothic';
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	float: left;
}

.course_title
{
	position: relative;
	height: 0em;
	z-index: 20;
	font-family:'century gothic';
	font-size: 15px;
	top: 4px;
	left: 30px;
	*left: 25px;
	margin-left: 30px;
	text-transform: uppercase;
	float: left;
}

.quote_box
{
	position: absolute;
	left: 5px;
	top: 385px;
	background: url(/images/vm_course_quote_box.jpg) no-repeat;
	height: 115px;
	width: 235px;
	margin: 0 auto;
}

.quote_text
{
	position: relative;
	top: 10px;
	width: 185px;
	margin: 20px 30px 20px 30px;
	color: #fefc5b;
	font-family:'century gothic';
	font-size: 10px;
	
}
.question_text
{
	font-familsy:"century gothic";
	font-size: 17px;
	font-weight: bold;
}

.questions_container
{
	top: 15px;
	width:800px;
	height:125px;        
	position:relative;
	cursor:pointer;
	margin: 0 auto;
	/*border: dashed 1px #000;*/
}

.question_bar
{
	position: relative;
	top: 0px;
	width: 813px;
	height: 29px;
	background: url(/images/vm_question_bar.jpg) no-repeat;
	font-family:'century gothic';
	text-transform: uppercase;
	font-weight: bold;
}

.slides2
{
	position:relative;
	margin: 0 auto;
	text-align: center;
	top:0;
	left:0;
}

.slides2 div
{
	position:relative;
	top:0;
	margin: 0 auto;
	width:250px;
	display:none;
}

/*
 * Optional
*/

#loopedSlider,#newsSlider
{
	margin:0 auto;                
	clear:both;
	top: 0px;
	position: relative;
	width: 813px;
	height: 200px;
	margin-bottom: 20px;
}

ul.pagination
{
	list-style:none;
	padding:0;
	margin:0;
}

ul.pagination li
{
	float:left;
}

ul.pagination li 
{
	padding:2px 4px;
}

ul.pagination li.active 
{
	background:blue;
	color:white;
}

.previous
{
	text-decoration: none;
	color: #9995a1;
}
    
.next
{
	text-decoration: none;
	color:#9995a1;
}

.bookletLink
{
	position: absolute;
	text-align: left;
	width: 150px;
	margin: 60px 0 0 60px;
	z-index: 10;
	font-family: "century gothic";
}

.bookletArticle
{
	width: 540px;
	height: 550px;
	text-align: left;
	float: left;
	position: relative;	
}

.other_course_arrow
{
	border: none;
	position: relative;
	width: 27px;
	height: 27px;
	top: 3px;
}

round_top
{
		
}

.products_side
{
	position: relative;
	z-index: 10;
	background:url(/images/vm_course_round_stretch.jpg) repeat-y;
	top: 0px;
	width: 812px;
	height: 425px;
	margin: 0 auto;
}

.more_text
{
	position: absolute;
	z-index: 100;
	margin: -27px 0 0 685px;
	text-transform: uppercase;
	font-family: "century gothic";
	font-weight: bold;
}

.more_arrow
{
	position: relative;
	width: 15px;
	height: 15px;
	border: none;
	top: -1px;
}

.main_contain
{
	position: relative;	
	margin: 0 auto;
}

.freeCourseTitle
{
	position: relative;
	top: -20px;
	text-align: left;
	text-transform: uppercase;
	font-family: swiss;
	font-size: 19px;
	padding-bottom: 10px;
	border-bottom: dashed 1px #c9c9c9;
	color: #8c8c51;
}