/* CSS Document */

body{
	margin:0px auto;
	background-image:url(../images/bg.gif);
	background-repeat:repeat-x;
	line-height:15px;
}
*{
	margin:0px auto;
}
a{
	color:#000000;
	text-decoration:underline;
}
a:hover{
	color:#000000;
	text-decoration:none;
}
img{
	border:0pt;
}
table{
	margin:0px;
}
td{
	padding:1px 3px; vertical-align:top;
}
ul{
	margin:0px; padding:0px;
}
ul li{
	margin:0px; padding:0px;
}
#main{
	position:relative;
	background-image:url(../images/bg.gif);
	background-repeat:repeat-x;
	width:100%;
}
#container{
	background-image:url(../images/containerBG.jpg);
	background-repeat:no-repeat;
	width:1024px; padding-bottom:15px; overflow:hidden;
}
#colLeft{
	position:relative;
	width:325px; float:left; padding:34px 0px 0px 25px;
}
#banner{
	background-image:url(../images/banner.jpg);
	background-repeat:no-repeat;
	width:325px; height:554px;
}
#logo a{
	position:absolute;
	top:81px; left:193px;
	width:150px; height:63px;
	display:block; overflow:hidden; text-indent:-1000px;
}
#colRight{
	width:554px; float:right; padding:11px 60px 0px 60px;
}
#menu{
	position:relative;
	width:654px; height:136px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;  white-space:nowrap; line-height:16px;
}
#menu ul{
	padding:0px; margin:0px; list-style:none;
}
#menu ul li{
	position:relative;
	padding:0px; margin:0px; display:inline; float:left; height:136px;
}
#menu ul li.sep{
	width:1px; height:12px; line-height:12px; padding:23px 0px 8px 0px;
}
#menu ul li a{
	background-image:url(../images/btnBG.gif);
	background-repeat:repeat-x;
	background-position:left -1000px;
	color:#352012; text-decoration:none; line-height:12px; padding-bottom:8px !important;
	padding:0px 8px; height:136px; padding-top:23px; float:left;
}
#menu ul li a:hover,
a.submenuSelected
{
	background-position:left top;
	color:#eae72a !important;
}
#menu ul li .menuSelected{
	background-image:url(../images/btnBG.gif);
	background-repeat:repeat-x;
	background-position:left top;
	color:#eae72a; text-decoration:none; line-height:12px; padding-bottom:8px !important;
	padding:0px 10px; height:136px; padding-top:23px; float:left;
}
#contentBox{
	width:554px; padding-top:63px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px; color:#444343;
}
.heading{
	background-image:url(../images/bullet.gif);
	background-repeat:no-repeat;
	line-height:17px; padding-left:25px; font-size:16px; padding-bottom:10px;
}
.newsBox{
	width:554px;
	border-bottom:1pt dotted #444343;
	padding-bottom:5px; overflow:hidden; margin-bottom:15px;
}
.newsBox a.news_readmore{
	float:right;
}
.newsLeft, .newsLeft0{
	width:165px; float:left; padding:5px 10px 5px 0; overflow:hidden;
}
.newsCenter, .newsLeft2{
	margin:0px 185px; padding:5px 10px;
	border-left:1pt dotted #444343;
	border-right:1pt dotted #444343;
}
.newsRight, .newsLeft1{
	width:165px; float:right; padding:5px 10px; overflow:hidden;
}
.date{
	color:#fe5b00;
}
.contentBox{
	width:554px; padding-bottom:15px;	
}
.content{
	position:relative;
}
.content ul{ padding:0px; margin:0px; }
.content ul li{ padding:0px;  margin-left:15px; }
.teaserBox{
	width:554px; overflow:hidden; padding-top:15px; border-top:1pt dotted #444343;
}
.teaser{
	width:250px; float:left;
}
.teaser1{
	background-image:url(../images/teaser_01.jpg);
	background-repeat:no-repeat;
	width:98px; height:23px; padding:85px 0px 0px 106px; text-align:center;
}
.teaser1 a{
	text-decoration:none; font-size:10px; line-height:23px;
}
#bottom{
	position:relative;
	min-width:100%; height:46px;
	background-image:url(../images/footer.gif);
	background-repeat:repeat-x; clear:both;
width: 1024px;
}
#footer{
	position:relative;
	width:100%; height:46px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px; line-height:46px; color:#FFFFFF; text-align:center;
}
#footer a{
	color:#FFFFFF; line-height:46px;
}
/* ==============  KONTAKT FORM ================= */

#contact_form{
	width:300px;
	margin:0px 0px 5px 10px ;
	padding:0px 10px; overflow:hidden; float:right;
}

.ie7 #contact_form
{
 	margin:0px 0px 0px 10px ;
 
}

#contact_form ul{ padding:0px; margin:0px; list-style:none; }
#contact_form ul li{ width:300px; padding:0px 0px; display:inline; float:left; margin:1px 0px; }
#contact_form ul li label{ width:100px; float:left; display:block; }
#contact_form ul li p{ width:180px; padding:0px; margin:0px; float:right; }
#contact_form .textarea{ 
	border:1px solid #999999;
	background-color:#ffffff;
	width: 100% !important; height:100px;
}
#contact_form .inputText{
	border:1px solid #999999;
	background-color:#ffffff;
	width: 100% !important; height:18px; line-height:18px;
	font-size:11px;
}


/*-------- TuaN --------------
.alert_textbox_inputText, .alertexpr_textbox_inputText
{
    float: right;
    margin-top: -18px;
}

.alert_textbox_captcha
{
    float: right;
	margin-top:-24px;
}

.ie8 .alert_textbox_inputText, .ie8 .alertexpr_textbox_inputText
{
    margin-top: auto;
    margin-bottom: -15px !important;
}

.ie8 .alert_textbox_captcha, .ie8 .alert_textbox_captcha
{
    margin-top: auto;
    margin-bottom: -15px !important;
}

.alert_textarea_textarea
{
    float: right;    
}

.ie7 .alert_textarea_textarea, .ff2 .alert_textarea_textarea, .ie6 .alert_textarea_textarea
{
   margin-top: -100px;
}

.ie8 .alert_textarea_textarea
{	
    margin-top: auto;
    margin-bottom: -15px !important;
}
*/
#contact_form img
{
	width: 153px !important;
}


/*------------------------------Tran----------------------------------*/

#listBox{
	width:350px;
	float:left;
	margin-top:-5px;
	margin-left: -15px;
}

.ie6 #listBox
{
	margin-left: 85px !important;
	margin-top: -120px !important;
	width:350px;
}

.page{
	text-align:right;
	padding-bottom:2px;
	border-bottom:1pt solid #cccccc;
}
.boxList1{
	width:350px; float:left;
	padding-top:5px; overflow:hidden;
}

.ie6 .boxList1
{
	width:350px;
}

.boxList1 h1{
	color:#dad706; line-height:25px; font-size:12px;
	margin-bottom:4px;
}

.boxList1 h1 a{
	color:#dad706; line-height:15px; font-size:12px;
	margin-bottom:4px;
	text-decoration:none;
}

.boxList1 .lesmer a{
	float:right;
}


.boxList1 img{
	float:left; margin:0px 15px 5px 0px;
	border:1pt solid #515e7b;
	max-width:105px;
	max-height:79px;
}





.clear {
	clear:both;
	padding:0;
	margin:0;
	line-height:0;
}

#pcolLeft {
	float:left;
	margin-right:30px;
	width:180px;
	line-height:18px;
	margin-left: -15px;
}



#pcolLeft ul {
	/*padding: 0 0 0 15px;*/
	
}
#pcolLeft ul li {
	list-style:none;
	
}
#pcolLeft ul li a {
	color:#212121;
	text-decoration:none;
	font-size:13px;
	text-transform:uppercase;
	
}
#pcolLeft ul li a:hover, a.a_selected {
	color:#dad706 !important;
	text-decoration:none !important;
}

#pcolLeft ul li ul{
	padding-left:8px;
}


#pcolLeft ul li ul li{
	list-style:none;
}


#pcolLeft ul li ul li a{
	color:#212121;
	text-decoration:none;
	font-size:10px;
	text-transform:uppercase;
}

#pcolLeft ul li ul li a:hover {
	color:#dad706;
	
}






/*---------------Detail----------------------------*/
.products {
	float:left;
	position:relative;
	width:350px;
	margin-left: -15px;
}

.products_col1 {
	width:280px;
}

.products_col1 img {
	max-width:260px;
	max-height:266px;
}

.list_products {
	margin: 5px 0 15px;
}
.list_products ul {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	display: inline;
}
.list_products ul li {
	list-style:none;
	display:inline;
}
.list_products ul li img {
	padding-top: 5px;
	max-width:63px;
	max-height:39px;
}

.product_title {
	font-weight:bold;
	margin-bottom:20px;
	font-size:16px;
	color:#dad706;
}

/* TuaN news */
.news_title, .news_title:hover{
	color:#DAD706;
	text-decoration:none;
	font-size:14px;
}

.news_readmore
{
	border-bottom: none !important;
}

/*.........NewsDetail...............*/
.contentNewsDetail{
	position:relative;
	width:554px;
	
}

.nproduct_title {
	font-weight:bold;
	margin-bottom:20px;
	font-size:16px;
	color:#dad706;
}

.nproducts_col1 {
	float:left;
	max-width:210px;
	padding-bottom:5px;
}

.nproducts_col1 img
{
	border:1px solid #B6B6B6 !important;
	margin-right:10px;
}

.productdetail_image_container
{
	width: 260px;
	height: 266px;
}

.oldernews
{
	font-weight: bold;
}

.list_products ul li
{
	margin-left: 0px;
}

/*..............................Drop down..............................*/

#menu ul#submenu li {
	display:block; float:left; position:relative;
}

ul#submenu li ul.submenu2
{
	margin-top: 3px; 
	list-style: none;
	display: none;
	width: 155px;
	position: absolute;
	top: 39px;
	font-size:13px;		
	left: 0px;	
	background-image:url(../images/bgDropDown.gif);
	background-repeat:repeat-x;
	height:88px;
}

ul#submenu li:hover ul.submenu2
{
	display: block;
}

ul#submenu li ul.submenu2 li
{
	width: 155px;
	clear: left;
	height: 22px;
	
}
ul#submenu li ul.submenu2 li a,
ul#submenu li ul.submenu2 li a:link,
ul#submenu li ul.submenu2 li a:hover
{	
	height:6px;
	padding: 0px;	
	padding-top: 8px;
	padding-left: 8px;
	background-image: none;
}

.submenuSelected
{
	color: #EAE72A;
}

.defaultText{
	width:350px;
	float:left;
	margin-top:-5px;
	margin-left: -15px;
}

/* Login CSS */
.login
{
	/*left:188px;
	position:absolute;
	top:145px;*/
	padding-top:15px;
	font-size:11px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
}

.ie7 .login { top:140px; }

.loggedin
{
	font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
left:195px;
position:absolute;
top:150px;
}

.login input[type=text], .login input[type=password]
{
	background-color:#FFFFFF;
	border:1px solid #999999;
	font-size:11px;
	height:18px;
	line-height:18px;
	width: 150px;
}

.login input[type=submit]
{
	border:1px solid #999999;
	width: 80px;
}

.errorLogin
{
	color:red;
	left: 210px;
	/* position:absolute;
	width:250px; */
}

.errorLogin h1
{
	font-size: 12px;
	font-weight: bold;
}
.errorLogin ul
{
	padding-left: 25px;
}

.ie7 #main
{
	z-index: 0;
}

.ie7 #colLeft{
	z-index: 10;
}

.ie7 #colRight{
	z-index: 5;
}

.login table 
{
	width: 350px !important;
}