@charset "utf-8";
/* CSS Document */

/* core styles */
body {
	padding:0;
	font: 12px/1.5em Verdana;
	background-color: #dddddd;
	text-align:center; /* for IE */ 
	margin:0 auto; /* for the rest */ 
}
#centerall {
0px auto;
} 
h1 {
	font: bold 18px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	padding: 0 20px 0 30px;
	margin:0 0 16px 0;
}
h2 {
	font: bold 18px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	padding: 0 20px 0 20px;
	margin:0 0 10px 0;
}
h3 {
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	padding: 0 20px 0 20px;
	margin:0 0 16px 0;
}
h4 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	padding: 6px 20px 0 20px;
	margin:0 0 10px 0;
}
a:link, a:visited, a:active
{
color:#ed1c24;
text-decoration: none;
}
a:hover {
color:#ed1c24;
text-decoration: underline;
}

/* header */

#TopBar {
height:83px;
background:#fff url("../i/top_bg.gif") repeat-x left bottom;
width:100%;
margin:0;
}
#TopCon {
background:url("../i/header_bg.gif") no-repeat right bottom;
width:900px;
height:83px;
margin:0px auto;

	
}

#logo {
padding:20px 0 0 18px;
float:left;

}
#top_bg {
	background:url("../i/bg_top.gif") no-repeat left top;
	width:910px;
	padding:0;
	margin:0px auto;
	overflow:				none;
}
#bg {
	background:url("../i/bg.gif") repeat-y left top;
	width:910px;
	padding:0;
	margin:0px auto;
	overflow:				none;
}
/* Tabs */
#preload {
background:url("../i/tab_on.gif") no-repeat;
background-position:1000px -1000px;
}

 #tabs {
overflow :hidden;
font: 14px/1.6em Verdana;
			
width:900px;
height:83px;
	position: relative;
			
	top:10px;		

	
}
#tabs ul {

			float: left;
			list-style: none;
			position: relative;
			left: 50%;


 
 
}
#tabs li {
	float: left;
			position: relative;
			right: 50%;
			margin-top:36px;


}
.logo {
	height:70px;
	display:block;
	float:left;
margin:0 10px 0 0;
	position: relative;

}
.logo img {
margin:-38px 0 0 0;
position: relative;

}
#tabs a {
margin:0;
padding:6px 12px 0 12px;
text-decoration:none;
color:#ed1c24;
float:left;
display:block;
font-weight:bold;
height:30px;

}
#tabs a:hover {
color:#000;
}


#tabs span.TabsOn {
float:left;
display:block;
background:url("../i/tab_on.gif") no-repeat center bottom;
padding:6px 12px 0 12px;
color:#000;
cursor: default; /* hand-shaped cursor */
cursor: default; /* for IE 5.x */
height:30px;
font-weight:bold;

}
#tabs a span. TabsOn {float:none;
}

span.our {
font: bold 9px/1.6em Verdana; 
color: #606060
}

/*  icons */ 
#icon {
width:729px;
overflow:				hidden;
font: bold 10px/1.6em Verdana;
margin:0 auto;
float:center;
padding:6px 0 12px 30px;
text-align:center;

}
#icon ul {
margin:0;
padding:0;
list-style:none;

}
#icon li {
display:inline;
margin:0;
padding:0;

}
#icon a.data, 
#icon a.email, 
#icon a.tele,
#icon a.web,
#icon a.vmail,
#icon a.ebook {
margin:0;
padding:0 11px 0 0;
text-decoration:none;
color:#000;
float:left;
display:block;
font-weight:bold;
height:106px;
width:107px;

}
#icon a:hover.data, 
#icon a:hover.email, 
#icon a:hover.tele,
#icon a:hover.web,
#icon a:hover.vmail,
#icon a:hover.ebook {
color:#ed1c24;
}

#icon a.data {
background:url("../i/icon_data.gif") no-repeat left top;
}

#icon a.email {
background:url("../i/icon_email.gif") no-repeat left top;
}

#icon a.tele {
background:url("../i/icon_telephone.gif") no-repeat left top;
}

#icon a.web {
background:url("../i/icon_webcast.gif") no-repeat left top;
}

#icon a.vmail {
background:url("../i/icon_vmail.gif") no-repeat left top;
}

#icon a.ebook {
background:url("../i/icon_ebook.gif") no-repeat left top;
}

#icon a .iconb {
margin:86px 0 0 0;
}
img.icons {
padding: 0 10px 0 0;
}
/* flash */
#Mflash {
height:196px;
margin:0px auto;
clear:left;
float:center;
text-align:center;
width:770px;
padding:12px 0 10px 0;
}
#Mflash_car {
height:292px;
margin:0px auto;
clear:left;
float:center;
text-align:center;
width:770px;
padding:5px 0 10px 0;
}
#Mflash_sub {
height:124px;
margin:0px auto;
clear:left;
float:center;
text-align:center;
width:770px;
padding:12px 0 10px 0;;
}
#Mflash_loc {
height:480px;
margin:0px auto;
clear:left;
float:center;
text-align:center;
width:720px;
padding:0 0 16px 0;
}
#Mflash_loc div {
margin:16px 0 0 0;

}
#clogoBx {
margin-top:14px;
padding:14px 0 0 0;
	background:url("../i/client_logo_bg.gif") no-repeat left top;
	width:290px;
	height:90px;
	float:left;
	text-align:left;
}
#fquote_sub {
height:184px;
margin:0;
float:left;
width:197px;
}
.movie {
				width: 100%;
				height: 100%;
				text-align: center;
			}
			div.movie {
				width: 720px;
				height: 200px;
				text-align: center;
				margin:0 auto;
				
			}
/* content */
.contentCo {
margin:0;
padding:0;		
width:762px;
overflow:				hidden;
text-align:center; /* for IE */ 
	margin:0 auto; /* for the rest */ 
}

.col {
				float:					left;
				margin:					0;
				overflow:				hidden;
				width:					446px;
				text-align:				left;
				padding:			10px 0 10px 0;
				
			}
		
.col_sub {
					float:					left;
				margin:					0;
				overflow:				hidden;
				width:					536px;
				text-align:				left;
				padding:			10px 0 10px 0;

				
			}
.subcol1 {
				float:					left;
				margin:					0;
				overflow:				hidden;
				
					width:					200px;
				text-align:				left;
				padding:			0 0 10px 0;
				
			}
		
.subcol2 {
				float:					left;
				margin:					0 0 0 0;
				overflow:				hidden;
				width:					562px;
				text-align:				left;
				padding:0;

				
			}			
.con_r {
background:url("../i/r_col_bg.gif") repeat-x top left;
margin:0;
border:0;
}	
.con_r_bot{
background:url("../i/r_col_bg_bot.gif") repeat-x bottom left;
margin:0;
border:0;
}	
.subcon_r {
background:url("../i/r_col_bg.gif") repeat-x top left;
margin:0;
border:0;
}		
.bodytxt{
margin: 0 20px 20px 30px;
padding:0;
}
.bread{
margin: 0 20px 10px 30px;
padding:0;
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}
a.bread{
	padding:0;
	margin:0;
	text-decoration:none;
}
a:hover.bread{
text-decoration:underline;	
}
#deck{
margin: 0 20px 20px 30px;
padding:0 0 20px 0;
}
#deck img{
	padding:3px;
	border:solid 1px #D6D6D6;
	margin:0 10px 0 0;
	float:left;
}
#deck a:hover img{
border:solid 1px #FF0000;
}
#deck h3 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	padding:0;
	margin:0;
}

#deck ol {
  font-weight: bold;
  margin:20px 0 0 0;
  padding: 0px;
}
#deck p {
font: 12px/1.5em Verdana;
  margin:0px;
  padding:3px 0;
}
#deck li {
  margin:0 0 20px 40px;	
  padding:0;
}
#deck a.pdf{
	background:url("http://www.cnetdirectintl.com/direct/central/website/resources/i/pdf_icon.gif") no-repeat center left;
	padding:4px 0 4px 28px;
	margin:0;
}
#deck a.moreres{
	background:url("http://www.cnetdirectintl.com/direct/central/website/resources/i/more_resources_icon.gif") no-repeat center left;
	padding:4px 0 4px 28px;
	margin:0;
}

.qtxt {
margin: 0 20px 20px 30px;
padding:0;

}
#quoteBx_sub .qtxt {
margin: 0 18px 18px 18px;
padding:0;
font: 11px/1.4em Verdana;

}
.con_r_bot .bodytxt{
margin: 0 20px 0 20px;
padding:0 0 20px 0;

}

/* products list */

#poducts ul{
list-style-type: none;
padding: 10px 0 0 0;
margin: 0 0 0 20px;
}
#poducts li a.database, 
#poducts li a.email, 
#poducts li a.tele, 
#poducts li a.webcast, 
#poducts li a.vmail, 
#poducts li a.ebook{
font: bold 11px  Verdana, Helvetica, sans-serif;
  	height: 20px;


		text-decoration: underline;	
	color: #000000;
	display: block;
	padding: 6px 0 0 22px;
	}	
#poducts li a.database{	background:  url("../i/icon_database.gif")  no-repeat center left;}
#poducts li a.email{	background:  url("../i/icon_email.gif")  no-repeat center left;} 
#poducts li a.tele{	background:  url("../i/icon_telephone.gif")  no-repeat center left;} 
#poducts li a.webcast{	background:  url("../i/icon_webcast.gif")  no-repeat center left;}
#poducts li a.vmail{	background:  url("../i/icon_vmail.gif")  no-repeat center left;} 
#poducts li a.ebook{	background:  url("../i/icon_ebook.gif")  no-repeat center left;}
#poducts li a.database:hover, 
#poducts li a.email:hover, 
#poducts li a.tele:hover, 
#poducts li a.webcast:hover, 
#poducts li a.vmail:hover, 
#poducts li a.ebook:hover{
	text-decoration: none;	
		color: #d51e1e;
	}
	
	/* contact box */
		#contactBx_footer{
margin:14px 0 0 22px;
padding:14px 0 0 0px;
	background:url("../i/contact_bg_footer.gif") no-repeat left top;
	height:128px;
	width:354px;
		float:left;
		text-align:left;

}
		#contactBx_sub{

		
		margin:0;
padding:14px 0 0 0px;
	background:url("../i/contact_bg.gif") no-repeat left top;
	height:113px;
	width:200px;
		float:left;
		text-align:left;

}

		#contactBx_sub2{

		
		margin:0;
padding:14px 0 0 0px;
	background:url("../i/contact_bg2.gif") no-repeat left top;
	height:113px;
	width:200px;
		float:left;
		text-align:left;

}
	/* case box */
		#caseBx_sub{

		
		margin:0;
padding:14px 0 0 0px;
	background:url("../i/case_bg.gif") no-repeat left top;
	height:153px;
	width:200px;
		float:left;
		text-align:left;

}

	/* quote box */
	#quoteBxcon{
		width:200px;
	
			background:url("../i/quote_bg_bot.gif") no-repeat left bottom;
		float:left;
		text-align:left;
		
	}
		#quoteBx_sub{

		background:url("../i/quote_bg_top.gif") no-repeat left top;	
		margin:0;
padding:14px 0 14px 0px;


	width:200px;
		float:left;
		text-align:left;

}


	/* newsletter box */
	#newsletterBx{

padding:14px 0 0 0;
	background:url("../i/newsletter_bg.gif") no-repeat left top;
	width:290px;
	
	float:left;
	text-align:left;

}
#formboxhp{
	background:url("../i/newsletter_bg_bot_hp.gif") no-repeat left top;
		width:290px;
		height:19px;	
		float: left;
	padding: 0px;
	margin: 0px;
	
	
		}
#formboxbot{
			background:url("../i/newsletter_bg_sub_bot.gif") no-repeat left top;
				width:200px;
		height:22px;
		float: left;
	padding: 0px;
	margin: 0;
		}
#formbox form {
padding:0;
margin:0;
}
	#newsletterBx_sub{
margin-top:14px;
padding:14px 0 0 0;
	background:url("../i/newsletter_bg_sub_top.gif") no-repeat left top;
	width:200px;
		float:left;
		text-align:left;

}
	#newsletterBx_sub2{
margin-top:14px;
padding:14px 0 0 0;
	background:url("../i/newsletter_bg_sub2_top.gif") no-repeat left top;
	width:200px;
		float:left;
		text-align:left;

}

	#newsletterBx_footer{
margin:14px 0 0 16px;
padding:14px 0 0 0px;
	background:url("../i/newsletter_bg_footer.gif") no-repeat left top;
	height:128px;
	width:354px;
		float:left;
		text-align:left;
		

}
#newsletterBx .bodytxt, 
#newsletterBx_sub .bodytxt, 
#newsletterBx_sub2 .bodytxt{
margin: 0;
padding:0 10px 6px 20px;
width:250px;
font: 11px/1.4em Verdana;
}
#newsletterBx_sub .bodytxt,
#newsletterBx_sub2 .bodytxt
 {
width:170px;
}
#newsletterBx_footer .bodytxt,
#contactBx_footer .bodytxt
 {
margin: 0;
padding:0 10px 6px 20px;
width:320px;
font: 11px/1.4em Verdana;
}
#contactBx_sub .bodytxt,
#contactBx_sub2 .bodytxt,
#caseBx_sub .bodytxt
 {
margin: 0;
padding:0 10px 6px 20px;
width:180px;
font: 11px/1.4em Verdana;
}
#quoteBx_sub .bodytxt
 {
margin: 0;
padding:0 10px 6px 20px;
width:180px;
font: 11px/1.4em Verdana;

}
#quoteBx_sub .quotetxt
 {
margin: 0;
padding:10px 10px 20px 20px;
width:170px;
font: 16px/1.4em Verdana;
color:#333333;

}
div#formbox {

	float: left;
	padding: 0px;
	margin: 0px;
	text-align:left;
	


}

div#formbox input {
	
	color: #000;
	vertical-align: middle;
	margin: 0;
	border: 1px solid #999999; 
	border-top-color: #999999; 
	border-left-color: #999999;
	padding:2px 10px 4px 10px ;
	background: #fff url("../i/but_bg.gif") repeat-x; 
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	height:22px;

}
 #newsletterBx_sub div#formbox input,
 #newsletterBx_sub2 div#formbox input {
	
	color: #000;
	vertical-align: middle;
	margin: 6px 0 0 0;
	border: 1px solid #999999; 
	border-top-color: #999999; 
	border-left-color: #999999;
	padding:2px 10px 4px 10px ;
	background: #fff url("../i/but_bg.gif") repeat-x; 
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	height:22px;
	

}
 #newsletterBx_footer div#formbox input {
color: #000;
	vertical-align: middle;
	margin: 0;
	border: 1px solid #999999; 
	border-top-color: #999999; 
	border-left-color: #999999;
	padding:2px 10px 4px 10px ;
	background: #fff url("../i/but_bg.gif") repeat-x; 
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	height:22px;
	}
.cursor {
cursor: pointer; /* hand-shaped cursor */
cursor: hand; /* for IE 5.x */

}

div#formbox img {
	vertical-align:middle;
}
div#formbox  .inputbox,
#newsletterBx_sub div#formbox  .inputbox,
#newsletterBx_sub2 div#formbox  .inputbox {
border: 1px solid #999999;
width:130px;
height:auto; 
margin:0px;
padding:4px 0 4px 4px ;
font: 10px Verdana, Arial, Helvetica, sans-serif;
background: #fff url("../i/input_bg.gif") repeat-x; 
}
.inp-text {
border: 1px solid #999999;
width:240px;
/* height:auto; */
/*height:20px;*/
margin: 0;
padding:6px;
font: 14px Arial, Helvetica, sans-serif;
background: #fff url("../i/input_bg.gif") repeat-x; 
  display: block;
}
.inp-text-spam {
border: 1px solid #999999;
width:156px;
/*height:auto; */
margin: 0;
padding:3px;
font: 11px Arial, Helvetica, sans-serif;
background: #fff url("../i/input_bg.gif") repeat-x; 
 display: block;
}
.inp-text-other {
border: 1px solid #999999;
width:152px;
/*height:auto; */
margin: 0;
padding:3px;
font: 11px Arial, Helvetica, sans-serif;
background: #fff url("../i/input_bg.gif") repeat-x; 
 display: block;
}
div#formbox form{
margin-left:20px;
}
.inp-textarea {
width:240px;
height:60px;
margin: 0;	
border: 1px solid #999999;
padding:6px;
font: 14px Arial, Helvetica, sans-serif;
 display: block;
}
.inp-select{
width:248px;	
border: 1px solid #999999;
margin: 0;
padding:6px;
font: 14px Arial, Helvetica, sans-serif;
display: block;
}
.inp-select option {
	margin:0 0 0 4px;
}
.inp-select-news {
	width:430px;
	border: 1px solid #999999;
	height:auto; 
margin: 0;
padding:6px;
font: 14px Arial, Helvetica, sans-serif;

}
				  
			
#newsletterBx_footer div#formbox  .inputbox {
border: 1px solid #999999;
width:180px;
height:auto; 
margin:0;
padding:4px 0 4px 4px ;
font: 10px Verdana, Arial, Helvetica, sans-serif;
background: #fff url("../i/input_bg.gif") repeat-x; 
	
}

#li1 ul {
margin:0 0 0 50px;
padding:0 10px 10px 10px ;
list-style:disc;
}
ul {
margin:0;
padding:0 ;
list-style:none;
}
.list_a li {
	background-image:		url("../i/list_arrow.gif");
	background-repeat:		no-repeat;
	background-position:	left center;
	list-style:				none;
	margin:					10px 0 0 20px;
	padding:				0 0 0 14px;
	width:					auto;
	line-height:18px
					
	}
/* bottom */
#btm_bg {
	height:22px;
	background:url("../i/bottom_bg.gif") no-repeat left top;
	width:910px;
	padding:0;
	margin:0px auto;
	overflow:				none;
}
#Footer {

	height:140px;
	background:#fff url("../i/footer_bg.gif") repeat-x;
	width:100%;
	font: 10px/1.5em Arial;
	color:#666666;
}
#Footer a,
#privacy a{
	text-decoration:none;
	color:#666666;
}
#privacy {
	padding-top:10px;
	text-align:left;
	width:772px;
	font: 10px/1.5em Arial;
	margin:0px auto;
}
#Footer a:hover,
#privacy a:hover {
    text-decoration:underline
      }
	  #selectSite {
font-size:10px;
}


a#oracle img {background: url(../i/logo_oracle_o.gif) top left no-repeat;}
a#microsoft img {background: url(../i/logo_microsoft_o.gif) top left no-repeat;}
a#canon img {background: url(../i/logo_canon_o.gif) top left no-repeat;}

a#oracle:hover img {background: url(../i/logo_oracle.gif) top left no-repeat;}
a#microsoft:hover img {background: url(../i/logo_microsoft.gif) top left no-repeat;}
a#canon:hover img {background: url(../i/logo_canon.gif) top left no-repeat;}


#case_oracle,
#case_microsoft,
#case_canon {
text-align:left;
width:800px;
height:440px;
margin:0px auto;

}

#case_oracle
{
background: url(../i/pop_bg_oracle.jpg);
}
#case_microsoft
{
background: url(../i/pop_bg_microsoft.jpg);
}
#case_canon
{
background: url(../i/pop_bg_canon.jpg);
}
#pop{
padding: 20px 0 0 240px;

}

#clientoracle{
width:143px;
height:26px;
background: url(../i/client_oracle_logo.gif);
position: absolute;
top: 14px;
display:block;
margin: 0 0 0 420px;

}
#client{
width:236px;
height:34px;
background: url(../i/client_area.gif);
position: absolute;
top: 10px;
margin:0 0 0 600px;
display:block;
}