﻿	
body{

	background-image: url(product/image/background.jpg);
	background-color:#a5c8e1;
	background-repeat: repeat-x;
	background-position: top;
	border-width:0px;
	
	}

#HeadFlash 
{
   width:900px;
   height:280px;
}
#IndexContent
{
    margin:0 25px 0 25px;
}
#MiddleText 
{ 
    width:850px;
}

#MiddleText .MiddleLine
{
    margin-top:10px;
    height:3px;
    background-image:url(image/home-b.jpg);
    background-repeat:no-repeat; 
    font-size:0px;
}

#MiddleText .MiddleLine2
{
    height:2px;
    background-image:url(image/home-b.jpg);
    background-repeat:no-repeat; 
     font-size:0px;
}

#MiddleText .leftUls
{
  width:230px;
   float:left;
   padding-top:5px;
    padding-left:25px;
}
#MiddleText .leftUls ul
{
   margin-top:5px;
}
#MiddleText .leftUls ul li
{
   color:#345c78;
   background:url(image/home-d.jpg) no-repeat left 13px;
   padding-left:25px;
   padding-top:7px;
   font-family:Tahoma;
   font-weight:bold;
   font-size:14px;
}
#MiddleText .leftUls ul li span
{
   font-weight:bold;
   font-size:16.5px;
}
#MiddleText .rightText
{
   width:400px;
   font-family:Tahoma;
  padding-top:15px;
  font-weight:normal;
   line-height:20px;
   float:left;
    font-weight:bold;
   font-size:12.5px;
   margin-left:20px;
}
#MiddleText .rightText span
{
 font-weight:bold;
 font-size:15px;
}


#MiddleText .more 
{
    float:right;

     margin-right:3px;
}

/*
#MiddleText .more a
{
    padding-left:25px;
    font-weight:bold;
     color:#345c78;
     background:url(image/home-c.jpg) no-repeat left -5px;
     text-decoration:none;
}


#MiddleText .more a:hover{text-decoration:underline;}
*/

#MiddleText  .rightTextDetail a
{
    color:#000000;
    text-decoration:none;
}

#MiddleText  .rightTextDetail a:hover
{
    color:#dc5000;
    text-decoration:none;   
}

#MiddleText .LeftPic
{
    border-width:0px;
    float:left;
}

#MiddleText .MiddleField
{
}

#BottomPannels
{
    margin-top:9px;
 
    width:850px;
    padding-bottom:20px;
}

#PanelsTab
{
    background-image:url(image/text-back.jpg);
    background-position:top left;
    background-repeat:no-repeat;
    width:680px;
    height:170px;
    float:left;
}
#BottomPannels a:hover
{
    text-decoration:underline;
}
#tabs 
{
   margin-left:5px;
}
#tabs span
{
    text-align:center;
    height:24px;
    display:block;
    float:left;
    width:134px;
    color:White;
    font-size:14px;
}
#panels
{
    width:680px;
}
#panel1,#panel2,#panel3,#panel4,#panel5
{
    padding-top:5px;
    padding-left:10px;
    height:140px;
    line-height:15px;
    width:670px;
}
#panel1 table td,#panel4 table td,#panel5 table td
{
    vertical-align:top;
    line-height:15px;
}
#panel1 .head a.more,#panel4 .head a.more,#panel5 .head a.more
{
    float:right;
    background-image:url(image/arrow.gif);
    background-position:left 3px;
    background-repeat :no-repeat;
    padding-left:8px;
    line-height:15px;
    text-decoration:none;
    color:#c88214;
    
}
#panels .head a:hover{ text-decoration:underline; color:#dc5000;}
#panels .head a:link{ text-decoration:none;}
#panel1 .tLeft
{
    width:295px;
}
#panel1 .tRight
{
    padding-left:25px;
    width:330px;
}
#panel1 .head,#panel4 .head,#panel5 .head
{
    height:20px;
}
#panel1 .head a,#panel4 .head a,#panel5 .head a
{
    font-size:12px;
    text-decoration:none;
    float:left;
    color:#004b87;
    font-weight:bold;
}
#panel1 .text
{
    
}
#panel2
{
    background-image:url(image/function-icon.jpg);
    background-position:left top;
    background-repeat:no-repeat;
    padding-left:40px;
     padding-top:10px;
     width:640px;
}
#panel2 table
{
    
    height:130px;
}
#panel2 table td
{
   vertical-align :middle;
}
#panel2 td.first
{
    width:255px;
}
#panel2 td.second
{
    width:220px;
}
#panel2 table tr
{
    height:10px;
}
#panel2 a
{
    color:#004b87;
    font-size:12px;
    text-decoration:none;
}
#panel2 a:hover{ text-decoration :underline;color:#dc5000;}
#panel1 a:hover{ text-decoration :underline;color:#dc5000;}
#panel3 a:hover{ text-decoration :underline;color:#dc5000;}
#panel4 a:hover{ text-decoration :underline;color:#dc5000;}
#panel5 a:hover{ text-decoration :underline;color:#dc5000;}
#panel3
{
    background-image:url(image/support-p.jpg);
    background-position:right 0px;
    background-repeat:no-repeat;
}
#panel3 table
{
    width:600px;
}
#panel3 a
{
    color:#004b87;
    text-decoration:none;
     font-weight:bold;
    
}
#panel4
{
    display:none;
    background-image:url(image/company-p.jpg);
    background-position:right 0px ;
    background-repeat:no-repeat;
}
#panel4 .tLeft
{
    width:290px;
}
#panel4 .tRight
{
    padding-left:25px;
    width:320px;
}
#panel5
{
    background-image:url(image/Reseller-p.jpg);
    background-position: right 0px ;
    background-repeat:no-repeat;
}
#panel5 .tLeft
{
    width:200px;
}
#panel5 .tRight
{
    padding-left:65px;
    width:320px;
}
#panel3 img,#panel4 img
{
   border:0px;
}
#RightQuick
{
    float:left;
    margin-left:15px;
    width:155px;
    height:170px;
    background-image:url(image/right-di.jpg);
    background-position: top right;
    background-repeat:no-repeat;
    padding-top:10px;
}
#RightQuick img
{
    border:none;
}
#RightQuick td.firstTd
{
   
    padding-left:20px;
    width:60px;
}
#RightQuick a 
{
    /*color:#69a5d7;*/
    color:#568abc;
    font-weight:bold;
    text-decoration:none;
}
#RightQuick a:hover
{
    text-decoration:underline;
}
#RightQuick td.secondTd
{
    padding-left:20px;
}
#RightQuick table
{
    width:150px;
}
#RightQuick tr
{
   vertical-align:middle;
}

#bottomText
{
    width:850px;
    margin:0px 25px 0px 25px;
    text-align:left;
   
    height:15px;
    line-height:15px;
    color:#ffffff;
    padding-bottom:13px;
}
#bottomText span
{

    float:left;
}

#bottomText .leftText
{
    
    float:right;
    width:80px;
    text-align:center;
    
}
#bottomText .leftText a
{
      color:#ffffff;
}

#container        
{
     margin:0px auto;
     width:916px;
     padding:0px;
     background-color: #FFFFFF;
     background-image: url(image/black-bottom.jpg);
     background-repeat: no-repeat;
     background-position:center bottom;
 }


