/* commented backslash hack v2 \*/ 
html, body{height:100%;} 
/* end hack */ 
html,body {
		margin: 0;
		padding: 0;
}
body {		
		font: x-small arial, hevetica, sans-serif;
		text-align: center;
		color: #ffffff;
		background-color: #252c34;
}

.img { 
		border: none;
}
		
#container {
		margin-left:auto;
		margin-right:auto;
		width: 766px; 
		text-align: left;
		background-color: #4c5f73;
		}

#header { height: 172px; background: url(../../images/bg_header.gif) no-repeat; }

#header .totpol { position: relative; top: 25px; left: 58px; width: 698px; height: 52px; text-align: right; }
#header .totpol a { display: block; float: left; width: 209px; height: 52px; }
#header .totpol a:hover { display: block; width: 209px; height: 52px; }
#header .totpol a.home_mail { display: block; float: left; margin: 25px 14px 0 0; width: 61px; height: 13px; //margin: 25px 8px 0 0; }
#header .totpol a.home_mail:hover { display: block; width: 61px; height: 13px; }
/*
#header ul { position: relative; top: 56px; left: 0; height: 42px; margin: 0; padding: 0 0 0 108px; list-style: none; }
#header ul li { float: left; margin: 0 2px 0 0; padding: 0; height: 42px; width: 111px; }
#header ul li a { margin: 0; padding: 0; }
*/
#header ul {
	position: relative; top: 57px; left: 0; height: 42px; margin: 0; padding: 0 0 0 108px; list-style: none;
	margin: 0;
	display: block;
}
 
#header li { 
	margin-right: 0.24em;
	padding: 0;
	float: left;
	display: block;
	text-align: center;
	position: relative;
	
}

#header li ul {
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0; /* Set 1px less than menu width */
	top: 42px;
	display: none;

}

/* Styles for Menu Items */
#header ul li .sss {
	width: 112px;
	height: 42px;
	display: block;
	text-decoration: none;
	color: #010101;
	background: #717f81; /* IE6 Bug */

	border-bottom: 0;
}

#header li ul { clear: both;  }
#header li ul li { text-align: left; clear: both; }

#header ul li a {
	display: block;
	width: 112px;
	height: 40px;
	text-decoration: none;
	color: #010101;


	border-bottom: 0;
}


/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */
 
#header ul li a:hover { color: #E2144A; } /* Hover Styles */
	
#header li ul li a { 	margin: 0; 
	padding: 0; //padding: 1px 0; } /* Sub Menu Styles */
		
#header li:hover ul, #header li.over ul { display: block; } /* The magic */


/* main */
h1 { margin: 0; adding: 5px 116px 0 0; height: 32px; background: url(../../images/bg_h1_buy.gif) no-repeat; font-size: 22px; text-align: right; color: #eaf6ff; }	
.main { width: 766px; height: 547px; background: url(../../images/bg_content.gif) no-repeat; }
.main h1 { margin: 0; padding: 5px 116px 0 0; font-size: 22px; text-align: right; color: #eaf6ff; }
.main .main_top { padding: 65px 0 0 0; //padding: 65px 0 0 0; }
.main .main_top .top { width: 320px; color: #e5e8ea; margin: 0 0 0 72px; padding: 0; font: bold 11px/11px Verdana, Arial, Helvetica, sans-serif; }
.main .main_bottom .bottom { width: 320px; color: #d3e9fe; text-align: right; margin: 40px 0 0 352px; padding: 0; font: bold 11px/11px Verdana, Arial, Helvetica, sans-serif; }

/* about */
h1 { margin: 0; adding: 5px 116px 0 0; height: 32px; background: url(../../images/bg_h1_buy.gif) no-repeat; font-size: 22px; text-align: right; color: #eaf6ff; }
.about { padding: 16px 0 0 0; width: 766px; background: url(../../images/bg_top.gif) left top no-repeat; }
.about .outhor { padding: 0 0 16px 0; background: url(../../images/bg_bottom.gif) left bottom no-repeat; }
.about .outhor .inner { margin: 0; padding: 42px 42px 42px 42px; background: url(../../images/bg.gif) repeat-y; }
.about .outhor .inner .top img { float: left; width: 248px; height: 184px; border: 1px solid #ccccce; }
.about .outhor .inner .top p { width: 440px; color: #e5e8ea; margin: 0 0 5px 271px; padding: 0; font: bold 12px Verdana, Arial, Helvetica, sans-serif; //width: 400px; }
.about .outhor .inner .bottom { clear: both; padding: 22px 32px 0 0; }
.about .outhor .inner .bottom p {  color: #e5e8ea; margin: 0 0 15px 0;  padding: 0; font: bold 12px Verdana, Arial, Helvetica, sans-serif; }

/* buy */
h1 { margin: 0; adding: 5px 116px 0 0; height: 32px; background: url(../../images/bg_h1_buy.gif) no-repeat; font-size: 22px; text-align: right; color: #eaf6ff; }
.buy { padding: 16px 0 0 0; width: 766px; background: url(../../images/bg_top.gif) left top no-repeat; }
.buy .outhor { padding: 0 0 16px 0; background: url(../../images/bg_bottom.gif) left bottom no-repeat; }
.buy .outhor .inner { margin: 0; padding: 42px 42px 42px 42px; background: url(../../images/bg.gif) repeat-y; }
.buy .outhor .inner h2 { margin: 0 0 20px 0; padding: 0; color: #ffffff; font: bold 14px Verdana, Arial, Helvetica, sans-serif; }
.buy .outhor .inner ul { margin: 0; padding: 0; list-style: none; color: #d3e9ff; font: bold 12px Verdana, Arial, Helvetica, sans-serif; }
.buy .outhor .inner ul li { margin: 0 0 14px 0; padding: 0 0 0 16px; background: url(../../images/bullet.gif) 0 8px no-repeat; }
.buy .outhor .inner p { margin: 0 0 14px 0; padding: 0; color: #ffffff; font: bold 12px Verdana, Arial, Helvetica, sans-serif; }

/* servece */
h1 { margin: 0; adding: 5px 116px 0 0; height: 32px; background: url(../../images/bg_h1_buy.gif) no-repeat; font-size: 22px; text-align: right; color: #eaf6ff; }
.servece { padding: 16px 0 0 0; width: 766px; background: url(../../images/bg_top.gif) left top no-repeat; }
.servece .outhor { padding: 0 0 16px 0; background: url(../../images/bg_bottom.gif) left bottom no-repeat; }
.servece .outhor .inner { margin: 0; padding: 42px 42px 42px 42px; background: url(../../images/bg.gif) repeat-y; }
.servece .outhor .inner h2 { margin: 0 0 20px 0; padding: 0; color: #ffffff; font: bold 14px Verdana, Arial, Helvetica, sans-serif; }
.servece .outhor .inner ul { margin: 0; padding: 0; list-style: none; color: #d3e9ff; font: bold 12px Verdana, Arial, Helvetica, sans-serif; }
.servece .outhor .inner ul li { margin: 0 0 14px 0; padding: 0 0 0 16px; background: url(../../images/bullet.gif) 0 8px no-repeat; }
.servece .outhor .inner p { margin: 0; padding: 0; color: #ffffff; font: bold 12px Verdana, Arial, Helvetica, sans-serif; }

/* contact */
h1 { margin: 0; padding: 5px 116px 0 0; height: 32px; background: url(../../images/bg_h1_buy.gif) no-repeat; font-size: 22px; text-align: right; color: #eaf6ff; }
.contact { padding: 16px 0 0 0; width: 766px; background: url(../../images/bg_top.gif) left top no-repeat; }
.contact .outhor { float: left; padding: 0 0 16px 0; background: url(../../images/bg_bottom.gif) left bottom no-repeat; }
.contact .outhor .inner {float: left; margin: 0; padding: 42px 42px 42px 12px; background: url(../../images/bg.gif) repeat-y; }
.contact .outhor .inner .left { float: left; width: 412px; }
.contact .outhor .inner .left h2 { margin: 0 0 5px 0; padding: 0 0 0 42px; color: #d3e9ff; font: 12px Verdana, Arial, Helvetica, sans-serif; }
.contact .outhor .inner .left p { margin: 0 0 5px 0; padding: 0 0 0 42px; color: #ffffff; font: bold 14px Verdana, Arial, Helvetica, sans-serif; }
.contact .outhor .inner .left a { color: #00deff; font: 14px Verdana, Arial, Helvetica, sans-serif; }
.contact .outhor .inner .left a:hover { color: #00deff; text-decoration: none; font: 14px Verdana, Arial, Helvetica, sans-serif; }
.contact .outhor .inner .left .clear { height: 22px; }
.contact .outhor .inner .left .bg { padding: 15px 0 0 0; background-color: #31404f; width: 291px; height: 80px; }
.contact .outhor .inner .right { float: left; margin: 0 0 0 30px; width: 270px; height: 430px; }
.contact .outhor .inner .right img { width: 268px; height: 425px; }

/* cgoods */
h1 { margin: 0; adding: 5px 116px 0 0; height: 32px; background: url(../../images/bg_h1_buy.gif) no-repeat; font-size: 22px; text-align: right; color: #eaf6ff; }
.goods { padding: 11px 0 0 0; width: 766px; background: url(../../images/bg_top.gif) left top no-repeat; }
.goods .outhor { padding: 0 0 9px 0; background: url(../../images/bg_bottom.gif) left bottom no-repeat; }
.goods .outhor .inner { margin: 0; padding: 0 11px 0 11px; background: url(../../images/bg.gif) repeat-y; }
.goods .outhor .inner table td { padding: 0 0 0 9px; border-right: 1px solid #a6bcd8; font: 12px Verdana, Arial, Helvetica, sans-serif; }
.goods .outhor .inner table .bg1 { border: none; height: 59px; background: url(../../images/bg1.gif) repeat-x; //padding: 0 9px 0 9px; }
.goods .outhor .inner table .bg2 { border: none; height: 59px; background: url(../../images/bg2.gif) repeat-x; }
.goods .outhor .inner table .bottom { border: none; height: 24px; background: url(../../images/table_bg_bottom.gif) repeat-x; }


#footer { height: 109px; background: url(../../images/bg_footer.gif) no-repeat; }