/*


######################################################################################


######   NAVIGATION                                                           #######


####################################################################################





1 - MARKUP STYLES


	1.0 - ALL MARKUP


	1.1 - HEADERS





2 - LAYOUT


	2.0 - BACKGROUND


	2.1 - WRAPPER


	2.2 - HEADER


	2.3 - CONTENT


	2.4 - FOOTER





3 - COMPONENTS


	3.0 - BUTTONS





4 - MOBILE





5 - WIDGETS














######################################################################################


######                                                                        #######


######   1 - MARKUP STYLES                                                   #######


######                                                                      #######


##################################################################################


*/



#p-rcb h2 {
    margin: 0px;
}




#p-rcb {


	font-size: 89%;


}


#p-body-content { overflow: visible; }





/********************************************************************************/


/***** 1.0 - ALL MARKUP ********************************************************/


/******************************************************************************/





body {


	color: #999999;


	font-family: Helvetica, Arial, Verdana, sans-serif;


	}


	


p {


	line-height: 1.3em;


	margin: 0 0 15px 0;


	padding: 0;


	font-size: 1.4em;


	}








a,


a:link { color: #0099dc; text-decoration: none; cursor: pointer; }


a:hover { color: #0573a3; text-decoration: underline; }


h1, h2 { font-family: Helvetica, Arial, Verdana, sans-serif; }


label { font-size: 1.2em; }


fieldset { margin: 0; padding: 0; border: 0; }





.note {


	font-size:1.2em;


}








/********************************************************************************/


/***** 1.1 - HEADERS ***********************************************************/


/******************************************************************************/





/***** HEADER 1 *****/





h1 {


	padding: 0 0 17px 0;


	margin: 0;


	font-size: 3.3em;


	line-height: 1em;


	}





/***** HEADER 2 *****/





h2 {


	padding: 0 0 10px 0;


	margin: 0;


	font-size: 2.4em;


	line-height: 0.8em;


	}





/***** HEADER 3 *****/





h3 {


	padding: 0 0 15px 0;


	margin: 0;


	font-size: 1.6em;


	font-weight: normal;


	}














/*


######################################################################################


######                                                                        #######


######   2 - LAYOUT                                                          #######


######                                                                      #######


##################################################################################


*/





/********************************************************************************/


/***** 2.0 - CONTENT HEADER ****************************************************/


/******************************************************************************/





.content-header {


	width: 960px;


	height: 52px;


	}


	.content-header .logo {


		float: right;


		display: inline;


		margin: 16px 32px 0 0;


	}














/*


######################################################################################


######                                                                        #######


######   3 - SECTIONS                                                        #######


######                                                                      #######


##################################################################################


*/





/********************************************************************************/


/***** 3.0 - CAROUSEL CONTAINER ************************************************/


/******************************************************************************/





.carousel-container {


	position: relative;


	width: 958px;


	height: 647px;


	background-image: url(../../images/generic/carousel-container-bg.jpg);


	background-repeat: no-repeat;


	background-position: -50px bottom;


	border: 1px solid #e5e5e5;


	border-bottom: 1px solid #4a98af;


	background-color: white;


	}


	


	.carousel-container .sections,


		.carousel-container .sections .content-open,


		.carousel-container .sections .content-closed {


			position: absolute;


			bottom: 0;


			height: 647px;


			width: 696px;


			left: 2px;


			overflow: hidden;


		}





/***** SECTIONS *****/





	.carousel-container .sections {


		background-image: url(../../images/generic/section-seperator.gif);


		background-repeat: repeat-y;


		background-position: 0 0;


		overflow: hidden;


		}


		.carousel-container .sections .content-open { z-index: 1; }


		.carousel-container .sections .content-closed {


			padding: 0;


			height: 647px;


			width: 696px;


			z-index: 10;


			}


			.carousel-container .sections .content-closed .bg {


				position: absolute;


				left: 0;


				top: 0;


				height: 647px;


				width: 99%;


				background-color: white;


				opacity: 0.63;


				-moz-opacity: 0.63;


			}


			.carousel-container .sections .content-closed .content {


				position: absolute;


				left: 0;


				top: 0;


				padding-top: 15px;


				width: 100%;


			}


				


			.carousel-container .sections h2 {


				display: block;


				width: 131px;


				font-size: 2em;


				color: #555555;


				margin: 0;


				padding: 0;


				height: 60px;


				font-weight: normal;


				text-align: center;


				}


				.carousel-container .sections h2 a {


					color: #555555;


					text-decoration: none;


					}


					


			.carousel-container #section1 .content-closed .img-placeholder {


				height: 369px;


    			padding-top: 144px;


				}


			.carousel-container .sections .content-closed .img-placeholder {


				width: 131px;


				height: 533px;


				filter: alpha(opacity=63);


				opacity: 0.63;


				-moz-opacity: 0.63;


				}


				.carousel-container .sections .content-closed .img-placeholder img {


					display: block;


					margin: auto;


					padding-top: 28px;


				}


		


/***** CALL TO ACTION *****/


		


		.carousel-container .sections .call-to-action {


			margin: 0 0 0 13px;


			padding: 0;


			width: 104px;


			height: 24px;


			list-style: none;


			}


			.carousel-container .sections .call-to-action li {


				margin: 0;


				padding: 0;


				}


				.carousel-container .sections .call-to-action li a {


					display: block;


					width: 104px;


					height: 24px;


					line-height: 24px;


					text-align: center;


					color: white;


					background-image: url(../../images/generic/sections/btn1.gif);


					background-position: 0 0;


					font-size: 1.1em;


				}


				.carousel-container .sections .call-to-action li a:hover {


					text-decoration: none;


					background-position: 0 -24px;


				}


					








/********************************************************************************/


/***** 3.1 - SECTION 1 *********************************************************/


/******************************************************************************/





#section1 {


	width: 696px;


	background-image: none;


	left: 0;


	background-image: url(../../images/generic/section1/section-logo-bg.gif);


	background-repeat: no-repeat;


	background-position: 528px 438px;


	}





/***** CONTENT OPEN *****/	


	


	#section1 .content-open {


		padding: 35px 160px 0 65px;


		height: 621px;


		width: 471px;


		color: white;


		left: 0;


		}


		#section1 .content-open h1 {


			font-size: 3.2em;


			color: #555555;


			margin: 0 0 88px 0;


			padding: 0;


			font-weight: normal;


		}


		#section1 .content-open .video {


			margin: 0 0 0 71px;


			width: 366px;


			height: 287px;


			}


			#section1 .content-open .video a {


				text-indent: -6767px;


				overflow: hidden;


				display: block;


				width: 366px;


				height: 287px;


				background-image: url(../../images/generic/section1/video-placeholder.png);


			}


			


			


		#section1 .content-open .video:hover {


			opacity: 0.63;


			-moz-opacity: 0.63;


			


		}


			


		#section1 .content-open p {


			font-size: 1.3em;


			width: 422px;


		}





/***** CONTENT CLOSED *****/





	#section1 .content-closed {


		left: 0;


		}


		#section1 .content-closed .img-placeholder img { margin: 0; }











/********************************************************************************/


/***** 3.2 - SECTION 2 *********************************************************/


/******************************************************************************/





#section2 {


	left: 696px;


	width: 131px;


	right: 131px;


	left: auto;


	}





/***** CONTENT OPEN *****/	


	


	#section2 .content-open {


		padding: 15px 0 0 0;


		height: 632px;


		width: 696px;


		right: 0;


		left: auto;


		}


		#section2 .content-open h2 {


			margin:0 0 0 2px;


			padding: 0;


			height: 40px;


		}


		#section2 .content-closed h2 {


			margin:0 0 0 2px;


			padding: 0;


			height: 40px;


		}





/***** CONTENT CLOSED *****/	


	


	#section2 .content-closed {


		margin:0;


		padding:0;


		}











/********************************************************************************/


/***** 3.3 - SECTION 3 *********************************************************/


/******************************************************************************/





#section3 {


	left: 827px;


	width: 131px;


	right: 0;


	left: auto;


	}





/***** CONTENT OPEN *****/	


	


	#section3 .content-open {


		padding: 15px 0 0 0;


		height: 632px;


		width: 696px;


		right: 0;


		left: auto;


		}


		#section3 .content-open h2 {


			margin: 0 0 0 2px;


			padding: 0;


			height: 40px;


		}


		#section3 .content-closed h2 {


			margin: 0 0 0 2px;


			padding: 0;


			height: 40px;


		}





/***** CONTENT CLOSED *****/	


	


	#section3 .content-closed {


		}


		#section3 .content-closed .img-placeholder { padding-top: 117px; height: 416px; }











/********************************************************************************/


/***** 3.4 - SHIFTER ***********************************************************/


/******************************************************************************/





/** Shifter **/





.shifter-horizontal {


	position: relative;


	display: block;


	width: 696px;


	height: 572px;


	margin: 0;


	padding: 0;


	}


	.shifter-horizontal li {


		float: left;


		display: inline;


		height: 572px;


		margin: 0;


		padding: 0;


		list-style: none;


		font-size: 1em;


		}





/***** LINK ARROWS *****/





		.shifter-horizontal li.prev,


		.shifter-horizontal li.next {


			position: relative;


			width: 31px;


			padding-top: 265px;


			height: auto;


			}


		.shifter-horizontal li.prev {


			width: 30px;


			}


			.shifter-horizontal li.prev a,


			.shifter-horizontal li.next a {


				float: left;


				display: inline;


				margin-left: 3px;


				width: 20px;


				height: 32px;


				text-indent: -6767px;


				overflow: hidden;


				background-image: url(../../images/generic/shifter-right.gif);


			}


			.shifter-horizontal li.prev a:hover,


			.shifter-horizontal li.next a:hover {


				text-decoration: none;


				filter: alpha(opacity=50);


				opacity: 0.50;


				-moz-opacity: 0.50;


			}


			.shifter-horizontal li.prev a {


				margin-left: 8px;


				background-image: url(../../images/generic/shifter-left.gif);


			}





/***** ITEMS *****/





.shifter-horizontal li.items {


	position: relative;


	width: 635px;


	overflow: hidden;


	}


	.shifter-horizontal li.items .container {


		position: absolute;


		left: 0;


		top: 0;


		height: 572px;


		}


		.shifter-horizontal li.items .container .thumb,


		.shifter-horizontal li.items .container .thumb-spacer {


			position: relative;


			float: left;


			height: 572px;


			width: 127px;


			z-index: 2;


			}


		.shifter-horizontal li.items .container .thumb-active {


			z-index: 100;


		}


		


		/** BG **/


			.shifter-horizontal li.items .container .bg {


				position: absolute;


				left: 0;


				bottom: 5px;


				width: 127px;


				overflow: visible;


				background-image: url(../../images/generic/sections/item-shadow-middle.png);


				}


				.shifter-horizontal li.items .container .bg .st,


				.shifter-horizontal li.items .container .bg .sb {


					position: relative;


					width: 127px;


					height: 5px;


					left: 0;


					overflow: hidden;


				}


				.shifter-horizontal li.items .container .bg .st {


					background-image: url(../../images/generic/sections/item-shadow-top.png);


				}


				.shifter-horizontal li.items .container .bg .sb {


					position: relative;


					background-image: url(../../images/generic/sections/item-shadow-bottom.png);


				}


				.shifter-horizontal li.items .container .bg .fill {


					position: relative;


					margin: 0 6px;


					width: 115px;


					height: 112px;


				}


		


		/** Image **/


			.shifter-horizontal li.items .container .thumb .image {


				position: absolute;


				left: 5px;


				bottom: 117px;


				width: 117px;


				opacity: 0.65;


				-moz-opacity: 0.65;


				}


				.shifter-horizontal li.items .container .thumb .image img {


					display: block;


					cursor: pointer;


					z-index: 3;


					margin: auto;


				}


				.shifter-horizontal li.items .container .thumb-active .image,


				.shifter-horizontal li.items .container .thumb .image:hover {


					cursor: pointer;


					z-index: 103;


					opacity: 0.99;


					-moz-opacity: 0.99;


				}


				.shifter-horizontal li.items .container .thumb-active .image img {


					cursor: auto;


				}


		


		/** Highlights **/


			.shifter-horizontal li.items .container .thumb .highlights {


				position: absolute;


				left: 0;


				top: 0;


				display: none;


				height: 455px;


				width: 127px;


				z-index: 3000;


				}


			.shifter-horizontal li.items .container .thumb-active .highlights {


				display: block;


				}


				.shifter-horizontal li.items .container .thumb .highlights a {


					position: absolute;


					left: 0;


					top: 0;


					width: 47px;


					height: 46px;


					text-indent: -6767px;


					overflow: hidden;


					opacity: 0.50;


					-moz-opacity: 0.50;


					background-image: url(../../images/generic/sections/overlay-dot.png);


				}


				.shifter-horizontal li.items .container .thumb .highlights a:hover {


					text-decoration: none;


					opacity: 0.85;


					-moz-opacity: 0.85;


				}


				.shifter-horizontal li.items .container .thumb .highlights a.active {


					text-decoration: none;


					opacity: 0.999;


					-moz-opacity: 0.999;


				}


				.shifter-horizontal li.items .container .thumb .highlights a.top { left: 45px; top: 88px; }


				.shifter-horizontal li.items .container .thumb .highlights a.middle { left: 46px; top: 225px; }


				.shifter-horizontal li.items .container .thumb .highlights a.bottom { left: 45px; top: 363px; }


				


				#section3 .shifter-horizontal li.items .container .thumb .highlights a.top { left: 45px; top: 116px; }


				#section3 .shifter-horizontal li.items .container .thumb .highlights a.middle { left: 46px; top: 244px; }


				#section3 .shifter-horizontal li.items .container .thumb .highlights a.bottom { left: 45px; top: 363px; }


		


		/** Overlay **/


			.shifter-horizontal li.items .container .thumb .overlay {


				position: absolute;


				left: 92px;


				width: 226px;


				height: 284px;


				z-index: 150;


				padding: 45px 35px 45px 52px;


				}


				.shifter-horizontal li.items .container .thumb .overlay h3 {


					padding: 0;


					margin: 10px 0;


					font-size: 2.8em;


					color: #29b1cb;


					font-weight: normal;


				}


				.shifter-horizontal li.items .container .thumb .overlay p { font-size: 1.2em; }


				.shifter-horizontal li.items .container .thumb .overlay .close {


					position: absolute;


					top: 30px;


					right: 29px;


					width: 19px;


					height: 18px;


					background-image: url(../../images/generic/sections/close-button.gif);


					text-indent: -6767px;


					overflow: hidden;


				}


				.shifter-horizontal li.items .container .thumb .overlay .close:hover {


					background-position: 0 -18px;


					text-decoration: none;


				}


			.shifter-horizontal li.items .container .thumb .overlay1 { top: 48px; background-image: url(../../images/generic/sections/overlay-bg1.png); }


			.shifter-horizontal li.items .container .thumb .overlay2 { top: 55px; background-image: url(../../images/generic/sections/overlay-bg2.png); }


			.shifter-horizontal li.items .container .thumb .overlay3 { top: 62px; background-image: url(../../images/generic/sections/overlay-bg3.png); }


			


			#section3 .shifter-horizontal li.items .container .thumb .overlay1 { top: 48px; background-image: url(../../images/generic/sections/section3-overlay-bg1.png); }


			#section3 .shifter-horizontal li.items .container .thumb .overlay2 { top: 55px; background-image: url(../../images/generic/sections/section3-overlay-bg2.png); }


			#section3 .shifter-horizontal li.items .container .thumb .overlay3 { top: 62px; background-image: url(../../images/generic/sections/section3-overlay-bg3.png); }


			


			.scroll-pane {


				height: 220px;


				overflow: scroll;


			}


			.js .scroll-pane { overflow: hidden; }


				.scroll-pane .icons {


					display: block;


					width: 205px;


					height: 42px;


					-moz-border-radius: 5px;


					-webkit-border-radius: 5px;


					border-radius: 5px;


					background-color: #e9eaea;


					padding: 5px 5px 5px 7px;


					font-size: 1.2em;


					color: #555555;


					}


					.scroll-pane .icons img {


						float: left;


						display: inline;


						margin-right: 9px;


					}


					.scroll-pane .icons span {


						float: left;


    					line-height: 1.25em;


    					overflow: hidden;


    					padding-top: 13px;


    					width: 148px;


					}


						


			


			


			


			


			


			/***** CONTAINER *****/


			


			.jScrollPaneContainer {


				position: relative;


				overflow: hidden;


				z-index: 1;


				height: 205px;


			}


			


			/***** SLIDER TRACK *****/


			


			/** The Track **/


			.jScrollPaneTrack {


				position: absolute;


				cursor: pointer;


				right: 0;


				top: 0;


			}


			


			/** The slider itself **/


			.jScrollPaneDrag {


				position: absolute;


				overflow: hidden;


				background-image: url(../../images/generic/sections/track.gif);


			}


			


			/** Top of the drag track **/


			.jScrollPaneDragTop {


				position: absolute;


				top: 0;


				left: 0;


				height: 0;


				overflow: hidden;


			}


			


			/** Bottom of the drag track **/


			.jScrollPaneDragBottom {


				position: absolute;


				bottom: 0;


				left: 0;


				height: 0;


				overflow: hidden;


			}


			


			/***** UP AND DOWN ARROWS *****/


			


			a.jScrollArrowUp,


			a.jScrollArrowDown {


				position: absolute;


				z-index: 1;


				right: 0;


				height: 0;


				text-indent: -2000px;


				overflow: hidden;


			}


			


			a.jScrollArrowUp { top: 0; }


			a.jScrollArrowDown { bottom: 0; }





		/** Details **/


			.shifter-horizontal li.items .container .thumb .details {


				position: absolute;


				left: 5px;


				bottom: 5px;


				width: 115px;


				height: 107px;


				color: white;


				padding: 5px 0 0 0;


				background-image: url(../../images/generic/sections/details-separator.png);


				background-repeat: no-repeat;


				}


				.shifter-horizontal li.items .container .thumb .details .ctn { display: none; }


				.shifter-horizontal li.items .container .thumb .details p { font-size: 1em; padding: 0; }


				.shifter-horizontal li.items .container .thumb .details p.desc {


					width: 115px;


					height: 55px;


					margin: 0 0 6px 0;


					padding: 0;


					text-align: center;


					font-family: Helvetica, Arial, sans-serif;


					line-height: 2.3em;


					}


					.shifter-horizontal li.items .container .thumb .details p em {


						font-size: 1.8em;


						margin-bottom: 9px;


						color: #f0f0f0;


						}


						.shifter-horizontal li.items .container .thumb .details p em strong {


							font-weight: bold;


							color: white;


						}


						


					.shifter-horizontal li.items .container .thumb .details p strong.price {


						color: white;


						font-size: 1.2em;


						text-transform: uppercase;


						display: block;


						font-family: Verdana, Geneva, sans-serif;


					}


				


				.shifter-horizontal li.items .container .thumb .details p.link {


					text-align: center;


					margin-bottom: 5px;


					}


					.shifter-horizontal li.items .container .thumb .details p.link a {


						color: white;


						font-size: 1.1em;


					}


					.shifter-horizontal li.items .container .thumb .details p.link a:hover { text-decoration: underline; }


				


				.shifter-horizontal li.items .container .thumb .details .btn {


					margin: 0;


					padding: 0;


					list-style: none;


					}


					.shifter-horizontal li.items .container .thumb .details .btn a {


						display: block;


						width: 82px;


						height: 19px;


						line-height: 19px;


						margin: auto;


						color: white;


						text-align: center;


						font-size: 1em;


						background-image: url(../../images/generic/btn_item.gif);


						background-position: 0 0;


					}


					.shifter-horizontal li.items .container .thumb .details .btn a:hover {


						background-position: 0 -19px;


						text-decoration: none;


					}


					/* Added new */


					#p-rcb p {


						margin: 3px 0;


					}








/***** ITEM COLOURS *****/





.blue .fill {


	background: #1e386a; /* Old browsers */


	background: -moz-linear-gradient(top, #1e386a 0%, #2989d8 29%, #70c1e9 100%); /* FF3.6+ */


	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e386a), color-stop(29%,#2989d8), color-stop(100%,#70c1e9)); /* Chrome,Safari4+ */


	background: -webkit-linear-gradient(top, #1e386a 0%,#2989d8 29%,#70c1e9 100%); /* Chrome10+,Safari5.1+ */


	background: -o-linear-gradient(top, #1e386a 0%,#2989d8 29%,#70c1e9 100%); /* Opera 11.10+ */


	background: -ms-linear-gradient(top, #1e386a 0%,#2989d8 29%,#70c1e9 100%); /* IE10+ */


	background: linear-gradient(top, #1e386a 0%,#2989d8 29%,#70c1e9 100%); /* W3C */


	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e386a', endColorstr='#70c1e9',GradientType=0 );


	}





.green .fill {


	background: #094607; /* Old browsers */


	background: -moz-linear-gradient(top,  #094607 0%, #39811d 29%, #67bb32 100%); /* FF3.6+ */


	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#094607), color-stop(29%,#39811d), color-stop(100%,#67bb32)); /* Chrome,Safari4+ */


	background: -webkit-linear-gradient(top,  #094607 0%,#39811d 29%,#67bb32 100%); /* Chrome10+,Safari5.1+ */


	background: -o-linear-gradient(top,  #094607 0%,#39811d 29%,#67bb32 100%); /* Opera 11.10+ */


	background: -ms-linear-gradient(top,  #094607 0%,#39811d 29%,#67bb32 100%); /* IE10+ */


	background: linear-gradient(top,  #094607 0%,#39811d 29%,#67bb32 100%); /* W3C */


	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#094607', endColorstr='#67bb32',GradientType=0 );


}





.purple .fill {


	background: #371a38; /* Old browsers */


	background: -moz-linear-gradient(top,  #371a38 0%, #794388 29%, #ba6bd7 100%); /* FF3.6+ */


	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#371a38), color-stop(29%,#794388), color-stop(100%,#ba6bd7)); /* Chrome,Safari4+ */


	background: -webkit-linear-gradient(top,  #371a38 0%,#794388 29%,#ba6bd7 100%); /* Chrome10+,Safari5.1+ */


	background: -o-linear-gradient(top,  #371a38 0%,#794388 29%,#ba6bd7 100%); /* Opera 11.10+ */


	background: -ms-linear-gradient(top,  #371a38 0%,#794388 29%,#ba6bd7 100%); /* IE10+ */


	background: linear-gradient(top,  #371a38 0%,#794388 29%,#ba6bd7 100%); /* W3C */


	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#371a38', endColorstr='#ba6bd7',GradientType=0 );


}





.teal .fill {


	background: #075e4d; /* Old browsers */


	background: -moz-linear-gradient(top,  #075e4d 0%, #16705d 29%, #71d1b3 100%); /* FF3.6+ */


	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#075e4d), color-stop(29%,#16705d), color-stop(100%,#71d1b3)); /* Chrome,Safari4+ */


	background: -webkit-linear-gradient(top,  #075e4d 0%,#16705d 29%,#71d1b3 100%); /* Chrome10+,Safari5.1+ */


	background: -o-linear-gradient(top,  #075e4d 0%,#16705d 29%,#71d1b3 100%); /* Opera 11.10+ */


	background: -ms-linear-gradient(top,  #075e4d 0%,#16705d 29%,#71d1b3 100%); /* IE10+ */


	background: linear-gradient(top,  #075e4d 0%,#16705d 29%,#71d1b3 100%); /* W3C */


	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#075e4d', endColorstr='#71d1b3',GradientType=0 ); /* IE6-9 */


}





.red .fill {


	background: #6a0c09; /* Old browsers */


	background: -moz-linear-gradient(top,  #6a0c09 0%, #a91917 29%, #e12425 100%); /* FF3.6+ */


	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6a0c09), color-stop(29%,#a91917), color-stop(100%,#e12425)); /* Chrome,Safari4+ */


	background: -webkit-linear-gradient(top,  #6a0c09 0%,#a91917 29%,#e12425 100%); /* Chrome10+,Safari5.1+ */


	background: -o-linear-gradient(top,  #6a0c09 0%,#a91917 29%,#e12425 100%); /* Opera 11.10+ */


	background: -ms-linear-gradient(top,  #6a0c09 0%,#a91917 29%,#e12425 100%); /* IE10+ */


	background: linear-gradient(top,  #6a0c09 0%,#a91917 29%,#e12425 100%); /* W3C */


	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a0c09', endColorstr='#e12425',GradientType=0 ); /* IE6-9 */


}
































/*


######################################################################################


######                                                                        #######


######   4 - REMAINING BODY                                                  #######


######                                                                      #######


##################################################################################


*/








.drop-shadow1,


.drop-shadow2,


.drop-shadow3 {


	width: 960px;


	height: 35px;


	margin: 0 -13px;


	padding: 0 13px;


	background-image: url(../../images/generic/content-top.gif);


	background-repeat: no-repeat;


	background-position: 0 bottom;


	background-color: #F0F0F2;


}


.drop-shadow1 { display: none; }


.drop-shadow2 {


	background-image: url(../../images/generic/dropshadow2.gif);


	height: 6px;


}


.drop-shadow3 {


	background-image: url(../../images/generic/dropshadow3.gif);


	height: 6px;


}











/********************************************************************************/


/***** 4.0 - POPUP STYLES ******************************************************/


/******************************************************************************/





/* DIV POPUP */


#p-rcb #video1, #video2, #video3, #video4, #freedom_flash {


	color: #0D5FD8;


	cursor: pointer;


}





/* BRIGHTCOVE */


#overlayDiv.popup {


	width: auto; /*750px;*/ /* player height + padding left and right (486 + 20)*/


	display: none;


	background: #fff;


	border: 1px solid black;


	padding: 4px;


}


#overlayDiv.popup .navigation { float:right; }


#overlayDiv.popup .content { padding: 10px; text-align: center; }


#overlayDiv.popupbrightcove{ height: auto; /* player height + padding top and bottom + close button height (412 + 20 + 15)*/ }


#popupManBackground { background: #333; }


#overlayDiv .close_btn { cursor: pointer; color: #000000; font-weight: bold; }























/********************************************************************************/


/***** 4.0 - HELP AREA *********************************************************/


/******************************************************************************/





.help-area {


	width: 930px;


	overflow: hidden;


	padding: 28px 0 29px 30px;


	}

	.help-area_1 {


	width: 930px;


	overflow: hidden;


	padding: 28px 0 29px;


	}

	.help-area .image {


		float: left;


		width: 214px;


		}


		.help-area .image img { display: block; }


		


	.help-area .text {


		float: left;


		width: 200px;


		}


		.help-area .text h3 {


			font-size: 2.4em;


			color: #0099dc;


			margin: 0;


			padding: 0 0 13px 0;


			font-weight: bold;


		}


		.help-area .text p { font-size: 1.2em; }





/***** LEFT *****/





	.help-area .left {


		float: left;


		width: 450px;


		}


		.help-area .left select {


			font-size: 1.1em;


			border: 1px solid #cbcedb;


			border-right: 1px solid #e5e7ee;


			border-bottom: 1px solid #e5e7ee;


			display: block;


			margin-bottom: 15px;


			color: #888888;


			width: 198px;


		}


		.help-area .left .submit {


			display: block;


			width: 106px;


			height: 35px;


			padding: 0 0 4px 0;


			margin: 0;


			border: 0;


			background-color: transparent;


			color: white;


			font-size: 1.2em;


			text-align: center;


			background-image: url(../../images/generic/help-area/btn.gif);


			cursor: pointer;


		}


		.help-area .left .submit:hover {


			background-position: 0 -35px;


		}


		


/***** RIGHT *****/





	.help-area .right {


		float: left;


		width: 450px;


	}


	





	.help-area .right .text a{


		color:white;


	}


/* aqua button*/





.aqua {


	border: solid 1px #35bac3;


	background: #55DDE4;


	background: -webkit-gradient(linear, left top, left bottom, from(#55DDE4), to(#16a6b3));


	background: -moz-linear-gradient(top,  #55DDE4,  #16a6b3);


	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#55DDE4', endColorstr='#16a6b3');


}


.aqua:hover {


	background: #44d8df;


	text-decoration:none;


}





.aqua:active {


	background: -webkit-gradient(linear, left top, left bottom, from(#16a6b3), to(#55DDE4));


	background: -moz-linear-gradient(top,  #16a6b3,  #55DDE4);


	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#16a6b3', endColorstr='#55DDE4');


}





.button {


    border-radius: 0.5em 0.5em 0.5em 0.5em;


    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);


    cursor: pointer;


    display: inline-block;


    font-size: 1.1em;


    outline: medium none;


    padding: 0.4em 2em 0.35em;


    text-align: center;


    text-decoration: none;


    vertical-align: baseline;


	color:white;


}





.button:active {


	position: relative;


	top: 1px;


}

















/********************************************************************************/


/***** 4.1 - LOWER CONTENT *****************************************************/


/******************************************************************************/





.lower-content {


	width: 890px;


	overflow: hidden;


	margin: 0 -13px;


	padding: 35px 35px 100px 35px;


	background-color: white;


	border: 13px solid #F0F0F2;


	border-top: 0;


	border-bottom: 0;


	background-image: url(../../images/generic/lower-content-bg.jpg);


	background-repeat: no-repeat;


	background-position: left bottom;


	}


	


	.lower-content h2 {


		color: #0099dc;


		font-size: 2.4em;


		font-style: normal;


		margin: 0;


		padding: 0 0 20px 0;


	}








	.lower-content .videos {


		float: left;


		width: 389px;


		padding-left: 37px;


		}


		.lower-content .videos h3 {


			color: #0099dc;


			font-size: 2.4em;


			margin: 0;


			padding: 0 0 20px 0;


		}


		.lower-content .videos p {


			font-size: 1.2em;


		}


		.lower-content .videos .image {


			margin: 0;


			padding: 0;


			}


			.lower-content .videos .image img { display: block; }





			.lower-content .videos .image img:hover{


				filter: alpha(opacity=63);


				opacity: 0.63;


				-moz-opacity: 0.63; 


				}





/********************************************************************************/


/***** 5.0 - WIDGETS  **********************************************************/


/******************************************************************************/				





.widget_where-to-buy {


  z-index: 50000;


}