@font-face {
  font-family: "MetaPlusMedium";
  src: url('../fonts/METAPMR.TTF') format("truetype");
}
html,body{
	margin:0;
	padding:0;
	height:100%;
	width: 100%;
	}
body{
	text-align:center;
	background-color: #d7d9d9;
	background-repeat: no-repeat;
	background-position: center top;
	background-image:url('../images/bg.jpg');
}
body {
font-family:Arial, serif;
font-size:12px;
color:#464646;
font-weight:normal;
line-height:16px;
}
#wrapper {
width:960px;
position:relative;
margin-left:auto;
margin-right:auto;
text-align:left;
}
#top-bar {
width:100%;
position:relative;
height:141px;
background-image:url('../images/topbg.jpg');
background-position:top left;
background-repeat:no-repeat;
float:left;
clear:both;
}
#logo-link {
float:left;
position:relative;
width:310px;
height:140px;
cursor:pointer;

}
#top-menu {
height:55px;
float:right;
position:relative;
text-align:left;
padding-top:44px;
}
.hidden {
display:none;
visibility:hidden;
}

#mainframe {
width:100%;
position:relative;
float:left;

background-image:url('../images/maincontentbg.jpg');
background-position:top left;
background-repeat:no-repeat;
background-color:#d7d9d9;
padding-top:60px;
clear:both;
}
#bottombox-top {
width:100%;
position:relative;
height:30px;
background-image:url('../images/bottombox-top.jpg');
background-position:top left;
background-repeat:no-repeat;
float:left;
clear:both;
z-index:9999;
}
#bottombox-mid {
width:100%;
position:relative;
background-image:url('../images/bottombox-bottom.jpg');
background-position:bottom left;
background-repeat:no-repeat;
float:left;
clear:both;
}
#bottombox-content {
width:620px;
position:relative;
padding-left:30px;
padding-bottom:30px;
float:left;
}
#bottombox-mid-bg {
width:100%;
position:relative;
float:left;
background-image:url('../images/bottombox-mid.jpg');
background-position:bottom left;
background-repeat:repeat-y;
}
#bottombox-content p{
font-size:11px;
padding-top:0px;
}
#bottombox-content a:link, #bottombox-content a:visited {
color:#464646;
text-decoration:underline;
}
#bottombox-content a:hover {
color:#333333;
text-decoration:underline;

}
#bottombox-content .half {
float:left;
position:relative;
width:280px;
padding-right:30px;
}
#iphone {
position:absolute;
width:278px;
height:615px;
background-image:url('../images/iphone-24.png');
background-position:top left;
background-repeat:no-repeat;
left:652px;
top:-496px;
z-index:9999;
}
#iphone-shad {
position:absolute;
width:331px;
height:89px;
top:526px;
left:-25px;
z-index:10;
background-image:url('../images/iphone-shad.jpg');
background-position:top left;
background-repeat:no-repeat;
}
.iphone-bgi {
position:absolute;
left:31px;
top:102px;
width:216px;
height:325px;
display:block;
z-index:9;
overflow:hidden;
}
.iphone-photo {
position:absolute;
left:31px;
top:102px;
width:216px;
height:325px;
display:block;
z-index:11;
overflow:hidden;
}
.iphone-photo-sl {
float:left;
position:relative;
margin-left:31px;
margin-top:102px;
width:216px;
height:325px;
display:block;
z-index:10;
overflow:hidden;

}
h2 {
	font-family: "MetaPlusMedium", Arial, sans-serif;
	font-size:40px;
	font-weight:normal;
	letter-spacing:-3px;
	line-height:40px;
	color:#231f20;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
h3 {
	font-family: "MetaPlusMedium", Arial, sans-serif;
	font-size:30px;
	font-weight:normal;
	letter-spacing:-2px;
	line-height:32px;
	color:#231f20;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
h4 {
	font-family: "MetaPlusMedium", Arial, sans-serif;
	font-size:20px;
	font-weight:normal;
	letter-spacing:-1px;
	line-height:28px;
	color:#231f20;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
h4 a:link, h4 a:visited {
font-weight:normal;
color:#231f20;
text-decoration:none;
}
h4 a:hover {
text-decoration:none;
color:#309dbc;
}
h5 {
	font-family:Arial, serif;
	font-size:12px;
	font-weight:normal;
	color:#231f20;
	padding:0px 0 15px 15px;
	margin:0 0 0 0;
}


a:link, a:visited {
color:#309dbc;
text-decoration:none;
font-weight:normal;
}
a:hover {
color:#333333;
font-weight:normal;
text-decoration:underline;
}
hr {
border-style:solid;
border-width:0;
background-color:#b5b5b5;
border-color:#b5b5b5;
height:1px;
}
#leftspacer {
float:left;
width:30px;
position:relative;
height:522px;
}
#midframe {
float:left;
position:relative;
width:570px;
}
#midframe p {
padding:16px 20px 0px 0px;
margin:0 0 0 0;
clear:both;
text-align:left;

}

#content2box p{
padding-top:16px;
padding-right:1px;
}

#footer {
width:100%;
position:relative;
height:34px;
clear:both;
padding-bottom:10px;
}
#footer .left{
float:left;
position:relative;
height:34px;
line-height:34px;
font-size:11px;
padding-left:30px;
}
#footer .right{
float:right;
position:relative;
height:34px;
padding-right:30px;
}
#twitter_update_list {
list-style:none;
font-size:11px;
margin:0 0 0 0;
padding:0 0 0 0;
padding-top:10px;
float:left;
}
#news_update_list {
list-style:none;
font-size:11px;
margin:0 0 0 0;
padding:0 0 0 0;
padding-top:10px;
float:left;
}
#news_update_list li p {
margin-top:0px;
padding-top:0px;
}
#cdate {
float:left;
position:relative;
width:83px;
height:34px;
padding-bottom:6px;
}
#ctitle {
float:left;
position:relative;
padding-bottom:6px;
line-height:34px;
}
#language-bar {
position:absolute;
width:216px;
height:28px;
left:683px;
top:175px;
z-index:9999;
}
#language-bar .left{
float:right;
position:relative;
height:28px;
line-height:28px;
text-align:right;
padding-right:10px;
z-index:35;
}
#language-bar .right{
float:right;
position:relative;
height:28px;
padding-left:5px;
width:41px;
z-index:35;
}
#ro {
float:left;
position:relative;
width:41px;
height:31px;
background:transparent;
background-image:url('../images/flag-ro.jpg');
background-position:top left;
background-repeat:no-repeat;
cursor:pointer;
z-index:35;
}
#roout {
float:left;
position:relative;
width:41px;
height:31px;
background:transparent;
background-image:url('../images/flag-ro-over.jpg');
background-position:top left;
background-repeat:no-repeat;
cursor:pointer;
z-index:35;
}
/*#ro:hover {
background-image:url('../images/lang-ro-over.png');
}*/
#en {
float:right;
position:relative;
width:41px;
height:31px;
background:transparent;
background-image:url('../images/flag-en.jpg');
background-position:top left;
background-repeat:no-repeat;
cursor:pointer;
z-index:35;
}
#enout {
float:right;
position:relative;
width:41px;
height:31px;
background:transparent;
background-image:url('../images/flag-en-over.jpg');
background-position:top left;
background-repeat:no-repeat;
cursor:pointer;
z-index:35;
}
/*#en:hover {
background-image:url('../images/lang-en-over.png');
}*/
.product-main {
float:left;
position:relative;
width:567px;
}
#product_id {
background-color:none;
padding:10px;
}

#product_id:hover {
background-color:#e5e7e7;
cursor: pointer;
cursor: hand;
}

.product-icon{
float:left;
width:77px;
height:67px;
text-align:left;
position:relative;
padding-top:5px;
}
.product-text {
float:left;
width:490px;
padding-bottom:10px;
position:relative;
}
.thumb-img {
width:105px;
height:157px;
float:left;
position:relative;
padding:1px;
border-width:1px;
border-style:solid;
border-color:#e5e7e7;
margin-right:3px;
margin-bottom:3px;
cursor:pointer;
}