/* =file metadata -------------------------------------- 

Project Name: 	MIG69 homepage
Website: 		http://www.mig69.com
Version date:	14 januari 2009
Author: 		Floris Baan (floris@minoto-interactive.com)

*/

/* =structure -------------------------------------- */

body {
	background: #1b242a url("../images/web/body_back.png") repeat-x top left;
	color: #404C53;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	line-height: 1.5em;
	text-align: center; /* center container */
	}
	
#websiteContainer {
	margin: 0 auto; /* center container */
	width: 960px;
	padding-bottom: 3em;
	}
	
/* =common -------------------------------------- */	

/* common =layout -------------------------------------- */

.floatLeft {
	float: left;
	}
	
.floatRight {
	float: right;
	}
	
.displayInline {
	display: inline;
	}

.center {	
	margin: 0 auto;
	text-align: center;
	}
	
.ui-tabs-hide {
	display: none;
	}
	
.clear {
	clear: both;
    width: 100%;
	}
	
.noDisplay {
	display: none;
	}
	
.noVisibility {
	visibility: hidden;
	}
	
.container {
	position: relative;
	}
	
/* common =headings -------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	padding: 5px 0;
	color: #404C53;
	font-weight: bold;
	position: relative;
	font-size: 1em;	
	font-family: "HelveticaNeue-Light","Helvetica Neue Light",Helvetica,Arial,sans-serif;
	}

h1 {
	font-size: 2.0em;
	}

h2 {
	font-size: 1.6em;	
	}
	
h3 {
	border: 1px solid #CAD6DD;
	border-bottom: 4px solid #CAD6DD;
	font-size: 1.15em;
	margin-bottom: 5px;
	background: #F3F6F8 url("../images/web/h3_back.png") repeat-x top left;
	padding: 5px 0;	
	float: left;
	margin-top: 20px;
	}
	
	body.wideMain #contentTop h3 {
		width: 918px;
		}
		
	body.smallMain #contentTop h3 {
		width: 918px;
		}
	
	body.wideMain #contentMain h3 {
		width: 683px;
		}
		
	body.fullMain #contentMain h3 {
		width: 918px;
		}
		
	body.smallMain #contentMain h3,
	body.fullMain #contentMain .wideContent h3 {
		width: 448px;
		}
		
	body.wideMain #contentSide h3,
	body.smallMain #contentMain .smallDiv h3,
	body.fullMain #contentMain .smallContent h3 {
		width: 213px;
		float: none;
		}
		
	body.smallMain #contentSide h3 {
		width: 213px;
		}
		
	body.smallMain #contentSide div.wide h3 {
		width: 448px;
		}
	
	h3 span {
		padding: 0 10px;
		}
	
h4 {
	font-size: 1.1em;	
	padding-bottom: 0;
	}
	
h5 {}

h6 {}

/* common =paragraphs -------------------------------------- */

p {
	padding: 5px 0;
	}	
		
em {
	font-style: italic;
	}	
		
.flashNotice {
	background: #F3F9E7;
	border: 1px solid #BCDF9B;
	color: #70A937;
	clear: both;
	margin-bottom: 10px;
	padding: 5px 10px;
	position: relative;
	}	
	
.flashError {
	background: #F7E8E8;
	border: 1px solid #E5AEAE;
	color: #BD3D3D;
	clear: both;
	margin-bottom: 10px;
	padding: 5px 10px;
	position: relative;
	}
	
	.flashNotice p,
	.flashError p {
		font-weight: bold;
		width: 90%;
		display: inline;
		}
		
	.flashNotice p.close,
	.flashError p.close {
		position: absolute;
		right: 0;
		padding: 0;
		width: 9.99%;
		display: inline;
		float: right;
		}		
		
		.flashNotice p.close a,
		.flashError p.close a {
			text-indent: -9999em;
			display: block;
			width: 19px;
			height: 19px;
			float: right;
			margin-right: 10px;
			border: none;
			}
		
		.flashNotice p.close a {
			background: url("../images/icons/close_green.png") no-repeat 50% 50%;
			}
			
		.flashError p.close a {
			background: url("../images/icons/close_red.png") no-repeat 50% 50%;
			}

			.flashNotice p.close a:hover,
			.flashError p.close a:hover {
				border: none;
				}			

/* common =links-------------------------------------- */

a, a:visited {
	border-bottom: 1px solid transparent;
	color: #404C53;	
	font-weight: bold;
	text-decoration: none;
	}

	a:hover, a:active {
		border-bottom: 1px solid #000000;
		color: #000000;		
		}
	
.moreLink {
	position: absolute;
	top: 1px;
	right: 11px;
	font-size: 11px;
	}

.delete {
	background: url("../images/icons/trash.png") left center no-repeat;
	padding-left: 15px;
	}
	
.save {
	background: url("../images/icons/check.png") left center no-repeat;
	padding-left: 15px;
	}
	
.info {
	background: url("../images/icons/info.png") left center no-repeat;
	padding-left: 15px;
	}
	
.edit {
	background: url("../images/icons/pen.png") left center no-repeat;
	padding-left: 15px;
	}
	
.arrow {
	background: url("../images/icons/arrow_right.png") right center no-repeat;
	padding: 0;
	padding-right: 15px;
	}
	
.stats,
.bargraph {
	background: url("../images/icons/bargraph.png") left center no-repeat;
	padding-left: 15px;
	}
	
	#navigationPrimary .stats {
		background: none;
		}
	
.changeStatus {
	background: url("../images/icons/switch.png") left center no-repeat;
	padding-left: 15px;
	}
	
.checked strong {
	background: url("../images/icons/check.png") left center no-repeat;
	padding-left: 15px;
	}
	
.down {
	background: url("../images/icons/1B242A_7x7_arrow_down.png") no-repeat 100% 50%;
	padding-right: 11px;
	}
	
.up {
	background: url("../images/icons/1B242A_7x7_arrow_up.png") no-repeat 100% 50%;
	padding-right: 11px;
	}
	
.buttonLarge,
.buttonLarge-form,
.buttonSmall,
.buttonSmall-green,
.buttonSmallest,
.buttonSmallest-form,
.buttonSmall-form,
.buttonSmall-footer,
.buttonSmall-featured,
.buttonSmall-green-featured {
	display: block;
	padding: 5px 0;
	margin: 0 5px 0 0;
	}
	
	.buttonLarge .bl-linkelement,
	.buttonLarge-form .bl-linkelement,
	.buttonSmall .bl-linkelement,
	.buttonSmall-green .bl-linkelement,
	.buttonSmallest .bl-linkelement,
	.buttonSmallest-form .bl-linkelement,
	.buttonSmall-form .bl-linkelement,
	.buttonSmall-footer .bl-linkelement,
	.buttonSmall-featured .bl-linkelement,
	.buttonSmall-green-featured .bl-linkelement {
		padding: 0;
		margin: 0;
		border: 0;
		display: inline-block;
		background: transparent url("../images/web/buttonLarge.png") no-repeat 50% 50%;
		font-family:Arial, Helvetica, sans-serif;
		color: #404C53;
		cursor: pointer;
		font-size: 12px;
		height: 50px;
		width: 199px;	
		line-height: 50px;
		}
		
		.buttonLarge-form .bl-linkelement {
			height: 50px;
			width: 199px;	
			line-height: 50px;
			background: transparent url("../images/web/buttonLarge-form.png") no-repeat 50% 50%;
			}
		
		.buttonLarge-form.checked .bl-linkelement,
		.buttonLarge-form.checked .bl-linkelement:hover {
			background: transparent url("../images/web/buttonLarge_form_pressed.png") no-repeat 50% 50%;
			color: #000000;
			}
			
		.buttonSmall-green .bl-linkelement {
			width: 135px;
			line-height: 36px;
			height: 36px;
			color: #FFFFFF;
			background: transparent url("../images/web/buttonSmall-green.png") no-repeat 50% 50%;
			}
			
		.buttonSmall-green-featured .bl-linkelement {
			width: 135px;
			line-height: 36px;
			height: 36px;
			color: #FFFFFF;
			background: transparent url("../images/web/buttonSmall_green_featured.png") no-repeat 50% 50%;
			}
		
		.buttonSmall .bl-linkelement {
			width: 135px;
			line-height: 36px;
			height: 36px;
			background: transparent url("../images/web/buttonSmall.png") no-repeat 50% 50%;
			}
			
			.buttonSmall.checked .bl-linkelement,
			.buttonSmall.checked .bl-linkelement:hover {
				background: transparent url("../images/web/buttonSmall_pressed.png") no-repeat 50% 50%;
				color: #000000;
				}
				
		.buttonSmallest .bl-linkelement {
			width: 100px;
			line-height: 24px;
			height: 24px;
			background: transparent url("../images/web/buttonSmallest.png") no-repeat 50% 50%;
			}
			
		.buttonSmallest-form .bl-linkelement {
			width: 100px;
			line-height: 24px;
			height: 24px;
			background: transparent url("../images/web/buttonSmallest-form.png") no-repeat 50% 50%;
			}
			
		.buttonSmall-form .bl-linkelement {
			width: 135px;
			line-height: 36px;
			height: 36px;
			background: transparent url("../images/web/buttonSmall_form.png") no-repeat 50% 50%;
			}
			
			.buttonSmall-form.checked .bl-linkelement,
			.buttonSmall-form.checked .bl-linkelement:hover {
				background: transparent url("../images/web/buttonSmall_form_pressed.png") no-repeat 50% 50%;
				color: #000000;
				}
		
		.buttonSmall-footer .bl-linkelement {
			width: 135px;
			line-height: 36px;
			height: 36px;
			color: #CAD6DD;
			background: transparent url("../images/web/buttonSmall_footer.png") no-repeat 50% 50%;
			}
			
		.buttonSmall-featured .bl-linkelement {
			width: 135px;
			line-height: 36px;
			height: 36px;
			color: #CAD6DD;
			background: transparent url("../images/web/buttonSmall_featured.png") no-repeat 50% 50%;
			}
		
		.buttonLarge .bl-linkelement .inner1,
		.buttonLarge-form .bl-linkelement .inner1,
		.buttonSmall .bl-linkelement .inner1,
		.buttonSmall-green .bl-linkelement .inner1,
		.buttonSmallest .bl-linkelement .inner1,
		.buttonSmallest-form .bl-linkelement .inner1,
		.buttonSmall-form .bl-linkelement .inner1,
		.buttonSmall-footer .bl-linkelement .inner1,
		.buttonSmall-featured .bl-linkelement .inner1,
		.buttonSmall-green-featured .bl-linkelement .inner1 {
			display: block;	
			font-style: normal;	
			height: 50px;
			width: 199px;	
			line-height: 50px;
			text-align: center;
			font-size: 12px;
			}
			
			.buttonSmall .bl-linkelement .inner1,
			.buttonSmall-form .bl-linkelement .inner1,
			.buttonSmall-green .bl-linkelement .inner1,
			.buttonSmall-footer .bl-linkelement .inner1,
			.buttonSmall-featured .bl-linkelement .inner1,
			.buttonSmall-green-featured .bl-linkelement .inner1 {
				width: 135px;
				line-height: 36px;
				height: 36px;
				}
				
			.buttonSmallest .bl-linkelement .inner1,
			.buttonSmallest-form .bl-linkelement .inner1 {
				width: 100px;
				line-height: 24px;
				height: 24px;
				font-size: 11px;
				}
				
				
	button.bl-linkelement {
		display: inline !important;
	}
	
	.buttonLarge .bl-linkelement:hover {
		background: #E7EDF0 url("../images/web/buttonLarge.png") no-repeat 50% 50%;
		color: #000000;
		}
		
	.buttonLarge-form .bl-linkelement:hover {
		background: #CAD6DD url("../images/web/buttonLarge-form.png") no-repeat 50% 50%;
		color: #000000;
		}
		
	.buttonSmall .bl-linkelement:hover {
		background: #E7EDF0 url("../images/web/buttonSmall.png") no-repeat 50% 50%;
		color: #000000;
		}
		
	.buttonSmallest .bl-linkelement:hover {
		background: #E7EDF0 url("../images/web/buttonSmallest.png") no-repeat 50% 50%;
		color: #000000;
		}
	
	.buttonSmallest-form .bl-linkelement:hover {
		background: #E7EDF0 url("../images/web/buttonSmallest-form.png") no-repeat 50% 50%;
		color: #000000;
		}
		
	.buttonSmall-form .bl-linkelement:hover {
		background: #CAD6DD url("../images/web/buttonSmall_form.png") no-repeat 50% 50%;
		color: #000000;
		}
		
	.buttonSmall-green .bl-linkelement:hover {
		background: #b5e784 url("../images/web/buttonSmall-green.png") no-repeat 50% 50%;
		color: #FFFFFF;
		}
		
	.buttonSmall-green-featured .bl-linkelement:hover {
		background: #b5e784 url("../images/web/buttonSmall_green_featured.png") no-repeat 50% 50%;
		color: #FFFFFF;
		}
		
	.buttonSmall-footer .bl-linkelement:hover {
		background: #202B32 url("../images/web/buttonSmall_footer.png") no-repeat 50% 50%;
		color: #FFFFFF;
		}
	
	.buttonSmall-featured .bl-linkelement:hover {
		background: #202B32 url("../images/web/buttonSmall_featured.png") no-repeat 50% 50%;
		color: #FFFFFF;
		}
		

/* common =lists -------------------------------------- */

ul, ol, dl {
	padding: 5px 10px;
	list-style: disc;
	margin-left: 20px;	
	}	
	
	dt {
		font-weight: bold;
		padding: 0;
		}
	
	li {
		padding: 5px 0;
		margin: 0;
		}
	
	ul.underline,
	ol.underline,
	dl.underline {
		padding: 0;
		margin: 0;
		list-style: none;
		}
	
		.underline li,
		.underline dl,
		.underline .video {
			margin: 0;
			list-style: none;
			border-bottom: 1px solid #e7edf0;
			position: relative;
			clear: both;
			}
			
		.underline li.last,
		.underline dl.last,
		.underline .last {
			border-bottom: none;
			}
	
		ul.underline li .date {
			position: absolute;
			right: 0;
			}
			
.inlineList {
	padding: 0;
	margin: 0;
	}
		
	.inlineList li {
		display: inline;
		padding: 5px 0;
		line-height: 2.0em;
		}

.extraSmall {
	font-size: 1em;
	}

.small {
	font-size: 1.2em;
	}
	
.normal {
	font-size: 1.4em;
	}
	
.large {
	font-size: 1.6em;
	}

.extraLarge {
	font-size: 1.8em;
	}

.unpublished,
.limitedOff {
	color: #DE0000;
	cursor: pointer;
	}
	
.published,
.limitedOn {
	color: #FFFFFF;
	cursor: pointer;
	}

/* common =tables -------------------------------------- */

table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;	
	}
	
	table.styled {
		background: #E7EDF0;
		border: 1px solid #CAD6DD;
		}
	
caption {
	display: none;
	}

th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	border-right: 0;
	border-bottom: 1px solid #e7edf0;
	text-align: left;
	padding: 5px 10px;
}

td {
	border-right: 0;
	border-bottom: 1px solid #e7edf0;
	padding: 5px 10px;
}

td.numeric, th.numeric {
	text-align: right;
}
		
	td td,
	td th {
		padding: 5px 0px;
		}
			
	table.styled th {
		border-bottom: 1px solid #CAD6DD;
		}
		
		.smallList table.styled th {
			border-bottom: 1px solid #e7edf0;
			}
		
	table.styled td {
		border-bottom: 1px solid #CAD6DD;
		}
		

/* =box -------------------------------------- */	

.box {
	margin: 0 0 20px 0;
	padding: 0;
	float: left;
	position: relative;
	}

	.smallBox,
	.smallTable,
	.smallForm,
	.smallList  {
		width: 215px;
		}
		
	.mediumBox,
	.mediumTable,
	.mediumForm,
	.mediumList {
		width: 450px;
		}
		
	.largeBox,
	.largeTable,
	.largeForm,
	.largeList {
		width: 685px;
		}
		
	.fullBox,
	.fullTable,
	.fullForm,
	.fullForm {
		width: 920px;
		}
	
	.prependSpace-1 {
		margin-left: 20px;
		}
		
	.prependSpace-2 {
		margin-left: 40px;
		}
	
	.prependSpace-3 {
		margin-left: 60px;
		}
		
	.prependSpace-4 {
		margin-left: 80px;
		}
		
	.prependSpace-5 {
		margin-left: 100px;
		}
		
	.prependSpace-6 {
		margin-left: 120px;
		}
		
	.prependSpace-7 {
		margin-left: 140px;
		}
		
	.prependSpace-8 {
		margin-left: 160px;
		}
		
	.prependSpace-9 {
		margin-left: 180px;
		}
		
	.prependSpace-10 {
		margin-left: 200px;
		}

/* tables */

table {
	background: #E7EDF0;
	border: none;
	padding: 0;
	margin: 10px 0 0 0;
	border-collapse: collapse;
	}
	
	.styled {
		border: 1px solid #CAD6DD !important;
	}
	
	caption {
		display: none;
		}
	
	thead {
	
		}
		
		thead th {
			
			border-bottom: 1px solid #CAD6DD;
			padding: 5px 10px;
			position: relative;
			}
		
		th .edit {
			position: absolute;
			right: 10px;
		}
		
	tbody {
	
		}
		
		tbody td {
			background: #F2F4F5;
			border-bottom: 1px solid #CAD6DD;
			padding: 5px 10px;
			}
			
			td.odd,
			td.price {
				background: #FAFBFC;
				border-bottom: 1px solid #CAD6DD;
				}
				
		tbody th {
			width: 20%;
			border-right: 1px solid #CAD6DD;
		}
		
	tfoot {
		
		}

/* forms */

form {
	border: none;
	padding: 0;
	margin: 0;
	}
	
	fieldset {
		margin: 10px 0;
		padding: 10px;
		border: none;
		background: #E7EDF0;
		border: 1px solid #CAD6DD;
		}
		fieldset.last {
			margin-bottom: 0;
			}
		
		fieldset.first {
			margin-top: 0;
			border-top: 0;
			}
	
	legend {
		display: none;
		}
	
	label {
		float: left;
		display: block;
		width: 15em;
		font-weight: bold;
		}
		
	.noBold {
		font-weight: normal;
		}
	
	input.text,
	input[type="text"] {
		width: 300px;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 1em;
		color: #404C53;
		}
		
		input.inputSmall {
			width: 75px;
			}
		input.inputMedium {
			width: 150px;
			}
	
	input.radio, input.checkbox, input.submit,
	input[type="radio"], input[type="checkbox"] {
		width: auto;
		}
	
	input.radio, input.checkbox, input.submit {
		float: left;
		margin-right: 10px;
		}
		
	textarea {
		width: 400px;
		height: 100px;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 1em;
		color: #404C53;
		}
		
		textarea.largeTextarea {
			width: 650px;
			}
		
	p.inputInfo,
	span.inputInfo {
		font-size: 11px;
		color: #81949F;
		}
		
	p.errorInfo,
	span.errorInfo {
		font-size: 11px;
		color: #BD3D3D;
		}
		
	span.inputInfo {
		margin-left: 10px;
		}
		
	p.inputInfo {
		padding-top: 0px;
		}
		
    div.checkBoxCol {
        float: left;
        width: 245x;
    }
    
    div.checkBoxCol.alt {
        float: right;
    }
    
    .checkBoxContainer label {
        width: 200px; 
    }

/* =sectionHeader -------------------------------------- */
	
#sectionHeader {
	float: left;
	position: relative;
	width: 960px;	
	}
	
/* =sectionHeader =websiteLogo -------------------------------------- */
	
	h1#websiteLogo {
		float: left;
		padding: 0;
		margin: 0;
		width: 400px;		
		}
		
		h1#websiteLogo a {
			border: none;
			display: block;
			height: 100px;
			width: 400px;
			text-indent: -9999em;
			background: url("../images/web/logo.png") no-repeat 50% 50%;			
			}	
			
			h1#websiteLogo a:hover {
				border: none;
				}

/* =sectionHeader =navigationPrimary -------------------------------------- */
				
#navigationPrimary {			
	background: #26333B url("../images/web/navigationButton.png") repeat-x top left;
	border-bottom: 8px solid #97cc63;
	border-top: 1px solid #4b575f;
	float: left;
	position: relative;
	}
			
	#navigationPrimary h2 {
		background: url("../images/web/transMid.png");
		bottom: 0;
		display: none;
		height: 4px;
		left: 0;
		margin: 0;
		padding: 0;
		position: absolute;
		text-indent: -9999em;
		width: 960px;		
		}
			
		#navigationPrimary ul {
			float: left;
			padding: 0;
			margin: 0;			
			width: 960px;
			list-style: none;
			}
			
			#navigationPrimary ul li {
				border-right: 1px solid #182025;
				float: left;
				padding: 0;
				margin: 0;				
				}				
				
				#navigationPrimary ul li.first {
					
					}
					
				#navigationPrimary ul li.last {
					border-right: 1px solid #182025;					
					}
				
					#navigationPrimary ul li a {
						border: none;
						border-right: 1px solid #4b575f;
						color: #CAD6DD;
						display: block;
						float: left;
						padding: 15px 20px;
						}
						
						#navigationPrimary ul li a:hover {
							background: url("../images/web/transLight.png");
							color: #FFFFFF;
							}
				
				#navigationPrimary ul li.login,
				#navigationPrimary ul li.logout {
					border-left: 1px solid #4b575f;
					/*border-left: none;*/
									
					position: absolute;
					right: 120px;
					bottom: 0;				
					}
						
					#navigationPrimary ul li.login a,
					#navigationPrimary ul li.logout a {
						/* */
						border-left: 1px solid #182025;
						color: #FFFFFF;
						/* 
						border-left: 0px solid #182025;
						border-top: 0px solid #182025;
						background: transparent url("../images/web/navigationButton_green.png") no-repeat 0px 0px;
						color: #edf7e4;
						padding: 0px;
						text-align: center;
						width: 148px;
						line-height: 35px;
						height: 35px;
						padding-top: 4px;
						*/
						}
						
					#navigationPrimary ul li.login a:hover,
					#navigationPrimary ul li.logout a:hover {
						/* */
						border-left: 1px solid #182025;
						
						/* 
						border-left: 0px solid #182025;
						border-top: 0px solid #182025;
						border-right: none;
						background: transparent url("../images/web/navigationButton_green.png") no-repeat 0px -39px;
						color: #FFFFFF;
						padding: 0px;
						text-align: center;
						width: 148px;
						line-height: 35px;
						height: 35px;
						padding-top: 4px;
						*/
						}
						
						#navigationPrimary ul li.login a span.locked {
							background: url("../images/icons/locked.png") no-repeat 0 50%;
							padding-left: 15px;
						}
							
						
					body#home #navigationPrimary ul li.home a,
					body#features #navigationPrimary ul li.features a,
					body#advertising #navigationPrimary ul li.advertising a,
					body#contact #navigationPrimary ul li.contact a,
					body#pricing #navigationPrimary ul li.pricing a {						
						background: url("../images/web/transLight.png");
						color: #FFFFFF;
						}
						
/* =sectionContent =navigationTertiary -------------------------------------- */
				
#navigationTertiary {			
	background: #E7EDF0;
	float: left;
	position: relative;
	width: 960px;
	border: none;
	padding-top: 10px;
	border-bottom: 1px solid #CAD6DD;
	}
	
	#navigationTertiary h2 {
		/* background: url("../images/web/transLight2.png") repeat bottom left;*/
		border-bottom: 1px solid #CAD6DD;
		bottom: 0;
		display: none;
		/*height: 4px;*/
		left: 0;
		margin: 0;
		padding: 0;
		position: absolute;
		text-indent: -9999em;
		width: 960px;	
		z-index: 2;	
		}
			
		#navigationTertiary ul {
			float: left;
			padding: 0;
			margin: 0;			
			width: 960px;
			list-style: none;
			margin-left: 20px;
			position: relative;
			bottom: 0;
			left: 0;
			}
			
			#navigationTertiary ul li {
				border-right: 1px solid #CAD6DD;
				float: left;
				padding: 0;
				margin: 0;	
				position: relative;
				z-index: 1;	
				background: #f2f4f5;		
				}				
				
				#navigationTertiary ul li.active {
					z-index: 3;
					}
				
				#navigationTertiary ul li.first {
					border-left: 1px solid #CAD6DD;
					}
					
				#navigationTertiary ul li.last {
					
					}
				
					#navigationTertiary ul li a {
						border: none;
						border-top: 1px solid #CAD6DD;
						color: #6b7d87;
						display: block;
						float: left;
						padding: 5px 10px;
						margin-bottom: -1px;						
						}
						
						#navigationTertiary ul li a:hover {
							background: #FFFFFF;
							color: #0F1417;
							}
							
						#navigationTertiary ul li.active a {
							background: #FFFFFF;
							color: #000000;	
							z-index: 4;						
							}
										
/* =sectionContent -------------------------------------- */

#sectionContent {
	background: #FFFFFF;	
	border-top: 1px solid #0b0e10;
	float: left;	
	padding: 0 0 0 0;
	text-align: left;	
	width: 960px;
	}

/* sectionContent =pageIntro -------------------------------------- */

	#pageIntro {
		background: #0F1417;
		float: left;
		position: relative;
		text-align: left;
		width: 960px;
		}
	
		#pageIntro h2 {
			color: #97cc63;
			font-size: 2.0em;
			padding: 20px 0;
			margin-left: 20px;
			}	
					
		body#home #pageIntro {
			display: none;
			}	
			
/* sectionContent =contentFeatures -------------------------------------- */

#contentFeatures {
	background: #0F1417 url("../images/web/feature.png") no-repeat left top;
	float: left;
	height: 370px;
	position: relative;
	text-align: left;
	width: 960px;
	}
	
	#contentFeatures #navigationFeatures {
		bottom: 0;
		height: 80px;
		margin: 0;
		padding: 0;
		position: absolute;
		}
		
		#contentFeatures #navigationFeatures li {
			background: #26333B url("../images/web/featureButton.png") no-repeat top right;
			border-top: 1px solid #0b0e10;
			display: block;
			float: left;			
			height: 79px;
			padding: 0;
			margin: 0;					
			}
			
			#contentFeatures #navigationFeatures li.first {
				background: #26333B url("../images/web/featureButton_first.png") no-repeat top right;
				}
				
			#contentFeatures #navigationFeatures li.last {
				background: #26333B url("../images/web/featureButton_last.png") no-repeat top right;
				}
					
			#contentFeatures #navigationFeatures li.ui-tabs-selected {
				background: url("../images/web/featureNavButton.png") bottom left repeat-x;
				border-top: 1px solid #0f1417;				
				}
			
			#contentFeatures #navigationFeatures li a {
				border: none;
				color: #CAD6DD;	
				display: block;
				float: left;
				font-size: .9em;
				height: 79px;
				line-height: 1.3em;					
				width: 160px;
				cursor: pointer;							
				}
				
				#contentFeatures #navigationFeatures li a:hover {
					background: url("../images/web/transLight.png");
					color: #FFFFFF;
					}
				
			#contentFeatures #navigationFeatures li.ui-tabs-selected a {					
				color: #FFFFFF;		
				}
					
				#contentFeatures #navigationFeatures li.ui-tabs-selected a:hover {					
					background: none;
					}
					
				#contentFeatures #navigationFeatures li a span {
					display: block;					
					padding: 24px 20px 10px 60px;
					height: 45px;
					cursor: pointer;
					}
					
				#contentFeatures #navigationFeatures li a.overview span {
					background: url("../images/web/plane.png") no-repeat 20px 0px;
					}
					
					#contentFeatures #navigationFeatures li a:hover.overview span,
					#contentFeatures #navigationFeatures li.ui-tabs-selected a.overview span {					
						background: url("../images/web/plane.png") no-repeat 20px -79px;
						}	
				
				#contentFeatures #navigationFeatures li a.hosting span {
					background: url("../images/web/hosting.png") no-repeat 20px 0px;
					}
					
					#contentFeatures #navigationFeatures li a:hover.hosting span,
					#contentFeatures #navigationFeatures li.ui-tabs-selected a.hosting span {					
						background: url("../images/web/hosting.png") no-repeat 20px -79px;
						}
					
				#contentFeatures #navigationFeatures li a.analytics span {
					background: url("../images/web/analytics.png") no-repeat 20px 0px;
					}
					
					#contentFeatures #navigationFeatures li a:hover.analytics span,
					#contentFeatures #navigationFeatures li.ui-tabs-selected a.analytics span {					
						background: url("../images/web/analytics.png") no-repeat 20px -79px;
						}
					
				#contentFeatures #navigationFeatures li a.customize span {
					background: url("../images/web/customize.png") no-repeat 20px 0px;
					}
					
					#contentFeatures #navigationFeatures li a:hover.customize span,
					#contentFeatures #navigationFeatures li.ui-tabs-selected a.customize span {
						background: url("../images/web/customize.png") no-repeat 20px -79px;
						}
					
				#contentFeatures #navigationFeatures li a.ads span {
					background: url("../images/web/ads.png") no-repeat 20px 0px;
					}
					
					#contentFeatures #navigationFeatures li a:hover.ads span,
					#contentFeatures #navigationFeatures li.ui-tabs-selected a.ads span {
						background: url("../images/web/ads.png") no-repeat 20px -79px;
						}
					
				#contentFeatures #navigationFeatures li a.distribution span {
					background: url("../images/web/distribution.png") no-repeat 20px 0px;
					}
					
					#contentFeatures #navigationFeatures li a:hover.distribution span,
					#contentFeatures #navigationFeatures li.ui-tabs-selected a.distribution span {
						background: url("../images/web/distribution.png") no-repeat 20px -79px;
						}
					
				#contentFeatures #navigationFeatures li a.stream span {
					background: url("../images/web/stream.png") no-repeat 20px 0px;
					}
					
					#contentFeatures #navigationFeatures li a:hover.stream span,
					#contentFeatures #navigationFeatures li.ui-tabs-selected a.stream span {
						background: url("../images/web/stream.png") no-repeat 20px -79px;
						}
	
	#contentFeatures #controlRotation {
		position: absolute;
		right: 20px;
		top: 20px;		
		z-index: 5;
		display: none;
		}
		
		#contentFeatures #controlRotation a {
			border: none;
			color: #CAD6DD;		
			display: block;
			font-size: .9em;
			height: 13px;
			line-height: 13px;
			padding-bottom: 2px;			
			padding-right: 15px;	
			}
			
			#contentFeatures #controlRotation a:hover {
				color: #FFFFFF;
				}
	
		#contentFeatures #controlRotation a#controlStop {
			background: url("../images/web/controlRotation.png") no-repeat right 0px;
			}
	
			#contentFeatures #controlRotation a#controlStop:hover {
				background: url("../images/web/controlRotation.png") no-repeat right -15px;
				}
			
		#contentFeatures #controlRotation a#controlStart {
			background: url("../images/web/controlRotation.png") no-repeat right -30px;
			}

			#contentFeatures #controlRotation a#controlStart:hover {
				background: url("../images/web/controlRotation.png") no-repeat right -45px;
				}

#contentFeatures .feature {
	color: #FFFFFF;
	height: 250px;	
	padding: 20px;
	padding-right: 500px;	
	position: relative;
	width: 440px;
	}
	
	#contentFeatures .feature h3 {
		color: #97cc63;
		font-size: 2.5em;
		padding: 10px 0 10px 0;	
		margin: 0;
		border: none;	
		background: none;
		float: none;
		visibility: hidden;
		}
		
		#contentFeatures .feature h3 span {
			padding: 0;
			}
		
	#contentFeatures .feature p {
		color: #CAD6DD;
		line-height: 2em;		
		}
		
	#contentFeatures .feature .tourButtons {
		position: absolute;
		bottom: 25px;
		left: 20px;		
		}		

	#contentFeatures .feature strong {
		color: #FFFFFF;
		}
		
	#contentFeatures .feature p.intro {
		color: #FFFFFF;
		font-size: 1.5em;
		line-height: 1.5em;
		padding: 10px 0 10px 0;		
		}
	
	#contentFeatures .feature a {
		border-bottom: none;
		color: #FFFFFF;		
		font-weight: bold;
		}
		
		#contentFeatures .feature a:hover {
			border-bottom: none;
			}
	
	#contentFeatures .feature .next {	
		bottom: 20px;
		position: absolute;		
		right: 20px;		
		}
		
		#contentFeatures .feature .next a {
			background: url("../images/web/next.png") no-repeat 0px 0px;
			border: none;
			display: block;			
			height: 50px;			
			text-indent: -9999em;
			width: 120px;
			}
			
			#contentFeatures .feature .next a:hover {
				background: url("../images/web/next.png") no-repeat 0px -50px;
				}
	
	#contentFeatures #feature1 {
		background: url("../images/web/feature1.png") no-repeat left top;
		}
	
	#contentFeatures #feature2 {
		background: url("../images/web/feature2.png") no-repeat left top;
		}
		
	#contentFeatures #feature3 {
		background: url("../images/web/feature3.png") no-repeat left top;
		}
		
	#contentFeatures #feature4 {
		background: url("../images/web/feature4.png") no-repeat left top;
		}
		
	#contentFeatures #feature5 {
		background: url("../images/web/feature5.png") no-repeat left top;
		}
		
	#contentFeatures #feature6 {
		background: url("../images/web/feature6.png") no-repeat left top;
		}

/* sectionContent =navigationSecondary -------------------------------------- */
			
div#navigationSecondary {			
	bottom: 0;
	float: left;
	position: absolute;
	right: 0;
	width: 960px;
	}
			
	#navigationSecondary ul {
		float: right;
		margin: 0;
		padding: 0;	
		list-style: none;	
		list-style: none;
		margin-right: 20px;
		position: relative;
		}
		
	#navigationSecondary h2 {
		background: url("../images/web/transMid.png") repeat left top;
		border-bottom: 1px solid #000000;
		bottom: 0;
		display: none;
		height: 4px;
		left: 0;
		margin: 0;
		padding: 0;
		position: absolute;
		text-indent: -9999em;
		width: 960px;
		z-index: 2;	
		}
			
		#navigationSecondary ul li {
			background: #26333B;
			float: left;
			margin: 0;
			padding: 0;			
			position: relative;
			z-index: 1;	
			}				
				
			#navigationSecondary ul li.active {
				background: #E7EDF0;
				z-index: 3;					
				}
				
				#navigationSecondary ul li.activeAlt {
					background: #FFFFFF;
					z-index: 3;			
						
					}				
					
					#navigationSecondary ul li.activeAlt a,
					#navigationSecondary ul li.activeAlt a:hover {
						color: #404C53;
						border-top: 0;
						padding-top: 6px;	
						}
				
			#navigationSecondary ul li.first {
			
				}					
					
			#navigationSecondary ul li.last {
				
				}						
			
				#navigationSecondary ul li a,
				#navigationSecondary ul li span {
					/*border-bottom: 4px solid #202b32;*/
					border-right: 1px solid #354149;
					border-top: 1px solid #354149;
					border-left: 1px solid #182025;
					border-bottom: none;
					color: #CAD6DD;
					display: block;					
					padding: 5px 10px;	
					float: left;	
					font-weight: bold;
					}
					
					#navigationSecondary ul li span {
						color: #6F797F;
					}
					
					#navigationSecondary ul li a:hover {
						background: url("../images/web/transLight.png");
						/*border-bottom: 4px solid #273238;*/
						color: #FFFFFF;						
						}
						
					#navigationSecondary ul li.active a {
						border-bottom: none;
						border-right: 1px solid #FFFFFF;
						border-top: 0;
						padding-top: 6px;
						border-left: 1px solid #182025;
						color: #000000;				
						}
					
					#navigationSecondary ul li.first a {
						border-left: none;
						}
						
					#navigationSecondary ul li.last a,
					#navigationSecondary ul li.last span {
						border-right: none;
						}

/* sectionContent =contentMain -------------------------------------- */
						
body.smallMain #sectionContent #contentMain,
body.wideMain #sectionContent #contentMain,
body.fullMain #sectionContent #contentMain {
	float: left;
	margin: 0;
	padding: 0 0 20px 0;
	left: 20px;
	position: relative;	
	width: 450px;
	}
	
body.wideMain #sectionContent #contentMain {
	width: 685px;
	}
	
body.fullMain #sectionContent #contentMain {
	width: 920px;
	}
		
		#sectionContent h3.noMargin {
			margin-bottom: 0;
			}
		
	#sectionContent #contentMain h4 {
	
		}
		
	#sectionContent #contentMain h5 {
	
		}
	
	#sectionContent #contentMain h6 {
	
		}
		
body.smallMain #contentSide div p {
	clear: left;
	}

div.team {
	position: relative;
	background: url("../images/icons/team.png") 0em 45px no-repeat;
	}
	
	div.team p {
		padding-left: 70px;
		}
		
div.carreers {
	position: relative;
	background: url("../images/icons/carreers.png") 0em 45px no-repeat;
	}
	
	div.carreers p {
		padding-left: 70px;
		}
		
div.domain {
	position: relative;
	background: url("../images/icons/domain.png") 0em 45px no-repeat;
	}
	
	div.domain p {
		padding-left: 70px;
		}
		
	div.domain h4 {
		padding-left: 70px;
		}
		
	#generateEmbedCode div.domain {
		background-position: 0 25px;
		}
		
div.press {	
	position: relative;
	background: url("../images/icons/press.png") 0px 45px no-repeat;
	}
	
	div.press p {
		padding-left: 70px;
		}
		
div.contact {
	position: relative;
	background: url("../images/icons/contact.png") 0px 45px no-repeat;
	}
	
	div.contact p {
		padding-left: 70px;
		}
		
div.statistics {
	position: relative;
	background: url("../images/icons/statistics.png") 0px 45px no-repeat;
	}
	
	div.statistics p {
		padding-left: 70px;
		}
		
div.upload {
	position: relative;
	background: url("../images/icons/upload.png") 0px 45px no-repeat;
	}
	
	div.upload p {
		padding-left: 70px;
		}
		
div.feedback {
	position: relative;
	background: url("../images/icons/feedback.png") 0px 45px no-repeat;
	}
	
	div.feedback p {
		padding-left: 70px;
		}
		
div.ads {
	position: relative;
	background: url("../images/icons/ads.png") 0px 45px no-repeat;
	}
	
	div.ads p {
		padding-left: 70px;
		}
		
div.create {
	position: relative;
	background: url("../images/icons/create.png") 0px 45px no-repeat;
	}
	
	div.create p {
		padding-left: 70px;
		}
	div.create h4 {
		padding-left: 70px;
		}
		
	#generateEmbedCode div.create {
		background-position: 0 25px;
		}
		
div.preview {
	position: relative;
	background: url("../images/icons/preview.png") 0px 45px no-repeat;
	}
	
	div.preview p {
		padding-left: 70px;
		}
	div.preview h4 {
		padding-left: 70px;
		}
		
	#generateEmbedCode div.preview {
		background-position: 0 25px;
		}
		
div.calendar {
	position: relative;
	background: url("../images/icons/calendar.png") 0px 45px no-repeat;
	}
	
	div.calendar p {
		padding-left: 70px;
		}
		
div.edit {
	position: relative;
	background: url("../images/icons/edit.png") 0px 45px no-repeat;
	padding-left: 0px;
	}
	
	div.edit p {
		padding-left: 70px;
		}
		
div.delete {
	position: relative;
	background: url("../images/icons/delete.png") 0px 45px no-repeat;
	padding-left: 0px;
	}
	
	div.delete p {
		padding-left: 70px;
		}
		
div.account  {
	position: relative;
	background: url("../images/icons/account.png") 0px 45px no-repeat;
	}
	
	div.account p {
		padding-left: 70px;
		}

div.glass-small  {
	position: relative;
	background: url("../images/icons/glass-small.png") 18px 15px no-repeat;
	}
	div.glass-small p {
		padding-left: 55px;
		}
		
div.videoscreen-small  {
	position: relative;
	background: url("../images/icons/videoscreen-small.png") 18px 15px no-repeat;
	}
	div.videoscreen-small p {
		padding-left: 55px;
		}
		
div.noads-small  {
	position: relative;
	background: url("../images/icons/noads-small.png") 100% 0% no-repeat;
	}
	div.noads-small p {
		padding-right: 55px;
		}
		
div.rss {
	position: relative;
	background: url("../images/icons/rss.png") 0px 45px no-repeat;
	}
	
	div.rss p {
		padding-left: 70px;
		}
		
div p.visitSection {
	padding-left: 0;
	margin-left: 70px;
	border-top: 1px solid #e7edf0;
	}
	
div.screens {
	position: relative;
	background: url("../images/web/screens.png") 100% 100% no-repeat;
	}
	
	div.screens p {
		padding-right: 175px;
		}
	
	
div.upcoming h3 {
	color: #8d9295;
	border-color: #e5ebee;
	}
	
div.upcoming p {
	color: #969ca0;
	}
	
div.upcoming p.sectionVisit {
	border-color: #f3f6f8;
	color: #969ca0;
	}

#contentTop {
	float: left;
	margin: 0;
	padding: 0 0 0 0;
	left: 0px;
	position: relative;	
	width: 960px;	
	height: 384px;
	}
	
body#howdoesitwork #contentTop{
	background: url("../images/web/demovideo_banner.png") no-repeat top left;
	}
	
body#whymig69 #contentTop{
	background: url("../images/web/whymig69_banner.png") no-repeat top left;
	}
	
body#itsfree #contentTop{
	background: url("../images/web/itsfree_banner.png") no-repeat top left;
	}
	
	#demosPrepared {
		position: absolute;
		bottom: 140px;
		left: 85px;
		width: 275px;
		text-align: center;
		}
	
	#adModel {
		position: absolute;
		bottom: 140px;
		left: 85px;
		width: 275px;
		text-align: center;
		}
	
	#demoMovie {
		position: absolute;
		top: 20px;
		left: 20px;
		}
		
	#demoMovieDesc {
		position: absolute;
		bottom: 70px;
		right: 40px;
		width: 175px;
		text-align: center;
		}
		
	#demoMovieDesc h3 {
		display: none;
		}
	
#contentBottom {
	float: left;
	margin: 0;
	padding: 0px 0 20px 0;
	left: 0;
	clear: left;
	position: relative;	
	background: #e7edf0;
	width: 960px;
	border-top: 1px solid #CAD6DD;	
	}
	
	#contentBottom #quotes {
		margin: 20px 20px 0px 20px;
		border: 0;
		float: left;
		}
		
	#contentBottom #quotes .quote {
		overflow: auto;
		position: relative;
		width: 420px;
		padding: 10px 0 0 0;	
		}
		
		.quote p {
			padding: 20px 0;
			clear: none;
			float: left;
			}
			
		#quotes  h4 {
		font-size: 1.15em;
		padding-top: 5px;
		}
		
		.quote .author {
			padding-left: 0px;
			float: left;
			padding-top: 10px;
			}
			
		.quote .author a {
			border: none;
			float: left;
			}
		
	#contentBottom #quotes .quote {
		background: url("../images/web/quote.png") no-repeat 0px 10px;
		padding: 0;
		padding-top: 10px;	
		padding-left: 30px;		
		float: left;
		margin: 0 0 10px 0;
		font-style:italic;
		}
	
	
div#sampleQualityBanner div {
	float:left;
	}
	
	div#sampleQualityBanner h3 {
		width: 448px !important;
		}
	
	div#sampleQualityBanner {
		margin-right: 0px;
		}

ul.advantageList {
    float:right;
    width:180px;
    list-style: none;
    
    margin-left:0;
}
ul.advantageList li {
    padding: 0 0 0 22px;
    background: url('../images/web/bullet.png') no-repeat 0px 50%;
}

#featureHighlights {
	padding-top: 0;
	float: left;
	background: #E7EDF0;
	border: 1px solid #CAD6DD;
	border-top: 0;
	padding: 10px;
	margin-bottom: 0px;
	}

.featureHighlight {
	width: 330px;
	margin: 0 0 0 0;
	margin-right: 20px;
	float: left;
	padding: 5px 0;
	position: relative;
	}
	
.featureHighlight-large {
	width: 430px;
	margin: 0 0 0 0;
	margin-right: 20px;
	float: left;
	padding: 5px 0;
	position: relative;
	}
	
	.featureHighlight dt,
	.featureHighlight-large dt {
		margin-left: 80px;
		}
	
	.featureHighlight dd.intro,
	.featureHighlight-large dd.intro {
		margin-bottom: .5em;
		display: block;
		font-style: normal;
	}
	
	.featureHighlight dd.introSmall,
	.featureHighlight-large dd.introSmall {
		margin-bottom: .5em;
		display: block;
		font-style: normal;
		width: 330px;
	}
	
	body#features a#sampleVideo {
		display: block;
		width: 100px;
		height: 83px;
		position: absolute;
		right: -15px;
		top: 0px;
		text-indent: -99999em;
		border: none;
		background: url("../images/web/samplevideo.png") no-repeat;
		}
	
	
	.featureHighlight dd.extraInfo {
		display: none;
	}
	
	.featureHighlight-large dd.extraInfo {
		display: block;
		margin-top: .5em;
		}
	
	.featureHighlight dd.image,
	.featureHighlight-large dd.image {
		float: left;
		width: 60px;
		height: 70px;
		margin-right: 20px;
		margin-top: -1.5em;
		}
		
		.featureHighlight dd.image img,
		.featureHighlight-large dd.image img {
			float: left;
			width: 60px;
			height: 70px;			
			}
			
		.featureHighlight dd.buttonPadding {
			padding-left: 80px;
			}
	
	#featureHighlights .alt {
		margin-right: 0 !important;
		}
		
	#watchDemo {
		position: absolute;
		bottom: 50px;
		left: 120px;
		}
		
	.featureIntroduction,
	 .advertisingIntroduction {
		margin-bottom: 0;
		float: left;
		}
		
	.featureIntroduction p,
	.advertisingIntroduction p {
		clear: left;
		float: left;
		}
		
#screenshots,
#videos {
	padding-top: 10px;
	float: left;
	list-style: none;
	margin: 0;
	}

.screenshot,
.video {
	margin: 0 0 20px 0;
	margin-right: 20px;
	float: left;
	padding: 0 0 0 0;
	position: relative;	
	}
		
	.screenshot a,
	.video a {
		display: block;
		background: #FFFFFF;
		border: none;
		float: left;
		position: relative;
		z-index: 5;	
		}
		
		.screenshot a:hover,
		.video a:hover {
			border: none;			
			}
		
		.screenshot a img,
		.video a img {
			width: 127px;
			height: 82px;
			background: #FFFFFF;
			border: none;	
			float:left;	
			position: relative;
			z-index: 2;	
			}
		
		.screenshot a span {
			display: none;
			width: 20px;
			height: 20px;
			text-indent: -9999em;
			float: left;
			position: absolute;
			left: 0px;
			top: 0px;
			z-index: 6;
			}
			
			.screenshot a:hover span {
				background: url("../images/screens/screen_overlay.png") no-repeat 0% 50%;
				display: block;
				
				}
		
		.video a span {
			display: none;
			width: 20px;
			height: 20px;
			text-indent: -9999em;
			float: left;
			position: absolute;
			left: 0px;
			top: 0px;
			z-index: 6;
			}
			
			.video a:hover span {
				background: url("../images/screens/video_overlay.png") no-repeat 50% 50%;
				display: block;
				
				}
	
	#screenshots .alt,
	#videos .alt {
		margin-right: 0;
		}

/* sectionContent contentMain =pricing -------------------------------------- */
.stepNumber {
	color: #97CC63;
	padding: 0;
}

.inputContainerSmall {
	height: 17px;
	border-top: 1px solid #CAD6DD;
	border-left: 1px solid #CAD6DD;
	border-bottom: 1px solid #e1e8ec;
	border-right: 1px solid #e1e8ec;
	background: #FFFFFF url("../images/web/input_back.png") left top repeat-x;
	display: inline;
	width: 80px;
	clear: none;
}

.inputContainerSmall input {
background: none;
border: none;
padding: 0;
width: 98%;
}

ul#choosePlan {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#choosePlan li {
	border: 1px solid #CAD6DD;
	background: #ffffff;
	padding: 10px;
	margin: 10px 10px 10px 0;
	width: 153px;
	height: 206px;
	float: left;
	text-align: center;
}

ul#choosePlan li.advertising p.price {
	margin: 68px 0 20px 0;
}




ul#choosePlan li.last {
	margin-right: 0;
}

ul#choosePlan h4 {
	font-size: 1.6em;
    font-weight: bold;
	margin: 0 0 20px 0;
}

ul#choosePlan .price {
font-size: 1.0em;
margin: 20px 0;
}

ul#choosePlan .price strong {
font-size: 1.4em;
font-weight: bold;
}

ul#choosePlan .storage {
font-size: .9em;
}

ul#choosePlan .traffic {
font-size: .9em;
margin: 0px;
padding: 0px;
}
	
/* sectionContent contentMain =accordions -------------------------------------- */
		

.collapsiblePanels {
	position: relative;
	clear: both;
	float: left;		
	}
	
	.collapsiblePanelsControl {
		position: absolute;
		right: 11px;
		top: 1px;	
		font-size: 11px;	
		overflow: auto;
		}
		
		.collapsiblePanelsControl a {
			margin-left: 10px;
			}
		
		.collapsiblePanelsControl a:hover {
			border-bottom: 1px solid #000000;
			}
		
	.collapsiblePanels h4 {
		font-size: 1em;
		padding: 5px 0 5px 11px;
		margin: 0;
		background: url("../images/icons/97CC63_7x7_arrow_right.png") no-repeat 0px 50%;
		overflow: auto;
		}
		
		.collapsiblePanels .active h4 {
			font-size: 1em;
			padding: 5px 0 5px 11px;
			margin: 0;
			background: url("../images/icons/1B242A_7x7_arrow_down.png") no-repeat 0px 50%;
			}
			
	.collapsiblePanels .collapsiblePanel {
		border-bottom: 1px solid #e7edf0;
		position: relative;
		clear: both;
		}
	
	.collapsiblePanels .collapsiblePanel .meta  {
		position: relative;
		}		
		
		.collapsiblePanels .collapsiblePanel .meta .date {
			position: absolute;
			top: 0;
			right: 0;
			}
	
	.collapsiblePanels .collapsiblePanel .body {
		padding-bottom: 5px;
		}
	
	.collapsiblePanels .collapsiblePanel.last {
		border-bottom: none;
		}
			
/* sectionContent =contentSide -------------------------------------- */			

body.smallMain #sectionContent #contentSide,
body.wideMain #sectionContent #contentSide,
body.fullMain #sectionContent #contentSide {	
	float: right;
	margin: 0;
	padding: 0 0 20px 0;
	position: relative;	
	right: 20px;
	width: 450px;
	}
	
.wideContent {
	width: 450px;
	float: left;
	margin-right: 20px;
	margin-bottom: 0px;
	}
	
.smallContent {
	width: 215px;
	float: left;
	margin-right: 20px;
	margin-bottom: 0px;
	}
	
	.alt {
		margin-right: 0;
		}
	
body.wideMain #sectionContent #contentSide {
	width: 215px;
	}
	
body.fullMain #sectionContent #contentSide {
	display: none;
	}

	#contentSide div {
		margin: 0 0 0px 0;
		position: relative;
		float: left;
		}
		
	body.smallMain #contentSide div,
	.smallDiv {
		float: left;
		width: 215px;
		margin-right: 20px;
		}
		
		body.smallMain #contentSide div.alt,
		.smallDiv.alt {
			margin-right: 0px;
			}
	
	body.wideMain #contentSide div {
		clear: left;
		}
		
		body.smallMain #contentSide div.wide {
			width: 450px;
			clear: both;
			}
		
		body.smallMain #contentMain div.bannerDiv div p.half {
			width: 50%;
			}
			
	body.smallMain #contentSide div.bannerDiv div {
		border: 1px solid #CAD6DD;
		border-top: 0;
		width: 428px;
		padding: 5px 10px 10px 10px;
		margin-bottom: 0;
		position: relative;
		margin-top: -5px;

		}
	
	#sampleQualityBanner {
		margin-bottom: 0px;
		float: left;
		}
	
	body.smallMain #contentMain #sampleQualityBanner div {
		border: 1px solid #CAD6DD;
		border-top: 0;
		width: 428px;
		padding: 5px 10px 10px 10px;
		position: relative;
		margin-bottom: 0px;
		margin-top: -5px;
		background: url("../images/web/sampleTrailer.png") no-repeat bottom right;
		float: left;
		}
		
		body.smallMain #contentSide div.bannerDiv div p.half {
			width: 50%;
			}
			
/* =sectionFooter ----------------------------------------- */

#sectionFooter {
	background: #0F1417 /*url("../images/web/sectionFooter.png") no-repeat top left*/;
	clear: left;
	color: #CAD6DD;
	float: left;	
	margin: 0 auto 60px auto;
	text-align: left;	
	width: 960px;
	}
	
	#sectionFooter h3 {
		text-indent: -9999em;
		height: 8px;
		line-height: 8px;
		clear: none;
		float: none;
		background: none;
		border: none;
		padding: 0;
		margin: 0;
		}
	
	#sectionFooter h4 {
		font-size: 1.3em;
		padding-bottom: 5px;
		color: #97cc63;
		border-bottom: 4px solid #1B242A;	
		margin-bottom: 5px;
		}
		
/* sectionFooter =smartFeedback ----------------------------------------- */

#sectionFooter #smartFeedback {
	width: 450px;
	margin: 10px 10px 10px 20px;
	float: left;
	position: relative;		
	}
		
/* sectionFooter =smartFAQ ----------------------------------------- */

#sectionFooter #smartFAQ {
	width: 450px;
	margin: 10px 10px 10px 20px;
	float: left;
	position: relative;		
	}
		
	#sectionFooter p.moreLink a {
		color: #CAD6DD;
		}
			
	#sectionFooter p.moreLink a:hover {
		color: #FFFFFF;
		border-bottom: 1px solid #FFFFFF;
		}
		
#sectionFooter ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}
	
	#sectionFooter .underline li {
		border-bottom: 1px solid #171f24;
		}
		
		#sectionFooter .underline li.last {
			border-bottom: none;
			}		
		
		#sectionFooter ul.underline li a {
			color: #CAD6DD;
			}
			
			#sectionFooter ul.underline li a:hover {
				color: #FFFFFF;
				border-color: #FFFFFF;
				}
	
/* sectionFooter =contact ----------------------------------------- */	

#press {
	width: 450px;
	margin: 20px 10px 0px 0px;
	float: left;
	position: relative;		
	}
	
#press  h4 {
	font-size: 1.15em;
	padding-top: 5px;
	}
	
	#press p {
		padding: 10px 0 0px 0;
		}
		
	span.releaseInfo {
		font-size: 11px;
		}
		
#getaquote {
	width: 215px;
	margin: 20px 0 20px 10px;
	float: left;
	position: relative;		
	background: #FFFFFF;
	border: 1px solid #CAD6DD;
	}
	
	#getaquote p {
		padding-top: 10px;
		padding-left: 10px;
		padding-bottom: 10px;
		}
		
	#getaquote p.half {
		width: 70%;
		}
		
	#getaquote p.floatLeft {
		padding: 0 10px 10px 10px;
		}
	
	
		
#sectionFooter #contactLinks {
	width: 215px;
	margin: 10px 20px 10px 10px;
	float: left;
	position: relative;		
	}
	
	#sectionFooter #contactLinks h4 {
		border-bottom: 4px solid #1B242A;	
		margin-bottom: 5px;
		}
	
	#sectionFooter #contactLinks p {
		
		}
	
/* sectionFooter =copyright ----------------------------------------- */

#sectionFooter #meta_copyright {
	width: 480px;
	margin: 0;	
	float: left;
	background: #26333b /*url("../images/web/meta_back.png") repeat-x top left*/;
	/*border-top: 1px solid #0b0e10;*/
	clear: both;
	}
	
	#sectionFooter a {
		color: #CAD6DD;
		}
				
		#sectionFooter a:hover {
			color: #FFFFFF;
			border-bottom: 1px solid #FFFFFF;
			}
	
#sectionFooter #meta_copyright p {
	color: #CAD6DD;
	font-size: .9em;
	padding: 10px 20px;
	}
	
	#sectionFooter #meta_links {
		width: 470px;
		margin: 0px 0 0px 0px;	
		padding-left: 10px;
		float: left;		
		background: #26333b;	
		position: relative;
		}
	
		#sectionFooter #meta_links ul {
			color: #CAD6DD;
			font-size: .9em;
			padding: 10px 0;
			margin: 0px;
			float: left;
			}
			
			#sectionFooter #meta_links li {
				float: left;
				display: inline;
				background: url("../images/web/link_divider.png") no-repeat right center;
				padding: 0 2px 0 0;
				margin: 0;
				}
				
				#sectionFooter #meta_links li.last {
					background: none;
					}
					
				#sectionFooter #meta_links li.logosmall a {
					position: absolute;
					right: 0;
					top: 11px;
					display: block;
					width: 85px;
					height: 15px;
					background: url("../images/web/logo_small.png") no-repeat 50% 50%;
					text-indent: -9999em;
					padding: 0;
					border: none;
					}
			
				#sectionFooter #meta_links a {
					color: #CAD6DD;
					border-bottom: none;					
					display: inline;
					padding: 0;
					margin: 0;
					margin-right: 9px;
					margin-left: 10px;
					}
					
					#sectionFooter #meta_links li.first a {
						margin-left: 0;
						}
				
					#sectionFooter #meta_links a:hover {
						color: #FFFFFF;
						border-bottom: 1px solid #FFFFFF;
						}

/* misc =tooltip -------------------------------------- */
		
#tooltip {
	position:absolute;
	border:1px solid #070A0C;
	background:#070A0C;
	padding: 2px 5px;
	color:#FFFFFF;
	display:none;
	z-index: 100000;
	font-size: 11px;
	}