﻿body
{
	background-color: #f7f7f7;
	margin: 0px; 
	padding: 0px;
	font-size: 14px;
	color: #5b5b5b;
	font-family: arial;
}

table
{
	border-collapse: collapse;
	border-spacing: 0px;
	width:100%;
}
table td { padding: 0px; vertical-align: top; }




a
{
	color: #174b97;
	text-decoration: none;
}
a:hover { text-decoration: underline; }

.sub-content a
{
	color: #cc0000;
	text-decoration: underline;
}

.region
{
	position:absolute;
	width:791px;
	text-align:right;
	z-index:200;
}
.region option, .region select
{
	font-size: 10px;
}

.region select
{
	width: 110px;
}


#mspace, #sspace
{
	width:820px;
	background:url(images/shadow.png);
	margin:20px auto 0px auto;
}
#sspace
{
	margin:12px auto 0px auto;
}

#top-content
{
	position:absolute;
	width:820px;
	height:377px;
}

#top-type
{
	position:absolute;
	width:389px;
	margin:96px 0px 0px 72px;
}
#top-unit
{
	position:absolute;
	width:168px;
	height:360px;
	background:url(images/top-unit.jpg);
	margin:30px 0px 0px 512px
}
#shadow-top
{
	background:url(images/shadow-top.png);
	width:820px;
	height:30px;
}
#top-background
{
	background:url(images/top-background-quick.png);
	width:820px;
	height:300px;
}
#top-background div
{
	background:url(images/top-background.jpg);
	width:820px;
	height:300px;
}

#top-wave
{
	background:url(images/top-wave.jpg);
	width:820px;
	height:47px;
}
#mid-content
{
	margin-left:30px;
	width:760px;
	background-color: white;
}

#mid-table
{
	width:760px;
	border-bottom: 1px solid #e9e9e9;
}
#mid-table-left
{

	border-right: 1px solid #e9e9e9;
	background-color:#f7f7f7;
}
#mid-table-right
{
	width: 411px;
}

#courses-vid-table
{
	width: 760px;
}
#courses-vid-table-left
{
	width: 349px;
	
}
#courses-vid-table-right
{
	
	
}
#courses-table
{
	padding: 40px 0px 40px 32px;
}

#features
{
	padding: 25px 44px 25px 44px;
}
#features-title
{
	font-family: "Arial Narrow";
	font-size: 18px;
	font-weight: bold;
	color: #231f20;
	margin-bottom:3px;
}
#features-bullets div
{
	font-family: arial;
	font-size: 12px;
	color: #5b5b5b;
	border-bottom: 1px solid #dfdfdf; 
	padding: 10px 0px 10px 0px;
}
					

#courses-space
{
	height:405px;
	overflow:auto;
}

#courses-rows
{
	background-color:white; 
	border: 1px solid #e9e9e9;
	border-bottom: 0px;
}

#courses-rows div
{
	padding:0px;
	border-bottom: 1px solid #e9e9e9;
	padding: 10px;
}


#link-table a
{
	color: white;
	font-size: 12px;
}

.link-table-smaller a
{
	color: white;
	font-size: 11px;
}

.link-line
{
	border-left: 1px solid #0e4c8b;
	padding: 10px 8px 0px 8px;
	
}


#bottom-bullets div
{
	border-bottom: 1px solid #e9e9e9; 
	font-size:11px;
	padding:7px 0px 7px 0px;
}


img	{ border: 0px; }
.imglnk a span { display: none; }
.imglnk a { display: block; background-position: top left; }
.imglnk a:hover { background-position: bottom left; }


#btn-search-courses a
{
	background-image: url(images/btn-search-courses.png);
	width:189px;
	height:69px;
}

#btn-watch a
{
	background-image: url(images/sub-watch.png);
	width:155px;
	height:136px;
}


#btn-buy a
{
	background-image: url(images/sub-yes.png);
	width:155px;
	height:121px;
}

#btn-download a
{
	background-image: url(images/sub-download-software.png);
	width:155px;
	height:120px;
}

#btn-share a
{
	background-image: url(images/sub-share.png);
	width:155px;
	height:118px;
}

#btn-watch-videos a
{
	background-image: url(images/btn-watch-videos.png);
	width:189px;
	height:51px;
}
#btn-yes a
{
	background-image: url(images/btn-yes.png);
	width:222px;
	height:120px;
}
#btn-mccord-kostis-link a
{
	background-image: url(images/mccord-kostis-link.png);
	width:348px;
	height:65px;
}
#btn-download-software a
{
	background-image: url(images/btn-download-software.png);
	width:224px; 
	height:79px;
}
#btn-yes3 a
{
	background-image: url(images/btn-yes3.png);
	width:293px; 
	height:110px;
}
#btn-yes2 a
{
	background-image: url(images/btn-yes2.png);
	width:376px; 
	height:120px;
}


#vidwin-yes a
{
	background-image: url(images/vidwin-yes.png);
	width:271px; 
	height:59px;
}

.leftbtn
{
	border-bottom: 1px solid #e6e6e6;
}



.vidwin-item
{
	background:url(images/vidwin-play-pause.png);
	width:196px;
	height:37px;
	cursor:hand;
	cursor:pointer;
}
.vidwin-item div
{
	font-size: 12px;
	padding: 12px 0px 0px 55px;
}
.vidwin-item-selected
{
	background-position:bottom left; 
	color: white;
}
#hspace
{
	margin-left: 205px;
	cursor: hand;
	cursor: pointer;
	width: 398px;
	height: 239px;
	overflow: hidden;
	position: absolute;
	z-index: 200;
	display: none;
}

.sub-content
{
	font-family: Arial;
	font-size: 13px;
	color: #3f3f3f;
	
}

.page-hdr, .page-hdr-mid
{
	font-family: "Arial Narrow" Arial;
	font-size: 25px;
	font-weight: bold;
	color: #0964bc;
	padding: 0px 0px 0px 0px;
}

.page-hdr-mid
{
	padding-top: 75px;
}


.section-hdr, .section-hdr-tight, .section-hdr-super-tight
{
	font-family: "Arial Narrow" Arial;
	font-size: 17px;
	font-weight: bold;
	color: #3f3f3f;
	padding: 30px 0px 20px 0px;	
}

.section-hdr-tight
{
	padding-bottom: 0px;
}
.section-hdr-super-tight
{
	padding: 0px;
}



.contact-form textarea
{
	width: 100%;
	height: 100px;
	border: 1px solid silver;
}

.contact-form .red
{
	color: red;
}
.contact-form .contactsalesform
{
	border: 1px solid silver;
	width: 100%;
}

.form-department { width:300px }


.quote
{
	
	
}

.sig
{
	font-weight: bold;
	padding: 5px 0px 35px 0px;
	
}


a.step1 img { background: url(images/step-first.gif) top left; height: 65px; width: 265px; }
a.step1:hover img { background: url(images/step-first.gif) bottom left; height: 65px; width: 265px; }
a.step2 img { background: url(images/step-second.gif) top left; height: 65px; width: 265px; }
a.step2:hover img { background: url(images/step-second.gif) bottom left; height: 65px; width: 265px; }
/*ul { margin-left: -23px; _margin-left: 18px; margin-top: -7px; font-size: 11px; line-height: 2em; }*/
ul { font-size: 11px; line-height: 2em; }
