@charset "utf-8";



/* global

---------------------------------------- */



html {

	overflow-y: scroll;

}



#wrapper {

	position: relative;

	width: 100%;

	margin: 0;

	padding: 0;

	text-align: center;

	clear: both;

}



#wrapper #container {

	position: relative;

	display: block;

	overflow: hidden;

	width: 750px;

	margin: 0 auto 10px;

	padding: 0 0 20px;

	text-align: left;

	border-bottom: 1px solid #333333;

	background: url(/english/pro/vnetworks/img/bg_contenteft.gif) no-repeat left bottom;

}



#wrapper #container .panbox,

#wrapper #container #siteTitle {

	background-color: #ffffff;

}



#wrapper #container.siteTopPage {

	background: none;

}



#contentLeft {

	display: block;

	overflow: hidden;

	width: 180px;

	margin: 0;

	padding: 0;

	float: left;

}



#contentRight {

	display: block;

	overflow: hidden;

	width: 570px;

	margin: 0;

	padding: 0;

	float: left;

}



#siteTitle {

	margin: 0;

	padding: 10px 0 15px;

}



#pageTitle {

	display: block;

	width: 570px;

	margin: 0 0 10px;

	padding: 0;

}



#pageTopImage {

	margin: 0 0 20px;

}



#contentRight .mainLeft {

	display: block;

	overflow: hidden;

	width: 295px;

	margin: 0;

	padding: 0;

	float: left;

}



#contentRight .mainLeft p,

#contentRight .mainLeft ul,

#contentRight .mainLeft li {

	display: block;

	width: 275px;

}



#contentRight .mainRight {

	display: block;

	overflow: hidden;

	width: 275px;

	margin: 0;

	float: left;

}



#contentRight h3.subTitle {

	margin: 20px 0 6px;

	clear: both;

}



#contentRight .subTitleTextL {

	display: block;

	width: 570px;

	margin: 20px 0 6px;

	padding: 6px 0 0;

	background: url(/english/pro/vnetworks/img/bg_subttopl.gif) no-repeat left top;

}



#contentRight .subTitleTextL h3 {

	display: block;

	width: 570px;

	padding-bottom: 8px;

	font-size: 100%;

	font-weight: bold;

	background: url(/english/pro/vnetworks/img/bg_subtbottom.gif) no-repeat left bottom;

}



#contentRight .subTitleTextL span {

	display: block;

	padding: 0 10px 0 18px;

}



#contentRight .subTitleTextR {

	display: block;

	width: 570px;

	margin: 20px 0 6px;

	padding: 6px 0 0;

	background: url(/english/pro/vnetworks/img/bg_subttopr.gif) no-repeat right top;

}



#contentRight .subTitleTextR h3 {

	display: block;

	width: 570px;

	padding-bottom: 8px;

	font-size: 100%;

	font-weight: bold;

	text-align: right;

	background: url(/english/pro/vnetworks/img/bg_subtbottom.gif) no-repeat left bottom;

}



#contentRight .subTitleTextR span {

	display: block;

	padding: 0 18px 0 10px;

}



.greyFrame {

	display: block;

	padding: 8px;

	border: 1px solid #c0c0c0;

}



.marginTop10 {

	margin-top: 10px;

}



.paddingTop10 {

	padding-top: 10px;

}



.floatLeft {

	display: block;

	padding: 0 20px 20px 0;

	float: left;

}



.floatRight {

	display: block;

	padding: 0 0 20px 20px;

	float: right;

}



#contentRight h3.linkTag a,

#contentRight h3.linkTag a:visited,

#contentRight h3.linkTag a:hover,

#contentRight h3.linkTag a:active {

	font-size: 100%;

	font-weight: bold;

	color: #505050;

	text-decoration: none;

}



/* clearfix

---------------------------------------- */



.clearfix:after {

	content: " ";

	display: block;

	height: 0;

	visibility: hidden;

	clear: both;

}



/* Hides from IE-mac ¥*/

* html .clearfix {height: 1%;}

/* End hide from IE-mac */



/* leftNav

---------------------------------------- */



#leftNav {

	display: block;

	width: 164px;

	margin: 0;

	padding: 0;

}



#leftNav a {

	display: block;

	text-indent: -9999px;

}



#leftNav li {

	padding: 0 0 2px;

	background: url(/english/pro/vnetworks/img/bg_leftnavspace.gif) no-repeat left bottom;

}



#leftNav li.toTop,

#leftNav li.bottom {

	margin-bottom: 10px;

	padding-bottom: 2px;

	background: url(/english/pro/vnetworks/img/bg_leftnavbtbottom.gif) no-repeat left bottom;

}



#leftNav li.current {

	padding: 0;

}



#leftNav a.vnetworksTop {

	width: 160px;

	height: 36px;

	background: url(/english/pro/vnetworks/img/bt_leftnav00.gif) no-repeat;

}



#leftNav a.vnetworksTop:hover,

#leftNav a.vnetworksTop:active {

	width: 160px;

	height: 36px;

	background: url(/english/pro/vnetworks/img/bt_leftnav00.gif) no-repeat 0 -36px;

}



#leftNav a.ipsecurity {

	width: 164px;

	height: 40px;

	background: url(/english/pro/vnetworks/img/bt_leftnav01.gif) no-repeat;

}



#leftNav a.ipsecurity:hover,

#leftNav a.ipsecurity:active {

	width: 164px;

	height: 40px;

	background: url(/english/pro/vnetworks/img/bt_leftnav01.gif) no-repeat 0 -40px;

}



#leftNav a.ipsecurityOpen {

	width: 164px;

	height: 40px;

	background: url(/english/pro/vnetworks/img/bt_leftnav01.gif) no-repeat 0 -40px;

}



#leftNav a.advantages {

	width: 164px;

	height: 40px;

	background: url(/english/pro/vnetworks/img/bt_leftnav02.gif) no-repeat;

}



#leftNav a.advantages:hover,

#leftNav a.advantages:active {

	width: 164px;

	height: 40px;

	background: url(/english/pro/vnetworks/img/bt_leftnav02.gif) no-repeat 0 -40px;

}



#leftNav a.advantagesOpen {

	width: 164px;

	height: 40px;

	background: url(/english/pro/vnetworks/img/bt_leftnav02.gif) no-repeat 0 -40px;

}



#leftNav a.products {

	width: 164px;

	height: 40px;

	background: url(/english/pro/vnetworks/img/bt_leftnav03.gif) no-repeat;

}



#leftNav a.products:hover,

#leftNav a.products:active {

	width: 164px;

	height: 40px;

	background: url(/english/pro/vnetworks/img/bt_leftnav03.gif) no-repeat 0 -40px;

}



#leftNav a.productsOpen {

	width: 164px;

	height: 40px;

	background: url(/english/pro/vnetworks/img/bt_leftnav03.gif) no-repeat 0 -40px;

}



#leftNav a.application {

	width: 164px;

	height: 40px;

	background: url(/english/pro/vnetworks/img/bt_leftnav04.gif) no-repeat;

}



#leftNav a.application:hover,

#leftNav a.application:active {

	width: 164px;

	height: 40px;

	background: url(/english/pro/vnetworks/img/bt_leftnav04.gif) no-repeat 0 -40px;

}



#leftNav a.applicationOpen {

	width: 164px;

	height: 40px;

	background: url(/english/pro/vnetworks/img/bt_leftnav04.gif) no-repeat 0 -40px;

}



#leftNav a.downloads {

	width: 164px;

	height: 40px;

	background: url(/english/pro/vnetworks/img/bt_leftnav05.gif) no-repeat;

}



#leftNav a.downloads:hover,

#leftNav a.downloads:active {

	width: 164px;

	height: 40px;

	background: url(/english/pro/vnetworks/img/bt_leftnav05.gif) no-repeat 0 -40px;

}

#leftNav a.downloadsOpen {

	width: 164px;

	height: 40px;

	background: url(/english/pro/vnetworks/img/bt_leftnav05.gif) no-repeat 0 -40px;

}





#leftNav a.partners {

	width: 160px;

	height: 36px;

	background: url(/english/pro/vnetworks/img/bt_leftnav06.gif) no-repeat;

}



#leftNav a.partners:hover,

#leftNav a.partners:active {

	width: 160px;

	height: 36px;

	background: url(/english/pro/vnetworks/img/bt_leftnav06.gif) no-repeat 0 -36px;

}



#leftNav a.partnersOpen {

	width: 160px;

	height: 36px;

	background: url(/english/pro/vnetworks/img/bt_leftnav06.gif) no-repeat 0 -36px;

}



#leftNav ul.subLinkList {

	padding: 2px 0 0;

	background: url(/english/pro/vnetworks/img/bg_leftnavspace.gif) no-repeat left top;

}



#leftNav .subLinkList li {

	width: 160px;

	margin: 0;

	padding: 0;

	font-size: 80%;

	border-bottom: 1px solid #c0c0c0;

	background: url(/english/pro/vnetworks/img/bg_sublink.gif) no-repeat left top;

}



#leftNav .subLinkList div.subLink {

	padding: 4px 4px 4px 16px;

}



#leftNav .subLinkList .subLink a {

	display: inline;

	margin: 0;

	padding: 0;

	text-indent: 0;

	background: none;

}



#leftNav div.currentSubLink {

	color: #e00000;

}



/* others

---------------------------------------- */



.downloadPDF {

	display: block;

	width: 100%;

	padding: 20px 0 0;

	text-align: center;

	clear: both;

}



.downloadPDF p.fileLink {

	display: block;

	width: 100%;

	padding: 8px 0;

	border-top: 1px solid #c0c0c0;

	border-bottom: 1px solid #c0c0c0;

}



.downloadPDF p.fileLink a {

	padding: 2px 0 2px 16px;

	font-size: 80%;

	background: url(/english/pro/vnetworks/img/ico_pdffile.gif) no-repeat left 50%;

}



.getAdobeReader {

	display: block;

	padding: 20px 0 0 35px;

	clear: both;

}



.getAdobeReader ul {

	display: block;

	width: 500px;

	border: 1px solid #c0c0c0;

	background-color: #f0f0f0;

	float: left;

}



.getAdobeReader li {

	display: block;

	padding: 8px;

	float: left;

}



.getAdobeReader p {

	width: 300px;

}



.toPageTop {

	width: 100%;

	margin-top: 20px;

	text-align: right;

	clear: both;

}



.toPageTop a {

	padding: 2px 0 2px 16px;

	font-size: 80%;

	background: url(/english/pro/vnetworks/img/ico_topagetop.gif) no-repeat left 50%;

}



.moreLink {

	width: 100%;

	text-align: right;

	clear: both;

}



.moreLink a {

	padding: 2px 0 2px 10px;

	font-size: 80%;

	background: url(/english/pro/vnetworks/img/ico_linkheading.gif) no-repeat left 50%;

}