/******* Products page styling *******/

#contentWrapper.products{
	/*background:url("../images/productIllustrations.png") center 70px no-repeat;*/
	min-height:680px;
	height:auto !important;
	height:680px;
	padding:0;
	width:944px;	
}

a#viewVideo{
	margin-top:100px;
	display:block;
}
				
#mcLogo {
	left: 100px;
	margin-bottom: 30px;
	position: relative;
	top: -180px;
	-webkit-transform: rotate(-12deg);
	-moz-transform: rotate(-12deg);
	transform: rotate(-12deg);
}

#productsWrapper{
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	position:relative;
}

	ul#productsCarousel{
		height:415px;
		width:2400px;
		margin-left:-728px;
		margin-top:100px;
	}
	
		ul#productsCarousel li{
			list-style:none;
			width:380px;
			height:215px;
			background-color:#0C0C0C;
			color:#fff;
		}
		
		ul#productsCarousel li.roundabout-moveable-item{
			cursor: pointer;
		}
		
		ul#productsCarousel li.roundabout-in-focus{ 
			cursor: pointer; 
		}
		
		ul#productsCarousel li.roundabout-in-focus.slide-open{ 
			cursor:auto; 
		}
		
			ul#productsCarousel li .front{
				text-align:center;
			}
			
				ul#productsCarousel li .front img{
					width:100%;
				}
		
			ul#productsCarousel li .back{
				display:none;
				position:relative;
				height:415px;
			}
			
				ul#productsCarousel li .back .videoContainer{
					position:absolute;
					top:0;
					left:0;
					width:650px;
					height:365px;
					background:#0C0C0C url(../images/products-loading.gif) center center no-repeat;
				}
				
				ul#productsCarousel li .back .descriptionContainer{
					position:absolute;
					top:0;
					left:0;
					width:510px;
					height:345px;
					padding:20px 70px 0;
					display:none;
					background:#232323 url(../images/products-detailsBG.jpg) left top repeat-x;
				}
				
					ul#productsCarousel li .back .descriptionContainer h2, 
					ul#productsCarousel li .back .descriptionContainer h3, 
					ul#productsCarousel li .back .descriptionContainer p{
						text-align:center;
					}
					
					ul#productsCarousel li .back .descriptionContainer h2{
						font-size:30px;
						color:#fff;
						margin-bottom:10px;
						text-transform:uppercase;
					}
					
					ul#productsCarousel li .back .descriptionContainer h3{
						font-size:24px;
						color:#6a83bc;
						margin-bottom:10px;
						text-transform:uppercase;
					}
					
					ul#productsCarousel li .back .descriptionContainer p{
						font-size:18px;
						color:#DCDCDC;
						margin-bottom:20px;
					}
					
					ul#productsCarousel li .back .descriptionContainer p.jd{
						font-size:16px;
						margin-bottom:20px;
						text-transform:uppercase;
					}
					
					ul#productsCarousel li .back .descriptionContainer ul.slideLogos{
						text-align:center;
					}
				
						ul#productsCarousel li .back .descriptionContainer ul.slideLogos li{
							background:none;
							color:#DCDCDC;
							height:auto;
							width:auto;
							list-style:none;
							display:inline;
							text-align:center;
						}
						
						ul#productsCarousel li .back .descriptionContainer ul.slideLogos li.space{
							margin-right:10px;
						}
				
				ul#productsCarousel li .back .controlContainer{
					position:absolute;
					bottom:0;
					left:0;
					height:32px;
					width:620px;
					padding:18px 15px 0;
					background-color:#0c0c0c;
				}
				
					ul#productsCarousel li .back .controlContainer p#info{
						float:left;
						width:100px;
					}
					
					ul#productsCarousel li .back .controlContainer p#contact{
						float:left;
						width:400px;
						text-align:center;
						margin-left:10px;
					}
					
					ul#productsCarousel li .back .controlContainer p#closePanel{
						float:right;
						width:100px;
						text-align:right;
					}
					
						ul#productsCarousel li .back .controlContainer p a{
							color:#918E8E;
							text-decoration:none;
							font-size:16px;
							text-transform:uppercase;
						}
						
	#carouselControl{
		margin:-90px 0 90px;
		position:relative;
		z-index:101;
		height:20px;
		visibility:hidden;
	}
	
		#carouselControl p#openPanel{
			width:380px;
			margin-left:270px;
			text-align:center;
		}
		
			#carouselControl p#openPanel a{
				text-decoration:none;
				color:#6A83BC;
				font-size:16px;
				text-transform:uppercase;
			}
			
			#carouselControl p#openPanel a:hover, #carouselControl p#openPanel a:active{
				color:#353C5C;
			}
						
	#contents{
		width:900px;
		margin-left:22px;
	}
	
		#contents ul{
			
		}
		
			#contents ul li{
				text-transform:uppercase;
			}
	
		#contents ul#topLevel{
			width:100%;
			border-top:1px solid #6A83BC;
			padding-top:10px;
			text-align:center;
		}
		
			#contents ul#topLevel li{
				display:inline;
				font-size:24px;
				margin-right:10px;
				padding-right:10px;
				border-right:1px solid #6A83BC;
			}
			
			#contents ul#topLevel li#services{
				margin-right:0;
				padding-right:0;
				border:none;
			}
			
				#contents ul#topLevel li a, 
				#contents ul#secondLevel li a,
				#contents ul#thirdLevel li a{
					text-decoration:none;
					color:#6A83BC;
				}
				
				#contents ul#topLevel li.current a, #contents ul#topLevel li a:hover, 
				#contents ul#secondLevel li.current a, #contents ul#secondLevel li a:hover,
				#contents ul#thirdLevel li.current a, #contents ul#thirdLevel li a:hover{
					color:#353C5C;
				}
		
		#contents ul#secondLevel, 
		#contents ul#thirdLevel{
			text-align:center;
			opacity:0;
			filter: alpha(opacity=0);
			margin-bottom:10px;
		}
		
		#contents ul#thirdLevel{
			margin-bottom:20px;
		}
		
			#contents ul#secondLevel li,
			#contents ul#thirdLevel li{
				display:inline;
				margin-right:7px;
				padding-right:7px;
				border-right:1px solid #6A83BC;
				font-size:12px;
				-webkit-text-size-adjust:100%;
			}
			
			#contents ul#secondLevel li.last,
			#contents ul#thirdLevel li.last{
				border-right:none;
				margin-right:0;
				padding-right:0;
			}
			
			#contents ul#thirdLevel li{
				margin-right:10px;
				padding-right:10px;
			}