body {
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background:url('../images/1pxpgback.jpg') repeat-x left top;
background-color:#FFFFFF;
}

a:active, a:focus {outline: 0;}
h1,h2,h3,h4,h5,h6,ul,li,div,br {padding:0px; margin:0px;}
div {line-height:normal;}
img{border:0px;}

/* Div id home page */
.spacer{width:100%; float:left; height:23px;}


#outer-container{
width:1000px;
margin:0 auto;
font: normal 12px/1.3em Arial;color:#000000;
}

#header{
width:1000px;
height:100px;
float:left;
clear:both;
background:url('../images/head-right-inc.jpg') no-repeat right top;
text-indent: -9999em;
}

#cplogo {display: block; /* not needed, but i like to explicitly state it */    
background: url("../images/cp-logo.jpg") no-repeat;    
width: 279px;    
height: 100px; /* the size of the image */ 
overflow:hidden;
float:left;
clear:left;
}
#cplogo a {display: block;width: 422px;height:100px; text-indent:-9999em;}



#header-mid{
width:431px;
height:100px;
float:left;
background:url('../images/head-mid.jpg') no-repeat left top;
}

#header-right{
width:290px;
height:30px;
float:left;
margin:17px 0 0 0;
font: bold 12px/1.3em Arial; color:#FFFFFF;
text-indent: -9999em;
}

/*
#header-right a:link{font: normal 12px/1.3em Arial; color:#D8F0DB; text-decoration:none;}
#header-right a:visited{font: normal 12px/1.3em Arial; color:#D8F0DB; text-decoration:none;}
#header-right a:hover{font: normal 12px/1.3em Arial; color:#FFFFFF; text-decoration:none; border-bottom:1px dashed #FFFFFF;}
*/

#inner-container{
width:1000px;
float:left;
clear:left;
background:url('../images/left-bottom-img.jpg') no-repeat left bottom;
}


/* Left Data */
#left-data{
width:229px;
background:url('../images/left-rep1px1.jpg') repeat-x left top;
font: normal 12px/1.3em Arial; color:#426930;
float:left;
clear:left;
}

#date-cap{
width:229px;
height:31px;
background:url('../images/date-back.jpg') no-repeat left top;
text-align:center;
float:left; clear:left;
font: normal 12px/1.3em Arial; color:#426930;
padding-top:30px;
}

#lv-menu-r{
width:185px;
background:url('../images/v-menu-r.jpg') repeat-y left top;
float:right;
clear:right;
margin-right:22px;
display:inline;

}

#lv-menu-t{
width:185px;
height:6px;
background:url('../images/v-menu-t.jpg') no-repeat left top;
float:left;
clear:left;
}

#lv-menu-b{
width:185px;
height:5px;
background:url('../images/v-menu-b.jpg') no-repeat left bottom;
float:left;
clear:left;
}

/*Left Menu Right side gradian background*/
#gray-back{
width:229px;
background:url('../images/left-rpanel-back.jpg') no-repeat right top;
float:left;
clear:left;
}


/* Right Data */
#right-data{
width:771px;
float:left;
background-color:#D8E8DA;

}

#top-round{
width:771px;
height:25px;
float:left;
clear:left;
background:url('../images/top-round.jpg') no-repeat left top;
}

#bottom-round{
width:771px;
height:14px;
float:left;
clear:left;
background:url('../images/bottom-round.jpg') no-repeat left bottom;
}

#data-container{
width:771px;
float:left;
clear:left;
background:url('../images/data-cont-left.png') repeat-y left top;

}

#data-cont-left{
width:17px;
float:left;
clear:left;
background-color:#D8E8DA;
height:100% !important;
overflow:visible;
}

#data-cont-right{
width:704px;
float:left;
}

#data-cont-right h1{color:#40924E; font:bold 13px/1.3em Arial; margin:10px 0 5px 20px; }

#data-cont-right a:link{color:#8BCD64; font:bold 12px/1.3em Arial; text-decoration:none;}
#data-cont-right a:visited{color:#8BCD64; font:bold 12px/1.3em Arial; text-decoration:none;}
#data-cont-right a:hover{color:#8BCD64; font:bold 12px/1.3em Arial; text-decoration:underline;}

#news-cpc-head{
width:200px;
min-height:120px;
float:left;
clear:left;
background:url('../images/bt-head.jpg') no-repeat left top;
background-color:#FFFFFF;
color:#222222;
padding:0 14px 10px 14px;
}
#news-cpc-bottom{
width:228px;
height:5px;
float:left;
clear:left;
background:url('../images/bt-bottom.jpg') no-repeat left top;
}

#live-help-head{
width:200px;
min-height:120px;
float:left;
clear:left;
background:url('../images/bt-head.jpg') no-repeat left top;
background-color:#FFFFFF;
color:#222222;
padding:0 14px 10px 14px;
}
#live-help-bottom{
width:228px;
height:5px;
float:left;
clear:left;
background:url('../images/bt-bottom.jpg') no-repeat left top;
}


#free-consu-head{
width:213px;
min-height:120px;
float:left;
clear:left;
background:url('../images/bt-head.jpg') no-repeat left top;
background-color:#FFFFFF;
color:#222222;
padding:1px 1px 10px 14px;
}
#free-consu-bottom{
width:228px;
height:5px;
float:left;
clear:left;
background:url('../images/bt-bottom.jpg') no-repeat left top;
}


/* Footer Section  */
#footer{
width:771px;
height:81px;
float:left;
clear:left;
background-color:#FFFFFF;
}

#footer h1{
font: normal 12px/1.3em Arial; color:#3C8A19; 
text-align:left;
margin:20px 50px 0 0;
}




/* Top Navigation - Horizontal */
 
     #tabsI {
      float:left;
      width:771px;
	  height:30px;
      line-height:normal;
	  background:url('../images/nav-back.jpg') no-repeat left top;
      }
    #tabsI ul {
        margin:0;
        padding:0px 0px 0 135px;
        list-style:none;
      }
    #tabsI li {
      display:inline;
      margin:0;
      padding:0;
	    
      }
    #tabsI a {
      float:left;
      margin:0;
      text-decoration:none; padding-left:5px; padding-right:10px; padding-top:0px; padding-bottom:0px;
	  
      }
    #tabsI a span {
      float:left;
      display:block;
     font: bold 11px/1.3em Arial;
	 cursor:pointer;
      color:#FFFFFF; padding-left:0px; padding-right:5px; padding-top:5px; padding-bottom:5px;
	
	  
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsI a span {float:none;
	    font: bold 11px/1.3em Arial; color:#FFFFFF;
	 cursor:pointer;
      
	}
    /* End IE5-Mac hack */
    #tabsI a:hover span {
      }
    #tabsI a:hover {
      
	  background:url('../images/css_L.png') no-repeat left top;
	  cursor:pointer;
      }
    #tabsI a:hover span {
		
		background:url('../images/css_R.png') no-repeat right top;
		cursor:pointer;
		font: bold 11px/1.3em Arial;
		color:#FFFFFF;
      }

        #tabsI #current a {
		
		background:url('../images/css_L.png') no-repeat left top;
		cursor:pointer;
        }
        #tabsI #current a span {
		
		background:url('../images/css_R.png') no-repeat right top;
	    font: bold 11px/1.3em Arial;
		color:#FFFFFF;
		cursor:pointer;
        }
		
/* Top Navigation - Horizontal */


/* Left Panel Vertical Navigation */
#vmenu  h1{font: bold 12px/1.5em Arial; color:#5C9145; margin:5px 0 5px 15px; }

    #vmenu {      
      line-height:normal;
	  text-align:left;
	  margin:10px 0 10px 0px;
	  width:160px;
	  float:left;
	  clear:left;
      }
    #vmenu ul {
        padding:0px 0px 0 4px;
        list-style:none;
		display:block;
      }
    #vmenu li {
      display:block;
      margin:0;
      padding:0;
	
      }
    #vmenu a {
      float:left;
      margin-left:10px;
      text-decoration:none; padding-left:20px; padding-right:0px; padding-top:3px; padding-bottom:3px;
	  font: normal 12px/1.5em Arial; color:#1E5205;
	  background:url('../images/v-menu-normal.jpg') no-repeat left top;
	  width:140px;
	  height:24px;	  
      }
    #vmenu a:hover {
	  cursor:pointer;
	  font: bold 12px/1.5em Arial; color:#000; text-decoration:underline;
      }
    #vmenu #current a {	
		cursor:pointer;
		font: bold 12px/1.5em Arial; color:#000; text-decoration:underline;
        }
   
/* Left Panel Vertical Navigation Ends */


/* Services Overview  */
#overview-data-right{
width:745px;
float:left;
background-color:#D8E8DA;
}

#overview-data-right-product{
width:228px;
float:right;
}

#overview-data-content{
width:507px;
float:left;
}


#overview-data-right h1{color:#40924E; font:bold 13px/1.3em Arial; margin:5px 0 5px 20px;  }

.glink {color:#4EB45F; font:bold 12px/1.3em Arial;}
a.glink:link {text-decoration: none;}
a.glink:visited {text-decoration: none;}
a.glink:hover {text-decoration: underline;}



#overview-whround-top{
width:507px;
height:4px;
float:left;
background:url('../images/overview-top-r.jpg') no-repeat left top;
display:inline;
}

#overview-whround-rep{
width:487px;
float:left;
background:url('../images/overview-top-rep.jpg') repeat-y left top;
padding:10px; 
}
#overview-whround-rep h1{color:#1E5205; font:bold 22px/1em Century Gothic; text-transform:uppercase; margin-left:0px; text-align:left; border-bottom:1px dashed #D8E8DA; padding-bottom:5px;}

#white-table td{padding:5px 0 5px 0; }
.img-margin{margin-left:10px}
.img-margin1{margin-right:10px;}

.whglink {font: bold 12px/1.5em Arial;color:#4D9E5A; text-decoration: underline;}
a.whglink:link {text-decoration: underline;}
a.whglink:visited {text-decoration: underline;}
a.whglink:hover {text-decoration: none;}

.newlink {font: bold 12px/1.5em Arial;color:#FF0000; text-decoration: underline;}
a.newlink:link {text-decoration: underline;}
a.newlink:visited {text-decoration: underline;}
a.newlink:hover {text-decoration: none;}

#overview-whround-bot{
width:507px;
height:4px;
float:left;
background:url('../images/overview-bottom-r.jpg') no-repeat left top;
}

/* Services Overview */


/* job Opportunity */
#jobform input{margin:2px 0 2px 0; border:1px solid #D8E8DA;}
/* job Opportunity */

/* Login All page */
.login_table {
	BORDER-RIGHT: #edf2ec 1px solid; BACKGROUND-COLOR: #edf2ec
}
.login_header {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: verdana
}
.login_bg {
	BACKGROUND-POSITION: 50% bottom; BACKGROUND-IMAGE: url(../images/login_buttom_bg.jpg); BACKGROUND-REPEAT: repeat-x
}
.login_bg_left {
	BACKGROUND-POSITION: right 50%; BACKGROUND-IMAGE: url(../images/login_left_bg.jpg); BACKGROUND-REPEAT: repeat-y
}
.login_title {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: verdana
}
.login_line {
	BACKGROUND-IMAGE: url(../images/login_line.jpg); BACKGROUND-REPEAT: repeat-x
}
.login_usename_pass {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; FONT-FAMILY: verdana
}
.inner_table {
	BORDER-RIGHT: #cadac9 1px solid; BORDER-LEFT: #cadac9 1px solid
}

.pdflink {font: bold 12px/1.5em Arial;color:#FF0000; text-decoration: underline;
background:url('../images/pdf.gif') no-repeat left center;
padding-left:25px;
border-bottom:1px dashed #D8E8DA;
}
a.pdflink:link {text-decoration: none;}
a.pdflink:visited {text-decoration: none;}
a.pdflink:hover {text-decoration: none;
color:#000;
border-bottom:1px dashed #000;
}
/* Login All page */

/* Free Consulation form*/
#consuform{
text-align:left;
width:90%;
margin:0 auto;
padding:10px;
background-color:#D8E8DA;
font-weight:bold;
}

#consuform input {border:1px solid #68BD7A; margin:2px 0 2px 0;}

/* Free Consulation form*/

/* Order Supplies*/
#ordersupp td{
text-align:center;
padding:10px;
border:1px solid #CCCCCC;
background-color:#F4FEF5;
}

/* Order Supplies*/


/* Online Support */

.download {font: bold 12px/1.5em Arial;color:#FF0000; text-decoration: underline;
background:url('../images/download.gif') no-repeat left center;
padding-left:45px;
border-bottom:1px dashed #D8E8DA;
}
a.download:link {text-decoration: none;}
a.download:visited {text-decoration: none;}
a.download:hover {text-decoration: none;
color:#000;
border-bottom:1px dashed #000;
}

.download1 {font: bold 12px/1.5em Arial;color:#FF0000; text-decoration: underline;
background:url('../images/mimeico_html.gif') no-repeat left center;
padding-left:25px;
border-bottom:1px dashed #D8E8DA;
}
a.download1:link {text-decoration: none;}
a.download1:visited {text-decoration: none;}
a.download1:hover {text-decoration: none;
color:#000;
border-bottom:1px dashed #000;
}


.knowledge {font: bold 12px/1.5em Arial;color:#FF0000; text-decoration: underline;
background:url('../images/icon_topicyellow.gif') no-repeat left center;
padding-left:25px;
border-bottom:1px dashed #D8E8DA;
}
a.knowledge:link {text-decoration: none;}
a.knowledge:visited {text-decoration: none;}
a.knowledge:hover {text-decoration: none;
color:#000;
border-bottom:1px dashed #000;
}

/* Online Support */

/* Job Opportunity Movies */
#jobmovie{
width:490px;
height:400px;
margin:0 auto;
padding-bottom:10px;
}


/* Job Opportunity Movies */


/* Job Opportunities - new page  */
#job-data-right{
width:744px;
float:left;
background-color:#D8E8DA;
}

#job-whround-top{
width:744px;
height:42px;
float:left;
background:url('../jobs/images/job_t-wh.jpg') no-repeat left top;
display:inline;
}

#job-whround-top h1{color:#040403; font:bold 16px/2.7em Arial; text-align:center; }

#job-head{
width:744px;
height:46px;
float:left;
display:inline;
}

#job-rep{
width:744px;
float:left;
background:url('../jobs/images/job_rep.jpg') repeat-y left top;
}

.job-left-data{float:left; clear:left; width:470px; padding:10px;}
.job-right-data{float: left; width:243px; margin-top:10px;}


.job-bullet{background:url('../jobs/images/job-bullet.jpg') no-repeat left 3px;
padding-left:15px; display:block; }

.greenbox-txt{
float: left; 
color:#FFFFFF; font:normal 12px/1.4em Arial; 
background:url('../jobs/images/green-box-rep.jpg') repeat-y left top;
}

.video-top-txt{
float:center;
color:#FFFFFF; font:bold 12px/1.7em Arial; padding-left: 7px; padding-top: 3px; height:46px;
background:url('../jobs/images/job-vid-top.jpg') no-repeat left top;
}

.video-rep{
float:center; padding:5px 0 5px 0;
background:url('../jobs/images/job-video-rep.jpg') repeat-y left top;
}

.video-sep{
clear:left; float:left; height:10px; border-top:1px dashed #4E9F5C; width:100%;}

.form-head{
color:#FFFFFF; font:bold 12px/1.7em Arial; height:44px; text-align:center;
background:url('../jobs/images/job-form-top.jpg') no-repeat left top;
padding-top: 4px;
}

.form-rep{

color:#000000; font:bold 12px/1.3em Arial; 
background:url('../jobs/images/job-form-rep.jpg') repeat-y left top;
}

.form-bot-gradiant{
float:center;
background:url('../jobs/images/job-form-bottom.jpg') no-repeat left bottom;
padding:10px 0 10px 0;
}

.copy-job{font: normal 12px/1.3em Arial;color:#7A7A7A;}





#job-bot{
width:744px;
height:6px;
float:left;
background:url('../jobs/images/job_bottom.jpg') no-repeat left top;
}

/* Job Opportunities - new page ends */