/*********************************************
		Master Page Header Styles
*********************************************/

#wrapper  
{
	width:991px;
	margin:auto; 
	height:100%;
}

#container  
{
	width:991px;margin:auto; height:100%; background-color: rgb(255, 255, 255); vertical-align: top;
}
.masterPage
{
	width:975px; height:100%;padding-top:8px;padding-bottom:8px;margin:auto;
}

html, body {
	height:100%;
	padding: 0px 0px;
	border: none;
}
body.background {
	BACKGROUND: url(/Images/bkgHomePage.png) #cae8f9 repeat-x left top; HEIGHT: 100%;
	 
}
#header {
	background:url('Images/VtechHeader975By141.jpg') no-repeat;
	width: 975px; height: 141px;
	margin: auto;
}
.footer 
{
	background:url('Images/HeaderTitleBar.jpg') repeat-x;
	width: 975px; height:28px;
	vertical-align:middle; 
	display: block;
}
#footer 
{
	background:url('Images/HeaderTitleBar.jpg') repeat-x;
	width: 975px; height:28px;
	vertical-align:middle; 
	display: block;
}
#powerBy 
{
	float:left;padding-left:10px;padding-top:10px;
}

#VTech
{
	float:right;padding-right:10px;padding-top:10px;
	font-family: tahoma; font-size: 9px; color: #7F7F7F; 
	text-decoration: none
}

#header a#title {
	display: block; float: left;
	width: 350px; height: 140px;
	margin: 0px; padding: 0px;
	text-indent: -9999px;
	line-height: 28px;
}

#MenuSprit {
	background: #2985D2 url(images/sprite.png) repeat-x;
	color: #FFF;
	width: 975px;
	height: 32px; line-height: 32px;
}

#MenuSprit a 
 {
 	/*- JOHN - 22 March, 2011 : To create a button effect, we have to use DISPLAY:block; float:left; AND padding: 0px 25px;
	Padding margin left will help us to auto set the space between the spacer/divider */
 	display: block;
 	float:left;
 	padding: 0px 25px;
    text-decoration: none;
	color: #FFF;
	font-size: 15px; font-weight: bold;  	
}

#MenuSprit a:hover { 
	display: block;
	background-color: #000;
	text-decoration:none;
	color: #FFFFBB;
}

IMG.separator {
	VERTICAL-ALIGN: middle;
	height: 28px;
	width:1px;
	float:left;
}

.headerTitleBar {
	display: block;
	background: url('Images/HeaderTitleBar.jpg') repeat-x;
	height: 32px; line-height: 32px;
	font-size: 11px; color:#3366FF;
	font-style:italic;font-family:Georgia;font-weight:700;
	border: none;
	width:975px; margin-bottom:3px;
}

/* ========================== common end =============================================== */
.t17_blue {  font-family: tahoma; font-size: 17px; font-weight: bold; color: #3E94FF}
.t12_blue {  font-family: tahoma; font-size: 12px; font-weight: bold; color: #3E94FF}
.t10_blue {  font-family: tahoma; font-size: 10.5px; font-weight: bold; color: #3E94FF}
.t11_green {  font-family: tahoma; font-size: 11px; font-weight: bold; color: #398F00}
.t11_black {  font-family: tahoma; font-size: 11px; color: #000000; text-decoration: none}
.t11_white { font-family: tahoma; font-size: 11px; color: #FFFFFF; text-decoration: none }
.t10_gray {  font-family: tahoma; font-size: 10px; color: #7F7F7F; text-decoration: none}
.t11_gray {  font-family: tahoma; font-size: 11px; color: #7F7F7F; text-decoration: none}
.t12_gray {  font-family: tahoma; font-size: 12px; color: #7F7F7F; text-decoration: none}
.t12_blackNormal {  font-family: tahoma; font-size: 12px; color: #000000}
.t9_blackNormal {  font-family: tahoma; font-size: 9px; color: #000000}

.more{ float: right; margin: 0 10px 0 0; }

/*************** Master Page Ends here *****************/

 
 /*********************** INDEX PAGE *********************************************************/
  
  
/*********************************************
	Main Banner - RadRotator with ticker - This rotates images in HomePage
*********************************************/
.HProtatorBackground
{
    background-image: url('Images/VTechHPBannerBG675By270.jpg');
    float:none;
    margin: 0px;
    width: 675px;
    height: 270px;
    font-family: Arial;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    _margin-left: 25px; /* IE6 hack*/
    _margin-top: 0px; /* IE6 hack*/
}

 
.HPRotatorImage 
{
	margin:0px;
    height: 266px;
    width: 300px;     
    float: left;
    border-left: solid 2px #dedede;
    border-top: solid 2px #dedede;
    border-bottom: solid 2px #dedede;
}
.HPRotatorRightPane
{
    width: 362px;
    height:266px;
    float:left;
}
 
 .TitleH2_Text 
{
	line-height:25px;
    font: bold 33px Tahoma, Verdana, Helvetica;
    color: #FFF;
    padding-left: 12px;
    padding-right: 0px;
    vertical-align:text-top;
    vertical-align:top;
	margin:10px 0px 0px 0px;
    
}

 .TitleH4_Text 
{
    font: bold 14px Tahoma, Verdana, Helvetica;
    color: #000;
    padding-left: 12px;
    padding-top: 5px;
    padding-right: 5px;
    vertical-align:text-top;
    vertical-align:top;
    margin:0px 0px 10px 0px;
    text-align:justify;
    
}

 .TitleH6_Text 
{
    font: bold 13px Tahoma, Verdana, Helvetica;
    color: #FFF;
    padding-left: 12px;
    padding-top: 0px;
    padding-right: 5px;
    margin:0px;
    
}

._Text 
{
    font: bold 13px Tahoma, Verdana, Helvetica;
    color: #FFF;
    padding-left: 12px;
    padding-top: 0px;
    padding-right: 5px;
    margin:0px;
    
}
 .HPBannerText 
{
    font: bold Tahoma, Verdana, Helvetica;
    
}
 .HPBannerText h2
{
    font-size:33px;
    Color : #FFFFFF; 
    padding:10px 10px 10px 10px;
}

  .HPBannerText h4
{
    font-size:13px;
    text-align:justify;
    Color : #000;	
    padding-top:0px;
}

 .HPBannerText h6
{
    font-size:11px;
    Color : #FFFFFF;
    line-height:22px;
    margin:auto;
    
}
 
 .imgRightTick
{
    background-image: url('Images/RightTick.gif');
    display:block;
	width:16px;
	height:16px;
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin-right: 10px;
}
 
 
 
 
 
#Title_Text a
 {
    text-decoration: none;
	color: #FFF;
	text-decoration: none; 
}

#Title_Text a:hover { 
	color: #FFF; 
	text-decoration: underline;
}

.TickerDescription_Text 
{
    font: 11px Tahoma, Arial, Verdana, Helvetica;
    color: #FFF;
    font-weight:500;
    margin-left: 10px;
    padding-top: 20px;
    margin-right: 10px;
}
 
 
 /* ---- Main Banner ends here ---------*/
 
 
/*********************************************
		ProductsBackground RadRotator2
*********************************************/
 
 
.ProductsBackground
{
    background-image: url('Images/RRotatorProductsClients.jpg');
    float:none;
    margin-left: 0px;
    margin-top: 0px;
    width: 295px;
    height: 270px;
    border: solid 0px #dedede;
    font-family: Arial;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    _margin-left: 25px; /* IE6 hack*/
    _margin-top: 0px; /* IE6 hack*/
}

.ProductsitemTemplate
        {
            width: 280px;
            height: 180px;
            margin-top: 2px;
            margin-bottom: 2px;
            cursor: pointer;
        }

.Productsrotator
{
    margin-left: 8px;
    margin-top: 20px;
    width: 280px;
    height: 218px;
}



.ProductsPane 
{
    height: 185px;
    width: 285px;
    float: none;
    margin-left: 5px;
    padding-top: 5px;
    margin-right:5px;
    vertical-align:middle;
    cursor:pointer;
    
}
 .ProductsTitle_Text 
{
    font: bold 13px Arial, Verdana, Helvetica;
    color:Black;
    margin-left: 15px;
    padding-top: 7px;
    margin-right: 15px;
}
.ProductsTitle_Text a
 {
    text-decoration: none;
	
	text-decoration: none;  
}

.ProductsTitle_Text a:hover { 
	color:Blue; 
	text-decoration: underline;
}

.ProductsDescription_Text 
{
    font: 400 10.5px Tahoma, Arial, Verdana, Helvetica;
    margin-left: 10px;
    margin-right: 15px;
    cursor:pointer;
}

.ProductsDescription_Text h4
{
	font: 400 10.5px Tahoma, Arial, Verdana, Helvetica;
	text-align:justify; 
	margin-right:10px;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	vertical-align:top;
}

.ProductsDescription_Image   
{
		margin-right:5px ;
        margin-left:0px;
        padding-left:0px;
        border-left:0px;
        text-align:left;
}

 







 

/***** Events Rotator Ends here **************/
 
 
 
 
 
 
 
  /*---------- Company Details ------*/
		
		
 .Conn_DarkGrayTitleBar {
	background: #656565 url(images/DarkGrayTitleBar.jpg) repeat-x;
	padding:5px 10px 5px 10px;
	color: #FFF;
    border-bottom: 4px double #9b9b9b; 
    vertical-align:top; 
    font-weight: bold;
}

  
.ucImageAlignments 
    {
        margin-right:5px ;
        margin-left:0px;
        padding-left:0px;
        border-left:0px;
        text-align:left;
        
    }

.ucTextAlignments 
    {
        text-align:justify;
    }

  
  

/*********************** INDEX PAGE ENDS HERE ****************/
 

/* ============================ common ============================== */
/* base font size => 11px */
body { font: normal 69%  Tahoma, "Trebuchet MS",  Arial, sans-serif; }
img { border: none; }
#page {  background: url('images/PageBGShadow.jpg') repeat-y; }

 

.cursorType { cursor:crosshair;}
a.more{ 
	padding: 0 15px 0 0;
	 text-align:left;
	font-size:12px;
	background: url("images/bullet.gif") no-repeat 100% 55%;     
}
 

a.pdf{ 
	display: block;
	width: 16px; height: 16px;
	background: url(../img/adobe-acrobat.gif) no-repeat 0 0;
	overflow: hidden; text-indent: -666em;
}
a.doc{ 
	display: block;
	width: 16px; height: 16px;
	background: url(../img/microsoft-word.gif) no-repeat 0 0;
	overflow: hidden; text-indent: -666em;
}

strong{ font-weight: bold; }
address{ font-style: normal; }
/*em{ background: #FFFF99; font-style: normal; padding:2px 0; }*/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix{ display: inline-table; display: block; height: 1%; }



/* HomePage*/

#main-tabs li{
	float: left;
	width: 975px; height:340px;
	margin-right: 2%;	
	background: #E7E9EC;
	border-bottom: 1px solid #AFB6C0;
}
#main-tabs {
	width: 975px; 	
	margin: 0px 0px 0px 0px;
	background: #E7E9EC;
	border-bottom: 1px solid #AFB6C0;
}
 
 
#main-tabs h2 
{
    margin: 0px 0px 0px 0px;
	padding: 4px;
	color: #fff; background: #333;
	text-align: center;
	font-weight: bold; font-size: 15px; font-family:"Trebuchet MS"
}
#main-tabs h4 
{
    margin: 4px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	font-weight: normal; font-size: 13px; font-family:"Trebuchet MS";text-align:justify;
	line-height: 1.4em;
}
#main-tabs p 
{
	margin: 4px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	font-weight: normal; font-size: 13px; font-family:"Trebuchet MS";text-align:justify;
	line-height: 1.4em;
}


.backgroundLightBlue {
	width: 975px; 	
	margin: 0px 0px 0px 0px;
	background: #E7E9EC;
	border-bottom: 1px solid #AFB6C0;
}

.11ItIsPossible {
	
	color: #3E94FF; background:  #E7E9EC;
	text-align: center;
	font-weight: bold; font-size: 20px; font-family:"Trebuchet MS"
}

.ItIsPossible {
	
	color: #fff; background: #333;
	text-align: center;
	font-weight: bold; font-size: 20px; font-family:"Trebuchet MS"
}

/* Header Strip Black with Letters in White  */
.titleStrip1 {
	padding: 4px;
	color: #fff; background: #333;
	text-align: center;
	font-weight: bold; font-size: 15px; font-family:"Trebuchet MS"
}

#Specs-tabs 
{
	width: 975px; 
    list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}
#Specs-tabs li
{
     
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    list-style-image: none;
	list-style-position:inside;
	list-style-type: none;
	float: left;
	width: 243px; height: 195px;
	background: #E7E9EC;
	border-bottom: 1px solid #AFB6C0;
	border-right: 1px solid #AFB6C0;
}
#Specs-tabs h2 {
	padding: 2px;
	margin:0px 0px 0px 0px;
	color: #fff; background: #333;
	text-align: center;
	font-weight: bold; font-size: 12px; font-family:"Trebuchet MS"
}
#Specs-tabs p 
{	
	margin:9px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	font-weight: normal; font-size: 11px; font-family:"Trebuchet MS";text-align:justify;
	line-height: 1.4em;
	
}

/* bullets on HomePage*/

.arrowbullets{ 
	padding: 0 0px 0 0;
	text-align:left;
	background: url("images/bullet_arrow.gif") no-repeat scroll 0 5px;
	margin-right: 10px; 
	font-size:11px; font-family:"Trebuchet MS";
}

/* Company Profile Page */

h2.cprofile-Title {
	padding: 4px 50px;
	margin:0px 0px 0px 0px;
	color: #fff; background: #333;
	text-align: right;
	font-weight: bold; font-size: 20px; font-family:"Trebuchet MS";
}
p.cprofile 
{	
	margin:15px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
	font-weight:normal; font-size:13px; font-family:"Trebuchet MS";text-align:justify;
	line-height: 1.4em;
	 
}



.t14_blue {  font-family:"Trebuchet MS"; font-size: 14px; font-weight: bold; color:#3E94FF}

/* Service Page*/
.arrowbullets-BlueTitle{ 
	padding: 0 0px 0 0px;
	font-size:12px; font-family:"Trebuchet MS";
	font-weight: bold; color: #3E94FF;
	text-align:left;
	background: url("images/bullet_arrow.gif") no-repeat scroll 0 5px;
	margin-right: 10px;
	margin-left: 20px 
	
}

.arrowbulletsWithMargin{ 
	padding: 0px  ;
	text-align:left;
	background: url("images/bullet_arrow.gif") no-repeat scroll 0 5px;
	margin-right: 10px; 
	margin-left: 20px;
	font-size:11px; font-family:"Trebuchet MS";
}

/* Sitemap*/

#pageTitle 
{	
	margin:0px 0px 0px 20px;
	padding: 0px 20px 0px 20px;
	font-weight:normal; font-size:13px; font-family:"Trebuchet MS";text-align:justify;
	line-height: 1.4em;
	 
}

#pageTitle li
{
	font-family:"Trebuchet MS";font-size:12px;
	list-style-type: none;
}

/* ------- TRAINING --------------*/


div.Training
{	
	margin:15px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
	font-weight:normal; font-size:13px; font-family:"Trebuchet MS";text-align:justify;
	line-height: 1.4em;
	 
}
 .Training_h6Text 
{
    font: bold 12px Tahoma, Verdana, Helvetica;
    color:#737373;
    padding-left: 12px;
    padding-top: 0px;
    padding-right: 5px;
    margin:0px;
    line-height:25px;
    
}