﻿/*-----------------------------------------------------------------------------------------------
	Farsun CssStyle
-----------------------------------------------------------------------------------------------*/
div.row ol {
	background-image: url('../images/Bg-midea-loop.gif');
}
/*-----------------------------------------------------------------------------------------------
	Farsun======News
-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------
	Farsun======Layer *1
-----------------------------------------------------------------------------------------------*/
div#head-abstract {
	background: transparent url('../images/Head-Abstract-Farsun.gif') no-repeat scroll center top;
}
/*--------newes---------------*/
div#head-abstract h5 {
	padding-right: 20px;
}
div.head-max {
	padding: 0 0 4px 0;
}
html > body div.head-max {
	padding: 0 0 10px 0;
}
/*------- ---------------*/
div#head-abstract {
	background: transparent url('../images/Head-Abstract-Farsun.gif') no-repeat scroll center top;
}
/*----- Barnd Detail ---- */
div#brand-detail h4 {
	color: #2C98EC;
}
div#head-abstract span a {
	color: #0087ef;
}
div#head-abstract span a:hover {
	color: #009e3b;
}
/*----- main-abstract ---- */
div.main-abstract {
	border-color: #c7dfec;
}
div.footer-abstract {
	background-image: url('../images/footer-Abstract-Midea.gif');
}
div.body-typebox {
	background-image: url('../images/Type-Box-midea.gif');
}
div.body-typebox h4 a {
	color: #0087EF;
	background: transparent url('../images/midea-symbol.gif') no-repeat scroll right -281px;
}
div.body-typebox h4 a:hover {
	color: #29a959;
	background: transparent url('../images/midea-symbol.gif') no-repeat scroll 38px -111px;
}
/*-----------------------------------------------------------------------------------------------
	Farsun==============Layer **2
-----------------------------------------------------------------------------------------------*/
div.body-modelbox {
	background-image: url('../images/model-box-midea.gif');
}
div.body-modelbox div {
	border-bottom-color: #4cc6f4;
	color: #0087ef;
}
div.body-modelbox div:hover {
	border-bottom-color: #04b445;
	color: #009e3b;
}
div.body-modelbox h4 a {
	color: #0087ef;
}
div.body-modelbox h4 a:hover {
	color: #009e3b;
}
/*-----------------------------------------------------------------------------------------------
	Farsun==============Layer ***3
-----------------------------------------------------------------------------------------------*/
div#model-photo h4 {
	color: #0087ef;
}
div#model-photo ul li a {
	background-color: #f2fbfe;
}
div.top-abstract {
	background-image: url('../images/top-abstract-midea.gif');
}
div.toptab h3 a {
	background-image: url('../images/top-tabup-midea.gif');
}
div.toptab h3 a:hover {
	color: #009E3B;
}
li.alternate {
	background-color: #f2fbfe;
}
div#body-shortcut ol li a:hover, div#body-shortcut ol li a:active {
	color: #2D43B5;
}
div#model-top ol li:hover, div.row ol li:hover, div#model-photo ul li a:hover {
	background-color: #E3F5FD;
}
/*-----------------------------------------------------------------------------------------------
	Farsun============== about
-----------------------------------------------------------------------------------------------*/
div#body-miniabout h4 {
	color: #2C98EC;
}
div#body-miniabout div.atop {
	background-image: url('../images/top-miniabout-blue.gif');
}
div#body-miniabout div.abottom {
	background-image: url('../images/footer-miniabout-blue.gif');
}
div#body-shortcut div.atop {
	background-image: url('../images/Top-Shortcut-blue.gif');
}
div#body-shortcut div.abottom {
	background-image: url('../images/footer-Shortcut-blue.gif');
}
div#body-miniabout div.abody, div#body-shortcut div.abody {
	border-color: #C7DFEC;
}
/*-----------------------------------------------------------------------------------------------
	Farsun============== 
-----------------------------------------------------------------------------------------------*/
/*---------------======== about ========== FARSUN ---------------*/
div#body-shortcut ol li {
	background-color: #f2fbfe;
	border-right-color: #E3F5FD;
}
div#body-shortcut ol li:hover {
	background-color: #D1F75D;
	border-right-color: #A8D860;
}
/*---------------======== Panel article========== FARSUN ---------------*/
div.article h4, div.article h3 {
	color: #71A42B;
}
div.article img {
	border-color: #b9eafd;
}
div.article a {
	color: #009e3b;
}
div.article code {
	color: #0087EF;
}
div.article div.superbox {
	background-color: #F2FBFE;
}
div.article div.superbox:hover {
	/*background-color: #768D98;*/
	background-color: #D3EBAF;
}
div.article h5 {
	background-color: #D1F75D;
	border-color: #E0E0E0;
}
div.article div.row ol {
	border-color: #E0E0E0;
}
/*-----------------------------------------------------------------------------------------------
	Contact============== 
-----------------------------------------------------------------------------------------------*/
div.slice {
	width: 48.5%;
}
div.slice code {
	direction: ltr;
	display: block;
	text-align: left;
	text-transform: lowercase;
	text-indent: 10px;
}
div.floatright {
	float: right;
	text-align:left;
	
}
div.floatleft {
	float: left;
	text-align:left;
	
}
div.contact {
	width: 49.2%;
	padding-top:20px;
}
div.comments-form select, div.comments-form input, div.comments-form textarea, div.contact select, div.contact input, div.contact textarea {
	background-color: #f2f7fa;
	border:  1px #ADD0E3 solid;
	color: #000;
	display: block;
	float: right;
	font-family: Tahoma,Arial,sans-serif;
	font-size: 1em;
	margin: 0 0 7px;
	overflow: auto;
	padding: 3px;
	width: 220px;	
}
div.contact label {
	clear: right;
	display: block;
	float: right;
	padding-left: 10px;
	text-align: left;
	width: 98px;
	font-size:1.1em;
}

div.contact input{
	width: 187px;
	overflow: visible;
}
div.contact input:hover, div.contact textarea:hover , div.contact select:hover {
	background-color:#C1E9FE;
}
div.contact input:focus, div.contact textarea:focus , div.contact select:focus {
	background-color:  #416169;
	color:#fff;
}

div.contact select{
	width:195px;
}
div.contact textarea {
	width: 187px;
}
span.validator{
background:transparent url(../Images/icovalidator.gif) no-repeat scroll left center;
cursor:help;
display: block;
float:right;
height:18px;
padding-right:5px;
text-indent:-9999px;
width:18px;
}

div.contact a.btnmore:hover{
	color:#000;
	text-decoration:none;
	cursor: pointer;
}
div.contact-form li{
	list-style-type:square;
	list-style-position:inside;
	font-size:1.1em;
	padding: 5px 10px 0 0;
	line-height:1.3em;
}

div.slice div.row ol li {
	border-bottom:1px #E0E0E0 solid;
}
div.slice div.row ol {
	border:0 transparent none;
}

div.updateprogress{
	clear:both;
	display:block;
	border-bottom:1px dotted #234D65;
	border-top:1px dotted #234D65;
	background-color:#F2FBFE;
	padding:10px;
	margin:10px 20px;
}
div.updateprogress p{
	margin:0;
	background: #F2FBFE url('../Images/icons18.gif') no-repeat scroll right  center;
	clear:both;
	display:block;
	height:20px;
	padding:0 35px 0 0;
	text-indent:0;
}
div.updateprogress p#finalicon{
 	background-position:right -467px;
}
div.updateprogress p#waiticon{
 	 background-image:url('../Images/loading3.gif')
}
 
div.updateprogress p#erroricon{
 	 background-position:right -683px;
 	 color:#FF0000;
}
 

