﻿body {
	font-family: Arial, Tahoma, Helvetica, Sans-Serif;
	font-size: 12px;
}

/* ajax__tab_technorati-theme theme */
.ajax__tab_technorati-theme .ajax__tab_header 
{
    clear:both;
    font-family:"Helvetica Neue", Arial, Sans-Serif;
    background:url(../Imgs/technorati/tab-line.png) repeat-x bottom;
    font-size:12px;
    display:block;
}
.ajax__tab_technorati-theme .ajax__tab_header .ajax__tab_outer 
{
    background:url(../Imgs/technorati/tab.png) no-repeat left top;
    border-color:#222;
    color:#222;
    padding-left:10px;
    margin-right:3px;
}
.ajax__tab_technorati-theme .ajax__tab_header .ajax__tab_inner 
{
    background:url(../Imgs/technorati/tab.png) no-repeat right top;
    border-color:#666;
    color:#666;
    /*padding:3px 10px 2px 0px; */
    padding:3px 5px 4px 0px;
}
.ajax__tab_technorati-theme .ajax__tab_hover .ajax__tab_inner 
{
    color:#000000;
}
.ajax__tab_technorati-theme .ajax__tab_active .ajax__tab_outer 
{
    background:url(../Imgs/technorati/tab.png) no-repeat 0pt -40px;
    border-bottom-color:#ffffff;
}
.ajax__tab_technorati-theme .ajax__tab_active .ajax__tab_inner 
{
    background:url(../Imgs/technorati/tab.png) no-repeat right -40px;
    color:#000000;
    border-color:#333;
}
.ajax__tab_technorati-theme .ajax__tab_body 
{
    font-family:Arial, Tahoma, Helvetica, Sans-Serif;
    font-size:10pt;
    /* padding:8px; */
    background-color:#ffffff;
    padding-top:15px;
    /* border:solid 1px #d7d7d7; Arial, Tahoma, Helvetica, Sans-Serif; */
    /* border-top-width:0; */
}



.Tc /* Technology listing on console left */
{
    margin: 0 auto;   
    font-size:11px;
    background: url(../Imgs/Console/bg_Tech.jpg);
    background-repeat:no-repeat;
    Height: 25px;
    Width:185px;
    vertical-align:middle;
    text-align:center;

}

.TcBottom
{
    margin: 0 auto ;
    vertical-align:bottom;
    background: url(../Imgs/Console/bg_TechBottom.jpg);
    background-repeat:no-repeat;
    padding-top:10px;
    Height: 7px;
    Width:168px;
}


.BL /* BrandLogo listing on console right */
{    float:left; position:relative;
    background: white url(../Imgs/Console/BG_BrandLogo.jpg) no-repeat;
    padding-top:26px; Top:0px; left:0px;Width:184px;height:100%;}
.BL1stCol 
{ float:left; position:relative;
    background: white url(../Imgs/Console/BG_BrandLogo1stCol.jpg) no-repeat;
           padding-top:12px;padding-bottom:8px;Width:184px;height:100%;}
.BLBottom
{float:left; position:relative;
    background: white url(../Imgs/Console/BG_BrandLogoBottom.jpg) no-repeat;
   Width:184px;height:11px;} 
.blContainer{clear:both;float:left; padding-bottom:8%;}


/* ProductListing */
.plcntn
{clear:both;position:relative;float:left; height:130px;width:100%;padding-top:20px;}
    
.plimg 
{position:relative;float:left;width:120px;height:80px;
        }
.plimgin
{position:absolute;bottom:0.1%;left:10%;right:10%;}

.pltxt
{position:relative;float:left;color:Gray;
    background: url(../Imgs/Various/bg-ProductListing-txt.gif) no-repeat 0px 3px;
    line-height:130%; Width:106px;height:40px; padding-top:4px;font-size:10px;
    padding-left:7px;padding-right:7px;
    text-align:center;}

/*
.plproductcont
    background:url(../Imgs/Various/BG_ProductListing_img.jpg)no-repeat 0px 0px;
url(../Imgs/Various/BG_ProductListing.jpg)no-repeat 0px 3px;
{clear:right;position:relative;float:left;
    
       Width:118px;height:177px;}
*/

/*List images in the tab of the product */
.ImagesListing{text-align:center;background: url(../Imgs/Various/BG_ImageListing.jpg);background-repeat:no-repeat;
    Width:110px;height:100px;}

/* for price listing like in the description of the product */
.PriceListing{background: url(../Imgs/Various/bg-prices.gif) no-repeat 0px 4px;height:20px;left:15px;margin-left:10px;
    border-color:white}



.modalBackground /* for modal box */
{
    position: absolute;
    z-index: 100;
    top: 0px;
    left: 0px;
    background-color: #000;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;

} 
/*
modalForeground
{
    text-align:center;
    position: absolute;
    background-color: #FFFFFF;
    width:100px;
    height:100px;

} 
*/

.SSControl
{
    text-align:center;
    background: url(../Imgs/Various/bg-ss_light.jpg);
    background-repeat:no-repeat;
    Width:130px;
    height:185px;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000000;
	/*border: solid 1px #CCCCCC;*/
}






.PSLU /* Product Specify Left Unpair (Dark) */
{
    text-align:left;
    vertical-align:top;
    background-color: #EBEBEB;
    Width:100px;
	border: solid 1px #FFFFFF;
}

.PSRU /*Product Specify Right Unpair (Dark) */
{
    text-align:left;
    vertical-align:top;
    background-color: #EBEBEB;
    Width:480px;
	border: solid 1px #FFFFFF;
}

.PSLP  /*Product Specify Left Pair */
{
    text-align:left;
    vertical-align:top;
    background-color: #F5F5F5;
    Width:100px;
	border: solid 1px #FFFFFF;
}

.PSRP /*Product Specify Right Pair */
{
    text-align:left;
    vertical-align:top;
    background-color: #F5F5F5;
    Width:480px;
	border: solid 1px #FFFFFF;
}





/* Section for standard objects */

/* Standard Hyperlink  with Rollover */
.sh 
{
    display:block;
    border-width:0px;
    margin-left:auto;
    margin-right:auto;
    font-style:normal;
    font-variant:normal;
    text-decoration:none;
    color:#266380; /*165372;*/
    
}

.sh:hover 
{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
    filter: alpha(opacity=65);      
    opacity: .65;
    background:transparent;
    color:Red;
    text-decoration: underline;
}




/* Standard Hyperlink with Bullet with Rollover */
.shb 
{
    display:block;
    border-width:0px;
    padding-left:15px;
    padding-bottom:0px;
    padding-top:0px;
    margin-left:auto;
    margin-right:auto;
    font-style:normal;
    font-variant:normal;
    text-decoration:none;
    background:url(../Imgs/Various/Tecn-bullet.gif);
    background-position: 0 50%;
    background-repeat:no-repeat;
    color:#266380; /*165372;*/
}

.shb:hover 
{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
    filter: alpha(opacity=65);      
    opacity: .65;
    background:url(../Imgs/Various/Tecn-bullet_red.gif);
    background-repeat:no-repeat;
    color:Red;
    text-decoration: underline;
    background-position: 0 50%;
}





/* ------------------------------------------------------------------------------------
Products Head inside the Div Content
*/
#prh_left{clear:both;position:relative;float:left;height:185px;width: 255px;padding-top:20px;padding-bottom:15px;
    overflow:visible;}
#prh_center{float:left;position:relative;left:0px;width: 150px;height:185px;
    padding-top:15px;text-align:left;color:#CD6602;
    font-family: Helvetica, Sans-Serif,Arial, Tahoma,;font-size: 18px;font-weight:bold;}
#prh_right{float:right;position:relative;left:27.5px;width:150px;height:185px;vertical-align:top;}

/* ------------------------------------------------------------------------------------
MenuBar Div CSS*/

#m_left{clear:both;position: absolute;left:0px;top:0px;padding-top:5px;height:24px;width: 790px;
    vertical-align:text-bottom;}
#m_center{position: absolute;top: 0px;left: 790px;width: 175px;height: 20px;padding-top:2px;vertical-align:top;}
#m_right{position:absolute; top:0px;left:965px;width:24px;height:20px;padding-top:5px;vertical-align:top;}
.srcbox	{background: url(../Imgs/Various/search-box.gif) no-repeat;	
         padding-left:22px;Width:154px;height:24px;font-size: 14px;font-family: Arial, Helvetica, sans-serif;	
	    border: solid 1px #CCCCCC;}	




 /*------------------------/
/Title Product Listing   */
#tpl_left{clear:both;float:left;position: relative;left:25px;top:15px;height:100%;width: 400px;line-height:170%;}
#tpl_right{float:left;position: relative;top: 0px;padding-top:20px;padding-bottom:20px;left: 2px;width: 150px;height: 100%;}


 /*------------------------/
/ Home and around Home   */

/* Banner Transition Top */
.bttopctn {clear:both;position:relative;float:left; padding-top:20px;padding-left:85px; padding-bottom:30px;}
.bttop { background: white url(../Imgs/various/btFrameTop.gif) no-repeat;overflow: hidden;
        width:450px;height: 331px;}
.bttop a {margin-left: 21px;margin-right:28px;margin-top:20px;margin-bottom:25px;  
    border-width:0px;display:block;width:400px;height: 281px;
    }  
.bttop img {display:block;border-width:2px;border-color:#E4E4E4;color:#266380; /*165372;*/overflow: hidden;}
.bttop img:hover{border-color:red;}    
    
/* Banner Transition Left (midlle height) */   
.btleft{clear:both; position:relative;float:left; margin-left:25px;width:250px;height: 200px;
         background: white url(../Imgs/various/btFrameLeft.gif) no-repeat;overflow: hidden;}
.btleft img {margin-left: 22px;margin-right:25px;margin-top:20px;margin-bottom:25px;width:200px;height: 150px;
       vertical-align:middle;border-width:2px;border-color:#E4E4E4;}
.btleft img:hover{border-color:red;}  
     
       
/* Banner Transition Right (midlle height only text) */         
.btright{ position:relative;float:right;  height: 190px; width: 230px;  padding-right:50px;
        background: white url(../Imgs/various/btFRameRight.gif) no-repeat;overflow: hidden;
 }
.btright span {height: 90px; width: 185px; text-align:center;display: block; 
    margin-left: 25px;margin-right:30px;margin-top:55px;margin-bottom:50px;}
    
 /* Optional for catalog pictures */
.btbottom{clear:both; position:relative;float:left; left:170px;top:30px;width:270px;height: 400px;
         background: white url(../Imgs/various/btFrameBottom.gif) no-repeat;overflow: hidden;}
.btbottom img {margin-left: 23px;margin-right:25px;margin-top:23px;margin-bottom:25px;
       vertical-align:middle;}

/* this as sample with round corner only for mozzilla.
.bstleft { height: 232px; width: 232px; padding:0; margin:0; overflow: hidden }
.bstleft img { height: 200px; width: 200px; padding: 15px; border: 100px solid red;background-color: #eee; top:0; left:0}
.bstleft img {-moz-border-radius: 10px; -webkit-border-radius: 10px;} 
*/




/* AboutUs Services */
.asctn {clear:both;position:relative;float:left;width:570px;padding-bottom:30px;}
.astext {position:relative;float:left;width:60%}
.asspace {position:relative;float:left;width:10%}
.asimg {position:relative;float:right;width:30%}