@import "accordion.css";

#p-rcb .cp_tab{
	display:none;
}

/* Flash Header */
#cp_header{
 background-repeat: no-repeat; 
 background-position: 0px 0px; 
 background-color: #fff;
 background:url(../flash/animations/overview/bg.png) no-repeat;
 
 overflow: hidden;
 position: relative;
 
 height: 275px;
}
#cp_flashheader{ 
 outline: none; 
}

#cp_header object{ 
	outline: none; 
}

.tabContent{
	/*background:#ff0000;*/
}

.videoThumb {
	display:none;
}

p{
	color:#7f7f7f;
}

/* Heading styles */
h1{
	color:#5f025f;
	font-size:24px;
}

h2 {
	color:#5f025f;
	font-size:22px;
}
h2.find_the_type {
	padding:30px 10px 15px 20px;
}

h3 {
	color:#848484;
	font-size:16px;
}

h4 {
	color:#882785;
	font-size:16px;
}




/* ////////////////////// GENERAL STYLES ////////////////////// */
.main_wrapper{
	width:960px;
	height:100%;
	float:left;
	padding:0 0 25px 0;
	margin:10px 0 0 0;
	background:#efefee;
	
	
	moz-border-top-left-radius: 25px;
	moz-border-top-right-radius: 25px;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	
	-moz-box-shadow: 0 0 5px #CCC;
	-webkit-box-shadow: 0 0 5px#CCC;
	box-shadow: 0 0 5px #CCC;
	
	/*
	background-image: -webkit-gradient(linear,right bottom,left top,color-stop(0.15, rgb(209,204,202)),color-stop(0.63, rgb(222,220,219)),color-stop(1, rgb(254,254,254)));
	background-image: -moz-linear-gradient(right bottom,rgb(209,204,202) 15%,rgb(222,220,219) 63%,rgb(254,254,254) 100%);
	*/
	
	background-image: -webkit-gradient(linear,right bottom,left top,color-stop(0.35, rgb(211,206,204)),color-stop(1, rgb(255,255,255)));
	background-image: -moz-linear-gradient(right bottom,rgb(211,206,204) 35%,rgb(255,255,255) 100%);
}

.main_wrapper h1{
	padding: 10px 0 0 25px;
}

.left_handed_wrapper{
	width:225px;
	float:left;
	padding:20px 0 0 20px;
}
.right_handed_wrapper{
	width:695px;
	float:left;
	padding:20px 0 0 0px;
}

.accordion_wrap{
	width:205px;
	clear:both;
	margin:0 0 20px 0;
	background:#FFF;
	moz-border-bottom-left-radius: 5px;
	moz-border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.video_wrap{
	background: url('../images/general/video_bg.png') no-repeat;
	width: 185px; /* 205 - 20 = 185px */
	min-height:355px;
	padding:10px;
}
.video_wrap h2{
	color:#5f025f;
	font-size:22px;
}
.video_wrap p {
	color:#adadad;
}

.videoThumb p{
	color:#c68fc3;
}


.videoThumb:hover p{
	color:#992c96;
}


.video_wrap .video_thumb{
	border:#d6d1ce solid 5px;
	width:171px;
	height:96px;
	margin:0 0 10px 0;
	cursor:pointer;
}
.video_wrap .video_thumb:hover{
	border:#922790 solid 5px;
}

/* ////////// VIDEO SPRITES ////////// */
.video_wrap .video_thumb01{
	border:#d6d1ce solid 5px;
	width:171px;
	height:96px;
	margin:0 0 10px 0;
	cursor:pointer;
	background:url('../images/general/videos/video_thumb01.jpg');
}
.video_wrap .video_thumb01:hover{
	background:url('../images/general/videos/video_thumb01.jpg') 0 -96px;
}

.video_wrap .video_thumb02{
	border:#d6d1ce solid 5px;
	width:171px;
	height:96px;
	margin:0 0 10px 0;
	cursor:pointer;
	background:url('../images/general/videos/video_thumb02.jpg');
}
.video_wrap .video_thumb02:hover{
	background:url('../images/general/videos/video_thumb02.jpg') 0 -96px;
}

.video_wrap .video_thumb03{
	border:#d6d1ce solid 5px;
	width:171px;
	height:96px;
	margin:0 0 10px 0;
	cursor:pointer;
	background:url('../images/general/videos/video_thumb03.jpg');
}
.video_wrap .video_thumb03:hover{
	background:url('../images/general/videos/video_thumb03.jpg') 0 -96px;
}

.video_wrap .video_thumb04{
	border:#d6d1ce solid 5px;
	width:171px;
	height:96px;
	margin:0 0 10px 0;
	cursor:pointer;
	background:url('../images/general/videos/video_thumb04.jpg');
}
.video_wrap .video_thumb04:hover{
	background:url('../images/general/videos/video_thumb04.jpg') 0 -96px;
}

.video_wrap .video_thumb05{
	border:#d6d1ce solid 5px;
	width:171px;
	height:96px;
	margin:0 0 10px 0;
	cursor:pointer;
	background:url('../images/general/videos/video_thumb05.jpg');
}
.video_wrap .video_thumb05:hover{
	background:url('../images/general/videos/video_thumb05.jpg') 0 -96px;
}



.connect_to {
	float:right;
    padding: 5px 10px 0 0;
	width:310px;
}
.top{
	background: url('../images/general/top_rounded.png') no-repeat;
	width:699px;
	height:4px;
	clear:both;

}
.bottom{
	background: url('../images/general/bottom_rounded.png') no-repeat;
	width:699px;
	height:4px;
	clear:both;
}

.line{
	width:699px;
	height:1px;
	background:#dfdddc;
	clear:both;
}
.small_line{
	width:659px;
	height:1px;
	background:#dfdddc;
	clear:both;
	margin:0 20px 0 20px;
}
.seperate{
	width:275px;
	height:1px;
	background:#dfdddc;
	clear:both;
	margin:0 0 7px 0;
}
.back_to{
	clear:both;
	float:right;
	padding: 15px 30px 0px 0;
}

ul{
	padding:5px 0 5px 15px;
	color:#888;
}

ul.features{
	list-style:none;
	padding:0 0 0 20px;
	text-align:center;
}
ul.features li {
	display: inline;
	padding: 0 7px 0 0;
	/*cursor:pointer;*/
}

ul.features02{
	list-style:none;
	padding:0;
	width:340px;
}
ul.features02 li {
	display: inline;
	padding: 0 7px 0 0;
	/*cursor:pointer;*/
}

.content_left{
	float:left;
	width:315px;
	padding:50px 0px 0px 25px;
}
.content_right{
	float:right;
	width:315px;
	padding:50px 25px 0px 0px;
}
.product_img_right{
	padding:50px 20px 0px 0px;
	float:right;
}
.product_img_left{
	padding:50px 20px 0px 0px;
	float:left;
}


/* ////////////////////// Content MAIN ////////////////////// */
.main_content_wrap{
	width:699px;
	padding:0 0 10px 0;
}
/*
.main_content_wrap ul{
	padding:5px 0 5px 15px;
	color:#888;
}

.main_content_wrap ul.features{
	list-style:none;
	padding:0 0 0 20px;
}
.main_content_wrap ul.features li {
	display: inline;
}

.main_content_wrap .content_left{
	float:left;
	width:315px;
	padding:50px 0px 0px 25px;
}
.main_content_wrap .content_right{
	float:right;
	width:315px;
	padding:50px 25px 0px 0px;
}
.main_content_wrap .product_img_right{
	padding:50px 20px 0px 0px;
	float:right;
}
.main_content_wrap .product_img_left{
	padding:50px 20px 0px 0px;
	float:left;
}
*/


/* ////////////////////// Content SMALL ////////////////////// */
.small_content_wrap_white{
	width:699px;
	padding:0 0 25px 0;
	background:#ffffff;
	float:left;
}
.small_content_wrap_gray{
	width:699px;
	padding:0 0 25px 0;
	background:#fdfdfd;
	float:left;
}



/* ////////////////////// BACKGROUNDS ////////////////////// */
.gray_bg_top{
	background: url('../images/general/gray_bg_bottom.jpg') no-repeat bottom #ffffff;
	width:699px;
	min-height:289px;
	float:left;
	padding:0 0 25px 0;	
}
.gray_bg_bottom{
	background: url('../images/general/gray_bg_top.jpg') no-repeat top #ffffff;
	width:699px;
	min-height:157px;
	float:left;
	padding:0 0 25px 0;	
}
.white_bg{
	background:#ffffff;
	width:699px;
	float:left;
	padding:0 0 25px 0;	
}


/* ////////////////////// ARROW ////////////////////// */
a.arrow {
	font-size: 12px;
	color: #5c005c;
	background: url('../images/general/arrow.png') no-repeat center left;
	display: block;
	padding:3px 0 0 25px;
	min-height: 22px;
	/*padding-top: 9px;*/
	text-decoration: none;
}

a.arrow:hover {
	color: #5c005c;
	background: url('../images/general/arrow_hover.png') no-repeat center left;
	text-decoration: none;
}

a.arrow_white {
	font-size: 12px;
	color: #ad7fad;
	background: url('../images/general/arrow_white.png') no-repeat center left;
	display: block;
	padding-left: 25px;
	min-height: 18px;
	margin:0 0 10px 2px;
	cursor:pointer;
}

a.arrow_white:hover {
	color: #ad7fad;
	text-decoration: none;
}

a.top_arrow {
	font-size: 10px;
	color: #921e80;
	background: url('../images/general/top_arrow.png') no-repeat center right;
	display: block;
	padding-right: 25px;
	min-height: 18px;
}
a.top_arrow:hover {
	text-decoration: none;
	background: url('../images/general/top_arrow_hover.png') no-repeat center right;
}

/* Safari alignment */
.webkit a.arrow {
	font-size: 12px;
	color: #5c005c;
	background: url('../images/general/arrow.png') no-repeat center left;
	display: block;
	padding:6px 0 0 25px;
	min-height: 22px;
	/*padding-top: 9px;*/
	text-decoration: none;
}

.webkit a.arrow:hover {
	color: #5c005c;
	background: url('../images/general/arrow_hover.png') no-repeat center left;
	text-decoration: none;
}
.webkit a.arrow_white {
	font-size: 12px;
	color: #ad7fad;
	background: url('../images/general/arrow_white.png') no-repeat center left;
	display: block;
	padding: 6px 0 0 25px;
	min-height: 18px;
	margin:0 0 10px 2px;
	cursor:pointer;
}

.webkit a.arrow_white:hover {
	color: #ad7fad;
	text-decoration: none;
}

.webkit a.top_arrow {
	font-size: 10px;
	color: #921e80;
	background: url('../images/general/top_arrow.png') no-repeat center right;
	display: block;
	padding-right: 6px 25px 0 0;
	min-height: 18px;
}
.webkit a.top_arrow:hover {
	text-decoration: none;
	background: url('../images/general/top_arrow_hover.png') no-repeat center right;
}

/* Rule for the arrow issue in the navigation bar */
.ipn-category .category-arrow {
    padding: 0 0 0;
	margin-top: -2px;    
}