body {
  background: #FFF url(../images/body2_bg.png) repeat-x;
  margin:0;
  padding:0;   
  font-family: "lucida grande";
  font-size: 12px;    
 /* text-align: center;*/
}          
.foot { 
	background:#5F290D;
	border:2px solid #EEF4FA;
	outline:none;
	-moz-border-radius:5px;
	color: #FFFFFF;
}
.FFFFFF { 
	color: #FFFFFF;
}

h1, h2 {
  color: #0094d6;
  margin: 10px 0 10px 0;   
}              

h3 {
  margin:0 0 3px 0;
  padding:0;
  color: #333;
  font-weight:normal;
  font-size:14px;
  font-style:italic;  
}       
h4 {
  margin:10px 0 0 0 ;
  padding:0;
}

.clear {
  clear:both;
}                                              

ul {
  float:left;
}
       
a {
  color: #cc0000;
 	text-decoration: none;
}     

img {
  border: 0;
}    

/* Header */
#header {  
  float:left;
  position:fixed; 
  top:0;
  left:0;
  width:100%;
  height: 30px;
  background: url(../images/header_bg.png) repeat-x;
  z-index: 10000;
}           

#header_content {
  position:absolute; 
  width: 958px;
  height: 30px;
  background: url(../images/logo.png) no-repeat;     
  left:50%;
  margin-left: -480px;
}          

#links {
  float:right;
  color: #FFF;
  font-size: 10px;
  line-height: 30px;  
  margin-right:20px;
}

#links a {
  color: #FFF;
  font-size: 12px;
  text-decoration: none;
  font-weight: normal;  
}
    
#logo {
  width:300px;
  height:30px;
  float:left;
}        

/* Footer */
#footer {
  float: left; 
  height: 36px;
  line-height: 36px;
  width: 100%;
  text-align: center;
  font-size: 12px;
  color: #4D4D4D;
  margin: 15px 0;   
  background: url(../images/footer_bg.png);
}        

#footer img {
  margin-right: 10px;
  vertical-align:middle;  
}                       

#footer input {
  vertical-align:middle;  
  margin-top: -3px;
}

#footer input.amount {
  border:1px solid #DDD;   
  color:#4D4D4D;
  font-weight: bold;
  width: 35px;  
  margin-top: -3px;     
  margin-right: 10px;
}            

#footer form {
  display:inline;
}
        
/* Content */
#content {      
  margin: auto;
  width: 960px; 
  text-align: left; 
  background:#FFF !important;
}            

#body {   
  padding-top: 30px;
  margin:30px 0;     
  background:#FFF  url(../images/body_bg.png) repeat-x;
  display:inline;
  float:left;
}                   

/* Component */
.component {
  float:left;
  display: inline;
 /* margin: 0 10px;*/
  background:#FFF;
  padding: 0 10px;  
  margin-bottom:0;
  padding-bottom:0;
} 

.component * {
  margin:0;
  padding:0;
  line-height:20px;
}           
         
.component .tab {
  float:left;
  width:100%;
  border-top: 0px solid #0094d6;
 /* font-weight: bold;*/
  font-size: 12px;
}
.component .tab_left {
  display: inline;
  float:left;
  color:#FFF;
  background: url(../images/bg/tab_left.gif);
  line-height:30px;
  height:30px;     
  padding: 0px 0 0 15px;
}

.component .tab_right {
  display: inline;
  float:left;
  color:#FFF;
  background: transparent url(../images/bg/tab_right.gif) no-repeat top right ;
  line-height:30px;
  height:30px;     
  padding: 0px 15px 0 0px;
}
                    
.component img {
  float:left;
}           

.component p {
  float:left;
  width: 800px;     
  padding: 5px;     
 <!-- font-weight: bold;-->
  margin-left: 20px;
  display:inline;
}

.component ul{
  margin: 0 0 10px 40px;
}

.component ul li {
  line-height: 13px;
}
.component .example_title {
  float:right;
  width: 613px;
  height:20px;
  background: url(../images/example_bg.gif);
  margin-right: 26px;
  padding-left: 20px;
  line-height: 20px;
}                    

.component .example {
  float:right;
  margin-right: 26px;
  padding: 5px 10px;
  width: 603px;
  background: #E8F2FA;
}            

.component .link {
  text-align: right;
  float:right;
  width: 100px;    
  margin-right:10px;
}                    

.component .link a {
  float:right;
}                  

.component .logo {
  margin-left: 20px;
  border: 1px dotted #888;
}        

.component .try {
  margin-right: -8px;
  background: url("../images/buttons/try.png");
  float:left;
  width: 85px;
  height: 37px;
}
/* Info */   
#intro {
  float:left;
 /* width: 550px;    */
  font-size: 13px; color: #333333;
 /*margin:0 0 10px 20px; */
  display:inline; 
  padding:0;
}

#top {
  float:right;
  width: 718px;
  height: 120px;
  display:inline;
  margin-bottom: 10px;    
  margin-top: 50px;
  padding: 10px;
}   

#details {
  float:left;       
  margin-left: 30px;  
 /* font-weight: bold;*/
} 

#details ul {         
  margin:0 0 10px 20px; 
  display:inline; 
  padding:0;
} 

#details ul li {                         
  list-style-image: url(../images/bullet.png);
} 

#details p {
  margin: 0 0 10px 0;  
  padding:0;
}


/* 4 Blocks */         
#bottom {
  float:left;
  width:958px;
  height:307px;
  background: url(../images/bottom_bg.gif) repeat-x;
}
#how, #who, #what, #support {  
  float:left;
  width:230px;
  display:inline;   
  margin-top: 30px;
}    

#how {
  margin-left:20px;
}                  

.block .title {        
  float:left ;
  width:207px;
  height:22px;    
  margin:0 0 10px -2px;
} 

.block p {
  padding: 10px;
  border-right: 1px solid #FFF;
  height:220px;
} 

   
#who a {
  color: #000;
 /* font-weight: bold;*/
}

#support p {
  border:none;
}  


/* Demo */
.demo {
  float:left;
  width:96%;
  border: 1px solid #E6E6E6;
  padding: 2%;
  margin: 10px 0;
  background:#CAF2FF;
}                                              
            
/* Form */
input.textfield {
  width: 400px;
}              

textarea {
  width:100%;
  height:300px;
}
       

#horizontal_carousel {
  height: 150px !important;
  width: 520px; 
  margin:0 !important;
}

#horizontal_carousel .container, #horizontal_carousel ul {
  height: 150px !important;
}           
#horizontal_carousel .container {   
  width: 450px; 
}

#horizontal_carousel ul li {
  width: 150px !important;
  margin-top: 40px;        
}                          

#spinner {
  position: absolute;
  top: 0px;
  left: 32px;
  width: 100%;
  height: 280px;
  background: #FFF;
  z-index: 10;
  text-align: center;
  font-size: 40px;
  line-height: 40px;
  padding-top: 70px;
  opacity: 0;
  margin-left: -32px;
}
/*Title Table*/
.textbox {
  background:#EEF4FA;
  border-color:#FFFFFF;
  size:35px;
 border: 0; 
 height:18px; 
 color:#000000;
 border-bottom: 1px solid #CCCCCC;
}
.subtitle {
  font-weight: bold;
  font-size: 18px; 
  border-bottom: 1px solid #FCDED1;
  float:left;         
  color:#973600;
}
.table {
  line-height: 16px;
  color:#333333;
}
.TableHead {
BORDER-TOP: #EEEEEE 1px solid;
/*  float:left;
  width:96%;
  border: 1px solid #E6E6E6;
  padding: 2%;
  margin: 10px 0;
  background:#CAF2FF;*/
}      
.TRHead {
background:#EAF2FD;
line-height: 25px;
}
.TRline1 {
background:#F4F4F4;
line-height: 18px;
}
.TRline2 {
background:#F9FAE7;
line-height: 18px;
}
.lright {
BORDER-RIGHT: #BA3A00 1px dotted;
}
.box_page_on {
BORDER-TOP: #EEEEEE 2px solid; BORDER-BOTTOM: #EEEEEE 2px solid; BORDER-LEFT: #EEEEEE 2px solid; BORDER-RIGHT: #EEEEEE 2px solid;  background:#FFFFFF; 
}
.box_page {
BORDER-TOP: #EEEEEE 2px solid; BORDER-BOTTOM: #EEEEEE 2px solid; BORDER-LEFT: #EEEEEE 2px solid; BORDER-RIGHT: #EEEEEE 2px solid; background:#767676; color: #FFFFFF;
}
.box-line {
	padding:3px 2px 3px 0px; border-left:2px solid #EEEEEE;border-right:2px solid #EEEEEE;border-top:2px solid #EEEEEE;border-bottom:2px solid #EEEEEE;
}
.box-line1 {
	padding:3px 2px 3px 0px; border-left:1px dotted #EEEEEE;border-right:1px dotted #EEEEEE;border-top:1px dotted #EEEEEE;border-bottom:1px dotted #EEEEEE;
}
.line_bottom {
	border-bottom: 1px  dotted #CCCCCC;
}
/* About Articles/Comments ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Recent { background: #ffe0bf url(../images/RecentBkg.gif) repeat-x left top; padding: 10px; margin-bottom: 10px;}

.TabMenu { float: center; margin: 0px; padding: 0px; }
.TabMenu li { padding: 0px; margin: 0px; list-style-type: none; display: inline; font-size: 14px; line-height: 14px; font-weight: bold; font-family: "Trebuchet MS"; text-transform: lowercase;}
.TabMenu li a { padding: 0px 0px 0px 9px; margin-right: 7px; background: url(../images/mleft.gif) no-repeat left top; float: left;}
.TabMenu li a span { padding: 4px 9px 9px 0px; display: block; background: url(../images/mright.gif) no-repeat right top; float: right; }
.TabMenu li a span { float: none; color: #cc0000;}
.TabMenu li a:hover span { color: #cc0000;}
.TabMenu li a:hover { background-position: 0% -27px; color:#ffff99; text-decoration: none;}
.TabMenu li a:hover span { background-position: 100% -27px;  color:#ffff99;}

.TabLink a:link.active { background-position: 0% -27px; color:#ffff99; text-decoration: none;}
.TabLink a:link.active span { background-position: 0% -27px; color:#ffff99; text-decoration: none;}

.TabLink a:visited.active { background-position: left bottom;  color:#ffff99;}
.TabLink a:visited.active span { background-position: right bottom;  color:#ffff99;}

.TabContent { clear: left; padding-top: 10px;}
.TabContent ul { padding: 0px; margin: 0px;}
.TabContent li { color:#000033; padding: 1px 0px 1px 0px; margin: 0px; list-style-type: none; border-bottom: solid 1px #ecc9a5; font-size: 13px;}
.TabContent li a { color:#336699; text-decoration: none;}
.TabContent li a:visited { color:#336699; text-decoration: none;}
.TabContent li a:hover { color:#000033; text-decoration: none;}
a:active { text-decoration: underline; color : #cc0000; border: 0px; -moz-outline-style: none;}