@import "accordion.css";

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

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

.videoThumb {
	display:none;
}

p{
	color:#7f7f7f;
}

p.center {
text-align: center;
}

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

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

h3 {
	color:#5c005c;
	font-size:18px;
	font-style: italic;
	font-weight: norma;
}

h4 {
	color:#878787;
	font-size:12px;
	font-style: italic;
	font-weight: bold;
	margin-bottom: 10px;
}




/* ////////////////////// 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, #dadada),color-stop(1, rgb(255,255,255)));
	background-image: -moz-linear-gradient(right bottom,rgb(#dadada) 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;
}

    .left_handed_wrapper h3{ 
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    }

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

.accordion_wrap{
	width:205px;
	height: 100px;
	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;
	margin-bottom: 15px;
}

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;
}

.clear {
clear: both;
}

/******************************
 * GENERAL
 *****************************/ 

.content {
background: white;
padding: 25px;
width: 649px;
}

/******************************
 * OVERVIEW
 *****************************/ 

    p#image_text {
    font-weight: bold;
    color: #787878;
    font-size: 12px;
    margin-top: 40px;
    height: 30px;
    }
    
        #overview_img_1 {
        float: left;
        display: inline;
        width: 250px;
        text-align: center;
        }
        
        #overview_img_2 {
        float: left;
        display: inline;
        width: 140px;
        text-align: center;
        }
        
        #overview_img_3 {
        float: left;
        display: inline;
        width: 235px;
        text-align: right;
        } 
        
    #overview_img {
    position: relative;
    }
    
        #overview_img img {
        margin-bottom: 40px;
        }
    
        #overview_img span {
        font-style: italic;
        font-weight: bold;
        position: absolute;
        left: 0px;
        bottom: 20px;
        width: 395px;
        text-align: center;
        color: #787878;
        font-size: 12px;
        } 
        
    div.product {
    text-align: center;
    float: left;
    display: inline;
    position: relative;
    height: 510px;
    padding-top: 30px;
    }
    
        div.product img {
        margin-top: 30px;
        }
    
        #overview_product_1 {
        width: 260px;
        margin-right: 50px;
        }                 
    
        div.product a {
        position: absolute; 
        bottom: 0px;
		left: 0px;
        text-align: center;
        } 
        
            #overview_product_2 a {
            left: 20px;
            }  
            
        #overview_product_2 {
        width: 320px;
        }     
        
        div.product h2, div.product p {
        text-align: left;
        }                 

/******************************
 * MONITOR
 *****************************/ 

a.link_360 {
color: white;
font-size: 20px;
display: block;
width: 108px;
height: 50px;
position: absolute;
right: 160px;
margin-top: 160px;
background: url('../images/monitor/360.png') no-repeat;
text-align: center;
padding-top: 58px;
font-size: 14px;
}

#monitor_product_1 {
float: right;
padding-left: 80px;
}

#monitor_text_1 {
background: url('../images/monitor/product_1.jpg') no-repeat top right;
padding-right: 300px;
min-height: 600px;
}

#monitor_text_2 {
margin-left: -25px;
margin-top: -300px;
padding-top: 180px;
background: url('../images/monitor/product_2.png') no-repeat bottom left;
padding-left: 220px;
min-height: 390px;
border: 1px solid transparent;
position: relative;
}
    #monitor_text_2 ul {
    margin-bottom: 180px;
    }
    
    #monitor_text_2 a.arrow {
    position: absolute;
    bottom: 20px;
    right: 40px;
    }
  
ul.icons {
height: 97px;
margin-left: -14px;
}

    ul.icons li {
    float: left;
    display: inline;
    margin-right: 9px;
    }
    
        ul.icons li a {
        height: 97px;
        width: 96px;
        display: block;
        opacity:.4;
        filter: alpha(opacity=40);        
        }
        
            ul.icons li a:hover, ul.icons li a.actief {
            opacity:1;
            filter: alpha(opacity=100); 
            }
        
            ul.icons li.android a {background: url('../images/monitor/icons/android.png') no-repeat;}
            ul.icons li.automatic a {background: url('../images/monitor/icons/automatic.png') no-repeat;}
            ul.icons li.direction a {background: url('../images/monitor/icons/direction.png') no-repeat;}
            ul.icons li.easy a {background: url('../images/monitor/icons/easy.png') no-repeat;}
            ul.icons li.encrypted a {background: url('../images/monitor/icons/encrypted.png') no-repeat;}
            ul.icons li.instant a {background: url('../images/monitor/icons/instant.png') no-repeat;}
            ul.icons li.mobile a {background: url('../images/monitor/icons/mobile.png') no-repeat;}
            ul.icons li.monitors a {background: url('../images/monitor/icons/monitors.png') no-repeat;}
            ul.icons li.noise a {background: url('../images/monitor/icons/noise.png') no-repeat;}
            ul.icons li.philips a {background: url('../images/monitor/icons/philips.png') no-repeat;}
            ul.icons li.wall a {background: url('../images/monitor/icons/wall.png') no-repeat;}
            ul.icons li.wifi a {background: url('../images/monitor/icons/wifi.png') no-repeat;}
            ul.icons li.car a {background: url('../images/monitor/icons/car.png') no-repeat;}

#balloon {
height: 157px; /* 217 */ 
width: 329px; /* 619 */
padding: 30px;
padding-right: 260px; 
position: relative;
margin-bottom: 15px;
background: url('../images/monitor/balloon.jpg') no-repeat;
}

    #balloon div {
    display: none;
    }
    
    #balloon div img {
    position: absolute;
    right: 30px;
    top: 45px;
    }

#balloon_down {
position: absolute;
margin-top: -22px;
display: none;
}

#balloon_up {
position: absolute;
z-index: 999;
margin-top: -19px;   
margin-left: 34px;
}
       
/******************************
 * DISPLAY
 *****************************/
 
p.display {
text-align: right;
padding-top: 50px;
}  

a.link_360.display {
margin-top: 30px;
margin-left: -10px;
right: auto;
}

a.link_video {
color: white;
display: block;
width: 108px;
padding-top: 30px;
height: 78px;
right: 70px;
position: absolute;
background: url('../images/display/empty.png') no-repeat;
text-align: center;
line-height: 0px;
}

    a.link_video span.line_1 {
    text-transform: uppercase;
    font-size: 14px;
    }
    
    a.link_video span.line_2 {
    text-transform: uppercase;
    font-size: 22px;
    }
    
    a.link_video span.line_3 {
    font-size: 14px;
    }        

#display_features {
padding-right: 300px;
}









/* ////////////////////// 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_twin {
	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;
}
.accordion_wrap {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    clear: both;
    height: 100px;
    margin: 0 0 20px;
    width: 205px;
}
element.style {
    position: relative;
    top: 0;
}

/* New rules */
.ipn-category .category-arrow {
    margin-top: -4px;
}
.main_wrapper {
    margin: 0 0 0;
}
.btn-close {
cursor: pointer;
}
#p-generic-tools p.content {
	color: #999FAA;
    padding: 5px 15px 5px 0;
    background: none;
    padding: 0px;
    width: 280px;
}
table {
    margin: 0 0 !important;
    width: 0 !important;
}
#p-category-tools {
    margin-top: 2px !important;
}