@charset "utf-8";
/* CSS Document */
/*********MISC CSS***********/
*{margin:0; padding:0}
body{ background:#d5e7ae url(../images/bg.jpg) repeat-x; font-size:62.5%; font-family:Arial,Helvetica,sans-serif}
img {border:none; outline:none}
h1, h2, h4, h5, h6{font-weight:normal}
p {font-size:12px; color:#464646; line-height:16px;}
h2{ color: #FFF; font-size: 25px; font-weight:bold;}
h2 a {font-size:16px; color:#8d0505; text-decoration:none; font-weight:bold;}
h4{ font-size:13px; color:#464646; font-weight:bold;}
a{outline:none; color:#952424; text-decoration:none;}
select, textarea, fieldset, label{color:#9a9a9a; font-size:12px; float:left; border:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, .divMenu, nav, section { display:block; }
ol, dl, ul, li { list-style-type: none; }

/**Index PAGE CSS GOES HERE**/
.imageSlider {float:left; position:relative; width:960px;}
.greenStrip {width:960px; float:left; background:url(../images/green_strip.jpg) no-repeat; height:50px; margin:9px 0 6px 0;}
.greenStrip p { padding:15px 0 0 19px; font-size:15px; color:#231F20; font-weight:bold;}
.midsection02 {float:left; width:100%; background:#FFF url(../images/mid_section02.jpg) repeat-x top; padding:0 0 29px 0;}
.innerCont {width:960px; margin:0 auto}
.mid02Content { float:left; width:235px; height:271px; padding:15px 0 0 2px; background:url(../images/sepration_mid.jpg) right center no-repeat;}
.mid02Content h2 { float:left; font-size:17px; color:#231f20; height:35px; width:100%;}
.mid02Content p { color:#4C4C4D; padding:10px 0 0 0;}
.mid02Content p a { color:#4C4C4D; text-decoration: none;}
.mid02Content p a:hover { color:#4C4C4D; text-decoration: underline;}

.bg_none03 {background:none !important;  }
.supportContent { margin:4px 0 0 0; }
.btnkomm {float:left; padding:5px 0 0 0; }
.mid02Content .btnkomm p {padding:0;}
.newPad { margin-right:8px;}

.bold_text { font-size:14px; color:#4C4C4D; font-weight:bold; padding-bottom:8px;}
.bold_text span {background:url(../images/i_image.jpg) -1px 23px no-repeat; padding-left:20px; display:block; }
.bold_text01 { font-size:12px; color:#4C4C4D; font-weight:bold; padding:10px 0 25px 0; background:url(../images/sepration.jpg) no-repeat left bottom; height:74px;}
.textBold { color:#231f20; font-size:12px; line-height:17px; font-weight:bold; padding-left:3px;}
/* change this p style to none p style with address to tag style */
.mid02Content .mid02Content_address p {font-size:14px; color:#4C4C4D; font-weight:bold; padding-bottom:8px; padding:0;}
.mid02Content .mid02Content_contact p {font-size:12px; color:#4C4C4D; font-weight:bold; padding:10px 0 0 0; background:url(../images/sepration.jpg) no-repeat left bottom; height:74px;}
.mid02Content .mid02Content_support p {font-size:12px; color:#4C4C4D; font-weight:bold; padding:10px 0 25px 0; background:url(../images/sepration.jpg) no-repeat left bottom; height:74px;margin:4px 0 0 0;background:none !important; }
.mid02Content .mid02Content_livehelp p {font-size:14px; color:#4C4C4D; font-weight:bold; padding-bottom:10px;background:url(../images/i_image.jpg) -1px 33px no-repeat; padding-left:20px; display:block;}
.mid02Content .mid02Content_livehelp_p p { font-size:12px;color: #4C4C4D; line-height:17px; font-weight:bold; padding:0;}
.mid02Content .mid02Content_produkter_p p {color:#4C4C4D; font-size:12px; line-height:17px; font-weight:bold; padding:0;}

/*MID SECTION02 CSS START HERE*/

/****MAIN CSS START HERE******/
#main { width:960px; margin:0 auto;}
header {width:960px; float:left; }
.logoCont{width:960px; float:left;}
.logo {float:left;}
.logo_pad { padding:21px 0 0 2px;}

.contactNum {width:200px; float:right; text-align:right; padding:18px 23px 0 0; }
.contactNum .contactNum_text p {color:#818285;font-size:12px;letter-spacing:2px;line-height:14px; margin-right:1px;}
.contactNum .contactNum_number p {float:right; color:#58585A; font-size:18px; font-weight:bold; letter-spacing:0;line-height:24px;}

.srchBar { float:right; padding:5px 0 0 0;}

.ie7 .srchBar{padding:5px 0 0 0;}
.login {float:left;padding-bottom:0px;}
.srcBg {float:left; background:url(../images/search_bg.png) no-repeat left top; width:260px; height:30px;}
.srchBar .login p { line-height:14px;}
.textBoxbg{ float:left; background:url(../images/text_bg.png) no-repeat; width:172px; height:28px; margin:2px 0 0 30px; }
.textBoxbg input { float:left; background:none; border:0; width:157px; padding:0px 0 0 11px;  height:28px; line-height:28px; font-size:12px; color:#bdbec0;}
.srcBtn {float:left; padding:6px 0 0 2px;}
.submit-btn  {background:url(../images/srch_btn.png) no-repeat;height: 23px;width: 22px; border:none;text-indent:-5000px;cursor:pointer;}

.ie7 .submit-btn {text-indent:-5000px;}
.ie7 .srcBtn {background:url(../images/srch_btn.png) no-repeat;height: 23px;width: 22px; border:none;cursor:pointer;margin:6px 0 0 2px;}

.newWidth {width:180px; padding:0px; background:none;}
/*navigation*/

.divMenu {width:100%; float:left; background:url(../images/nav_bg.jpg) repeat-x left top; height:57px;}
.ie7 .divMenu {height:60px;}
nav {margin:auto; padding:0; width:957px; position:relative; z-index:100;}
nav ul {margin:0; padding:0; line-height:30px;}
nav li {margin:0; padding:0; float:left; position:relative; color:#fff; font-size:15px;}
nav li a.arrow { float:left; position:relative; line-height:23px; background:url(../images/arrow.jpg) no-repeat right 17px; color:#fff; padding:12px 15px 10px 10px; cursor:pointer; }
/* nav li a.arrow a { float:left;  line-height:23px; padding:0; cursor:pointer; } */
nav ul li a {text-align:center; height:26px; text-decoration:none; line-height:16px; 
padding:15px 15px 0 15px; display:block; color:#fff; font-size:14px;}
nav ul ul {position:absolute; visibility:hidden; top:42px; width:180px; left:-6px; color:#ffa229; 
font-size:13px; padding:0 0 10px 0;}
nav ul li:hover ul{visibility:visible; background:#404041;}
nav li:hover a.arrow{color:#9CCB3B;float:left; position:relative; 
background:url(../images/arrow_hover.jpg) no-repeat right 19px; padding:12px 15px 10px 10px;}
nav ul li:hover{color:#9CCB3B;}
nav ul li:hover ul li a {color:#fff; font-size:13px; text-align:left; width:144px; padding:15px 0 0 15px;}
nav ul li:hover ul li a:hover {color:#9CCB3B;}
nav a:hover {color:#9CCB3B;}
nav a.active { background:url(../images/bg_hover.png) bottom center no-repeat; height:39px; color:#9CCB3B;}
nav ul li.seperator {margin:-1px 5px 0 5px; float:left;}
.ie7 nav ul li.seperator {margin-top:1px;}
.ie7 nav ul li a {margin-top:3px;}
.ie7 nav ul li a.arrow {padding-top:11px;}
/* .ie8 nav ul li.seperator {margin-top:-1px;} */
/* .ie9 nav ul li.seperator {margin-top:-1px;} */
.ie9 nav ul li a {padding-top:14px;}
.ie9 nav ul li a.arrow {padding-top:10px;}

.dropLine {margin:-13px 0 5px 0; float:left; height:1px;}

nav li.select{ float:left; background:url(../images/bg_hover.png) bottom center no-repeat; height:53px;}
nav li.select li.select{ float:left; background:none; height:40px;}
nav li.select li.select a{color:#9CCB3B;}
/*navigation end*/

/* Slide Show */
.divImage { width:951px; background:url(../images/slide_container.png); height:364px; float:left; padding:10px 0 0 9px; z-index:5; }
.thumbnailsWrap { background:url(../images/thumbnail_stage.png) no-repeat; position:absolute; z-index:20; width:67px; height:287px;top:53px; left:883px; padding:8px 0 0 8px;  }
.thumbnailsWrap ul li { float:left; display:block; height:51px; width:54px; padding:0 0 4px 0; }
.thumbnailsWrap img { cursor:pointer; }
.tooltip {background:url(../images/tooltip_img.png) no-repeat; font-size:13px; height:70px; width:258px; color:#818285; z-index:30; margin:0 0 0 6px; padding:12px 0 12px 12px; overflow:hidden; }
.relHead { font-size:14px; color:#818285; font-weight:bold; padding:0 0 5px 0;  }
.relParagraph { font-size:12px; width:240px; color:#a6a7a8; line-height:16px; }

/*MID SECTION*/
.midSection {float:left; width:960px; background:url(../images/strip.jpg) repeat-y; margin:0 0 50px 0;}
.top { float:left; width:960px; background:url(../images/top.jpg) left top no-repeat;}
.btm{ float:left; width:960px; background:url(../images/btm.jpg) left bottom no-repeat; padding:10px 0;}
.topHead {width:650px; height:20px;  }
.ie7 .topHead {margin-bottom:20px;}
.topHead ul {width:640px; float:left; padding:6px 0 7px 18px; border-bottom:1px solid #D9D9D9;}
.topHead ul li { float:left; background:url(../images/aroow_li.jpg) no-repeat right center; padding:0 10px 0 5px; font-size:12px; color:#6B6B6B;}
.topHead ul li a { color:#6B6B6B; text-decoration:none; }
.topHead ul li a:hover { text-decoration:underline; }
.left {float:left; width:650px;}
.topHead ul li.bg_none {background:none; color:#9B9B9B;}
.textFormate h2{ font-size:15px; color:#231f20; padding:16px 0 15px 22px; float:left;}
.textFormate h2 a{color:#231f20;}
.bg_none { border-bottom:none !important;}
.imgCont{ float:left; width:628px; border-bottom:1px solid #D9D9D9; padding:0 0 15px 22px; font-size:12px; line-height:21px;/* font-weight:bold; */}
/* .imgCont h2{color: #231F20;font-size: 15px;margin: 16px 0 15px 0px;} */
.imgCont img {margin-right: 18px;}
.imgCont a img {background:none;padding:0; margin:0;float:none;}
.imgCont p {line-height:21px;color:#231F20; margin-right:20px;}
.btn { float:left; padding:6px 0 0  0; /* margin-left:215px; */}

/*RIGHT SECTION*/
.right {float:left; width:300px;}
.right p {float:left; padding:10px 0 0 23px; font-size:12px; font-weight:bold; line-height:21px; width:200px;}
.right p.paddingTop { padding-top:17px; }
.right .contDeatil {float:left; background:url(../images/sep_row.jpg) repeat-x left bottom; width:310px; padding-bottom:25px;} 
.right h2 {font-size:16px; color:#231f20; padding:6px 0 4px 23px; float:left; background:url(../images/sep_row.jpg) repeat-x left bottom; width:287px; line-height:20px;}
.right .ulContainer h2{background: url(../images/rss.jpg) no-repeat scroll 8px 26px transparent;float: left;height: auto;margin-left: 15px; padding: 23px 0 2px 27px; width: 252px;}
.right .links {float:left; background:url(../images/sep_row.jpg) repeat-x left bottom; width:310px; padding-bottom:25px;}
.links {float:left; width:250px;}
.links ul { float:left; padding:7px 0 0 22px; background:url(../images/sep_row.jpg) repeat-x left top; width:288px; }
.links ul.newWidth {width:136px; padding:0px; background:none;}
.links ul li {float:left; display:block; padding:3px 0 0 16px; background:url(../images/bullet.png) 4px 12px no-repeat; width:200px;}
.links ul li  a { text-align:center; text-decoration:none; color:#f7941e; font-size:13px; line-height:23px;}
.links ul li  a:hover {text-decoration:underline;}

/**FOOTER CSS**/
.footerCont {float:left; width:100%; height:130px; background: #fbfbfb url(../images/footer_strip.jpg) repeat-x; }
.ie7 .footerCont {margin-top:0px;}
footer { width:960px; margin:0 auto; }
footer ul { float:left; padding:30px 0  0 0px; width:auto; min-width: 550px;}
footer ul li { float:left; padding:0 10px 0 10px; background:url(../images/li_sep.jpg) right center no-repeat;}
footer ul li.bg_none01{ background:none;}
footer ul li a { float:left; color:#515050; font-size:13px;}
footer ul li a:hover {text-decoration:underline;}
footer p { float:left; padding:5px 0 0 9px; color:#9d9d9d;font-size:12px; min-width: 550px; }
.microsoft { margin:-40px 0  0 0; float:right; padding:0; width:167px; height:0px;}
.ie7 .microsoft{margin-right:140px;}
.microsoft img {float:right;padding-bottom:3px;}
footer .microsoft p{ float: right; text-align: right; min-width:300px; font-size:11px; color:#707070; line-height: 14px;}
.safari .microsoft { margin:-40px 140px 0 0; float:right;}
/*Locnd add following css */
.SubMenuFooter ul ul{display:none;}
.SubMenuFooter ul li.select a {text-decoration:underline;}
.dn {display:none;}

.mid02Content .textOrange{background:url(../images/sepration.jpg) left bottom no-repeat; padding:5px 0 14px 0;margin-right:15px;}
/* .mid02Content.textOrange p a {color:#f7941e; font-size:13px;} */
.mid02Content .textOrange p {padding:0;}
.mid02Content .textOrange p a {color:#f7941e; font-size:13px; line-height:16px; }
.mid02Content .see_allnews {margin:2px 23px 0 0;}
.mid02Content .see_allnews a {color:#f7941e; font-size:12px;float:right;}

/* ==============  KONTAKT FORM ================= */
#contact_form{margin:0px 10px 5px 0px;padding:10px 0; overflow:hidden; clear:both; float:right;}
#contact_form ul li{ background:none; padding:0px 5px; height:auto; line-height:auto; display:inline; clear:both; margin:1px 0px; overflow:hidden; float:left; width:410px; font-weight: normal;}
#contact_form ul li label{ width:100px; float:left; display:block; color: #231F20; font-size: 13px;}
#contact_form ul li p{ width:310px; padding:0px; margin:0px; float:left; }
#contact_form .textarea{ border:1pt solid #999999;background-color:#ffffff;width:100%; height:100px;font-size:12px;color: #231F20;}

.safari input:focus ,.safari textarea:focus{outline: none; }
.chrome #contact_form .textarea{ /* width:99% !important; */}

#contact_form .inputText{border:1pt solid #999999;background-color:#ffffff;width:100%; height:18px; line-height:18px;font-size:12px;}
#contact_form .inputText2{border:1pt solid #999999;background-color:#ffffff;width:120px; height:18px; line-height:18px; margin-right:1px;font-size:12px;}
.contact-info{ position:relative; float:left; width:180px;color: #231F20;   margin-left:23px;}
.contact-info p {/* font-weight:bold; */line-height:21px;}
.contact-info a{text-decoration:none;color:#231F20;}
.contact-info a:hover{text-decoration:underline;}
.contact-info ul{ list-style:none; overflow:hidden; }
.contact-info ul li{ display:inline; float:left; padding:0 10px 0 0; text-align:right; }
.contact-info ul li+li{ text-align:left; }

.txt-title {color: #231F20; font-size:13px;}	

.chrome #contact_form input[type="button"], 
.chrome #contact_form input[type="submit"], 
.chrome #contact_form input[type="reset"] {padding: 1px 4px;}
.ie #contact_form input[type="button"], 
.ie #contact_form input[type="submit"], 
.ie #contact_form input[type="reset"] {padding: 1px 4px;}

/* for news list page */
.News_List{float:left;}	
.News_List .imgCont .imgCont_imgBox {/* background: url(../images/img_container.jpg) no-repeat scroll 0 0 transparent; */ 
background:none; height:120px;width:120px;float:left;margin-right:10px; text-align:center;}
.News_List .imgCont .imgCont_imgBox img {background:none; padding: 6px 8px 9px 6px; margin:0; max-width:106px;float:none;}
.News_List .textFormate h2 {text-transform:uppercase;}
.News_List .imgCont .NewsContentBox {width:490px;float:left;}
.News_List .imgCont .NewsContentBox p a {float:right;}
.News_List .imgCont .NewsContentBox p {margin-right:10px;}

.News_older_bottom {margin-left:20px;clear:both;padding:10px 0;}
	.News_older_bottom .oldernews { color: #231F20;font-size: 13px;font-weight: bold;line-height: 21px;}
	.News_older_bottom ul li{}
	.News_older_bottom .oldernewslist li{background: url(../images/bullet.png) no-repeat scroll 4px 9px transparent;
    display: block;padding: 4px 0 0 16px;}
	.News_older_bottom .oldernewslist li a {color:#F7941E;font-weight:normal;font-size:13px;}
	.News_older_bottom .oldernewslist li a:hover{text-decoration:underline;}
	
/* for news list page */
.contentNews .textFormate {margin-right:20px;}
.contentNews .imgCont .imgCont_imgBox {/* background: url(../images/img_container.jpg) no-repeat scroll 0 0 transparent; */ 
background:none; width:250px;float:left;margin-right:10px; text-align:center;}
.contentNews .imgCont .imgCont_imgBox img {background:none; padding: 6px 8px 9px 6px; margin:0; max-width:186px;float:none;}
.contentNews .textFormate h2 {text-transform:uppercase;}
.contentNews .imgCont .NewsContentBox {width: 620px;}
.contentNews .imgCont .NewsContentBox p a {float:right;}
.contentNews .imgCont .NewsContentBox p{margin-right:10px;}


/* for products */
/*================= Product ==============================*/
  #listBox {float: left;padding: 0 0 17px 0;width: 640px; /* margin-top:10px; */}
  #listBox table{float: left; width:100%;}
  .boxList1 {float: left;overflow: hidden;padding-bottom: 17px;padding-top: 5px;width: 100%;
  
  }
  .thumbPicContainer {
	border:1px solid #7C7C7C;
    float: left;
    max-height: 120px !important;
    max-width: 120px !important;
    padding: 0 !important;
    text-align: center;
    vertical-align: middle;
    width: 120px !important;}
  .thumbPicContainer a{text-align:center !important;float:none; }
  .thumbPicContainer img {max-height: 120px;max-width: 120px;display:table-cell; float:none;}
  .ie8 .thumbPicContainer img {display:inline;}
  .chrome .thumbPicContainer img {display:inline-block;}
  .opera .thumbPicContainer img {display:inline-block;}
  
  .produkContent {margin-left: 140px;/*text-align: justify; */}
  .boxList1 a.linkproduct {color: #F7941E;font-size:14px; margin-bottom: 10px;text-align: left !important;text-decoration: none !important;text-transform: uppercase;font-weight: bold;}
  .shortDescription {margin-top: 10px;padding-right: 3px;}
  
  .page {border-bottom: 1px dotted #6C6C6C;color: #9B9C9D;font-size:13px;margin: 5px 7px 10px 10px;padding-bottom: 5px;text-align: right;}
  .bottomPaging {display:none; border-top: 1px dotted #6C6C6C;margin-top: 15px;padding-bottom: 20px;margin-right: 5px;padding-top: 10px;text-align: right;clear:both;}
  .page a, .bottomPaging a {color: #F7941E;text-decoration: underline; }
  .bottomPaging {color: #9B9C9D;font-size:13px;}
  .page a:hover, .bottomPaging a:hover {color: #9B9C9D;text-decoration: none;}
  .products {float: left;padding-bottom: 30px;position: relative; width: 640px; padding-top:10px;}
  
  .products_col1 {float: left;width: 244px; padding-left:14px;}
  .proImg {height: 200px;padding-bottom: 8px;width: 244px; text-align:center;float:none;}
  .proImg a {text-align:center !important;float:none;}
  .proImg img {max-height: 200px;max-width: 244px; /* display:table-cell; */ float:none;}
  .ie8 .proImg img {max-height: 200px;max-width: 244px; display:inline-block; }
  .chrome .proImg img {display:inline-block;}
  
  /* image small */
  .list_products {width: 244px;margin: 7px 0 5px;}
  .list_products ul {display: inline; list-style: none outside none;}
  .list_products ul li {width: auto !important;border: none !important; display: inline-block; list-style: none outside none;padding:0 2px; 
  max-width:61px; height:40px; margin:2px 2px;  background:none; float: left;}
  .list_products ul li img {height: 40px; max-height: 40px;margin-bottom: 5px;max-width: 61px; float:none;}
  
  /* end image small */
  .products_col2 {margin-left: 270px;margin-right: 15px; /*text-align: justify; */}
  .product_title {color: #F7941E;margin-bottom: 10px;text-align: left !important;text-transform: uppercase;font-weight:bold;}
  .product_title .linkproductitle {font-size:14px;}
  .productdetail_description {float: left;}
  #main-inner-container p {padding-bottom: 17px;}
  
  .boxList1 a.detail {color: #F7941E;float: right;text-decoration: underline;padding-top: 10px;/* margin-right:4px; */ font-size:12px;}
  .boxList1 a.detail:hover{color: #F7941E;text-decoration: none;}
  /*
  a.detail {color: #0e4654; float: right;padding-top: 10px;text-decoration: underline;}
  a.detail:hover{color:#798F24;text-decoration: none;}
  */
  #pcolLeft {float: left;line-height: 22px;margin-right: 20px;text-align: left;width: 21%;}
  #pcolLeft ul li {border-bottom: 1px groove #6C6C6C;list-style: none outside none;margin-bottom: 5px;padding-bottom: 5px;}
  #pcolLeft ul li a {color: #798F24;font-size: 11px;text-decoration: none;text-transform: uppercase;}
  #pcolLeft ul li ul {padding-left: 10px;padding-top: 0 !important;}
  #pcolLeft ul li ul li {border-bottom: medium none !important;list-style: none outside none;margin-bottom: 0 !important;padding-bottom: 0 !important;}
  #pcolLeft ul li ul li a {color: #798F24;font-size: 11px;text-decoration: none;text-transform: uppercase;}
  #pcolLeft ul li a:hover, #pcolLeft ul li a.a_selected {color: #C11312;}
  .product_item{padding:1px 0 10px 0;}
  
  .HeaderPro {border-bottom: 1px dotted #6C6C6C;position:relative;padding-bottom:10px;float:left; width:932px;}
  .HeaderPro h1 {color: #D0AF29;font-size: 16px;font-weight: normal;line-height: 28px;}
  .product_noproduct{float:left;font-size:12px; font-weight:bold; line-height:21px;}
  .productdetail_notfound{float: right;width: 74%;}
  .ie7 .productdetail_notfound{float: left;width: auto;}
  
  /* edit width p for product */
  .product_item p{width:480px; padding:0;}
  .products p {/* width: 420px; */padding:0;}
  
 .errorMessage {color:#30B457;}
/* ===================== Search Result =======================*/
.SearchResult {margin-left: 22px;margin-top: 0px;width: 610px;float:left;}
.SearchResultDetail {color: #2C2C2C;
    font-size: 13px;
    line-height: 18px;
    padding: 0 0 17px;
    text-align: justify;
    }
.SearchResult .page {text-align: right;  border-bottom: 1px dashed silver; height: 20px; line-height: 20px;margin-bottom: 10px;margin-right:0px;}
.SearchResult .page a, .SearchResultDetail a {color:#0059A3; text-decoration: underline;}
.SearchResultDetail a:hover{color:#0059A3; text-decoration: none;}
.SearchResultItem { margin: 5px 0 10px 0;}
.SearchResultItem p {padding-left:0;float:none; /* width: 660px; */}
#product_details  .textFormate h2 {text-transform: uppercase;}

.srchBar .login a{height:28px;}
.newsSummary {font-weight: bold;}
.srcBg { background: url("../images/search_bg2.png") no-repeat scroll left top transparent; width: 260px;}

.help_submit_btn { height:30px ; width:130px ; margin-left:5px}

.publishDate {color: gray; font-size: 11px; font-weight: normal;}