 * {
    border:0 none;
    margin:0;
	padding:0;
 }

html, body, #wrapper { 	height: 100%; }

body {
	/*background-color:#f5f5f5;*/
        /*background-image: url("b11.jpg");*/
        background-image: url("bg.png");
	background-repeat: repeat;
	color:#494949;
	font: 90% "trebuchet ms", Arial, sans-serif;
	min-width:955px;
}

body > #wrapper {height:  auto; min-height: 100%;}

#page {
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	-margin-top:10px;
	margin-bottom:30px;
	width:960px;
	background-color:#FFFFFF;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	-khtml-border-radius:20px;
	border-radius:20px;

}

#topBar {
	background-color:#F0F2F6;
	border-bottom:1px solid #D4D4D4;
	height:46px;
	padding-top:12px;
}

#topBar #topBarCenter {
	margin-left:auto;
	margin-right:auto;
	width:930px;
}

#topBarMenu  {
	color:#888888;
	float:left;
	height:31px;
	line-height:14px;
	margin-left:8px;
	padding-top:2px;
	width:620px;
}

input#search  {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius:3px;
	border-radius:3px;
	background-color:#FFFFFF;
	border:1px solid #D4D4D4;
	padding:4px 3px 6px;
	width:243px;
}

button#btn  {
	background-color:#F0F2F6;
	background-image:url("/pic/search_button.jpg");
	background-position:0 0;
	background-repeat:no-repeat;
	cursor:pointer;
	padding:5px 3px 8px;
	text-indent:-9999px;
	width:32px;
}

#header {

}

#header2 {
	width:930px;
	text-align:center;
}

#headerInner  {
	height:70px;
	margin-left:auto;
	margin-right:auto;
	padding:6px 0;
	width:930px;

}

#Logo {
	float:left;
	padding-right:21px;
	width:10px;
}

#headerNavi {
	width:650px;
	float:left;
	padding-top:10px;
}

#headerRight {
	padding-top:5px;
	height:78px;
	width:270px;
	float:left;
}

#headerSearch {
	padding-top:7px;
	height:78px;
	width:200px;
	float:left;
}

.eshop {
 display: block;
 width:118px;
 height:39px;
 background: url("/images/newdesign2/eshop2.png") 0 0 no-repeat;
}

a.eshop:hover {
 background-position: -114px 0;
}

#top-menu {
	-moz-border-radius:10px 10px 0px 0px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-khtml-border-radius:10px 10px 0px 0px;
	border-radius:10px 10px 0px 0px;
	background-image:url(/images/newdesign2/top-bg.png);
	margin-top:5px;
	height:25px;
	margin-left:20px;
	width:530px;
	padding-left:25px;
	font-size:12px;
	font-weight:bold;
}

#main-img {
	-moz-border-radius:0 20px 20px 20px;
	-webkit-border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-khtml-border-radius:0 20px 20px 20px;
	border-radius:0 20px 20px 20px;
	background-image:url(/images/newdesign2/main.jpg);
	background-color:#CCCCCC;
	height:350px;
	margin-left:20px;
	width:920px;
	-moz-box-shadow: 3px 3px 4px #969696;
	-webkit-box-shadow: 3px 3px 4px #969696;
	box-shadow: 3px 3px 4px #969696;
}

#menu {
	position:relative;

	top:307px;
	height:43px;
	padding-left:110px;
	background-image:url(/images/newdesign2/bg-black.png);
	-moz-border-radius:0px 0px 20px 20px;
	-webkit-border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
}

#menu2 {
	height:43px;
	padding-left:40px;
	background-image:url(/images/newdesign2/bg-black.png);
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	-khtml-border-radius:12px;
	border-radius:12px;
	width:700px;
	margin-left:165px;
}

#menu a {
	margin-right:5px;
}

.menu1 {
 float:left;
 width:170px;
 height:40px;
 background: url("/images/newdesign2/menu-1.png") 0 0 no-repeat;
}

a.menu1:hover {
 background-position: -170px 0;
}

.menu2 {
 float:left;
 width:170px;
 height:40px;
 background: url("/images/newdesign2/menu-2.png") 0 0 no-repeat;
}

a.menu2:hover {
 background-position: -170px 0;
}

.menu3 {
 float:left;
 width:170px;
 height:40px;
 background: url("/images/newdesign2/menu-3.png") 0 0 no-repeat;
}

a.menu3:hover {
 background-position: -170px 0;
}

.menu4 {
 float:left;
 width:170px;
 height:40px;
 background: url("/images/newdesign2/menu-4.png") 0 0 no-repeat;
}

a.menu4:hover {
 background-position: -170px 0;
}

#headerImg {margin-left:25px;margin-top:5px;}

#header2 {
	margin-bottom:30px;
	margin-left:auto;
	margin-right:auto;
}


#content {
	margin-left:auto;
	margin-right:auto;
	width:930px;
	padding-bottom: 50px;
}

.clearfix:after {content:  ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#content-page {
	float:right;
	width:670px;
}

#status-block {
	text-align:center;
	height:340px;
	background-image:url(/images/newdesign2/status.jpg);
	background-repeat:no-repeat;
	width:148px;
	font-size:12px;
	padding-top:10px;
	/*background-image: -moz-linear-gradient(right, #F7F7F7, #D6D7D9);
	-moz-border-radius:10px;
	-moz-box-shadow: 4px 4px 5px #DDDDDD;
	-webkit-box-shadow: 4px 4px 5px #DDDDDD;*/
}

.gold {color: #b59413}

#solutions {
	padding: 10px;
	margin-left:10px;
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;
	width:625px;
}

#ing-table {
	text-align:left;
	width:670px;
	border:none;
	border-spacing:10px;
}

#ing-table td {
	padding:10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;
	vertical-align:top;
	background-color:#F4F4F7;
	width:220px;
}

#ing-table a {
	padding-bottom:7px;
	margin-top:10px;
	height:10px;
	font-size:11px;
}

#trade-panel {
	/*width:670px;*/
	height:20px;
	background-color:#e2eaf0;
	display:block;
	border-bottom:#b7c4cd solid 3px;
}

#trade-panel2 {
	width:150px;
	height:20px;
	background-color:#ffffff;
	display:block;
	border-top:#b7c4cd solid 3px;
	border-right:#b7c4cd solid 3px;
	padding-left:20px;
}

#recom {
	height:450px;
	padding-left:30px;
	padding-right:5px;
	padding-top:5px;
	margin-bottom:30px;
	-moz-box-shadow: 4px 4px 5px #DDDDDD;
	-webkit-box-shadow: 4px 4px 5px #DDDDDD;
	box-shadow: 4px 4px 5px #DDDDDD;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	font-size:11px;
}


#recom-device {
	margin-top:7px;
	text-align:center;
	padding-right:75px;
}

#recom-price {
	border:#C0C0C0 1px solid;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-khtml-border-radius:7px;
	border-radius:7px;
	font-weight:bold;
	color:white;
	background-color:#EA7500;
	width:70%;
	margin-left:25px;
}

#trade-div {
	float:left;
	padding:10px;
	width:202px;
	font-size:11px;
	height:160px;
	margin-bottom:10px;
	border-right:#CCCCCC solid 1px;
	border-bottom:#CCCCCC solid 1px;
}

#trade-div img {
	padding:0px 10px 10px 10px;
}

#newsblock {
	padding-left:10px;
	padding-top:20px;
	padding-bottom:20px;
	margin-bottom:30px;
	-moz-box-shadow: 4px 4px 5px #DDDDDD;
	-webkit-box-shadow: 4px 4px 5px #DDDDDD;
	box-shadow: 4px 4px 5px #DDDDDD;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	background-image: -moz-linear-gradient(top, #ffffff, #EEEEEE);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #ffffff),color-stop(1, #EEEEEE));
	/* Opera? */
}


#marketing {
	padding-left:10px;
	padding-top:20px;
	padding-bottom:20px;
	margin-bottom:30px;
	-moz-box-shadow: 4px 4px 5px #DDDDDD;
	-webkit-box-shadow: 4px 4px 5px #DDDDDD;
	box-shadow: 4px 4px 5px #DDDDDD;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	background-image: -moz-linear-gradient(top, #ffffff, #FFCCCC);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #ffffff),color-stop(1, #FFCCCC));
	/* Opera? */
}

#sidebar {
	float:left;
	width:210px;
}

#sidebar-menu {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;
}

#sidebar-menu ul {
	font-weight:normal;
}


#footer {
	position: relative;
        margin-top: -50px;
        padding-top: 50px;
	height: 150px;
	clear:both;
	margin:1px 0 0;
	font-size:0.8em;
	background: url("footer-bg.png") repeat-x scroll 0 0 transparent;
	border-radius: 0px 0px 20px 20px;
}

#footer-panel {
	height:33px;
	width:930px;
	display:block;
	background-image:url(/images/newdesign2/foot.png);
	color:#666666;
}

#footer-panel-left {
	padding-top:7px;
	padding-left:20px;
	width:565px;
	float:left;
}

#footer-panel-right {
	padding-top:7px;padding-left:20px;
	float:left;
}


#footerInner {
	margin-left:auto;
	margin-right:auto;
	width:930px;
}

.footerLeft  {
float:left;
height:70px;
margin-bottom:18px;
margin-top:18px;
padding-top:10px;
width:160px;
}

.footerMiddle  {
border-right:1px solid #D4D4D4;
float:left;
height:70px;
margin-bottom:18px;
margin-left:19px;
padding-right:19px;
margin-top:18px;
padding-top:10px;
width:350px;
}

.footerRight  {
float:right;
margin-left:19px;
margin-top:54px;
}


a:link, a:visited, a:active {
	border: 0px;
	cursor: pointer;
	color: #006FA8;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

img {
	border: 0px;
}

.imgborder {
	padding: 5px;
	margin:5px 0px 5px 0px;
	border: solid 1px #EFEFEF;
	-webkit-transition:all .2s ease-in;
}

a:hover img.imgborder {
	border: solid 1px #CCC;
	-moz-box-shadow: 1px 1px 5px #999;
	-webkit-box-shadow: 1px 1px 5px #999;
    box-shadow: 1px 1px 5px #999;
}

h1 {
	color: #ff9933;
	font-family:Georgia, Helvetica, sans-serif;
	margin-bottom:11px;
	padding-left:7px;
	padding-bottom:7px;
	font-weight:lighter;
}

h2 { color: #666666; font-size: 120%; }

h3 { color: #6C7A85; font-size: 130%; font-family: "Helvetica Neue", Helvetica;font-weight:bold; margin-bottom:1px; }

h4 {
	color: #666666;
	font-size: 130%;
	margin-top:15px;
	margin-bottom:11px;
	padding-bottom:7px;
}

ul { margin: 5px 0px 5px 20px;}

p { margin: 9px 0px 0px 0px;}

#strong {
	font-weight:bold;
	font-size:14px;
	width:287px;
}

input, textarea, select {
	border: 1px solid #CCCCCC;
	padding: 3px;
}

input.query {
	border: 1px solid #CCCCCC;
	padding: 3px;
	font-size: 12px;
	width: 150px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow: 2px 2px 3px #969696;
	-webkit-box-shadow: 2px 2px 3px #969696;
	box-shadow: 2px 2px 3px #969696;
}

input.button { background: #dddddd; border: 1px solid #CCCCCC; height:22px; padding-top:1px;

	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow: 2px 2px 3px #969696;
	-webkit-box-shadow: 2px 2px 3px #969696;
	box-shadow: 2px 2px 3px #969696;

 }

textarea.text, select.text, input.text {
  font-size: 90%;
  border: 1px solid #9097A2;
  background: #F2F2F7;
}

.smalltext {
  font-size: 70%;
  color:#999999;
}

select.text:hover, input.text:hover {
  background: #ffffff;
}

input.submit { font-size: 0.9em; background: #e1e3f0; color: #444444; width: 70px; border-color: #9097a2 #283043 #283043 #9097a2; border-style: solid; border-width: 1px; }

a.dashed {
  border-bottom:1px dashed;
  text-decoration:none;
}


//// tabs

.section {
	width: 600px;
	background: #EFEFEF;
	margin: 0 0 30px;
}
ul.tabs {
	height: 28px;
	line-height: 25px;
	list-style: none;
	border-bottom: 1px solid #DDD;
	background: #FFF;
	margin: 0px;
}
.tabs li {
	float: left;
	display: inline;
	margin: 0 1px -1px 0;
	padding: 0 13px 1px;
	color: #777;
	cursor: pointer;
	background: #F9F9F9;
	border: 1px solid #E4E4E4;
	border-bottom: 1px solid #F9F9F9;
	position: relative;
	-moz-border-radius:5px 5px 0px 0px;
	-webkit-border-radius:5px 5px 0px 0px;
	-khtml-border-radius:5px 5px 0px 0px;
	border-radius:5px 5px 0px 0px;
}
.tabs li:hover,
.vertical .tabs li:hover {
	color: #F70;
	padding: 0 13px;
	background: #FFFFDF;
	border: 1px solid #FFCA95;
}
.tabs li.current {
	color: #444;
	background: #EFEFEF;
	padding: 0 13px 2px;
	border: 1px solid #D4D4D4;
	border-bottom: 1px solid #EFEFEF;
}
.box {
	display: none;
	border: 1px solid #D4D4D4;
  border-width: 0 1px 1px;
	background: #EFEFEF;
	padding: 0 12px;
}
.box.visible {
	display: block;
}

.section.vertical {
	width: 440px;
	border-left: 160px solid #FFF;
}
.vertical .tabs {
	width: 160px;
	float: left;
	display: inline;
	margin: 0 0 0 -160px;
}
.vertical .tabs li {
	padding: 0 13px;
	margin: 0 0 1px;
	border: 1px solid #E4E4E4;
	border-right: 1px solid #F9F9F9;
	width: 132px;
	height: 25px;
}
.vertical .tabs li:hover {
	width: 131px;
}
.vertical .tabs li.current {
	width: 133px;
	color: #444;
	background: #EFEFEF;
	border: 1px solid #D4D4D4;
  border-right: 1px solid #EFEFEF;
  margin-right: -1px;
}
.vertical .box {
  border-width: 1px;
}
