h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 19px;
	line-height: 20px;
	font-weight: normal;
	margin: 0;
	margin-top: 3px;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	margin: 0;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
	margin: 0;
}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
	margin: 0;
	}
h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 13px;
	margin: 0;
	}
h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: 12px;
	margin: 0;
	}
h7 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	line-height: 12px;
	margin: 0;
	}

.style1 {
	color: #990033;
}
.style2 {
	color: #990033;
	font-size: 13px;
}
.style3 {
	color: #FFFFFF;
}
.style4 {
	font-size: 12px;
	line-height: 14px;
	margin: 0;
}
.style5 {
	font-size: 16px;
	line-height: 18px;
	margin: 0;
}
.style6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 15px;
	font-weight: normal;
	margin: 0;
}
.style7 {
	font-size: 9px;
	color: #FFFFFF;
}
.style8 {
	font-size: 12px;
	line-height: 13px;
}
.style9 {
	color: #990033;
	font-size: 12px;
	line-height: 13px;
}
.style10 {
	font-size: 20px;
	line-height: 20px;
	font-weight: normal;
	color: #ffb87f;
	margin: 0;
}
/* Styles */
.style11 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	margin: 0;
	margin-top: 3px;
}
.style12 {
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
	margin: 0;
	}
.style13 {
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	line-height: 14px;
	margin: 0;
	}
.style14 {
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	line-height: 16px;
	margin: 3;
	color: #FFFFFF;
	}
/* Styles end */

/* Top */
#topbg {
  	background-color: #556677; /* For browsers that do not support gradients */
}
#topbar {
  	background-color: #000000;
  	max-width: 982px;
	text-align:left;
	padding: 0px;
	min-height: 80px;
}
#topgrad {
  	height: 10px;
    background: #556677; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#556677, white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#556677, white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#556677, white); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#556677, white); /* Standard syntax */
	display: none;
}
#leftgrad {
  	width: 16px;
  	height: 64px;
    background: black; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(to right,#556677, black); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(to right,#556677, black); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(to right,#556677, black); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right,#556677, black); /* Standard syntax */
    float: left;
	display: none;
}
#rightgrad {
  	width: 16px;
  	height: 64px;
    background: black; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(to left,#556677, black); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(to left,#556677, black); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(to left,#556677, black); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to left,#556677, black); /* Standard syntax */
  	float: right;
	display: none;
}
#logo {
  	width: 192px;
  	float: left;
	background: url("../images/nav/homeon-topicon.png") no-repeat -9999px -9999px;
}
#slogan {
	background: url("../images/nav/ves-b.png") no-repeat -9999px -9999px;  padding: 0px 0px 0px 0px;
  min-width: 375px;
  display: none;
}
#slogan1 {
  color: #99ccff;
  font-size: 90%;
  font-weight: bold;
  text-align: left;
  padding: 0px 0px 0px 14px;
  display: none;
}
#slogan2 {
  color: #FFFFFF;
  font-size: 90%;
  font-weight: bold;
  text-align: left;
  min-width: 275px;
  display: none;
}
#y-tb{
	float:right;
    background-image: url("../images/nav/ves-a.png");
	background-repeat: no-repeat;
    background-position: center center; 
}
#y-tb:hover{
	float:right;
    background-image: url("../images/nav/ves-b.png");
}
#top-nav {
 	background-color: #000000;
 	color: #FFFFFF;
 	font-size: 90%;
 	font-weight: bold;
  	float:left;
  	width: 100%;
  	padding: 0px 0px 0px 0px;
}
#tmi0 {
  	height: 48px;
	padding: 0px 0px 0px 0px;
	line-height: 1.0;
}

#tmi1 {
  	height: 48px;
	padding: 0px 0px 0px 0px;
	line-height: 1.0;
}
#tmi2 {
  	height: 48px;
	padding: 0px 0px 0px 0px;
	line-height: 1.0;
}
#tmi3 {
  	height: 48px;
	padding: 0px 0px 0px 0px;
	line-height: 1.0;
}
#tmi4 {
  	height: 48px;
	padding: 0px 0px 0px 0px;
	line-height: 1.0;
}

.mycontainer {
  width: 100%;
  max-width: 978px;
  margin: 0 auto;
  padding: 0px 0px 0px 0px;
  box-sizing: border-box; 
}
.menulist {
  	overflow: hidden;
    padding: 0px;
	margin: 0px;
}
.menuitem {
    float: left;
  	margin: 0px 4px 0px 4px;
    list-style-type: none;
    text-align: center;
}
a.mitem:link, a.mitem:hover, a.mitem:active, a.mitem:visited{
	text-decoration:none;
    color: #ffffff;
}
.menuitem:hover {
	text-shadow:0px 0px 5px #fff,0px 0px 7px #fff;
}
/* Top end */

/* Body */
body{
  margin: 0;
}
#mybody {
}
#mycontent {
  padding: 0px 0px 0px 0px;
  margin: 8px 8px 0px 8px;
  max-width: 758px;
}
/* Body end */

/* Left */
#p-nav {
  	font-size: 70%;
  	font-weight: bold;
    color: #ffffff;
	display:block;
  	padding: 2px 0px 0px 0px;
}
#p-logo{
	width:192px;
    background-color: #546474;
  	padding: 0px 0px 0px 0px;
  	margin: 0px 24px 6px 0px;
	display:block;
}
#p-menu{
	background-color: #536474;
  	padding: 2px 0px 2px 0px;
	display:block;
}
#p-menu a{
	display:block;
}
#p-mitema{
	background-color:#344454;
}
.menuitem-pl5 {
    float: left;
  	margin: 0px 4px 0px 4px;
   	padding: 0px 2px 1px 2px;
	border-radius:4px;
	list-style-type: none;
    text-align: center;
}
.menuitem-pl5:hover {
	text-shadow:0px 0px 5px #fff,0px 0px 7px #fff;
}
.menuitem-lbl {
  	margin: 4px 0px 4px 0px;
    list-style-type: none;
}
#lb-bg {
	background-color: #536474;
}
#lb-bundles {
	text-align:right;
  	margin: 0px 6px 0px 6px;
   	padding: 6px 0px 6px 0px;
}
#lb-compat {
	text-align:right;
  	color: #FFFFFF;
	text-shadow:1px 1px 3px #000000;
  	margin: 0px 6px 0px 6px;
   	padding: 6px 0px 6px 0px;
}
#lb-buy {
	text-align:right;
  	margin: 0px 6px 0px 6px;
   	padding: 6px 0px 6px 0px;
}
#lb-upgrade {
	text-align:right;
  	color: #000000;
  	margin: 0px 6px 0px 6px;
   	padding: 6px 0px 6px 0px;
}
#lb-convert {
	text-align:right;
  	color: #000000;
  	margin: 0px 6px 0px 6px;
   	padding: 6px 4px 6px 0px;
}
#lb-others {
  	color: #000000;
}

#rb{
	float:right;
	width:200px;
}
#rb-demo{
  	width: 162px;
  	font-size: 130%;
	text-align:center;
	
	background-color: #536474;
	border-radius:8px;
  	padding: 6px 10px 6px 10px;
}
#rb-translate {
	padding-right: 16px;
}

/* Left end */

/* Product */

/* Product end */


/* Categories */
/* Larger than mobile */
@media (min-width: 300px) {
#top-nav {
  font-size: 100%;
}
.menuitem {
  	margin: 0px 6px 0px 6px;
}
#p-nav {
  font-size: 75%;
}
.menuitem-pl5 {
  	margin: 0px 6px 0px 6px;
    float: left;
}
#tmi0, #tmi1, #tmi2, #tmi3, #tmi4 {
  	height: 18px;
}}
@media (min-width: 450px) {
#slogan {
  display: inline;
}
#slogan2 {
  display: inline;
}
#top-nav {
  font-size: 110%;
}
#tmi0, #tmi1, #tmi2, #tmi3, #tmi4 {
  	height: 18px;
}
.menuitem {
  	margin: 0px 12px 0px 12px;
}	
#p-nav {
  font-size: 105%;
}
}
/* Bigger than 550 */
@media (min-width: 550px) {
#tmi0, #tmi1, #tmi2, #tmi3, #tmi4 {
  	height: 18px;
}
}
/* Bigger than 750 */
@media (min-width: 750px) {
#topbar {
	min-height:64px;
}
#topgrad {
	display: block;
}
#slogan1 {
  display: inline;
}
#top-nav {
  font-size: 120%;
  float:none;
}	
#tmi0, #tmi1, #tmi2, #tmi3, #tmi4 {
  	height: 48px;
}
.menuitem {
  	margin: 0px 19px 0px 12px;
}
#p-nav{
	  font-size: 115%;
}
#p-logo{
	float:left;
  	margin: 2px 24px 2px 0px;
}
#p-menu{
  	padding: 46px 0px 4px 0px;
}
.menuitem-pl5 {
  	margin: 0px 6px 0px 6px;
}

}
/* Bigger than 1000 */
@media (min-width: 1000px) {
#leftgrad {
	display: block;
}
#rightgrad {
	display: block;
}
#mycontent {
 	margin: 8px 0px 0px 220px;
}
#p-nav {
    width: 200px;
	float:left;
}	
#p-logo{
	float:none;
  	margin: 0px 0px 0px 4px;
}
#p-menu{
  padding: 0px 0px 0px 0px;
}
.menuitem-pl5 {
  	float: none;
    text-align: right;
  	margin: 4px 4px 4px 4px;
   	padding: 0px 4px 2px 4px;
}
#lb-bg{
	border-radius:8px;
  	padding: 8px 0px 8px 0px;
}

#lb-nav {
	font-size: 120%;
}

}