@charset "utf-8";

<!--
*{
margin:0px;
padding:0px;

}

.top-frm{
position:relative;	
}
.top-ani{
position:absolute; left:215px;
}

h2{
float: left;
width:100%;
margin-left: 5px;
margin-top: 6px;
font-family: Arial,Helvetica,sans-serif;
font-size: 15px;
color: #0092DF;
font-weight: bold;
text-align: left;
}


body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-color:#333333;
	/*background-image:url(../images/venceip_aus_line.jpg);*/
	background-repeat:repeat-x;
	
}
#container {
	width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background:#FFFFFF;
	margin: auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

/* Header area */
#header {
	float:left;
	width:980px;
	height:142px;
	background-image:url(../images/venceip_aus_line.jpg);
	
}
.title-prodctarea{
float: left;
width:100%;
margin-left: 5px;
margin-top: 6px;
font-family: Arial,Helvetica,sans-serif;
font-size: 15px;
color: #0092DF;
font-weight: bold;
text-align: left;
}

#header .logoimage{
padding-left:25px;
	float:left;
	width:185px;
	height:115px;
	border:0px;
}
#header .logoimage2{
	float:left;
	width:360px;
	height:100px;
	border:0px;
	margin-left:5px;
	background-color:#FFFFFF;
}


/* Search and tool box area */
#toolbox{
float:right;
width:392px;
height:100px;
}


#toolbox .toolbox1{
	float:left;
	width:392px;
	height:32px;
	border:0px;
	
	
	
}

#toolbox .toolbox2{
	float:left;
	width:392px;
	height:34px;
	border:0px;
	
	
}

#toolbox .toolbox3{
	float:left;
	width:392px;
	height:35px;
	border:0px;

}

#toolbox .txtboxe{
float:left;
width:180px;
height:18px;
border:#aec1d2 1px solid;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

#toolbox .gobutton{
float:left;
width:39px;
height:35px;
border:0px;

}

#toolbox .cart{
float:left;
width:47px;
height:35px;
border:0px;

}

/* Menu area */
#menubar{
float:left;
width:980px;
height:23px;
background-image:url(../images/menuC.jpg);
background-repeat:repeat-x;
}
#menubartmp{
float:left;
width:980px;
height:20px;
background-image:url(../images/logo-venceip2.gif);
background-repeat:no-repeat;
background-position:left;
border-bottom:1px #CCCCCC solid;
}

#menubartmp2{
float:left;
width:980px;
height:20px;
background-image:url(../images/logo-venceip3.gif);
background-repeat:no-repeat;
background-position:left;
border-bottom:1px #CCCCCC solid;
}



#flagebar{
float:right;
width:980px;
height:23px;
margin-top:3px;
margin-bottom:5px;
}

#flagebar .flgpic{
float:right;
width:auto;
height:23px;
margin-right:8px;
border:0px;
}



#header .logoimage-tmp{
	float:left;
	height:115px;
	border:0px;
}


#submenubar{
float:left;
text-align:right;
font-size:10px;
color:#000000;
}

#submenubar a{
color:#000000;
text-decoration:underline;
}

#menubar a{
color:#edeeee;
text-decoration:none;
}

#menubar a:hover{
color:#b1b2b2;
text-decoration:underline;
}

#menubar .menucenter{
float:left;
width:961px;
height:23px;
background-image:url(../images/menuC.jpg);
background-repeat:repeat-x;
color:#edeeee;
font-size:70%;
text-align:left;
}

#menubar .menuline{
float:right;
width:17px;
height:24px;
border:0px;
}

#menubar .aboutus{
float:right;
width:73px;
height:23px;
border:0px;
}

#menubar .coparate{
float:right;
width:97px;
height:23px;
border:0px;
}

#menubar .careers{
float:right;
width:72px;
height:23px;
border:0px;
}

#menubar .cusinq{
float:right;
width:128px;
height:23px;
border:0px;
}

#menubar .library{
float:right;
width:124px;
height:23px;
border:0px;
}

#menubar .contactus{
float:right;
width:77px;
height:23px;
border:0px;
}

#menubar .sitemap{
float:right;
width:60px;
height:18px;
border:0px;
padding-top:6px;
text-align:center;
}

#menubar .products{
float:right;
width:79px;
height:23px;
border:0px;
}

/*start temp*/

#menubartmp a{
color:#edeeee;
text-decoration:none;
}

#menubartmp a:hover{
color:#b1b2b2;
text-decoration:underline;
}

#menubartmp .menucenter{
float:left;
width:961px;
height:23px;
background-image:url(../images/menuC.jpg);
background-repeat:repeat-x;
color:#edeeee;
font-size:70%;
text-align:left;
}

#menubartmp .menuline{
float:right;
width:17px;
height:24px;
border:0px;
}

#menubartmp .aboutus{
float:right;
width:73px;
height:23px;
border:0px;
}

#menubartmp .coparate{
float:right;
width:97px;
height:23px;
border:0px;
}

#menubartmp .careers{
float:right;
width:72px;
height:23px;
border:0px;
}

#menubartmp .cusinq{
float:right;
width:128px;
height:23px;
border:0px;
}

#menubartmp .library{
float:right;
width:124px;
height:23px;
border:0px;
}

#menubartmp .contactus{
float:right;
width:77px;
height:23px;
border:0px;
}

#menubartmp .sitemap{
float:right;
width:60px;
height:18px;
border:0px;
padding-top:6px;
text-align:center;
}

#menubartmp .products{
float:right;
width:79px;
height:23px;
border:0px;
}
/*tempory end */

/*start temp*/

#menubartmp2 a{
color:#edeeee;
text-decoration:none;
}

#menubartmp2 a:hover{
color:#b1b2b2;
text-decoration:underline;
}

#menubartmp2 .menucenter{
float:left;
width:961px;
height:23px;
background-image:url(../images/menuC.jpg);
background-repeat:repeat-x;
color:#edeeee;
font-size:70%;
text-align:left;
}

#menubartmp2 .menuline{
float:right;
width:17px;
height:24px;
border:0px;
}

#menubartmp2 .aboutus{
float:right;
width:73px;
height:23px;
border:0px;
}

#menubartmp2 .coparate{
float:right;
width:97px;
height:23px;
border:0px;
}

#menubartmp2 .careers{
float:right;
width:72px;
height:23px;
border:0px;
}

#menubartmp2 .cusinq{
float:right;
width:128px;
height:23px;
border:0px;
}

#menubartmp2 .library{
float:right;
width:124px;
height:23px;
border:0px;
}

#menubartmp2 .contactus{
float:right;
width:77px;
height:23px;
border:0px;
}

#menubartmp2 .sitemap{
float:right;
width:60px;
height:18px;
border:0px;
padding-top:6px;
text-align:center;
}

#menubartmp2 .products{
float:right;
width:79px;
height:23px;
border:0px;
}
/*tempory end */

/* Main content area */
#mainseparator {
float:left;
width:980px;
height:2px;
background-color:#ffffff;
background-image:url(../images/mainseparator.jpg);

}

/* Product pagers */

#mainOtherContent {
	float:left;
	width:980px;	
	background: #ffffff;
	
}

#leftbararea{
float:left;
width:176px;
height:700px;
padding-left:4px;

background-image:url(../images/leftmenuline.jpg);
background-repeat:repeat-y;
}

#leftmenuarea{
float:left;
width:175px;
height:250px;

}

#leftmenuarea .lftmenuitem{
float:left;
width:175px;
height:35px;
background-image:url(../images/leftmline.jpg);
background-repeat:repeat-x;
margin-top:3px;
}

#leftmenuarea .lftmenuitem a{
text-decoration:none;
/* color:#FFFFFF; */
}

#leftmenuarea .lftmenuitem a:hover{
text-decoration:underline;
color:#FF0000;
}


#leftmenuarea .lmicon{
float:left;
width:9px;
height:35px;
display:none;
}

#leftmenuarea .slectmeni{
float:left;
width:150px;
color:#000099;
font-size:11px;
margin-top:5px;
margin-left:8px;
}

#leftmenuarea .dfoltmeni{
float:left;
width:150px;
color:#000000;
font-size:11px;
margin-top:5px;
margin-left:8px;
}



#vnceproarea{
float:left;
width:550px;
height:auto;
}


#vnccontentarea{
float:left;
width:640px;
}

#vnccontentarea table{
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
margin-left:5px;
}

#invoicearea{
float:left;
width:600px;
height:auto;
border:#666666 1px solid;
margin-left:15px;
margin-top:15px;
}
#prodetailarea{
float:left;
width:620px;
height:200px;
margin-left:10px;
margin-top:10px;
}

#prodetailarea .prodtlimg{
float:left;
width:200px;
height:200px;
}

#prodetailarea p{
float:left;
margin-left:10px;
margin-top:10px;
font-size:12px;
}



#vnceproarea h1{
float:left;
width:630px;
padding-left:15px;
padding-right:15px;
padding-top:15px;
height:16px;
font-size:14px;
color:#333333;
}

#vnccontentarea h1{
float:left;
width:615px;
padding-left:15px;
padding-right:15px;
padding-top:15px;
font-size:17px;
/* font-family:Arial, Helvetica, sans-serif; */
color:#333333;
}

#vnccontentarea p{
float:left;
width:615px;
padding-left:15px;
padding-right:15px;
margin-top:10px;
font-size:11px;
color:#333333;
text-align:justify;
}

#vnccontentarea ul{
float:left;
display:block;
width:600px;
padding-left:15px;
padding-right:15px;
height:auto;
margin-top:5px;
font-size:11px;
}


#vnccontentarea li{
margin-top:5px;
margin-left:25px;
list-style-image:url(../images/iconcross.jpg);
list-style-position:outside;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align: justify;
}

#vnccontentarea a{
color:#FF0000;
text-decoration:none;
font-size:12px;
}

#vnccontentarea a:hover{
color:#FF0000;
text-decoration:underline;
font-size:12px;
}


#procontentsection{
/* float:left;
margin-left:8px;
width:605px;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
padding-top:2px;
margin-bottom:10px;
height:auto;
border:1px #000099 solid */
float:left;
margin-left:5px;
width:615px;
padding-left:5px;
padding-right:10px;
padding-bottom:2px;
padding-top:0px;
margin-bottom:5px;
height:auto;
border:0px  #0099FF solid;
background:url(../images/bg_rep.jpg) no-repeat;

}

#procontentsection .proimg{
float:left;
padding-left:15px;
width:100px;
height:100px;
}

#procontentsection .proicon{
float:left;
width:29px;
height:35px;
margin-left:5px;
border:0px;
}

#procontentsection .proarea{
float:left;
width:200px;
height:280px;
/*border:#1b1474 1px solid;*/
margin-left:5px;
margin-top:10px;
padding-top:25px;
background-image:url(../images/bg_product.gif);
background-repeat:no-repeat;

}

#procontentsection .proarea p{
float:left;
width:auto;
padding-left:15px;
margin-top:5px;
font-size:11px;

color:#333333;
text-align:left;
}

#procontentsection .proarea h2{
float:left;
width:178px;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;

padding-left:15px;
margin-top:5px;
color:#FF0000;
text-align:left;
}

#procontentsection .proarea a{
color:#FF0000;
text-decoration:none;
}

#procontentsection .proarea a:hover{
color:#000000;
text-decoration:underline;
}

.qbox{
float:left;
width:30px;
height:20px;
}

.bnow{
float:left;
width:60px;
height:22px;
font-size:10px;

}


#rightbannerarea{
float:left;
width:150px;
height:700px;
/*border:#1b1474 1px solid;*/
margin-top:3px;
background-image:url(../images/bg_rightmenu.jpg);
}

#rightbannerarea h2{
float:left;
width:150px;
margin-top:15px;
text-align:center;
font-size:14px;
color:#333333;
}

#rightbannerarea .brndimg{
float:left;
width:135px;
height:auto;
margin-top:10px;
border:0px;
text-align:center;
}


/* End Product pagers */

#maintitlearea {
float:left;
width:955px;
height:20px;
padding-left:25px;
margin-bottom:0px;
background-color:#FFFFFF;
}

#maintitlearea h1{
float:left;
font-size:18px;
color:#000000;
/* font-family:Verdana, Arial, Helvetica, sans-serif; */
}

#maintitlearea p{
float:right;
margin-top:4px;
padding-right:12px;
text-align:right;
font-size:11px;
color:#999999;
font-family:Arial, Helvetica, sans-serif;
}



#mainContent {
	float:left;
	width:962px;
	height:405px;
	background: #ffffff;
	padding-top:20px;
	padding-left:18px;
	
}

#workarea{
float:left;
width:948px;
height:405px;
}

#workarea .workbanne{
float:left;
width:900px;
height:60px;
}

#workarea .productarea{
float:left;
width:452px;
height:360px;

}

#workarea .proareatitle{
float:left;
width:452px;
height:26px;
background-color:#ffffff;
}

#workarea .procatlist{
float:left;
width:136px;
height:150px;
}

#workarea .procatimg{
float:left;
width:134px;
height:108px;
}

#workarea .procattxt{
float:left;
width:134px;
height:40px;
background-image:url(../images/protxtline.jpg);
background-repeat:repeat-x;
font-family:Arial, Helvetica, sans-serif;
}

#workarea .procattxt h1{
float:left;
width:134px;
font-size:11px;
color:#FFFFFF;
text-align:center;
margin-top:8px;
}

#workarea .procattxt a{
text-decoration:none;
color:#FFFFFF;
}

#workarea .procattxt a:hover{
text-decoration:underline;
color:#FF0000;
}


#workarea .proareatitle h1{
float:left;
width:452px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#0092df;
}

#workarea .contetarea{
float:left;
width:280px;
height:360px;
background-color:#dbdcde;
margin-left:14px;
}

#workarea .contetarea p{
float:left;
width:258px;
margin-left:7px;
margin-top:6px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#484949;
text-align:justify;
}

#workarea .contetarea h2{
float:left;
width:258px;
margin-left:5px;
margin-top:6px;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#28232d;
font-weight:bold;
text-align:left;
}

#workarea .contetareatitle{
float:left;
width:280px;
height:26px;
background-color:#ffffff;
}

#workarea .contetareatitle h1{
float:left;
width:280px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#0092df;
}

#workarea .rightbar{
float:left;
width:187px;
height:360px;
background-color:#ffffff;
margin-left:15px;

}

#workarea .sofbox{
float:left;
width:184px;
height:154px;
border:#1b1474 1px solid;
margin-bottom:15px;
}

#workarea .sofimg{
float:left;
width:184px;
height:95px;
margin-bottom:5px;
}

#workarea .softxt{
float:left;
width:175px;
margin-left:5px;
height:53px;
font-size:11px;
color:#000000;
}

#workarea .softxt p{
float:left;
width:175px;
margin-bottom:3px;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
color:#000000;
}

#workarea .rightbartitle{
float:left;
width:187px;
height:26px;
background-color:#ffffff;
}

#workarea .rightbartitle h1{
float:left;
width:187px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#0092df;
} 

#bottomarea{
float:left;
width:980px;
height:131px;
background-color:#ffffff;
border-top:#FFFFFF 2px solid;
border-bottom:#FFFFFF 2px solid;
vertical-align:bottom;

}

#bottomarea .saleshotline{
float:left;
width:142px;
height:131px;
border:0px;
margin-left:10px;
}

#bottomarea .supporthotline{
float:left;
width:144px;
height:131px;
border:0px;
margin-left:10px;
}

#bottomarea .promotionproduct{
float:left;
width:145px;
height:131px;
border:0px;
margin-left:7px;
}

#bottomarea .callus{
float:left;
/*width:93px;
height:131px;*/
border:0px;
margin-left:5px;
}
#bottomarea .chatus{
float:left;
/*width:93px;
height:131px;*/
border:0px;
margin-left:10px;
}

#bottomarea .productprofile{
float:left;
width:145px;
height:131px;
border:0px;
margin-left:7px;
}

#bottomarea .ordertracking{
float:right;
width:180px;
height:80px;
border:0px #000000 solid;
margin-right:5px;
padding-bottom:10px;
background-color:#99cdff;
text-align:right;
}

.ordertracking h1{
float:left;
width:160px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#0092dd;
margin-top:15px;
text-align:right;
}

.ordertracking p{
float:left;
width:120px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
margin-top:3px;
text-align:right;
}



#trackingarea{
float:left;
width:212px;
height:25px;
border:0px;
margin-left:8px;
}

#trackingarea .txtboxe{
float:left;
width:120px;
height:23px;
border:#aec1d2 1px solid;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
#trackingarea .gobutton{
float:left;
width:30px;
height:25px;
border:0px;
}

#footer {
	float:left;
	width:980px;
	height:52px;
	background-color:#ffffff;
	border-top:#0f076e 2px solid;
}

#footer .footerlinks{
float:left;
width:975px;
}

#footer .footerlinks p{
float:left;
width:960px;
color:#6b6b6d;
text-align:center;
margin-left:5px;
margin-top:10px;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
}

#footer .footerlinks a{
color:#6b6b6d;
text-decoration:none;
}

#footer .footerlinks a:hover{
color:#000000;
text-decoration:underline;
}

#footer .footerlinks2{
float:right;
width:390px;
}

#footer .footerlinks2 p{
float:right;
width:380px;
color:#6b6b6d;
text-align:right;
margin-right:5px;
margin-top:10px;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;

}

/*-------------------------------------------------------------- */
/*Bellow style copied from calander code set, big thank for them. */

/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}

.page_tab{
float: left;
width: 980px;
height: 23px;
background-image: url(../images/menuC.jpg);
background-repeat: repeat-x;
}
-->