/*
Theme Name: MVIX
Theme URI: http://www.mvixdigitalsignage.com
Description: This is my theme for MVIX digital signage
Version: 1.0
*/


/*
# Reset defaults ################### 
*/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { 
	margin: 0; 
	padding: 0; 
} 
a:link, a:visited{text-decoration:none;outline:none;}
html {overflow: -moz-scrollbars-vertical;}
#skipto{position:absolute;left:-9999px;top:-9999px;}
.group:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

.clear{
	display:block;
	clear:both;
}
/*
# Layout ################### 
*/

body{font-family:  Arial, "Helvetica Neue", Helvetica, sans-serif;
color:#222;
background-color:#03111a;
margin:0;
}

.grid_6
{
	display: inline;
	width: 400px;
	float: left;
	margin-left: 40px;
	margin-right: 20px;
	color:#999;
	font-size: 14px;
}
.page-head          { margin-bottom:24px; margin-left:30px; color:#f99200; font:18px arial, "Helvetica Neue"; }
.page-head-title    { margin-bottom:8px; margin-top:10px; margin-left:30px; color:#CCC; font:28px arial, "Helvetica Neue"; }
.wrapper{
	margin:0 auto;
	width:950px;
}

#header{
	background: url(images/head_grad.png) repeat-x top left;
	height:66px;
}
#logo{
	background:url(images/logo.png) top left no-repeat;
	display:block;
	height:66px;
	float:left;
	width:160px;
}
#top_right{
	background:url(images/mail_icon.jpg) bottom left no-repeat;		
	float:right;
	height:56px;
	padding-top:10px;
	width:250px;
}
.he1{
	color:#2f2f2f;	
	font-size:14px;
	text-align:right;
}
.he2{	
	color:#2f2f2f;
	font-size:30px;
	padding-left:43px;
	text-align:right;
}
/*-- main page animation--*/


#animation{
	height:347px;
	width:950px;
	z-index:-1;
}
.an1{
	padding-top:35px;
	padding-left:290px;
}
.an1_in{
	padding-top:100px;
	padding-left:230px;
}
.screen1{
	background:url(images/scr_1.png) top left no-repeat;
	height:313px;
	
	width:552px;
}

#clientsSlide IMG{
	opacity:0;
	position:absolute;		
	z-index:8;
}
#clientsSlide IMG.active{opacity:1;	z-index:10;}
#clientsSlide IMG.last-active{	z-index:9;}
#clientsSlide{
	padding-left:70px;
	padding-top:40px;
	position:absolute;
	text-align:left;
	width:239px;
}
/*-- main page box--*/

/*-- hover box--*/
#app_hover{
	background:url(images/hover_box.png) top left no-repeat;
	height:151px;
	padding:25px 35px;
	position:absolute;
	margin:-70px 0 0 -30px;
	text-align:left;
	width:289px;
	z-index:99;
}
.ap_h1{
	font-size:18px;
	font-weight:bold;
	padding-bottom:10px;
}
#app_box_left, #app_box_right{	
	float:left;
	font-size:12px;	
	width:140px;
}
#app_hover ul li{
	padding: 0 0 7px;
}
#app_box_left a, #app_box_right a{
color:#757575;
}
#app_hover a:hover{
color:#0b78be;
}


#box{
margin-left:12px;
}


.bx_mid{
	height:276px;
	width:925px;}
.bx_1, .bx_2, .bx_3{float:left; text-align:center;}
.bx_1{
	background: url(images/solutions_bg.jpg) top left no-repeat;
	height:276px;
	width:315px;
}
.bx_2{	
	height:276px;
	width:301px;
}
.bx_3{
	background:url(images/clients_bg.png) top left no-repeat;
	height:276px;
	width:309px;
}

#app_box{
	background:url(images/app_bot_bg.jpg) top left no-repeat;
	height:149px;
	width:301px;
}
.sol_a{
	position:absolute;
	float:left;
	height:260px;
	width:300px;	
	display:block;
z-index:99;	
}

/*-- clients box--*/
.bx_3 a.sol_a{cursor:pointer;}
#CB_close{
	background:url(images/CB_close.png) top left no-repeat;
	cursor:pointer;
	display:block;
	height:30px;
	margin-left:765px;
	position:absolute;	
	width:39px;
}
#CB_close:hover{
	background-position:0 -30px;
}
#clients_box{
	box-shadow: 0px 0px 20px #888;
	-webkit-box-shadow: 0px 0px 20px #888;
	-moz-box-shadow: 0px 0px 20px #888;
	-moz-border-radius: 7px;
	-webkit-border: 7px;
	margin-left:73px;
	position:absolute;
	top:150px;
	width:804px;
	z-index:150;
}
#CB_top{
	background:url(images/clients_box_top.png) top left no-repeat;
	height:8px;
	width:804px;
}
#CB_bottom{
	background:url(images/clients_box_bottom.png) top left no-repeat;
	height:8px;
	width:804px;
}
#CB_body{
	background-color:#ffffff;
	padding:10px;
}
#CBI_top{
	height:55px;
	padding-left:20px;
}
#CBI_content{
	min-height:300px;
}
p.cb1{
	font-weight:bold;
	font-size:24px;
}
p.cb2{
	color:#6d6d6d;
	font-size:12px;
}
/*-- Main page end--*/

/*-- Solutions page--*/
#topsection_sol{
	background:url(images_sol/mvix-digital-signage-solutions.jpg) top left no-repeat;
	height:427px;
	padding:0 15px 20px;
	width:920px;
}
#compTB{
	background:url(images/compare-digital-signage-solutions.png) top left no-repeat;
	display:block;
	margin-top:10px;
	height:55px;
	width:269px;
}
a.sol_box{
	margin-top:30px;
	display:block;
	height:208px;
	float:left;	
	width:231px;
}

a.sol_1{background:url(images_sol/VUE-web-based-solid-state-enterprise-class-digital-signage.png) top center no-repeat;	}
a.sol_2{background:url(images_sol/CEENO-networkable-digital-menu-board-signage-system.png) top center no-repeat;	}
a.sol_3{background:url(images_sol/XHIBIT-full-hd-networkable-signage-player.png) top center no-repeat;	}
a.sol_4{background:url(images_sol/WALL-multi-display-seamless-lcd-video-wall-appliance.png) top center no-repeat;	}
/*-- applications page--*/
#topsection{
	background: url(images/tag_cloud_bg.jpg) top right no-repeat;
	height:427px;
	padding:0 15px;
	width:920px;
}
.TS_content{
	float:left;
	width:390px;
}

/*-- tag clouds--*/
#Tagcloud a{color:#ffffff;
	position:absolute;	
}
#Tagcloud a:hover{
	text-shadow: #fff 0 0 6px;
}
.app1{margin-top:90px;margin-left:120px;font-size:20px;}
.app2{margin-top:120px;margin-left:50px;font-size:30px;}
.app3{margin-top:70px;margin-left:250px;font-size:12px;}
.app4{margin-top:160px;margin-left:260px;font-size:36px;}
.app5{margin-top:250px;margin-left:90px;font-size:40px;}
.app6{margin-left:150px;margin-top:210px;font-size:24px;}
.app7{margin-left:200px;margin-top:140px;font-size:18px;}
.app8{margin-left:180px;margin-top:320px;font-size:32px;}
.app9{margin-left:320px;margin-top:230px;font-size:18px;}

.nav_links, .nav_links a{
	font-size:12px;
	color:#bec1c4;
	font-style:italic;
}
.nav_links a:hover{
	text-decoration:underline;
}
.nav_links{padding:20px 0 40px 0;}
p.top_txt{
	padding-top:20px;	
	font-size:14px;
	color:#ffffff;
}

#box_2{
	background:url(images/cat_box.jpg) top left no-repeat;
	height:276px;
	margin-left:12px;
	width:925px;
}


a.app_box{
	margin-top:70px;
	display:block;
	height:156px;
	float:left;	
	width:231px;
}
a.app_box:hover{
	background-position:center -156px;
}
a.app_1{background:url(images_app/app_1.png) top center no-repeat;	}
a.app_2{background:url(images_app/app_2.png) top center no-repeat;	}
a.app_3{background:url(images_app/app_3.png) top center no-repeat;	}
a.app_4{background:url(images_app/app_4.png) top center no-repeat;	}
a.app_5{background:url(images_app/app_5.png) top center no-repeat;	}
a.app_6{background:url(images_app/app_6.png) top center no-repeat;	}
a.app_7{background:url(images_app/app_7.png) top center no-repeat;	}
a.app_8{background:url(images_app/app_8.png) top center no-repeat;	}
a.app_9{background:url(images_app/app_9.png) top center no-repeat;	}

/*-- comparison tables--*/
#box_3{
	background:#ffffff url(images/tabs_bottom.png) bottom left no-repeat;
	padding:20px;
	width:908px;
}
.ct_top{
	background: url(images/tabs_header_corners.png) top left no-repeat;
	height:11px;	
	position:absolute;
	margin:-20px 0 0 -20px;
	width:948px;
}
.CT_tb{vertical-align:middle; padding-bottom:20px;}
.CT_tb th{
	color:#ffffff;
	padding:0 4px;	
	height:45px;
}
.check{
	background:url(images/check_mark.png) center center no-repeat;
	height:30px;
}
.CT_tb td{
	padding:0 4px;
	font-size:12px;
	text-align:center;
	height:20px;
}
.CT_tb .ctg1{
	color:#1e576b;
	font-size:16px; font-weight:strong;
	text-align:left;
}
.CT_tb .ctg2{padding-left:10px; text-align:left;}
.CT_tb .ctgTOP{
	background-color:#1e576b;
}
.CT_tb .ctgTOP a{color:#0d7c9b;}
.CT_tb .ctgTOP a:hover{color:#59b8d3;}
/*-- clients logo table--*/
#cl_list td{text-align:center;}
#cl_list{padding-bottom:20px;}

/*-- applications individual page styles--*/
/*-- content--*/
#pg_nav{position:absolute;}
#top_content{height:346px;}
#top_content_sc{padding-bottom:25px;}
#top_content_s{	
	height:427px;
}
#content_in{padding-bottom:5px;}
/*--- SLIDER TABS---*/


#slider{
	margin-left:1px;
	background-color:#12212d;
	width:948px;
}

#slider_head{height:48px;}	

#tabs_corners{
	background:url(images/tabs_header_corners.png) top left no-repeat;
	height:11px;
	position:absolute;
	width:948px;
}

#slider_head .slider_tab {
	background:url(images/tab_header_bg.png) top left repeat-x;
	height:35px;
	float:left;
	cursor:pointer;
	display:block;
	text-align:center;
	color:#64839c;
	padding-top:13px;
}

#slider #slider_head a.slider_tab:hover{color:#8babc5;}


#slider_head .focus{
	background-position:0 -48px;
	color:#ddeaf4 !important;
}

#slider_body{background-color:#ffffff;
	overflow:hidden;padding:0 0 20px 0;
}

.slide_page{width:948px;float:left; }
#slider_foot{
	background:url(images/tabs_bottom.png) top left no-repeat;
	height:8px;
}
/*-- slider pages--*/
.h1{
	font-size:14px;
	color:#000000;
	padding-bottom:5px;
}
.h2{font-size:12px;color:#47494b; padding:5px 0;}
.pg_left{float:left;}
.pg_right{
	float:left;
	color:#686a6c;
	font-size:12px;
	padding-top:20px;
	width:450px;
}
.pg_tab_content{padding:15px;}
/*-- inside slider--*/
#slider_in p{font-size:12px;}
	

.pg_tab_content_title{
color:#0075bb;
font-size:16px;
padding-bottom:5px;
}


	/*--- expand collapse for FAQ--*/
	.collapse p {padding:0 10px 1em; font-family:arial;}
	.collapse{font-size:12px; }
	#page4 a:link, #page4 a:visited {
	  border:1px solid #ccc;
	  text-decoration:none;
	  color:#032b39;
	}
	#page4 a:hover, #page4 a:active, #page4 a:focus {
	  border-style:solid;
	  background-color:#f0f0f0;
	  outline:0 none
	}
	#page4 a:active, #page4 a:focus {
	  color:#ee8a07;
	}
	.expand{padding-bottom:.75em}
	.expand a {
	  display:block;
	  padding:3px 10px
	}
	.expand a:link, .expand a:visited {
	  border-width:1px;
	  background-image:url(images/arrow-down.gif);
	  background-repeat:no-repeat;
	  background-position:98% 50%;
	}
	.expand a:hover, .expand a:active, .expand a:focus {
	  text-decoration:underline
	}
	.expand a.open:link, .expand a.open:visited {
	  border-style:solid;
	  background:#eee url(images/arrow-up.gif) no-repeat 98% 50%
	}
	h2{font-size:1em}


/*-- bottom info section--*/
#bottom_info{
	padding:20px 0;
	width:950px;
}
#BI_left{float:left; width:330px;}
#BI_right{
	float:left;
	background-color:#222e36;
	padding:10px;
	width:600px;
}

/*-- contact form area--*/
.contact_header{
	background-color:#3d474e;
	padding:4px 0 4px 6px;
	width:320px;
}
#contact_body{
	background-color:#222e36;
	padding:17px 3px ;
	width:320px;
}
.esent{
	color:#c7d3da;
	font-size:12px;
	text-align:center;
	width:100%;
	height:100px;
}
#contact_92{	
	color:#6d777e;
	font-size:12px;
}
#contact_92 td{vertical-align:top;}

#contact_92 #first_name{width:110px;}
#contact_92 #last_name{margin-left:0;width:122px;}
#contact_92 input, #contact_92 textarea{
	font-family:arial;
	font-size:12px;
	color:#c7d3da;
	padding:2px;
	background-color:#2d3940;
	border:1px solid #4a545a;
	margin-left:5px;
	width:235px;
}

#contact_92 input:hover, #contact_92 textarea:hover{
	border:1px solid #606a70;
}
#contact_92 input:focus, #contact_92 textarea:focus{
	border:1px solid #7b848a;
}
#contact_92 button{margin-left:4px;}
#contact_92 input.error{
	background-color:#425865;
	border:1px solid #ff6600;
}
.contact_h1{
	background:url(images/contact_icon.jpg) center left no-repeat;
	padding-left:35px;	
	color:#8f9599;
	font-size:18px;
}
.featured_h1{
	color:#8f9599;
	font-size:18px;
}
.subm{margin:4px 5px;}
#submit{
	padding:2px 5px;
	background-color:#a2aeb5;
	border:1px solid #c2ccd2;
	color:#03111a;
}
#submit:hover{
	border:1px solid #ffffff;
	background-color:#c2ccd2;
}

.slide_page ul{list-style-type: circle;padding-left:25px;}
/*-- FEATURED Clients--*/
.foot_right_top{
	padding-bottom:9px;
	height:150px;
}
#download{
	float:left;
	margin:15px;
	padding:10px 0 0 5px;
	border-right:1px solid #323d44;
	width:150px;
}
a#dl_img{
	background:url(images/brochure_prev.jpg) top left no-repeat;
	display:block;
	height:68px;
	width:108px;
}
a#dl_text{
	background:url(images/download_btn.png) top left no-repeat;
	display:block;
	font-size:12px;
	color:#6f777c;
	height:22px;
	line-height:12px;
	padding-left:25px;
	margin-top:5px;
	padding-top:-5px;	
	width:18px;
}
a#dl_text:hover{	background-position: 0 -22px;}	
#feat_cl{
	float:left;
	overflow:hidden;
	width:410px;
}
#download p{
	color:#7a8286;
	font-size:14px;
}
#feat_cl img{
	float:left;
	padding:25px 10px;
	border:none;
}
#ft_clients li{float:left;width:350px;}
#ft_clients {list-style:none;width:}

.ft_cl{height:150px; width:410px;overflow:hidden;}
/*-- applications individual page styles--*/


/*-- Footer--*/
#footer{padding-top:15px;}
#foot_top{
	color:#273948;
	font-size:10px;
	height:90px;
}

#ftt_left{
	margin:10px;
	background:url(images/footer-logo.png) top left no-repeat;
	display:block;
	float:left;
	height:26px;
	width:113px;
}
#foot_top span.info{
	font-size:10px;
	color:#395369;
	float:left;
	padding-left:10px;
	width:650px;
}
.foot_bot{
	padding:10px 10px;
}	
#foot_top span.socialM{
	float:left;
	padding-left:10px;
}
#foot_top span.socialM a{
	display:block;
	float:left;
	padding-right:10px;
	height:32px;
	width:32px;opacity:0.5;
}
#foot_top span.socialM a:hover{opacity:1.0;}
#foot_top .facebook{	background: url(http://www.mvixusa.com/HDHome/images/icons/facebook.png)top left no-repeat;}
#foot_top .twitter{	background: url(http://www.mvixusa.com/HDHome/images/icons/twitter.png)top left no-repeat;}

/*-- footer ends--*/




/*-- special fonts--*/
h4{color:#f0a134;
font-size:24px;
}
/*-- special fonts end--*/

/*
# Lists ################### 
*/
ul{list-style:none;}


/*
# Images ################### 
*/

img{border:none;}
img.left{margin:0 10px 10px 0;}
img.right{margin:0 0 10px 10px;}



/*
# Other ################### 
*/

.right{float:right;}
.left{float:left;}
.clear{clear:both;}
.alignleft{text-align: left;}
.alignright{text-align: right;}
.aligncenter{text-align: center;}



/* CSS ceeno pricing table starts*/
.pricing table{
	font-size:12px;
	color:#434647;
}
.pricing .top{
	background:url("../images/bg-pricing.png") no-repeat;
}
.pricing .heading{
	color:#02748f;
	font-size:18px;
	padding:50px 0 30px 0;
}
.pricing ul{
	list-style:none;
	margin:0;
	padding:0;
	line-height:18px;
	
}
.pricing .heading-2{
	font-size:16px;
	color:#000;
	padding-top:30px;
}
.pricing .tab-l{
	width:190px;
	color:#a9bac2;
	padding-bottom:20px;
}
.pricing .tab-c{
	width:193px;
	color:#a9bac2;
	padding-bottom:20px;
}
.pricing .tab-r{
	width:192px;
	color:#a9bac2;
	padding-bottom:20px;
}
.pricing .info-price{
	background:url('../images/bg-table.png') no-repeat top right;
}
/* CSS ceeno pricing table ends*/