﻿ 

body
{
    margin: 0;
    padding: 0;
	/*background: #F4F4F4 url("/images/bg.jpg") repeat-x scroll center 0px;微軟正黑體*/
    font-size: 12px;
    font-family: Helvetica, Arial, '黑体' , sans-serif;
}
.block
{ 
	display: block;
}
#countryselector 
{
    background: url("/images/countryselectorbg.png") repeat-x scroll 0 bottom transparent;
    overflow: hidden;
    height: 0px;
}
#countryselector .container {
    width:260px; 
    padding-right:40px;
    float: left;
}
#countryselector h2 {
    display: none;
}
#countryselector div div h2 {
    display: block;
}
#countryselector {
    color: #333;
}
#countryselector p, #countryselector a {
    color: #575757;
}

#countryselector .content {
    margin: 0 auto;
    padding-top: 25px;
    width: 970px;
}
#countryselector .countryList {
    float: left;
    width: 650px;
}

#loginselector 
{
    background: url("/images/countryselectorbg.png") repeat-x scroll 0 bottom transparent;
    overflow: hidden;
    height: 0px;
}
#loginselector .container {
    width:260px; 
    padding-right:40px;
    float: left;
}
#loginselector h2 {
    display: none;
}
#loginselector div div h2 {
    display: block;
}
#loginselector {
    color: #333;
}
#loginselector p, #loginselector a {
    color: #575757;
}

#loginselector .content {
    margin: 0 auto;
    padding-top: 25px;
    width: 970px;
}
#loginselector form {
    background: white;
}


.siteList {
    list-style: none outside none;
    padding: 0;
}
.siteList li {
    padding: 3px 0;
}
form {
    /*background: url("/images/top.jpg") repeat-x scroll center 0 #F4F4F4;  */ 
}
a 
{
    color:#004985;
    text-decoration:none;
}
/*
a.highlighted {
    color: #F00;
}*/
a.readMoreLink {
    font-size: 12px;
}
#navpaht, #navpaht a
{
    font-size: 15px;
    color: #999999;
}

#ListContent
{
    width:700px;
    height:auto;
}
a:hover 
{
    text-decoration:underline;
}
a .size, a .date {
    color: #666;   
}
a.nohover:hover {
    text-decoration: none;
}
a.nohover:hover .hover {
    text-decoration: underline;
}
p 
{
    margin:10px 0;
}
img { border: none; }
h1, h2 {
    font-family: 'Conv_DaxlineOffcPro';    
}
h1 {
    font-weight:normal;
    font-size:24px;
    color: #666;
    margin-top: 0px;
    margin-bottom: 10px;
}
h2 
{
    font-weight:normal;
    font-size:18px;
    margin:0px;
    margin-bottom:10px;
    color: #666;
}
h3 {
    font-weight:bold;
    font-size:12px;
    color: #666;
    margin-bottom: 5px;
    /*margin-top: 10px;
    */
}

.categoryTitle 
{
    color:#999;
    display: block;
    text-transform: uppercase;
}

#page {
    width:970px;
    margin:auto;
    padding: 0 4px;
    position: relative;
}
#top 
{
    height:156px;
}
#topcart { 
	margin: 0 -10px;
    overflow-y: hidden;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    position: absolute;
    right: 4px;
    top: 34px;
    z-index: 1000;
}
	#topcart > div {
		border-radius: 5px 5px 0px 0px; 
		-moz-border-radius: 5px 5px 0px 0px; 
		-webkit-border-radius: 5px 5px 0px 0px; 
		border-left: 1px solid #cfdde8;
		border-top: 1px solid #6693b7; 
		background: url("/images/topcart.png") no-repeat scroll 10px 10px #FFFFFF;
		height: 71px;
		width: 290px;
        cursor: pointer;
	}
	#topcart > div.open {box-shadow: 0 0 5px #000000;border-right:1px solid #999999;cursor: default;  }
	#topcart > div.disabled { cursor: default;  }
	#topcart .products {
		font-size: 14px;
		font-weight: bold;
		margin-top: 14px;
		margin-left: 45px;
        color: #666;
	}
	#topcart .total { font-size: 18px; font-weight: bold; margin-left: 10px;margin-top:10px;float:left;color: #666; }
	#topcart input { float: right; font-size: 12px; height: 24px; margin-right: 10px; margin-top: 10px; padding-bottom: 4px; }
    #topcart #close { display: none; }
    #topcart .open #close { display: block; }
#logo 
{
    float: left;
    padding-top: 57px;
    width: 300px;
    height: 48px;
    overflow: hidden;
}
#content, .threecol .teaser
{
    padding: 15px;
    background-color:White;
    box-shadow:0 0 6px rgba(0, 0, 0, 0.2); /*TODO: hantera dom som inte klarar alfa.. */
    display:inline-block;
    width:940px;
}
#content {
    min-height: 200px;
}
#subcontent, #footer
{
    display:inline-block;
}
#footer 
{
    background-color:#009d85;
    /*height:180px;*/
    width:100%;
    margin-top:20px;
}
#footercontent 
{
    color:#fff;
    width:1100px;
    margin:0 auto;
}
#footercontent a {
    color: #fff;
}
#footercontent strong 
{
    line-height:30px;
}
#footercontent div 
{
    float:left;
    margin: 10px 45px 20px;
}
#footercontent ul {
    margin: 0pt; 
    padding-left: 15px;    
}
#subfooter 
{
    height:170px;
    width:100%;
    background-color:#fff;
    color:#7e7e7e;
}
#subfootercontent
{
    width:940px;
    height:125px;
    margin:0 auto;
    padding-top:15px;
}
#leftMenu a {
    color:#000;    
}
#leftMenu a.selected {
    color:#004985;
}

.countryMenu {
    position: absolute; 
    top: 50px; 
    left: 530px;
    z-index: 1000;
    display: none;
}
.menuBorder {
    width: 460px; 
    min-height: 220px;
    padding: 15px;
    padding-bottom: 5px;
    border: 1px solid #ebebeb;
    border-bottom: none;
    box-shadow: 0 0 15px rgba(0, 0, 0, .3); 
    background-color: #fff;   
}
.countryList {
    list-style: none outside none;
    padding: 0;
    display: inline-block;
    margin-right: -5px;
    margin-top: 1px;
}
.countryList li {
    float: left;
    /*height: 20px;*/
    margin: 2px 0;
    width: 155px;
}
.countryList li img { width: 20px; height:16px; float: left; box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); }
.countryList li a   { margin-left: 0px }
.pointer 
{
    width: 49px;
    height: 25px;
    background: url("/images/flyoutpointer.png") no-repeat scroll 0pt 0pt transparent;   
    top: -24px;
    left: 290px;
    position: absolute;
}

.area {
    float: left;
    display: inline-block;
}
#widecontent {
    width: 700px;
}
body.fullwidth #widecontent {
    width: 944px;
}
#fullwidth {
    width: 940px;
}
#left {
    width: 220px;
    min-height: 100px;
    margin-right: 20px;
}
body.fullwidth #left {
    display: none;
}
#main {
    width: 460px;
    margin-right: 20px;
}
#right {
    width: 220px;
}
#widemain {
    width: 700px;
    margin-right: 20px;
}
.left {
    text-align: left;
}
.right {
    text-align: right;
}
#newslist
{list-style: outside none none;
 padding-left: 0px;
 font-family: 宋体, Arial, Helvetica, sans-serif;
 height:284px;
}

 #newslist li
 {
     width:350px;
     height:auto;
     overflow:hidden;
     word-break:keep-all;/* 不换行 */
white-space:nowrap;/* 不换行 */
margin-top:10px;
 }
#newslist a:hover
{color: red;
}
.threecol .teaser 
{
    margin-top:20px;
    width:240px; /*+60 padding*/
    height:126px; /*+60 padding*/
    overflow:hidden;
    float:left;            
    padding: 30px;
    text-align: center;                
}

div#nas_list
{
    float:left;
    margin-left:25px;
    margin-right:30px;
    width:350px;
    height:auto;
}
#nas_list .title
{
    height:25px;
    padding-bottom:32px;

}
#nas_list .title h2
{
    float:left;
   font-weight: normal;
font-size: 18px;
 height:25px;
    line-height:25px;
    vertical-align:middle;
color: #666;

}
#nas_list .title a
{ float:right;
    height:35px;
    line-height:35px;
    vertical-align:middle;
   
      font-weight: normal;
font-size: 12px;
color: #666;
}
#nas_list li a
{
font-size: 13px;
color: #000;
}
div#case_list
{
    float:left;
    margin-left:15px;
    margin-right:25px;
    width:495px;
    height:auto;
}
#case_list .title
{
    height:25px;
    padding-bottom:12px;

}
#case_list .title h2
{
    float:left;
   font-weight: normal;
font-size: 18px;
 height:25px;
    line-height:25px;
    vertical-align:middle;
color: #666;

}
#case_list .title a
{ float:right;
    height:35px;
    line-height:35px;
    vertical-align:middle;
   
      font-weight: normal;
font-size: 12px;
color: #666;
}
a:hover
{
    color:Red;
}
#case_list .item {
    position: relative;
    z-index: 2;
    height: auto;
    padding: 28px 0px 20px;
 /*   border-bottom: 1px solid #D9D9D9;*/
    font: 12px/1.7 Verdana;
    color: #666;
    overflow: hidden;
}
#case_list   .item div.pic {
    position: relative;
    z-index: 3;
    display: block;
    float: left;
    width: 174px;
    height: 116px;
    margin: 4px 26px 0px 0px;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #F9F9F9;
}
#case_list  .item div.desc 
{
    float:right;
    width:295px;
    margin-top: 4px;
}
#case_list   .item a.headline {
   
    margin: 0px 0px 10px;
    font: 18px/1.4 "Microsoft YaHei",Verdana;
    color: #000;
}
#case_list  .item .summary {
}
#case_list   .item a.more {
    font-family: SimSun;
    color: #AAA;
        padding-left:0px;
}
 div#product_list
{
    float:left;
    margin-left:25px;
    margin-right:25px;      
    width:890px;
    height:auto;
    
}
#product_list .title
{
    height:25px;
    padding-bottom:10px;

}
#product_list .title h2
{
    float:left;
   font-weight: normal;
font-size: 18px;
 height:25px;
    line-height:25px;
    vertical-align:middle;
color: #666;

}
#product_list .title a
{ float:right;
    height:35px;
    line-height:35px;
    vertical-align:middle;   
      font-weight: normal;
font-size: 12px;
color: #666;
}
#product_list .item {   
    float:left;
    position: relative;
    z-index: 2;
    height: auto;
    margin-left: 50px;
    padding-bottom: 20px;
 /*   border-bottom: 1px solid #D9D9D9;*/
    font: 12px/1.7 Verdana;
    color: #666;
    overflow: hidden;
}
#product_list .item .pic
{
     width:185px;
     height:185px;
     padding-bottom:10px;
    
}
#product_list .item .txt
{  
     width:185px;
     height:25px;
     text-align:center;
     overflow:hidden;
    
}
 #product_list .item .txt a
 {color: #666;
 }
  #product_list .item .txt a:hover
 {color: red;
 }
.column {
    float: left;
    min-width: 220px;
    max-width: 700px;
}
.column.right {
    text-align: left;
}
.fullwidthseparator {
    display: inline-block;
    clear: both;
}
.fullwidthseparator .column.main {
    margin-right: 20px;
}
.fullwidthseparator .column.main .twocol {
    width: 700px;
}
.fullwidthseparator .column.main .twocol .column,
.fullwidthseparator .column.main .twocol .column .teaserBox {
    width: 340px;
}
.fullwidthseparator .column.main .twocol .column .twocol {
    width: 340px;
}
.fullwidthseparator .column.main .twocol .column .twocol .column,
.fullwidthseparator .column.main .twocol .column .twocol .column .teaserBox {
    width: 160px;
    min-width: 160px;
}

.twocol, .threecol  {
    display: inline-block;
    margin-bottom: 20px;
}
.threecol {
    margin-bottom: 0px;
}
.twocol .twocol {
    margin-bottom: 0;
}

.teaser p 
{
    color:#575757;
}
.teaser .new
{
    color: #666;
    border-bottom: 2px;
    border-bottom-color: #26B3A8;
    border-bottom-style: double;
}
.twocol .first {
    margin-right: 20px;
}
.twocol .column .teaser {
    width: 220px;   
}
.threecol .first div.teaserBox.teaser 
{
    margin-left:0;
    background-image:url("/images/teaser1.jpg");
}
.threecol div.teaserBox.teaser
{
    margin-left:20px;
    background-image:url("/images/teaser2.jpg");
}
.threecol .last div.teaserBox.teaser
{
    background-image:url("/images/teaser3.jpg");
}        


#productListingPage .mainImage {
    float: right;
}

div.filter {
    height: 40px;
    margin-top: 10px;
}
/****** Lists **********/
ul.list
{
    list-style-type: none;
    list-style-position: outside;
    padding: 0;
    margin: 7px 0;
}
ul.list li
{
    border-bottom: 1px solid #CACACA;
    margin-bottom: 7px;
    padding-bottom: 10px;
}
ul.list li:last-child
{
    border-bottom: none;
}
ul.list h2,
ul.list h3
{
    margin: 2px 0;
}
ul.list img
{
    margin-right: 5px;
    margin-top: 2px;
    float:left;
}
ul.list .meta-header
{
    font-style: italic;
    color: #666;
}
ul.list a
{
    color: #313131;
    font-weight: normal;
}
ul.list h3 a
{
    font-weight: bold;
    font-size: 16px;
}
ul.list p
{
    margin: 0 0 10px;
}

ul.vertical-list
{
}

.img-list ul.list li {
    min-height: 78px;
}


.slider 
{
    position: relative;
    width:700px;
    height:310px;
    overflow:hidden;
    float:left;
}
.slider .caption 
{
    font-family: 'Conv_DaxlineOffcPro';
    font-size: 15px;
    color:#fff;
    position:absolute;
    width:350px;
    top:85px;
    right:60px;
}
.slider .caption h2 
{
    margin:0px;
    font-size: 32px;
}

.linklist, .expandlist
{
    /*width:220px;*/
    width: 100%; 
    float:left;
}
.linklist ul, .expandlist ul
{
    padding:0;
    list-style-type: none;
    margin:0;
    margin-top:10px;
}
.linklist ul li, .expandlist ul li
{
    /*height:29px;*/
    min-height: 22px;
    padding-top: 7px;            
    border-top: 1px solid #ebebeb;
    background: url("/images/arrow.png") no-repeat scroll 100% 7px transparent;
}
.expandlist ul li {
    border-top: none;
    background: none;
}
.expander {
    display: inline-block;
    line-height: 20px;
    height: 20px;
    padding-left: 24px;
    background: url("/images/expander.png") no-repeat scroll 0 0 transparent;
}
.expander:hover { background-position: 0 -20px; }
.expanded .expander { background-position: 0 -40px; }
.expanded .expander:hover { background-position: 0 -60px; }
.linklist ul li.expanded
{
    background-image: url("/images/arrowdn.png");
}
.linklist ul ul {
    margin-top: 0px;
    margin-left: 10px;
}
.linklist ul ul li, .linklist ul ul li.expanded {
    height: auto;
    border-top: none;
    background: none;
}
.productselector {
    /*margin-left:20px;    */
    width: 220px;
}
.topproductMenu ul
{
    padding:0;
    list-style-type: none;
    margin:0;
    margin-top:10px;
}
.topproductMenu ul li
{
    /*height:29px;*/
    min-height: 22px;
    padding-top: 7px;            
    border-top: 1px solid #ebebeb;
    background: url("/images/arrow.png") no-repeat scroll 100% 7px transparent;
}
 .childMenu
 {
     margin-left:20px;
     position:absolute;
     background-color:White;
    width:250px;height:auto;border:#ebebeb 1px solid;background:#fff;color:#333;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=3);/*ie*/
-moz-box-shadow: 2px 2px 10px #909090;/*firefox*/
-webkit-box-shadow: 2px 2px 10px #909090;/*safari或chrome*/
box-shadow:2px 2px 10px #909090;/*opera或ie9*/
     
 }
 #leftMenu A:hover
 {
     color:Red;
 }
.childMenu ul
{     
    clear:both;
       list-style-type: none;  
    padding-left:10px;
   
}
.childMenu ul li
{    clear:both;
     border-top: none;
    background: none;
     min-height: 22px; 
        border-top: 0px solid #ebebeb;
     padding-top: 2px; 
  /*  background: url("/images/arrow.png") no-repeat scroll 100% 7px transparent;*/
}
#top ul 
{
    padding:0;
    list-style-type: none;
    margin:0;            
}
#top ul li 
{
    float:left;
}
ul#topmenu 
{
    float:right;
    margin-top:10px;
}
#languagelinks {
	float: right;
	margin-right: 5px;
	margin-top: 7px;
}
#topmenu li 
{
    background:transparent url("/images/linkarrow.png") no-repeat 0 3px;
    margin-left: 10px;
    padding: 0 8px;
}
#topmenu a,
#topmenu .count
{
    color:#fff;
}
ul#navigation 
{
   	font-family:Helvetica, Arial, '黑体', sans-serif;
    font-size: 17px;
    margin-top:91px;
    overflow:hidden;
	background-color:#444444;
	width:100%;
	height: 50px;
	padding-left: -6px;
}
#navigation li a 
{
    color:#fff;            
}
#navigation li 
{
    margin:0 7px;
	line-height: 40px;
	padding-left: 13px;
	padding-right: 13px;
	height: 40px;
	width:80px;
	text-align:center;
}
#navigation li.selected 
{ 
    /*margin-right:13px;*/
    margin: 0;
    padding-top: 0px;
    background: #fff;
}
#navigation li.selected a { 
	color: #004b88;
}
#navigation li.selected div
{
    /*background: transparent url("/templates/images/selectr.png") no-repeat 100% 0;
    padding-top:3px;
    padding-right:7px;
    padding-left:7px;*/
    /*margin-right: -3px;*/
}
#searchbox {
    position: relative;
}
#searchlabel {
    position: absolute;
    font-family:Arial;
    font-size:13px;
    color:#fff;
}
#searchfield
{
    border: none;
    background: url("/images/magnify.png") no-repeat 100% 8px;
    font-family:Helvetica, Arial, '黑体', sans-serif;
    font-size: 13px;
    width: 222px;
    float: right;
    font-style: normal;
    position: absolute;
    height: 32px;
    line-height: 32px;
    color: #000000;
   
}
.searchTrigger {
    right: 5px;
    top: 6px;
    position: absolute;
    width: 20px;
    height: 20px;
    cursor: pointer;    
   
}
hr {
    color: #26B3A8;
    height: 0px;    
    border-color: #26B3A8;
    border-style: none none solid;
    border-width: 0 0 2px;
}
hr.light 
{
    color:#ccc;
    border-color: #ccc;
    border-width: 0 0 1px;
    clear: both;
}
.light {
    color: #999;
}
.mainImage 
{
    margin:10px 0;
}

/***** boxar m skugga *****/
.teaserBox div.border
{
    border:solid 1px #ebebeb;
    padding:10px;
}
.teaserBox.noborder div.border
{
    border: none;
    padding: 0;
}
.teaserBox.noborder hr {
    display: none;
}
.teaserBox 
{
   /* background: url("/images/220shadow.png") no-repeat scroll 0 bottom transparent;*/
    padding-bottom:15px;
    width:220px;
    /*   margin:15px 0;*/
}
.column .teaserBox.dark {
    width: 216px;
}
.teaserBox.dark .shadow {
    border:1px solid #EBEBEB;
    padding: 1px;    
}
.teaserBox.dark .border,
h2.dark 
{
    border: none;
    background: #286a94; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI4NmE5NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNTRjN2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #286a94 0%, #054c7d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#286a94), color-stop(100%,#054c7d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #286a94 0%,#054c7d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #286a94 0%,#054c7d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #286a94 0%,#054c7d 100%); /* IE10+ */
    background: linear-gradient(top,  #286a94 0%,#054c7d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#286a94', endColorstr='#054c7d',GradientType=0 ); /* IE6-8 */    
}
h2.dark {
    margin: -10px;
    padding: 10px;
}
h2.dark,
.teaserBox.dark h2, 
.teaserBox.dark p,
.teaserBox.dark a {
    color: #FFF;
}
.teaserBox.dark a {
    text-decoration: underline;
}
.teaserBox.columns {
    width: auto;
}
.teaserBox.columns ul {
    display: inline-block;
}
#widecontent .teaserBox.article {
    width: auto;
}
div.teaserBox.noborder, div.teaserBox.columns {
    background: transparent none;
}
.teaserBox.wide 
{
    background-image: url("/images/460shadow.png");
    width:460px;
}
.teaserBox ul,
ul.documentList,
ul.linklist
{
    list-style-type: none;
    padding-left: 0px;
}
ul.linklist {
    margin-top: -10px;
}
.teaserBox ul li,
ul.linklist li
{
    line-height: 19px;
    background-repeat: no-repeat;
    padding-left: 25px;
    margin: 15px 0;
}
.teaserBox.columns ul li {
    width: 200px;
    float: left;
}
ul li.filedoc 
{
    background-image: url("/images/doc.jpg");
}
ul li.filepdf
{
    background-image: url("/images/pdf.jpg");
}
ul li.fileextern
{
    background-image: url("/images/externurl.jpg");
}
ul li.fileextern span.size {
    display: none;
}
ul li.filelocal
{
    background-image: url("/images/localurl.jpg");
}
ul li.filenone {
    padding-left: 0;
}
.teaserBox ul li.filethumbnail 
{
    padding-left: 0;
    clear:both;
    display:inline-block;
    min-height: 30px;
    margin: 10px 0;
    width: 198px;
}
.teaserBox.columns ul li.filethumbnail {
    clear: none;
}
.teaserBox ul li.filethumbnail img 
{
    width:40px;
    border:solid 1px #666;
    float:left;
    margin-right: 10px;
}

/*pressrelease*/
.teaserBox ul li.pressrelease,
ul.documentList li.document
{
    background:transparent url("/images/listicon.png") no-repeat 0 0;
    min-height: 30px;
    margin: 10px 0;
    padding-left: 35px;
    line-height: 15px;
    position:relative;
}
.teaserBox ul li.pressrelease.nopreview,
.teaserBox ul li.pressrelease.nopreview:hover {
    background-image: none;
    padding-left: 0;
}
.teaserBox ul li.pressrelease:hover,
ul li.document:hover
{
    background:#eee url("/images/listicon_hover.png") no-repeat 0 0;
}
.date 
{
    color:#666;
}
.teaserBox ul#presslist,
ul.documentList {
    border-top: solid 1px #ccc;    
}
.teaserBox ul#presslist li.pressrelease,
ul.documentList li.document {
    border-bottom: solid 1px #ccc;
    padding-bottom: 10px;
    padding-top: 10px;
    margin: 0;
    background-position: 0 10px;
}
/*div.expandbutton, div.preview 
{
    padding:0;
    margin:0;
    border:none;
}*/
.expandbutton 
{
    position:absolute;
    top: 0;
    left: 0;
    width:30px;
    height:30px;
    cursor:pointer;
}
.nopreview .expandbutton {
    cursor: default;
}



.expandlink
{
    cursor:default;
}

div.preview 
{
    display:none;
    padding:5px 0;
}

/***** documentlist *****/
#filter {
    height: 245px;
}
#filter select.nostyle {
    height: 130px;
    width: 220px;
    margin-bottom: 20px;
    border-radius: 5px;
    background: url("/images/multiselectbg.png") repeat-x scroll 0 0 transparent;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  
}
#searchbox input
{
     outline: none
}
#group {
    margin-left: 15px;
}
#filterlabel {
    float: left;
    margin-left: -210px;
    line-height: 32px;
}
#querystring {
    width: 200px;
    float: left;
}
#filterbutton {
    margin-left: 15px;
    float: left;
}
.document .icon {
    background: transparent url("/images/documenttypesprite.png");
    display: none;
    width: 30px;
    height: 30px;
    left: 33px;
    position: absolute;            
}
.document .icon.doc 
{
    display: block;
}
.document .icon.pdf
{
    display: block;
    background-position: 0 -30px;
}
ul.documentList li.document.icon 
{
    padding-left: 65px;
}
.addToCart {
    float: right;
}
.addToCart .added {
    display: none;
    margin-right: 16px;
}
.addToCart.added .added {
    display: inline;
}
.addToCart.added .add {
    display: none;
}
/***** Stockticker ****/
.stockinfo
{
    color:#666;
    font-size: 11px;
}
.stockinfo span {
    line-height: 18px;
}
.stockinfo strong
{
    color:#000;
    font-size: 12px;
}
.name 
{
    font-size: 11px;
    font-weight: bold;
}
.stockinfo span.price 
{
    font-family: 'Conv_DaxlineOffcPro';
    font-size: 30px;
    font-weight: bold;
    color:#000;
    line-height: 39px;
}
.updated 
{
    font-style: italic;
}
.up 
{
    background-image: url("/images/arrowup.png");
    background-repeat: no-repeat;
    padding-left: 15px;
}
.dn 
{
    background-image: url("/images/arrowdn.png");
    background-repeat: no-repeat;
    padding-left: 15px;
}

/***** Contactlist ******/
.teaserBox ul li.filethumbnail img {
    width: 60px;
}

/***** Editfixes *****/

div.Ext3ContentAreaBase .Ext3ContentArea {
    margin: 0 -2px;
}

div.Ext3ContentAreaBase .Ext3ContentArea div.slider {
    margin-right: -4px;
}
div.Ext3ContentAreaBase .Ext3ContentArea div.teaser 
{
    margin-right: -6px;
}
div.Ext3ContentAreaBase .Ext3ContentArea .twocol .first
{
    margin-right: 8px;
}
div.Ext3ContentAreaBase .Ext3ContentArea .fullwidthseparator .column.main {
    margin-right: 16px;
}

.newsbar {
    width: 940px;
    height: 33px;
    overflow: hidden;
    background-image: url("/images/newsbar.jpg");
    color: #fff;
    display: inline-block;
    margin-bottom: 20px;
}
.newsbar a.newsItem {
    padding: 9px 0;
    float: left;
    color: #fff;
}
.newsbar .text {
    padding: 9px 0;
    margin: 0 20px;
    float: left;
}


/****** officemap *****/
.map {
    background-color:#F8F8F8;    
}
.map h1 
{
    color:#BBB;
    width:340px;
    margin:auto;
}
.map.wide 
{
    width:700px;
    height: 360px;
}
.map.medium 
{
    width:460px;
    height: 237px;
}
.map.narrow 
{
    width:220px;
    height: 113px;
}
.mapshadow.wide {
    width: 700px;
    height: 11px;
    background-image: url("/images/700shadow.png");   
}
.markerinfoWrap 
{
    width: 350px;
}

/***** Contact startpage ******/

.contactList 
{
    list-style: none;
    padding-left: 0;
}
.contactList li 
{
    margin: 15px 0;
    border:solid 1px transparent;
    display:inline-block; 
    width:460px;
}
.contactList li img 
{
    float:left; 
    margin-right:15px;
}
.contactList li h3 
{
    margin-top: 0;
    margin-bottom: 2px;
}
/*.contactList li:hover 
{
    box-shadow: 0 0 10px #DDDDDD;
}
.contactList.teaserBox li:hover {
    box-shadow: none;
}*/


/***** eventlist ******/
.eventList 
{
    list-style: none;
    padding-left: 0;
    border-top:solid 1px #ccc;
}
.teaserBox ul.eventList {
    border-top: none;
    margin-top: -10px;
}
.teaserBox ul.eventList li,
.eventList li
{
    min-height: 40px;
    padding-top: 10px;
    border-bottom:solid 1px #ccc;
    padding-left: 0;
}
.teaserBox ul.eventList li {
    border-bottom: none;
    height: 34px;
}

.eventList li a
{
    font-size: 14px;
    font-weight: bold;
}
.eventList li a.nopreview:hover
{
    text-decoration: none;
    cursor:default;
}

.eventDate 
{
 
    float:left;
    width:45px;
    height:34px;
    background-image: url("/images/calendardatebg.png");
    overflow:hidden;
    font-family:Helvetica, Arial, '黑体', sans-serif;
    font-size: 11px;
    font-weight: bold;
    color:#000;
    text-align: center;
    margin-right: 20px;
}
.teaserBox .eventDate {
    margin-right: 5px;
}
.teaserBox .eventList li a {
    font-weight: normal;
    font-size: 12px;
    line-height: 17px;
    color: #000;
}
.eventDate .day 
{
    width:20px;
    height:17px;
    padding-top:2px;
    float:left;
    color:#fff;
}
.eventDate .month
{
    width:25px;
    height:17px;
    padding-top:2px;
    float:left;
}
.eventDate .year
{
    width:45px;
    height:15px;
    clear:both;
    font-weight: normal;
}
.eventList li .content 
{
    /* float:left; */
}
.teaserBox ul.eventList li .content {
    width: 140px;   
}
.teaserBox.wide ul.eventList li .content
{
    width: 460px;
}
.eventList .preview
{
    margin: 15px 0px 5px 64px;
    width: 100%;
}

/******** productlist *********/


.listItem a, .price {
    color:#004985;
    text-decoration:none;
    font-size:18px;
    /*font-family: 'Conv_DaxlineOffcPro';*/
}
.price, .listItem p a
{
    font-size:12px;
}
.artno 
{
    font-family:Arial;
    font-size:10px;
    color:#808080;
}
.listItem 
{
    width:210px;
    border-right: solid 1px #ebebeb;
    float:left;
    margin:28px 15px;
}
.productRow { 
	margin-bottom: 20px;
}
.listItem.first, 
.productRow .listItem.first
{
    margin-left: 0;
}
.listItem.last,
.productRow .listItem.last
{
    border:none;
    margin-right:0;
}
.imageContainer 
{
    text-align: center;
    height:110px;
    margin-right: 10px;
    overflow:hidden;
}
.textContainer 
{
    /*width:110px;
    float: left;*/
	margin-right: 10px;
}
.defaultHidden {
    display: none;
}
.productRow .listItem {
    margin: 0 20px 20px 0;
	padding-right: 9px;
}
	.productRow .listItem .artno { 
		font-size: 12px;
		margin: 5px 0;
	}
		.productRow .listItem .artno a {
			font-size: 12px;
			font-weight: bold;
		}
	.productRow .listItem .userPrice {
		font-size: 18px;
		color: #333333;
		height: 27px;
	}
.productRow h2 {
    margin-bottom: 0;
}
.productRow .link {
    text-align: right;
    height:14px;
    clear: both;
	padding-bottom: 10px;
                
}
/******** Pager ********/

.pager
{
    text-align: center;
}
.pager a
{
    border: 1px solid #999;
    padding: 5px 8px;
    margin: 0 3px;
    color: #999;
    text-decoration: none;
}
.pager a:hover
{
    background-color: #999;
    color: #fff;
}
.pager a.current
{
    background-color: #ccc;
    color: #666;
}
.pager a.disabled
{
    color: #ccc;
    cursor: default;
}
.pager a.disabled:hover
{
    text-decoration: none;
    background-color: #fff;
    color: #ccc;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.contactSales {
    background: url("/images/saleswoman.png") no-repeat scroll 126px bottom transparent;
    border: 1px solid #EBEBEB;
    height: 135px;
    padding: 15px 10px;    
}
.contactSales select {
    width: 120px;
}

/* product cart */
.cart
{
}

.popup-cart  
{
    z-index:1001; 
    width:500px;
    min-height:350px;
    background-color: #fff; 
    border-style: solid; 
    border-width: 1px; 
    border-color: #999; 
    box-shadow: 0 0 5px #000;
    position:absolute; 
    top:116px; 
    padding:10px;
    display:none; 
	border-top:0;
}

.popup-cart .content
{
    display:block;
    overflow: auto;
}
.cart-upsell
{
    display:block;
    height: 200px;
    width: 100%;
    overflow: auto;
}
	.cart-upsell > p { font-style: italic }
	
#cart-layer  .cart-upsell table .price { width: 200px; }
#cart-layer .cart-upsell table span.userPrice { display: block; }
#cart-layer .cart-upsell table td .addToCartOverlay { top: 0; }

.cart-upsell .head
{
    padding-top: 10px;
}

ul.cart {
    padding: 0;
    list-style: none;
    border-top: solid 1px #ccc;
    clear: both;
}
ul.cart li {
    border-bottom: solid 1px #ccc;
    height: 80px;
}
.cart .thumbnail 
{
    margin-left: 5px;
    margin-right: 25px;
    width: 50px;
    height: 50px;
}
.cart-added  {
}

.cart .info {
    width: 250px;
}
.cart .info.wide {
    width: 350px;
}
.cart .info.small { 
	width: 210px;
}
.cart .manage {
    width: 130px;
}
.cart .thumbnail, .cart .info, .cart .manage, .cart .price {
    /*float: left;*/
    padding-top: 15px;
}
.searchcart .thumbnail, .searchcart .info {
    float: left;
}
.searchcart div.price {
    float: right;
    width: auto;
}
.cart .info
{
    padding-top: 25px;
}
.cart .price {
    padding-top: 31px;
    width: 80px;
    padding-left: 20px;
}
.cart .manage 
{
    width: 40px;
    padding-top: 21px;
}
.cart .manage.wide
{
    width: 60px;
    padding-top: 21px;
}
.cart .manage a {
    /*float: right;*/
    margin-top: 4px;
}
.cart .quantity 
{
    float: left;
    width: 25px;
    padding: 0 5px;
    font-style: normal;
}
.cart .total {
	background-color: #E9E9E9;
    padding: 10px;
	font-size: 18px;
    font-weight: bold;
}
.cart .total span { 
	float:right;
}
.productHeading {
    float: left;
    height: 14px;
    margin-bottom: 10px;
    margin-top: 20px;
}
.productHeading.product {
    width: 330px;
}
.cartForm input[type="text"] {
    width: 198px;
    float: left;
    margin-bottom: 20px;
}
.cartForm input[type="text"].first 
{
    margin-right: 20px;
}
input[type=text].watermark {
    color: #aaa;
}
input[type=text].noedit {
    box-shadow: none;
    border: 1px solid transparent;
    background: #eee none;
    border-radius: 0;    
}
.cartForm input[type="text"].narrow {
    width: 50px;
}
p.formInfo {
    color: #666666;
    font-style: italic;
    margin: 20px 0;        
}

/* Site Splitter function */
.site-splitter .image-container
{
    position: relative;
}
.site-splitter .twocol, 
.site-splitter .teaserBox {
    margin-bottom: 0;
    padding-bottom: 0;
}
.site-splitter .intro-box
{
    position: absolute;
    right: 40px;
    bottom: 40px;
    padding: 20px;
    background: #fff;
    opacity: .8;
    filter: alpha(opacity=80);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    width: 300px;
}
.site-splitter .intro-box ul
{
    font-size: 18px;
    padding: 0;
    list-style-position: inside;
    list-style-image: url(/images/arrow.png);
}

/*businessareas*/
.productCategory .border {
    width: 308px;
    height: 125px;
    border: solid 1px #ebebeb;
    padding: 15px;
    position: relative;
}
.productCategory .icon {
    background: transparent url("/images/baicons.png") no-repeat -1000px 0;
    width: 115px;
    height: 92px;
    position: absolute;
    bottom: 10px;
    right: 15px;
}
.productCategory.icon2 .icon  { background-position: 0 0; }
.productCategory.icon8 .icon  { background-position: -115px 0; }
.productCategory.icon6 .icon  { background-position: -230px 0; }
.productCategory.icon998xxx .icon  { background-position: -345px 0; }
.productCategory.icon997xxx .icon  { background-position: -460px 0; }
.productCategory.icon999xxx .icon  { background-position: -575px 0; }
.productCategory.icon9 .icon  { background-position: -690px 0; }
.productCategory.icon5 .icon  { background-position: -805px 0; }
.productCategory.icon4 .icon  { background-position: -920px 0; }
.productCategory.icon7 .icon  { background-position: -1035px 0; }
.productCategory.icon1 .icon  { background-position: -1150px 0; }
.productCategory.icon3 .icon  {
    bottom: 15px;
    background: transparent url('/images/baresidential.png');
}

.productCategory {
    float: left;
    margin-right: 20px;
    margin-bottom: 15px;
    padding-bottom: 14px;
    background: transparent url("/images/340shadow.png") no-repeat 0 bottom;
}
.productCategory.last {
    margin-right: 0;
}
.productCategory h2 {
    margin-bottom: 0;
}
.productCategory select 
{
    /*margin-top: 30px;*/
    position: absolute;
    left: 15px;
    bottom: 43px;
    width: 190px;
}

a.more {
    background: url("/images/more.png") no-repeat scroll 0 0 transparent;
    padding-left: 15px;
}
a.more.less {
    background-image: url("/images/less.png");
}

/*contact start*/
#country, #region 
{
        margin: 5px 15px 15px;
}
#country 
{
    width:140px; 
    float:right;
    margin-right:0;
}
#region 
{
    width:200px; 
    float:right;
}
#offices, #persons, #distributors
{
    display:none;
}
#officeList li, #distributorList li {
    position: relative;
}
#officeList li a.people, #distributorList li a.people
{
    position: absolute;
    right: 0px;
    bottom: 0px;
}
#officeList li.peopleList, #distributorList li.peopleList {
    display: none;
    box-shadow: none;
}
li.peopleList h2.heading {
    float: left;
    width: 100px;
    margin-top: 10px;
    margin-bottom: 0;
}
li.peopleList .functionFilter {
    float: right;
    min-width: 110px;
    margin-bottom: 10px;
}
li.peopleList ul.contactList {
    background-color: #FCFCFC;
    margin-bottom: -6px;
    margin-top: -6px;    
}

/* tabstrip */
ul.tabstrip 
{
    list-style-type: none;
    padding: 0 0 0 8px;
    font-family: Verdana;
    font-size:11px;
    color:#447aa6;
    height: 31px;
    border-bottom: 1px solid #bdbdbd;
}
ul.tabstrip li 
{
    background: transparent url(/images/produkttabbg.png) repeat-x 0 0;
    height:15px;
    float:left;
    margin: 0 2px;
    padding:8px;
    border-radius: 4px 4px 0 0;
    cursor: pointer;
}
ul.tabstrip li.disabled {
    color: #AAA;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    cursor: default;
}
ul.tabstrip li.active 
{
    border:solid 1px #bdbdbd;
    height:30px;
    padding:0;
    background-image: url(/images/producttabactivebg.png);
    border-bottom:solid 1px #FFF;
    color:#000;
    cursor: default;
    box-shadow: 0 0 4px #DDD;
}
ul.tabstrip li.active div 
{
    border-radius: 4px 4px 0 0;
    padding: 7px;
    border:1px solid #fff;
    border-bottom-width: 4px;
}    

/* Megadropdown */
div.megadropdownleft  { float:left; width:220px; min-height: 260px; }
div.megadropdowncenter { float: left; width: 220px; min-height: 260px; margin-left: 10px; padding-left: 9px; border-left: 1px solid #EBEBEB; }
div.megadropdownright { float: left; width: 220px; min-height: 260px; margin-left: 10px; padding-left: 9px; border-left: 1px solid #EBEBEB; }
#megadropdown {
    width:700px; min-height:200px; background-color: #fff; border-style: solid; border-width: 1px; border-color: #999; box-shadow: 0 0 10px rgba(0,0,0,0.5); position:absolute; top:90px; display:none; z-index: 1000; padding:20px;
}
#megadropdown_arrow {
    position: absolute; top:-10px; left: 0px;
}

/*** Facets ***/
.facet { overflow: hidden; display: none; margin-bottom: 5px; }
.facet a { cursor: pointer; }
.facet.expanded { border-bottom: 1px solid #ebebeb; }
.filterValue { padding: 4px;height: 15px;clear: both; }
.filterValue.disabled { opacity: 0.5; filter: alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
.filterValue.disabled a { cursor: default; }
.filterValue a { 
    cursor: pointer;
    color: #363636;
    font-size: 12px;
}
.filterValue.selected a {
    width: 100%; 
    display: block;
}
a .cb, label .cb {
    background: url('/images/checkbox.png') no-repeat 0 0;
    width: 13px;
    height: 13px;
    float: left;
    margin-right: 4px;
}
a:hover .cb, label:hover .cb {
    background-position: -16px 0;
}
.selected a .cb, label.selected .cb {
    background-position: 0 -16px;
}
.selected :hover .cb, :hover.selected .cb {
    background-position: -16px -16px;
}
.disabled a:hover .cb, label.disabled .cb {
    background-position: 0 0;
}
.filterValue a .text { float: left; }
.filterValue a .close { display: none; }
.filterValue.selected a .close {
    display: block;
    float:left; 
    margin-left: 5px;
    padding:5px 4px 6px 4px;
    background-color: #888888;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    line-height: 4px;
    width: 5px;
}
.filterValue.selected .light {
    display: none;
}
.filterGroup {
    margin-top: 10px;
}
#filters fieldset {
    border: 0 none;
    vertical-align: top;
    padding: 8px 4px;
}
#filters fieldset legend, .filterHeading {
    color: #666;
    display: block;
    font-family: 'Conv_DaxlineOffcPro';
    font-size: 15px;
}

.ajax-loader 
{ 
    position: absolute; 
    background: url("/images/ajax-loader.gif") no-repeat; 
    width: 32px; 
    height: 32px; 
    left: 50%; 
    top: 50%; 
    margin-left: -16px; /* -1 * image width / 2 */ 
    margin-top: -16px;  /* -1 * image height / 2 */ 
    display: block; 
}

.ajax-loader-inline
{ 
    position: relative; 
    background: url("/images/loading.gif") no-repeat; 
    width: 16px; 
    height: 16px; 
    display: inline-block;
}


.registerForm
{
    position: relative;
}

.registerForm input 
{
    margin-top: 20px;
    margin-right: 20px;
}
.registerForm input[type="checkbox"] {
    margin-right: 5px;
    margin-left: 15px;
}
.registerForm td:first-child input[type="checkbox"] {
    margin-left: 0;
}
.registerForm select 
{
    width: 320px;
    margin-top: 20px;
    margin-right: 20px;
}
.price-loading {
    background: transparent url('/images/loading.gif') no-repeat center;
}

input[type="submit"].rejectButton 
{
    background: transparent url("/images/rejectbuttonbg.png");
}

input[type="submit"].approveButton
{
    background: transparent url("/images/approvebuttonbg.png");
}
.buttonContainer {
    float: right;
    width: 100%;
}
.buttonContainer input[type="button"], .buttonContainer input[type="submit"] {
    float: right;
}
.buttonContainer input[type="button"].left, .buttonContainer input[type="submit"].left {
    float: left;
}
.buttonContainer div {
    float: right;
    display:inline-block;
}


table.cart {
    margin: 20px 1%;
    width: 98%;
}
table.cart th {
    border-bottom: solid 1px #eee;
}
table.cart td {
    padding: 10px 0;
}
#accountmenu {
    margin-top: 0;
}
#accountmenu ul {
    padding: 0;
    list-style: none;
}
#accountmenu li {
    padding-left: 0;
    min-height: 22px;
    padding-top: 7px;            
    border-bottom: 1px solid #ebebeb;
    margin: 0;
}

div.savedcarts-dialog
{
    /*margin: 15px;
    overflow: auto;*/
    width: 450px;
    min-height: 300px;
}

div.savetocart-dialog
{   
    overflow: auto;
    width: 450px;
    height: 210px;
}

ul.savedcarts {
    overflow: auto;
    padding: 0;
    list-style: none;
    clear: both;
    height: 240px;
}
ul.savedcarts li {
    border-bottom: solid 1px #ccc;
    height: 40px;
}
ul.savedcarts div {
    display: inline-block;
}

.savedcarts .info {
    width: 200px;
}
.savedcarts .smallinfo {
    width: 100px;
}

.savedcarts .manage
{
    width: 40px;
}
.savedcarts .manage a 
{
    float: right;
    padding-top: 4px;
}
.userPrice {
    position: relative;
}
span.userPrice {
    padding-top: 2px;
    padding-right: 30px;    
}
.addToCartOverlay {
    height: 27px;
    background: transparent url('/images/addToCartSmall.png') no-repeat 0 0;
    cursor: pointer;
    width: 43px;
    position: absolute;
    right: 0px;
    top: 0px;
}
#tabcontainer div.addToCartOverlay {
    width: 43px;
    top: -3px;
}
#tabcontainer span.userPrice {
    padding-right: 50px;
}
td .addToCartOverlay {
    top: 10px;
}
#cart-layer { width: 470px;z-index:900; }
#cart-layer .cart .thumbnail { margin-right: 10px; }
#cart-layer .cart .price { padding-left: 10px; }
#cart-layer .thumbnail, #cart-layer .info, #cart-layer .manage, #cart-layer .price { float: none;padding-top: 0; }
	#cart-layer .thumbnail { width: 70px;text-align: center; }
#cart-layer table { width: 100%;border-spacing:0; }
#cart-layer table thead tr { height:30px;font-weight:bold; }	
#cart-layer table tbody tr { height:79px; }
	#cart-layer table .info a { font-weight: bold; }
	#cart-layer table .price { color: #666; font-weight: bold;width:100px; }
#cart-layer table td { border-bottom:1px solid #ccc; }
#cart-layer .actions { float: right; padding-top: 10px; margin-bottom: 20px; }
	#cart-layer .more { height:39px; line-height: 39px; }
		#cart-layer .more a { font-weight: bold; }
	#cart-layer .buttonContainer .highlight { margin-left: 10px; }
/*#availability {
    font-weight: bold;
    margin-left: 15px;
    margin-top: 9px;
    float: left;            
}*/

span.red
{
    color: red;
}

div.quickorder-dialog
{   
    width: 650px;
    height: 450px;
}

div.quickorder-body
{
    overflow:auto;
    width:100%;
    height: 400px;
    min-height: 400px;

}

div.quickorder-body table
{
    width: 100%;
}

div.quickorder-body th
{   
    text-align: left;
    border-bottom: solid 1px #ccc;
}

td.quickorder-displayname
{
    width: 200px;
    min-width: 200px;
}

td.quickorder-price
{
    /*width: 50px;*/
    min-width: 50px;
}

.quickorder-loading {
    background: transparent url('/images/loading.gif') no-repeat center;
}

.error
{
    color: Red;
}

input[type="text"].quickorder-artno,
input[type="text"].quickorder-qty
{
    width: 50px;
    text-align: right;
}

table.ordersummary {
    margin: 20px 1%;
    width: 98%;
}
table.ordersummary th {
    border-bottom: solid 1px #eee;
}
table.ordersummary tbody td {
    padding: 10px 0;
}
table.ordersummary tfoot td {
    padding: 5px 0;
}
    
.ordersummary-total { 
	background-color: #E9E9E9;
}

/* Alerts */    
.notification {
    box-shadow: 0px 2px 7px #ccc;
    padding: 10px;
    font-size: 14px;
    background-color: #f8f8f8;
    border: 1px solid #008cff;    
}
.notification.warning {
    background-color: #ffffc0;
    border: 1px solid #ff8c00;
 }
.notification.error {
    background-color: #fff0e0;
    border: 2px solid #ff4c00;
 }
#sitemessage .notification {
    margin-bottom: 10px;
}
/*captcha*/
.QapTcha {float:left;margin-bottom: -2px;}
.QapTcha .clr{clear:both}
.QapTcha .bgSlider {
    box-shadow: inset -2px -2px 10px rgba(0, 0, 0, 0.1);
    width: 252px;
    height: 33px;
    float: left;
    border: 1px solid #ccc;
    background-color: #fefefe;
    border-radius: 4px;
    margin-right: 15px;
}
.QapTcha .TxtStatus {width:252px;margin-top:7px;text-align:left;color:#bb2828;font-family:Verdana;font-size:10px;clear:both}
.QapTcha .dropSuccess {color:#4e8b37}
.QapTcha .dropError {color:#bb2828}
.QapTcha div.Slider {
    width:52px;
    height:30px;
    cursor:e-resize;
    box-shadow: none;
    position:relative;
    padding: 0;
    top:0;
    left: 0;
}
.cartForm .QapTcha .bgSlider { width: 220px; }
/*IE10 trick for right aligned textboxes */
::-ms-clear {
  display: none;
}
#searchbox {
   /*  background-image: linear-gradient(left , rgb(146,178,204) 42%, rgb(77,129,172) 71%);
    background-image: -o-linear-gradient(left , rgb(146,178,204) 42%, rgb(77,129,172) 71%);
    background-image: -moz-linear-gradient(left , rgb(146,178,204) 42%, rgb(77,129,172) 71%);
    background-image: -webkit-linear-gradient(left , rgb(146,178,204) 42%, rgb(77,129,172) 71%);
   background-image: -ms-linear-gradient(left , rgb(146,178,204) 42%, rgb(77,129,172) 71%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#93b3cd', EndColorStr='#4b80ab',gradientType=1);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#93b3cd', EndColorStr='#4b80ab',gradientType=1);

    background-image: -webkit-gradient(
                                        linear,
                                        left bottom,
                                        right bottom,
                                        color-stop(0.42, rgb(146,178,204)),
                                        color-stop(0.71, rgb(77,129,172))
    );
   */
    border: 1px solid #fff;
    height: 32px;
    right: 5px;
    position: absolute;
    opacity:0.5;
    top: 54px;
    width: 232px;
}
#searchlabel {
    left: 9px;
    top: 8px;
    color :rgb(255,255,255);
}

input[type=button].pdfbutton
{
    color: #fff;
    padding-left: 40px;
    background: url(/images/pdfbutton.png) no-repeat 10px 3px,url(/images/buttonbg-gray-divide.png) no-repeat 40px 0px, url(/images/buttonbg-gray.png);
}
#id_matrix input[type=text].onecol { width:192px; }
div.Ext3ContentAreaBase { clear: both; }
.teaserBox.article.teaser ul li {
	padding-left: 0px;
	
}
.teaserBox.article.teaser ul {
	list-style-type: disc;
	padding-left: 20px;
	margin-left: 5px;
}

.languages-item { float:right; display:inline-block; text-align:right; }
.languages-item ul { padding:0; margin:0; padding-right:10px; }
.languages-item ul li { display:inline-block; vertical-align:top; padding:17px 3px 18px 3px; }
.languages-item ul li a { display:inline-block; width:25px; height:25px; line-height:25px; background:url(../images/lan-bg.png) 0 0 no-repeat; text-align:center; font-size:0.813rem; font-size:13px\0; color:#AAA; }
.languages-item ul li a:hover { color:#FFF; background-position:-25px 0; }
.languages-item ul li.active a, .languages-item ul li.active a:hover { color:#FFF; background-position:-25px 0; }

#page-list
{
    height:auto;
    width:100%;
}
/*-----------商品列表---------*/
#ProductList
{
    width:100%;
    height:auto;
}
#ProductList .item {
   
    z-index: 2;
    width: 350px;
    height: auto;
    
    padding: 28px 0px 20px;
 /*   border-bottom: 1px solid #D9D9D9;*/
    font: 12px/1.7 Verdana;
    color: #666;
    overflow: hidden;
    float:left;
}
#ProductList .item .pic
{ margin:0 auto;
     width:220px;
     height:220px;
     padding-bottom:10px;
    
}
#ProductList .item .txt
{  
     width:350px;
     height:25px;
     text-align:center;
    
}
 #ProductList .item .txt a
 {color: #666;
 }
 #ProductList .item .txt a:hover
 {color: red;
 }

/*-----------信息列表------*/
#infoList
{
    width:100%;
    height:auto;
}
#infoList .item {
    position: relative;
    z-index: 2;
    width: 620px;
    height: auto;
    padding: 10px 0px 20px;
   border-bottom: 1px solid #D9D9D9; 
    font: 12px/1.7 Verdana;
    color: #666;
    overflow: hidden;
}
#infoList   .item a.pic {
    position: relative;
    z-index: 3;
    display: block;
    float: left;
    width: 174px;
    height: 116px;
    margin: 4px 26px 0px 0px;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #F9F9F9;
}
#infoList   .item a.headline {
   
    margin: 0px 0px 10px;
    font: 18px/1.4 "Microsoft YaHei",Verdana;
    color: #FF0018;
}
#infoList  .item .summary {
}
#infoList   .item a.more {
    margin: 0px 0px 0px 8px;
    font-family: SimSun;
    color: #AAA;
}
#infoList ul
{
    list-style: outside none none;
    padding-left: 0px;
     font-family: 宋体, Arial, Helvetica, sans-serif;
}
 #infoList li
 {
     width:650px;
     height:35px;
     line-height:35px;
     vertical-align:middle;
      border-bottom: 1px solid #D9D9D9; 
 }
#infoList li a
{

    color: #000000; 
    width:400px;
    height:auto;
    overflow:hidden;
    text-overflow:ellipsis; 
}
#infoList li   span.category
{     color: #666;
}
#infoList li a:hover
{color: red;
}
#infoList li   span.datetime
{ color: #666;
    float:right;
}

/*--------------信息详细-------------*/
#DetailContent
{
    width:900px;
    height:auto;
}
#DetailContent #Content
{
     width:98%;
    height:auto;
    padding: 30px 0px 0px;
    font-family: "Microsoft YaHei";
}
 #DetailContent .head
{
    text-align: center;
    border-bottom: 1px dashed #E5E5E5;
    padding-bottom: 15px;
    color: #333;
}
 #DetailContent .head h1
 {
     font: 30px/46px  ;
 margin-bottom : 6px;
 }
  #DetailContent .head p
  {
      color: #999;
  }
   #DetailContent .head a
   {color: #999;
   }
   #DetailContent #Content
{
    font-family: 宋体, Arial, Helvetica, sans-serif;
    padding:15px;
}
.productContent
{
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: #26B3A8;
}
  /*--------------信息详细-------------*/
  #DetailContent .intro
{
    padding-top:15px;
    width: 100%;
    height:auto;
}
.intro  #itemInfo
{
    float: right;
padding-bottom: 15px;
display: inline;
width: 630px;
height:250px;
}
#itemInfo #name
{
    padding: 15px 75px 10px 0px;
}
#name h1 {
    line-height: 1.5em;
    overflow: hidden;
    font-weight: 700;
    font-family: arial,"microsoft yahei";
    font-size: 16px;
}
#name p
{
    font-size: 14px;
color: #999;
}
.ohteritem {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 81px;
    height: auto;
   
    vertical-align:middle;
    background: #F7F7F7 none repeat scroll 0% 0%;
}
.ohteritem .dt {
    float: left;
    width: auto;
    
    display: inline;
    text-align: left;
    font-family: simsun;
}
.ohteritem .dd {
    width: 432px;
    
}
.ohteritem a
{
    color:#999;
}
.ohteritem .p-price {
    display: inline-block;
    vertical-align: middle;
    color: #E4393C;
    font-size: 20px;
}
#buy
{
  margin-top: 30px;
}
a.btn {
  display: inline-block;
  width: 158px;
  height: 38px;
  padding: 0;
  margin: 0;
  border: 1px solid #FF6700;
  font-size: 14px;
  line-height: 38px;
  text-align: center;
  color: #FF6700;
  cursor: pointer;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
a.btn:hover
{
    display: inline-block;
    width: 158px;
    height: 38px;
    padding: 0;
    margin: 0;
    border: 1px solid #FF6700;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
    color: #FFFFFF;
    background-color: #FF6700;
    cursor: pointer;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    text-decoration: none;
}
/*
.intro #divimg
{float: left;
padding-bottom: 15px;
height:auto;idth: 750px;
}
#intro #divimg
{float: left;
padding-bottom: 15px;
display: inline;
width: 230px;
 
}
 #divimg #mainimg
 {
    width: 220px;
    height:220px;
 }
 
  #divimg #img-list
  {
      float:left;
width: 220px;
height: 54px;
overflow: hidden;
padding: 0px 0px 0px 0px;
  }
  #img-list ul
  { 
      list-style: outside none none;
   overflow: hidden;
   width:210px;
  height: 54px;
  }
  #img-list  img
  {
      float:left; 
    width: 62px;
    padding-right:5px;
    text-align: center;
    font-size: 0px;
     
} 
 #img-list img.active
{
    border: 1px solid #FF0000;
}
#img-list a 
{
    
    width:14px;height:54px;
    background:url(../images/arrow-2.png) 0 0 no-repeat;
    vertical-align:middle;
}
#forward
{  float:right; 
  
}
#backward
{
    float:left; 
}
#img-list a.forwarddisabled
{
    cursor: default;
    background-position: -14px 0px;
}
#img-list a.backwarddisabled
{
    cursor: default;
    background-position: -0px 0px;
}
#img-list a.forward 
{
    
    background-position: -42px 0px;
}
#img-list a.backward 
{
    
    background-position: -28px 0px;
}
#img-list  #divShowImg
{
    float:left;
    width: 180px;
height: 52px;
overflow: hidden;
position:absolute;
 z-index:3;
 left:35px;
}
#img-list  #divShowImg #divallimg
{
       width: 900px;
       height:54px;
       float :left;
        left:18px;
          position:absolute;
           z-index:1;
}
*/
#aboutus
{
    padding:30px;
     font-family: 宋体, Arial, Helvetica, sans-serif;
}
#saleMap
{
    
}

/*商品推荐上一批下一批的CSS*/


#productshow
{
    height:250px;    
    margin-left: -50px;
}
.product-directionNav a 
{
    cursor: pointer;
    position: absolute;
    top: 45%;
    z-index: 9;
    border: 0 none;
    display: block;
    height: 36px;
    width: 36px;
    text-indent: -9999px;    
    opacity: 0.6;
}

.product-directionNav .product-directionNav a:hover 
{
    opacity: 1;
}

.product-directionNav .product-prevNav {
	left: -10px;
	background: url(/images/arrowleft.png) no-repeat scroll 0 0 transparent;	
}

.product-directionNav .product-nextNav {
	right:-10px;
	background: url(/images/arrowright.png) no-repeat scroll 0 0 transparent;	
}

.product-directionNav .nivo-controlNav 
{
    position: absolute;
	padding: 5px;
	z-index: 10;
	right: 0;
}

.product-directionNav .nivo-controlNav a {
	z-index:9;
	cursor:pointer;
	display:block;
	width:19px;
	height:22px;
	background:url(/images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	float:left;
}
.product-directionNav .nivo-controlNav a.active {
	font-weight:bold;
	background-position/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	float:left;
}
.product-directionNav .nivo-controlNav a.active {
	font-weight:bold;
	background-position:0 -22px;
}

.ohteritem span
{    border: 1px solid #FF6700;
     padding:0px;
     
      margin-right:5px;
}
.friendlinks
{
    width:940px;
    text-align: center;
    padding: 5px 0 0 0;
    margin:0 auto;
}
.friendlinks span.span_title 
{
    
}
.friendlinks p {
    font-size: 12px;
    line-height: 12px;
}

.friendlinks p.linkbtn {
    color: #000;
}

.friendlinks p.linkbtn a {
    color: #000;
    display: inline-block;
    padding: 0 10px;
}

.friendlinks p.linkbtn a:hover {
    color: #ff4500;
}
