﻿
/*-----------------------------------------------------------------------------------------------
	La Germania CssStyle
-----------------------------------------------------------------------------------------------*/
div.row ol {
	 background-image:url('../images/Bg-wb-loop.gif'); 

}
#tooltip {
background-image:url('../Images/footer-tooltip-gray.gif');
border-color:#D9DBDD;
}


/*-----------------------------------------------------------------------------------------------
	Lagermania=====Layer *1
-----------------------------------------------------------------------------------------------*/

div#head-abstract {
	background: transparent url('../images/Head-Abstract-Lag.gif') no-repeat scroll center top;
}

/*----- Barnd Detail ---- */
div#brand-detail span a {
	color:#FF8600 ;
}
div#brand-detail h4 a{
	color:#000;
}
div#brand-detail a:hover {
	color:#FF8600;
}
div#head-abstract h3 {
	font-family:Arial,Tahoma,Helvetica,sans-serif,"Courier New";
}

div#head-abstract span a {
	color:#FF8600;
}
div#head-abstract span a:hover {
	color: #FF8600;
}

/*----- main-abstract ---- */
div.main-abstract {
	border-color:#D9DBDD;
}

div.footer-abstract {
	background-image: url('../images/footer-Abstract-lag.gif');
}
div.body-typebox {
	background-image: url('../images/Type-Box.gif');
}
div.body-typebox h4 a {
	background: transparent url('../images/midea-symbol.gif') no-repeat scroll right 2px;
}
div.body-typebox h4 a:hover {
	color: #FF8600;
	background: transparent url('../images/midea-symbol.gif') no-repeat scroll 39px 2px;
}
/*-----------------------------------------------------------------------------------------------
	Lagermania=====Layer **2 
-----------------------------------------------------------------------------------------------*/
div.body-modelbox {
	background-image:url('../images/model-box.gif');
}

div.body-modelbox div {
	border-bottom-color:#697F92;
	color: #697F92;
}
div.body-modelbox div:hover {
	border-bottom-color:#FF8600;
	color: #FF8600;
}

div.body-modelbox h4 a {
	color: #697F92 ;
}
div.body-modelbox h4 a:hover {
	color: #FF8600;
}


/*-----------------------------------------------------------------------------------------------
	Lagermania=====Layer ***3 
-----------------------------------------------------------------------------------------------*/
div#model-photo h4 {
	color: #697F92;
}
div#model-photo ul li a{
 background-color: #F5F6F7;
} 

div.top-abstract {
	background-image:url('../images/top-abstract-lag.gif');
}

div.toptab h3 a{
	background-image:url('../images/top-tabup-lag.gif');	
}
div.toptab h3 a:hover {
	color:#FF8600;
}

div#model-top ol li:hover , div.row ol li:hover,div#model-photo ul li a:hover {
	background-color: #eeeeee;
}

li.alternate{
	background-color:#F5F6F7;
}
 
div#head-abstract a:hover {
	color: #FF8600;	
}


/*-----------------------------------------------------------------------------------------------
	============== 
-----------------------------------------------------------------------------------------------*/
div.about-top {
	border-color:#D9DBDD;
}


div#body-miniabout h4 {
 color: #000;
}


div#body-miniabout div.atop {
	background-image: url('../images/top-miniabout-gray.gif');	
}
div#body-miniabout div.abottom {
	background-image: url('../images/footer-miniabout-gray.gif');
}
div#body-shortcut div.atop {
	background-image: url('../images/Top-Shortcut-gray.gif');
}
div#body-shortcut div.abottom {
	background-image: url('../images/footer-Shortcut-gray.gif');
}
div#body-miniabout div.abody ,div#body-shortcut div.abody {
	border-color:#D9DBDD;
}

/*---------------======== about ==========Lagermania---------------*/
div#body-shortcut ol li a:hover, div#body-shortcut ol li a:active {
	  color: #0E1438;
}


div#body-shortcut ol li {
	background-color: #eeeeee;
	border-right-color: #D9DBDD;
}
div#body-shortcut ol li:hover {
	background-color: #FFDEB9 ;
	border-right-color:#FF8600;
}

/*---------------======== Panel article========== Lagermania ---------------*/
div.article h4, div.article h3 {
	color: #697F92;
}

div.article img {
	border-color:#D9DBDD;}
	
div.article a {
	color: #FF8600;}
div.article p a {
border-color:#FF8600;
}
	
div.article code {
	color:  #006FA4;
}	

div.article div.superbox {
	background-color:  #EEEEEE;
	border-color:#006FA4;
}	

div.article div.superbox:hover {
	background-color: #D9DBDD;
	border-color:#000;

	/*background-color: #D3EBAF;*/
}


div.article h5 {
background-color:#D9DBDD;
border-color:#BBB;
}
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;
	
}
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: #F5F7F8;
	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: #D9E2E6;
}
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  #354853;
	border-top:1px dotted #354853;
	background-color: #F7F9F9;
	padding:10px;
	margin:10px 20px;
}
div.updateprogress p{
	margin:0;
	background:url('../Images/icons18.gif') no-repeat scroll right  center #F7F9F9;
	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;
}

