html,
body, #mywrapper  {
     margin:0;
     height:100%;
}
body {
     margin: 0;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 12px;
     background:#fdb829 url(../images/bg-body.jpg) repeat-x 50% 0;
     min-width:998px;
}
#main-container{
     width:100%;
     overflow:hidden;
     position:relative;
}
.mc-holder-1{
     width:6000px;
     position:relative;
     float:left;
     left:50%;
}
.mc-holder-2{
     width:6000px;
     position:relative;
     float:left;
     left:-50%;
     background:url(../images/bg-header.jpg) repeat-x 50% -10px;
}

a:focus {outline:none}
input, textarea, select {
	font:100% arial,sans-serif;
	vertical-align:middle;
}
form,fieldset {
	margin:0;
	padding:0;
	border-style:none;
}
img {
	border:none;
}
.page-width {
	min-height:100%;
}
.page-btm {
}
* html .page-width {
	height:100%;
}
#container {
	width:1140px;
	margin:0 auto;
	overflow:hidden;
}
.page {
	position:relative;
	z-index:10;
}
h2 a, h2 {
	margin:0;
	font-size:30px;
	color:#ff7b00;
	text-decoration:none;
}

h3 a, h3{
	margin:0;
	font-size:24px;
	color:#ff7b00;
	text-decoration:none;
}

h4 a, h4{
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#000;
	padding:0px 0px 0 20px;
	text-decoration:none;
}
/*-------------------header--------------------*/
#header {
	position:relative;
	height:333px;
	z-index:100;
}
#header .head {
	position:absolute;
/*	left:-59px;*/
	top:0px;
	width:402px;
	height:390px;
	text-indent:-9999px;
	overflow:hidden;
	background: url(../images/container-bg.jpg) no-repeat;
}
#header strong a {
	position:absolute;
	left:385px;
	top:95px;
	width:200px;
	height:109px;
	text-indent:-9999px;
	background:url(../images/logo.png) no-repeat;
	z-index: 9999;
}
#header span,
#header span a {
	font-size:18px; 
	color:#3c77c0;
	text-decoration:none;
}
#header span a:hover {
	text-decoration:underline;
}
	

/*---------------------------------------menu------------------------------------------*/

#header .f-right {
	width:150px;
}
#header .d-right {
	position:absolute;
	right:125px;
	top:16px;
	width:250px;
	text-align:right;
}
#header .d-right h3 {
	margin:0 0 -3px;
}
#header .menu {
	position:absolute;
	left:600px;
	top:120px;
	width:500px;
	z-index:100;
}
.menu ul {
	margin:0;
	padding:0;
	list-style:none;
}
.menu ul li {
	float:left;
	width:138px;
	padding:0 0 0 25px;
	vertical-align:top;
	height:1%;
	border-left:1px solid #ccc;
}
.menu ul li.first {
	border:none;
}
.menu ul a {
	line-height:20px; 
	text-decoration:none; 
	font-size:12px; 
	cursor:pointer;
	color:#ff7b00;
	padding:0 0 0 10px;
	background:url(../images/list-mark.gif) no-repeat 0 4px;
}
.menu ul a:hover {
	text-decoration:underline;
}

/*-------------------------------------------------------------------*/

#wrapper {
	position:relative;
	z-index:1;
	width:980px;
	margin:0 auto;
}
/*-------------------content-----------------*/
#content:after {
	content:"";
	clear:both;
	display:block;
}
#content {
/*	height:1%;*/
	background-color:#fff;
	padding:70px 40px 50px 60px;
	min-height:240px;
}
* html #content {
	height:240px;
}
#content p{
	margin:0;
/*	color:#646052;*/
color:#000000;
	padding:15px 10px 0 0;
	line-height:14px;
        text-indent:15px;
}

#content .products h3 {
	margin:30px 0 20px 20px;
}
.block {
	width:510px;
	padding-right:25px;
}
/*-------------------news-------------------*/

.news {
	width:280px;
	margin:10px 0 0 10px;
	float:right;
}
.news h3 {
	margin:0 0 12px;
}
.news span {
	color:#b2b2b2;
	font-size:11px;
}
#content .news p {
	margin:-3px 0 15px;
	color:#333333;
	padding:0;
	line-height:14px;
}
.news a {
	color:#3c77c0;
	text-decoration:none;
}
.news a:hover {
	text-decoration:underline;
}
.f-right {
	float:right;
}
/* box */
.products {
	margin:0 -60px 0 -20px;
}
.boxes:after {
	content:"";
	clear:both;
	display:block;
}
.boxes {
/*	height:1%;*/
	width:952px;
	margin:0 40px 0 0;
}
.box {
	float:left;
	width:440px;
	display:inline;
	overflow:hidden;
	margin:-1px 8px 8px -1px;
/*	background:url(../images/line.gif) no-repeat 50% 0;*/
}
.box-border {
	margin:8px 0 0;
	padding:26px 18px 10px 0;
	overflow:hidden;
/*	height:1%;*/
/*	border-left:1px solid #fef7d4;*/
}
.box .pict {
	float:left;
	width:160px;
}
.box .pict img {
	display:block;
	margin:0 auto;
}
.box .about {
	float:right;
	width:260px;
	padding:5px 0 0;
}
.box .about a.more {
	position:relative;
	float:right;
	display:inline;
	margin:15px -3px 0 0;
	width:116px;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/btn-more.gif) no-repeat;
}
.box h4 {
	margin:0;
	padding:0 0 10px 8px;
	color:#ff7b00;
	font-weight:bold;
	font-size:14px;
	letter-spacing:-1px;
}
#content .box p {
	margin:0;
	padding:0 0 0 8px;
	overflow:hidden;
/*	height:1%;*/
	color:#333;
	font-size:11px;
	line-height:18px;
}
#content .box p.color{
	background:#fff9e0;
}
#content .box p strong {	
	float:left;
	width:160px;
	font-weight:normal;
}
/*------------------footer------------------*/
.foot {
	width:1010px;
	margin:0 auto;
}
#footer {
	position:relative;
	z-index:1;
	height:50px;
	width:930px;
	clear:both;
	padding:385px 40px 0;
	margin:-367px 0 0;
	background:url(../images/bg-shadow.png) no-repeat;
}
#footer p {
	color:#fff;
	font-size:11px;
	margin:0;
}
#footer a {
	color:#fff;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
#footer p.right,
#footer p.left {
	float:right;
	color:#fff;
}
#footer p.left {
	float:left;
}
/* contact page */
.cont #content {
	padding-top:90px;
	padding-right:0;
}
.contact h1 {
	margin:0 0 20px;
	color:#ff7b00;
	font-size:30px;
	line-height:32px;
}
.phone {
	float:left;
	width:253px;
}
.phone h2 {
	margin:13px 0 0;
	font-size:14px;
	line-height:18px;
}
.cont #content .phone p {
	margin:3px 0 0;
	padding:0;
	color:#333;
	font-size:11px;
	line-height:18px;
}
.cont #content .phone a {
	color:#3c77c0;
	text-decoration:underline;
}
.cont #content .phone a:hover {
	text-decoration:none;
}
.form-question {
	float:left;
	width:630px;
}
* html .form-question {width:637px;}
.form-question h2 {
	margin:13px 0 0;
	font-size:14px;
	line-height:18px;
}
.form-question .col {
	float:left;
	width:303px;
}
.form-question .rows {
	overflow:hidden;
	height:1%;
	padding:10px 0 0;
}
.form-question label {
	float:left;
	width:76px;
	color:#333;
	font-size:11px;
	line-height:20px;
}
.form-question input.field {
	float:left;
	height:16px;
	width:195px;
	padding:2px 4px 0;
	color:#333;
	font:12px/16px Arial, Helvetica, sans-serif;
	border:1px solid #7f9db9;
	background:#fff;
}
.form-question textarea {
	width:247px;
	height:78px;
	border:1px solid #7f9db9;
	background:#fff;
	color:#333;
	font:12px/16px Arial, Helvetica, sans-serif;
}
.form-question input.btn {
	float:right;
	margin:8px 0 0;
}
/* info page */
.det #content {
	padding-left:40px;
	padding-right:0;
}
.info-holder {
}
.info-holder h1 {
	margin:0 0 0 20px;
	color:#ff7b00;
	font-size:30px;
	line-height:36px;
}
.pict-hold {
	float:left;
	width:300px;
	padding:30px 0 0;
}
.pict-hold img {
	display:block;
	margin:0 auto;
}
.price {
/*	margin:38px 0 0;*/
	padding:0 5px 10px;
	background:#fff9e0;
}
.price .title {
	overflow:hidden;
	height:1%;
	padding:5px 0 0;
}
.price .title strong {
	float:left;
	color:#58c03c;
	font-size:24px;
	line-height:26px;
}
.price .title strong span {
	color:#333;
	font-weight:normal;
}
.det #content .price p {
	margin:3px 0 0;
	padding:0;
	color:#333;
	font-size:18px;
	line-height:20px;
}
.det #content .price .title p {
	float:right;
	margin:0;
	padding:0;
	color:#333;
	font-size:11px;
	line-height:34px;
}
.price h3 {
	margin:5px 0 0;
	font-size:13px;
	line-height:18px;
}
.det .form-question {
	width:auto;
	padding:20px 8px 0 10px;
}
.det .form-question textarea {
	float:left;
	width:200px;
}
/* text holder */
.text-hold {
	float:left;
	padding:15px 0 0 18px;
	width:588px;
}
.det #content .text-hold p {
	margin:10px 0 0;
	padding:0;
	color:#333;
	font-size:11px;
	line-height:18px;
}
.det #content .text-hold h2 {
	margin:20px 0 0;;
	font-size:14px;
	line-height:18px;
}
.det #content .text-hold .tech {
	padding:10px 0 0;
}
.det #content .text-hold .tech p {
	margin:0;
	padding:0 0 0 8px;
	overflow:hidden;
	height:1%;
	color:#333;
	font-size:11px;
	line-height:18px;
}
.det #content .text-hold .tech p.color{
	background:#fff9e0;
}
.det #content .text-hold .tech p.color1{
	background:#DEF2D8;
}
.det #content .text-hold .tech p strong {	
	float:left;
	width:160px;
	font-weight:normal;
}
.det #content .text-hold .tech span {
	float:right;
	width:150px;
	text-align:center;
}
.text-hold ul {
	margin:0;
	padding:10px 0 0 12px;
	list-style:none;
}
.text-hold ul li {
	padding:0 0 0 9px;
	color:#333;
	font-size:11px;
	line-height:18px;
	background:url(../images/bg-bullet.gif) no-repeat 0 7px;
}
/* price page */
.price-hold {
	padding:10px 0 0;
}
.price-hold h1 {
	margin:0;
	color:#ff7b00;
	font-size:24px;
	line-height:26px;
}
.pric #content .price-hold .title {
	overflow:hidden;
	zoom:1;
	padding:22px 20px 5px 8px;
}
.pric #content .price-hold h2 {
	float:left;
	margin:0;
	color:#ff7b00;
	font-size:14px;
	line-height:18px;
}
.pric #content .price-hold p {
	float:right;
	margin-right:22px;
	padding:0;
	color:#333;
	font-size:11px;
	line-height:18px;
        
}
.pric #content .price-hold .price-name p {
	float:none;
	margin:0;
	padding:0 0 0 8px;
	overflow:hidden;
	zoom:1;
	color:#333;
	font-size:11px;
	line-height:18px;
}
.pric #content .price-hold .price-name p.color{
	background:#fff9e0;
}
.pric #content .price-hold .price-name p strong {	
	float:left;
	/*width:160px;*/
	font-weight:normal;
}
.pric #content .price-hold .price-name span {
	float:right;
	width:120px;
	font-weight:bold;
	color:#58c03c;
	text-align:center;
}


.cb {
    clear: both;
}

.bnone {
    border: none;
}

.mainbox {
    margin-left: -20px;
}


.myphone {
     width:37px;
     height:35px;
     background:url(../images/phone.jpg) no-repeat 0 0;
}

.back {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 13px;
     background:url(../images/arrow.jpg) no-repeat 0 3px;
     color:#397ABE;
     padding-left:15px;
}

.back:hover {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 13px;
     background:url(../images/arrow.jpg) no-repeat 0 3px;
     color:#397ABE;
     padding-left:15px;
     text-decoration:none;
}


.dprice {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 13px;
     color:#397ABE;
     padding-left:15px;
}

.dprice:hover {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 13px;
     color:#397ABE;
     padding-left:15px;
     text-decoration:none;
}


#mywrapper {
      margin: 0 auto;
      text-align: center;
      vertical-align: middle;
      width: 30px;
   }

#content ul {
/*color:#646052;*/
color:#000000;
}

#content ol {
color:#000000;
}



img.alignleft {
float:left;
padding-right:10px;
}
img.alignright {
float:right;
padding-left:10px;
}

