@import url("workarea-import.css");
@import url("fonts-master.css");


/* Undo existing styles
======================================================================*/

/* FOUNDATION
======================================================================*/
body {
	background: url(../../images/template/body-background.gif) #A5AFB7 center;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	overflow-x: hidden;

}

.mainContainer {margin: 0px auto; text-align: left; width: 940px;}
.contentContainer {
	background: url(../../images/template/png-main-background.png) repeat-y;
	behavior: url(../../images/iepngfix.htc);
	width: 940px;
}

.contentContainer .div {
	position: relative;	
	width: 940px;
}

.insideContainer {
	margin: 0px 0px 0px 18px;
	position: relative;
	width: 863px;
}

.toolsLeft {width: 18px;}
.toolsRight {width: 59px;}

strong {color: inherit;}
.clearSm {clear: both !important; font-size: 1px; height:1px; line-height: 1px;}
.floatL {float: left;}
.floatR {float: right;}

.padRight {}
.liveDemoButton {padding: 0px 0px 30px 0px;}


/* HEADER
======================================================================*/
.header {
	background: #E4E4E4;
	height: 83px;
	position: relative;
}
.header .logo {position: absolute; left: 42px; top: 0px;}
.header .jumpNav {
	height: 20px;
	position: absolute;
	top: 5px;
	right: 12px;

	text-align: right;
}
.header .jumpNav ul {display: block;list-style-type: none;margin-right: 73px; padding-top: 4px; }
.header .jumpNav li {
	border-right: none; 
	color: #74848D;
	float: left;
	font-size: 11px;
	margin: 0px;
	padding: 1px 5px 2px 5px;
	vertical-align: middle;
}
.header .jumpNav li a {display: none;}
.header .jumpNav li.divider {border-right: 1px solid #B5B8C8; margin: 3px 10px 0px 10px; width: 2px;}
.header .jumpNav li li {
	border-right: 1px solid #B5B8C8; 
	color: #74848D;
	float: left;
	font-size: 11px;
	padding: 1px 5px 2px 5px;
	vertical-align: middle;
}
.header .jumpNav li li a {color:#74848D; display: block; text-decoration: none;}
.header .jumpNav .search {padding-left:0px; width: 150px; position: absolute; right: 0px; top: 7px;}
.header .jumpNav .searchBox {border: 1px solid #B5B8C8 !important; height: 16px; position: absolute; top: 0px; right: 30px; width: 112px;}
.header .jumpNav .submit {background: url(../../images/template/hdr-submit.gif); 
	border: none; 
	color: #FFF;
	font-size:11px; 
	height: 19px; 
	margin-left: 2px;
	position: relative !important; 
	top:0px;
	width: 26px;
}

.header .info {
	color: #74848D;
	font-size: 12px;
	font-weight: bold;
	position:absolute;
	top: 38px;
	right: 20px;
}
.header .info span {font-size: 20px;}


/* HOME CHANNEL CHANGER
======================================================================*/
.panes div {
	display: none;
	width: 704px;
	height: 278px;
}

.panes div a {
	width: 704px;
	height: 278px;
	display: block;
}

.navigation {
	padding: 0px;
	margin: 0px;
	position:relative;
	right:3px;
	bottom:95px;
}

.navigation div {
	border: 1px solid #564F48;
	background-color:#fff;
	color:#666;
	font-weight:bold;
	border-left:none;
	cursor: pointer;
	margin: 3px;
	padding: 3px;
	width:20px;
	text-align:center;
}

.navigation div:hover, .navigation div.active {
	background-color: #F36F21;
	color:#fff;
}


/* BODYCONTAINER
======================================================================*/
.bodyContainer {
	position: relative;
}

.bodyContainer .imgContainer {
	height: 278px;
}
.bodyContainer .imgContainer .flashContainer {
	background: #797979;
	height: 278px;
	position: relative;
	width: 703px;
}
.bodyContainer .imgContainer .flashContainer .flashPiece {
	behavior: url(../../images/iepngfix.htc);
	height: 278px;
	width: 721px;
}
.bodyContainer .imgContainer .newsContainer {
	background: url(../../images/template/news-background.gif) no-repeat #4F4F4F; 
	height: 278px !important;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 160px;
	overflow:hidden;
}
* html .bodyContainer .imgContainer .newsContainer {right: -1px;}

.bodyContainer .imgContainer .newsContainer ul {padding: 4px 0px 0px 4px;}
.bodyContainer .imgContainer .newsContainer li {
	display: block;
	height: 51px;
	margin: 0px 0px 0px 0px;
	padding: 18px 24px 22px 18px;
	text-align:left;
} 
* html .bodyContainer .imgContainer .newsContainer li {padding: 14px 24px 22px 18px;}

.bodyContainer .imgContainer .newsContainer li span {display: block; }


.bodyContainer .imgContainer .newsContainer li p {
	color: #FFF;
	font-size: 12px;
	line-height: 15px;
	margin: 0px;
	padding: 0px;
}
.bodyContainer .imgContainer .newsContainer li span a {color: #F36F21; font-weight: bold; text-decoration: none;}

.bodyContainer .colL {
	padding: 0px 35px 0px 0px; 
	text-align: right;
	width: 160px;
}

.bodyContainer.productPage .colL {
	position: absolute;
	left: 0px;
	top: 311px;
}

.bodyContainer .colR {
	float: right;
	padding: 20px 0px 25px 0px;
	width: 655px;
}

.bodyContainer .content {
	padding: 0px;
	float: right;
	padding: 0px 0px 25px 0px;
	width: 653px;

}
*html .bodyContainer .content {width: 585px;}

.bodyContainer .content.padRight {margin: 0px 40px 0px 0px;width: 620px;}
*html .bodyContainer .content.padRight {width: 585px !important;margin: 0px 38px 0px 0px;}

.bodyContainer.productPage .download {
	display: block;
	padding: 0px 0px 25px 17px;
}
.bodyContainer.productPage .download a{
	background: url(../../images/template/icon-download.gif) no-repeat top left;
	display: block;
	padding: 0px 0px 5px 0px;
	text-decoration: none;
}

.secondaryPage {padding-top: 44px;}

/* SIDEBAR CONTROLS
======================================================================*/
.followUs {
	position: absolute;
	right: -5px;
	top: 100px;
	height: 50px;
	width: 60px;
}

.followUs p {
	background: url(../../images/template/follow/arrow.gif) no-repeat bottom center;
	color: #FFF;
	font-size: 10px;
	font-weight: bold;
	margin: 0px; 
	padding: 0px 0px 7px 0px;
	text-transform:uppercase;
}

.followUs ul {list-style-type: none;margin: 10px 0px 0px 17px; padding: 0px;}
.followUs ul li {margin: 0px; padding: 0px 0px 15px 0px;}
.followUsNo {display: none;}

.share {
	height: 212px; 
	position: absolute; 
	top: 204px;
	right: 18px; 
	width: 41px; 
	z-index: 100;
}
*html .share {display: none !important;}
.share .back { /* this extra div HAS TO be here for an IE6 fix */
	background: url(../../images/template/share/tab.png) top no-repeat; 
	behavior: url(../../images/iepngfix.htc);
	height: 212px; 
	width: 41px; 
}

.share ul {display: block; height: 165px;}
.share ul li{	
	display: block; 
	height: 13px !important; 
	list-style-type: none;
	margin: 0px;
	padding: 5px 0px 8px 7px;
	text-align: center;
}
*html .share ul li{padding: 5px 0px 3px 3px !important;}
.share .topTab {height: 33px;}
.share ul li a {text-decoration: none; height:1px !important; margin: 0px; padding: 0px;}
*html .share ul li a {width: 20px !important; display: block;}
.onhomepage {top: 404px;}


/* BIOGRAPHY PAGE
======================================================================*/
.managementTeamContainer {background: #C8CFDE; display: block;height: 294px;width: 588px;}
*html .managementTeamContainer {height: 294px; display: block !important;position: absolute !important; left: 200px !important; top: 100px;}

.managementTeam {
	background: #C8CFDE;
	display: block;
	float: left; 
	height: 98px; 
	position: relative !important;
	width: 196px;
}
.managementTeam.small {width: 98px !important;}
.managementTeam .imgTemp {background: #E98F5C; height: 98px; width: 98px; z-index: 2;}
.managementTeam a { cursor:pointer; text-decoration: none;}
.managementTeam .name {
	background: none;
	height: 98px;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 98px !important;
}
.managementTeam .name .padding {padding: 3px 7px 0px 5px;}

.managementTeam .firstName {color: #E9EBF1; font-size: 22px; line-height: 22px;}
.managementTeam .name .hide {display: none;}
.managementTeam .lastName {color: #FFF; font-size: 12px; line-height: 14px; margin: 0px; padding: 0px; text-transform: uppercase;}
.managementTeam .title {font-size: 10px; position: absolute; bottom: 3px; left: 5px; width: 90px !important;}

.managementTeam a:visited:hover,
.managementTeam a:hover .name {background: #8495B8; color: #FFF; width: 98px !important;}
.managementTeam a:hover .hide {color: #FFF; display: block !important;}


	/*======= positioning of certain bios =======*/
	*html .content3 a:visited:hover {width: 90px !important;}
	.content4 {padding-left: 0px;background-color:#E98F5C;}
	.content4 .imgTemp {display:none;}
	.content4 .name {margin-right:98px;background-color:#C8CFDE;}
	.content5 {padding-left: 0px;background-color:#E98F5C;}
	.content5 .imgTemp {display:none;}
	.content5 .name {margin-right:98px;background-color:#C8CFDE;}
	.content6 {padding-left: 0px;background-color:#E98F5C;}
	.content6 .imgTemp {display:none;}
	.content6 .name {margin-right:98px;background-color:#C8CFDE;}
	/*.content5 {border-right: 98px solid #E98F5C;}*/
	/*.content6 {padding-left: 0px;}*/
	.content7 {border-right: 98px solid #E98F5C;}
	.content8 {padding-left: 0px;background-color:#E98F5C;}
	.content8 .imgTemp {display:none;}
	.content8 .name {margin-right:98px;background-color:#C8CFDE;}

/* SUCCESS STORIES
======================================================================*/
.successStories {}
.successStories .flashHeader {
	background: url(../../images/template/background-success-stories.gif) no-repeat top left; 
	height: 282px; 
	margin: 0px 0px 20px 1px;
	padding: 0px;
	position: relative;
}
.successStories .flashHeader .txt {height: 175px; padding: 0px; position: absolute; top: 20px; left: 125px; width: 620px;}

.successStories .flashHeader .flash {background: #384B5C; border: 1px solid #BBBFC8; height: 175px; padding: 0px; overflow:hidden; position: absolute; top: 20px; left: 40px; width: 777px;}
.successStories .nav {height: 70px; position: absolute; bottom:5px; left: 200px;}
*html .successStories .nav {bottom:-5px;}
.successStories ul {list-style-type: none;}
.successStories .flashHeader ul li {float: left;}
.successStories .flashHeader ul li a img {border: 2px solid transparent;}
.successStories .flashHeader ul li a:hover img {border: 2px solid #F36F21;}
.successStories .flashHeader ul li a.active img {border: 2px solid #F36F21;}


/* FOOTER
======================================================================*/
.footerContainer {
	background: url(../../images/template/png-footer-background.png) no-repeat top ;
	behavior: url(../../images/iepngfix.htc);
	width: 940px;
}
.footerContainer .back {position: relative;}
.contactInformation {
	position: absolute;
	top: 15px;
	right: 70px;
}

.contactInformation  ul{list-style-type: none;}
.contactInformation  ul li {float: left;}

.footerLinks {position: absolute; left: 30px; top: 15px;}


/* PAGE SPECIFIC
======================================================================*/
.imgContainer {
	margin-bottom: 30px;
}

	/*=========== HOMEPAGE ===========*/
	.homeCallouts {padding: 0px 25px;}
	.homeCallouts a {position: static !important;}
	.homeCallouts .homepageTitle strong {color: #74848D !important;}
	.homeCallouts .callout {float: left; padding: 0px 23px; width: 29%;}
	.homeCallouts p {color: #9B8A8A;}
	.homeCallouts .left {padding-left: 0px; text-align: right;}
	.homeCallouts .middle {border-right: 1px solid #CDCDCD; border-left: 1px solid #CDCDCD; text-align: center; width: 30%;}
	.homeCallouts .right {padding-right: 0px;}
	.homeCallouts .right h2 {padding-bottom: 25px;}
	.homeCallouts .productNavContainer {margin-right: 10px;}
	
	
/* STYLES FOR DISPLAYING XSLT's IN THE WORKAREA
======================================================================*/
.xsltDisplay-managementTeam {}
.xsltDisplay-managementTeam td.colL {font-weight: bold; padding-right: 10px; vertical-align: top;}
.xsltDisplay-managementTeam td {vertical-align: top;}


.countdown {
	background: url(/images/template/countdown/background.jpg) no-repeat left top;
	height: 44px;
	margin: 0px;
	padding: 0px;
	position: relative;
}

.countdown hr {display: none;margin: 0px !important; padding: 0px !important;}
.countdown .button {position: absolute; right: 10px; top: 9px;}

/* timer numbers */
.timer_numbers {
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight: bold;
	text-align:left
}

#timer_days,
#timer_hours,
#timer_mins,
#timer_seconds {
	background:url(/images/template/countdown/panel.gif) no-repeat;
	float: left;
	height:30px;
	letter-spacing: 9px;
	line-height: 20px;
	padding: 2px 0px 0px 4px;
	position: absolute;
	top: 6px;
	width: 37px;
}

#timer_days {right: 263px;}
#timer_hours {right: 216px;}
#timer_mins {right: 169px;}
#timer_seconds {right: 124px;}


/* timer labels */
.timer_labels {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	color:#666;	
}

#timer_labels {
	position:relative;
}

#timer_days_label {
	position:absolute;
	top:150px;
	left:58px;	
}

#timer_hours_label {
	position:absolute;
	top:150px;
	left:305px;
	
}

#timer_mins_label {
	position:absolute;
	top:150px;
	left:570px;	
}

#timer_seconds_label {
	position:absolute;
	top:150px;
	left:825px;
}

#timer_labels {display: none;}



/* below style not apart of the tutorial */
p#demoPage {
	display:inline;
	padding:5px;
	background-color:#000000;
	color:#FFFFFF;
	margin:20px 0;
	font-size:18px;
}

p#demoPage a {
	color:#FFFFFF;	
}


/* STYLES FOR BLANK.MASTER
======================================================================*/
.blank {
	background-image: none;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}

/* STYLES FOR PROVISION MODAL
======================================================================*/
#countdownOuter {
	background: url(../../images/provision/background1.jpg) no-repeat top left #fff;
	height: 490px;
	position: relative;
	width: 900px;
}

#countdownWrapper {
	font-family: Arial Black, Helvetica Black, sans-serif;
	font-size: 25px;
	font-style: italic;
	left: 50%;
	line-height: 26px;
	height: 140px;
	margin: -70px 0 0 -200px;
	position: absolute;
	text-align: center;
	text-shadow: 1px 1px 1px #fff;
	text-transform: uppercase;
	top: 50%;
	width: 400px;
}

#countdownWrapper .orange {
	color: #f36f21;
}

#countdownWrapper  #countdown2 {
	background-repeat: no-repeat;
	background-position: top-left;
	font-size: 35px;
	position: relative;
	margin: 30px 30px 0;
	width: 341px;
	height: 48px;
}

.black {
	background-image: url(../../images/provision/tickerBlank.png);
	color: #fff;
}

.white {
	background-image: url(../../images/provision/tickerWhite.png);
	color: #fff;
}



#countdownWrapper #countdown2 #days,
#countdownWrapper #countdown2 #hours,
#countdownWrapper #countdown2 #minutes,
#countdownWrapper #countdown2 #timer_seconds2,
#countdownWrapper #countdown2 #timer_seconds3 {
	font-family: arial, helvetica, sans-serif;
	font-style: normal;
	font-size: 35px;
	font-weight: bold;
	height:37px;
	letter-spacing: 20px;
	line-height: 37px;
	padding: 2px 0px 0px 4px;
	position: absolute;
	text-align: right;
	text-shadow: 0 0 0 #000;
	top: 4px;
	width: 55px;
}


#countdownWrapper #countdown2 #timer_seconds2 {
	right: 8px;
	width: 19px;
}

#countdownWrapper #countdown2 #timer_seconds3 {
	right: 47px;
	width: 18px;
}

#countdownWrapper #countdown2 #minutes {
	right: 90px;
	padding: 0px !important;
	position: absolute;
	width: 65px !important;
}
#countdownWrapper #countdown2 #minutes div{width:20px !important; position: absolute; right: 6px; top: 2px;}
#countdownWrapper #countdown2 #minutes div.two{width:20px !important; right: 44px !important; position: absolute; display: inline-block;}

#countdownWrapper #countdown2 #hours {
	right: 180px;
	padding: 0px !important;
	position: absolute;
	width: 65px !important;
}
#countdownWrapper #countdown2 #hours div{width:20px !important; position: absolute; right: 6px; top: 2px;}
#countdownWrapper #countdown2 #hours div.two{width:20px !important; right: 44px !important; position: absolute; display: inline-block;}

#countdownWrapper #countdown2 #days {
	right: 268px;
	padding: 0px !important;
	position: absolute;
	width: 65px !important;
}
#countdownWrapper #countdown2 #days div{width:20px !important; position: absolute; right: 6px; top: 2px;}
#countdownWrapper #countdown2 #days div.two{width:20px !important; right: 46px !important; position: absolute; display: inline-block;}

#provisonModal {
	position: absolute;
	top: 0;
	left: 0;
	font-size:  1px;
	height: 1px;
	line-height: 1px;
	visibility: hidden;
}

#provisionWrapper {
	background: url(../../images/provision/background2.jpg) no-repeat top right #fff;
	height: 490px;
	position: relative;
	width: 900px;
}

#provisionWrapper #blogCallout {
	border-bottom: 1px solid #aeadad;
	height: 100px;
	margin: 32px 0 0 4px;
	position: relative;
	width: 269px;
}

#provisionWrapper #blogCallout .blog {
	display: block;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	height: 16px;
	line-height: 16px;
	text-shadow: 0 0 0 #fff;
}

#provisionWrapper #blogCallout img {
	bottom: 0;
	position: absolute;
	right: -9px;
}

#provisionWrapper #blogCallout span {
	display: block;
	margin-bottom: 8px;
	width: 180px;
}

#provisionWrapper #header {
	height: 146px;
}

#provisionWrapper #video {
	height: 344px;
	float: left;
	width: 588px;
}

#provisionWrapper #video #videoWrapper,
#stockingVideo #videoWrapper {
	border: 1px solid #999;
	margin: 22px 0 0 40px;
	width: 524px;
	height: 294px;
	-moz-box-shadow:  0 0 18px 3px #9e9c9f;
	-webkit-box-shadow:  0 0 18px 3px #9e9c9f;
	box-shadow: 0 0 18px 3px #9e9c9f;
}

#provisionWrapper #video #videoWrapper a,
#stockingVideo #videoWrapper a {outline: none !important;}

#provisionWrapper #links {
	clear: none;
	color: #333;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-style: italic;
	font-weight: bold;
	height: 344px;
	line-height: 17px;
	text-shadow: 1px 1px 1px #fff;
	width: 273px;
}

#provisionWrapper #links ul {
	border-top: 1px solid #fff;
	padding: 0;
	margin: 0 0 0 4px;
}

#provisionWrapper #links ul li {
	height: 40px;
	list-style-type: none;
	padding: 21px 0 0 0;
	margin: 0;
}

#provisionWrapper #links ul li a,
#provisionWrapper #blogCallout span a {
	color: #333;
	text-decoration: none;
}

#provisionWrapper #links ul li a:hover, 
#provisionWrapper #links ul li a:active,
#provisionWrapper #blogCallout span a:hover,
#provisionWrapper #blogCallout span a:active {
	color: #F35F21;
}

#provisionWrapper #links ul li .divider {
	border-top: 1px solid #aeadad;
	border-bottom: 1px solid #fff;
	margin-top: 21px;
}

#provisionWrapper #links ul li.last {
	border-bottom: 0px;
}

#stockingVideo {
	background: url(../../images/provision/background1.jpg) no-repeat center center #fff;
	height: 392px;
	overflow: hidden;
	padding: 1px;
	position: relative;
	width: 622px;
}

#stockingVideo #videoWrapper {
	margin: 48px;
}