/* CSS Document */

body{
color: #000;
background:#80726f;
text-align:center;
margin:0; 
padding:0; 
}
#wrapper{
clear:both;
margin:auto;
width:996px;
padding:0;
text-align:center;
}
#wrap{
clear:both;
float:left;
margin:0;
width:996px;
padding:0;
}
#top{
clear:both;
float:left;
width:996px;
height:91px;
margin:0;
padding:0;
background:url(../images/top.jpg) no-repeat;
}

#righttop{
clear:both;
float:right;
width:561px;
margin:0;
padding:20px 30px 3px 322px;
text-align:right;
font: 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#16294E;
font-weight: normal;
}

#righttop a, #righttop a:link, #righttop a:active, #righttop a:visited {
	font: 10px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif; 
        color: #1662BF;
        text-decoration: none;
}

#righttop a:hover {
        color: #4C0C0C;
		text-decoration:underline;
}

#navi {
clear:both;
float:right;
background:  transparent;
color: #FF6600;
width:570px;
border: 0px solid #354463;
padding:12px 30px 0px 322px;
margin:0;
text-align:right;
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
}

#navi a, #navi a:link,  #navi a:active,  #navi a:visited  {
padding: 0 4px 0 4px;
color: #d8e1e8;
font-weight:bold;
text-decoration:none;
}
#navi a:hover {
color: #fff;
text-decoration:none;
margin:0;
padding: 0 4px 0 4px;
}



#container{
clear:both;
float:left;
width:996px;
margin:0;
padding:0;
background:url(../images/bgmain2.jpg) repeat-y;
}
#cmainbot{
clear:both;
float:left;
width:996px;
height:20px;
margin:0;
padding:0;
background:url(../images/ccbot.jpg);
}


#left{
float:left;
width:213px;
margin:0;
padding:0;
}
#left p{
font: 10px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif; 
color:#000;
}


.titleproduct{
clear:both;
float:left;
width:213px;
height:117px;
margin:0;
padding:0;
}
#leftcontent{
clear:both;
float:left;
width:201px;
margin:0;
padding:0 0 0 12px;
text-align:left;
}

.menu{
	clear:both;
	float:left;
	padding:0;
	margin:0px;
	width:201px;
}
.menu a, .menu a:link, .menu a:active, .menu a:visited{
font: 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
display:block;
border-bottom:1px solid #e0d9d1;
border-top:1px solid #fbf7f4;
border-right:0px solid #8F8C8C;
border-left:0px solid #8F8C8C;
margin:0;
padding:6px 3px 6px 10px;
font-weight:bold;
width:188px;
color:#360404;
background:#D9D7D7;
background:url(../images/bglmenu.jpg) repeat-x #eee8dc;
text-decoration:none;
}
.menu a:hover{
color:#a00;
background:#F0EEEE;
}
.menu ul{
list-style:none;
margin:0;
padding:0;
width:201px;
}
/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */
.menu li, .menu li:hover{
position:relative;
}
.menu li ul{
position:absolute;
top:0;
left:100.1%;
display:none;
}
.menu ul ul,
.menu ul ul ul,
.menu ul li:hover ul ul,
.menu ul li:hover ul ul ul
{display:none;}

.menu ul li:hover ul,
.menu ul ul li:hover ul,
.menu ul ul ul li:hover ul
{display:block;}

.menu li ul a, .menu li ul a:active, .menu li ul a:link, li ul .menu a:visited{
font: 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
display:block;
border-bottom:1px solid #e0d9d1;
border-top:1px solid #fbf7f4;
border-right:0px solid #8F8C8C;
border-left:0px solid #8F8C8C;
margin:0;
padding:3px 3px 3px 10px;
font-weight:bold;
width:188px;
color:#360404;
background:#D9D7D7;
background:url(../images/bglmenu.jpg) repeat-x #eee8dc;
text-decoration:none;
}
.menu li ul a:hover{
color:#a00;
background:url(../images/bglmenu.jpg) 0 -36px repeat-x #F0EEEE;
}
/* End non-anchor hover selectors */

/* Styling for Expand */
.menu a.x, .menu a.x:link, .menu a.x:visited, .menu a.x:active{
background:url(../menus/down.gif) no-repeat #eee8dc;
color:#360404;
background-position:98% 50%
}

.menu a.x:hover{
background:url(../menus/down.gif) no-repeat #F0EEEE;
color:#a00;
background-position:98% 50%
}

.box{
clear:both;
float:left;
width:198px;
margin:0;
padding:0 0 0 3px;
}

.box a, .box a:active, .box a:link, .box a:visited {
font: 10px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif; 
color:#265bbb;
font-weight:normal;
text-decoration:none;
font-weight:bold;
}
.box a:hover{
color:#043f50;
text-decoration:none;
}

.ltitletext{
clear:both;
float:left;
width:192px;
background:#7195c7;
font: 12px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif; 
color:#fff;
font-weight:bold;
margin:0;
padding:3px 0 3px 6px;
}
.title{
clear:both;
float:left;
width:198px;
height:57px;
margin:2px 0 2px 0;
padding:0;
}
.topform{
width: 190px;
clear:both;
float:left;
margin:0 0 2px 0px;
padding:0 4px 4px 4px;
font: 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#093C5F;
border:0px solid #597EAB;
background:#f3f3f3;
}
.topform p{
clear:both;
float:left;
width:190px;
margin:0 0 2px 0px;
padding:0;
font: 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#093C5F;
}
.topform a, .topform a:visited, .topform a:active, .topform a:link{
color:#082DA0;
text-decoration:none;
font-weight:bold;
}

.topform a:hover{
color:#072154;
}
.topformclass{
clear:both;
float:left;
width:190px;
text-align:left;
font: 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#093C5F;
margin:0;
padding:0;
}
.btlogin {
background: #ddd;
color:#000;
border:0;
font: 11px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:bold;
margin:2px;
border:1px solid #ccc;
} 
.field, .rightsearch{
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
text-align:left;
color:#2F496B;
padding:2px;
border:1px solid #666666;
}

#news, #dif{
width: 190px;
clear:both;
float:left;
margin:0 0 2px 0px;
padding:0 4px 4px 4px;
font: 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#093C5F;
border:0px solid #597EAB;
background:#F8FAFA;
}
#news p, #dif p{
clear:both;
float:left;
width:190px;
margin:0;
padding:0 0 2px 0;
margin:0;
}
.date{
clear:both;
float:left;
width:182px;
margin:4px 0 0 0;
padding:0 4px 0 4px;
color:#660000;
font-weight:bold;
border-bottom:1px dotted #999999;
}




#center{
float:left;
width:599px;
margin:0;
padding:0;
background:url(../images/bgcenter2.jpg) top left no-repeat;
}
#header{
clear:both;
float:left;
width:587px;
height:334px;
margin:0;
padding:0 7px 0 5px;
}
#header img{
border-bottom:1px solid #666666;
}

#cmain{
clear:both;
float:left;
width:599px;
margin:2px 0 0 0;
padding:0;
text-align:justify;
}
#cmaintop{
clear:both;
float:left;
width:599px;
height:20px;
margin:0;
padding:0;
background:url(../images/ctop.jpg);
}
#cmaintopm{
clear:both;
float:left;
width:599px;
height:20px;
margin:0;
padding:0;
background:url(../images/ctopm.jpg);
}
#cmaincont{
clear:both;
float:left;
width:571px;
margin:0;
padding:0 15px 0 13px;
background:url(../images/ccont.jpg) repeat-y;
font: 11px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#000;
}
#ads{
clear:both;
float:left;
width:468px;
height:60px;
margin:12px 0 3px 0;
padding:2px 51px 2px 51px;
background:#e4e2dc;
border-top:1px solid #aeaca6;
}
#cmaincont p{
clear:both;
width:571px;
margin:0;
padding:0 0 8px 0;
}
#cmaincont a, #cmaincont a:active, #cmaincont a:link, #cmaincont a:visited {
font: 11px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif; 
color:#265bbb;
font-weight:normal;
text-decoration:none;
font-weight:bold;
}
#cmaincont a:hover{
color:#043f50;
text-decoration:none;
}

.ket, #location{
clear:both;
float:left;
width:571px;
margin:0;
padding:0;
font: 11px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#000;
}
#location{
border-bottom:1px solid #94A0AC;
}

.titles{
clear:both;
float:left;
width:561px;
margin:10px 0 0 0;
padding:0 0 0 10px;
background:#CCCCCC;
font: 12px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#000;
font-weight:bold;
}
#bgrey{
clear:both;
float:left;
width:558px;
background:#ced8f1;
border:1px solid #003399;
margin:0;
padding:5px;
}
#bgrey p{
clear:both;
float:left;
width:540px;
}

/* gallery css */
#galeryport{
/* clear: both; */
	font: 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	color:#4D606F;
	float: left;
	margin: 0;
	padding: 0px ;
	width: 571px;
	border: 0px solid #000;
	text-align:left;
}
#galeryport p{
clear:both;
float:left;
width: 435px;
}
.portleft1{
/* clear: both; */
	font: 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	float: left;
	background:transparent;
	margin: 0px;
	padding: 4px 5px 4px 5px;
	width:561px;
	border-bottom: 1px solid #E2DCDA;
	text-align:left;
}



.portleft1 a, .portleft1 a:link, .portleft1 a:visited, .portleft1 a:active{
	font: 11px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	color: #B10707;
	font-weight: bold;
	text-decoration: underline;
	border:0;
}
.portleft1 a:hover {
	font: 11px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	color: #054CCE;
	text-decoration: none;
	font-weight: normal;
	border:0;
}
.galleft {
/* clear: both; */
	float: left;
	margin: 0;
	padding: 7px 0 0 7px ;
	width: 78px;
	border: 0px solid #eee;
	text-align:left;
}
.galright {
/* clear: both; */
	float: left;
	background:transparent;
	margin: 0;
	padding: 2px 2px 2px 10px ;
	width: 460px;
	border: 0px solid #fff;
	text-align:left;
}

.titleresult{
	float: left;
	font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	padding:0 0px 0 5px ;
	margin:0 0 5px 0;
	width: 566px;
	text-align:left;
	border-bottom: 1px solid #999999;
	background:#e4e2dc;
}
#pagebottom{
	float: left;
	font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	padding:0 0px 0 5px ;
	margin:10px 0 0px 0;
	width: 565px;
	text-align:left;
	border-top: 1px solid #000;
	background:#eee;
}
#pagebottom p {
clear:both;
float:left;
width:565px;
padding:0;
margin: 3px 0 3px 0;
}
#pagebottom a, #pagebottom a:link, #pagebottom a:visited, #pagebottom a:active  {
color:#293357; 
text-decoration: none;
}
#pagebottom a:hover {
	text-decoration: underline;
	color: #054CCE;
	font-weight:bold;
	}
/* end gallery css */

#thumb{
clear:both;
float:left;
width:550px;
margin:5px 0 0 0;
padding:4px 10px 4px 10px;
border:0px solid #8e8e8e;
}

.tb{
float:left;
width:114px;
height:120px;
margin:5px 0 10px 0;
padding:0 30px 0 30px;
border:0px solid #999999;
text-align:center;
}

#thumb p{
clear:both;
float:left;
width:114px;
white-space:116px;
margin:0;
padding:0px 0 0 0;
font: 11px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#000000;
text-align:center;
}



.titlet{
clear:both;
float:left;
width:557px;
margin:0;
padding:2px 0 4px 14px;
background:url(../images/titlet.gif) 0 45% no-repeat;
font: 12px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#000033;
font-weight:bold;
}



#right{
float:left;
width:166px;
margin:2px 0 0 0;
padding:0 14px 0 0;
text-align:left;
font: 10px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif; 
color:#093C5F;
}

.rtitletext{
clear:both;
float:left;
width:160px;
background:#7195c7;
font: 12px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif; 
color:#fff;
font-weight:bold;
margin:0;
padding:3px 0 3px 6px;
}
.rtitle{
clear:both;
float:left;
width:166px;
margin:0;
padding:0;
height:58px;
}
.boxs{
clear:both;
float:left;
width:160px;
margin:0 0 8px 0;
padding:2px 2px 8px 2px;
background:#f9f5f4;
border-left:1px solid #d5d7d6;
border-right:1px solid #d5d7d6;
border-bottom:1px solid #d5d7d6;
}
.boxs p{
clear:both;
float:left;
width:160px;
margin:0;
padding:0 0 0px 0;
}
.boxs p img{
border:0;
}

.prod{
float:left;
width:74px;
padding:2px 2px 5px 2px;
margin:0;
}

.boxs a, .boxs a:active, .boxs a:link, .boxs a:visited {
font: 11px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif; 
color:#265bbb;
font-weight:normal;
text-decoration:none;
font-weight:bold;
}
.boxs a:hover{
color:#043f50;
text-decoration:none;
}
.prodimage {
border:1px solid #d0cfaa;
}

.prodimage {
border:1px solid #d0cfaa;
}
.prodimage a, .prodimage a:link, .prodimage a:active, .prodimage a:visited {
border:1px solid #d0cfaa;
}

.prodimage:hover {
border:1px solid #bdcbdd;
}






#footer{
clear:both;
float:left;
width:972px;
margin:0;
padding:0 12px 0 12px;

}
#fcont{
clear:both;
float:left;
width:972px;
height:50px;
margin:0;
padding:4px 0 4px 0;
background:#212b43;
border-top:4px solid #a1bfe3;
text-align:center;
}
#fcont p{
clear:both;
float:left;
width:972px;
margin:0;
padding:0;
font: 11px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif; 
color:#e5e7ea;
}
#fcont a, #fcont a:active, #fcont a:link, #fcont a:visited {
font: 11px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif; 
color:#d6def0;
font-weight:normal;
text-decoration:none;
font-weight:bold;
}
#fcont a:hover, #fcont a:hover{
color:#bcc0c8;
text-decoration:none;
}
#dnone, .noned{
display:none;
}
