@import url(dropdown-menu.css);
a img {border:none;}
* {
    outline:none;
    margin:0;
    padding:0
}

body {
    background:#c8ccd0 url(../img/header.png) top repeat-x;
    font-size:12px;
    font-family:'trebuchet ms';
    color:#40464c
}

a {
    color:#b0b6bb;
    text-decoration:none
}

#bottomleft a {
    color:#30343a;
    text-decoration:none
}

#bottomleft a:hover {
    color:#30343a;
    text-decoration:underline
}

.pan {
    width:995px;
    margin:auto
}

.floatleft {
    float:left
}

.floatright {
    float:right!important
}

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

.last {
    margin-right:0!important
}

h2, h3, h4 {
    font-size:15px;
    font-weight:normal;
    margin:0;
    padding-bottom:7px
}

h2 span, h3 span, h4 span {
    font-size:20px
}

h6 span {
    font-size:16px
}

h2 {
    color:#ca0000;
}

h3 {
    color:#fff;
    border-bottom:3px solid #b4b6b9;
    margin-bottom:10px
}

h4 {
    color:#62676d
}

h5 {
    font:bold 14px 'trebuchet ms';
    color:#62676d;
    margin-bottom:25px
}

h6 {
    font:normal 14px 'trebuchet ms';
    color:#62676d;
    float:right;
    margin-bottom:10px
}

ul {
    list-style:none
}

p {
    margin-bottom:15px
}

label {
    display:block;
    font-size:11px
}

input[type=text], textarea {
    border:1px solid #ababab;
    padding:3px;
    width:212px;
    margin-bottom:7px
}

textarea{
    border:1px solid #ababab;
    padding:3px;
    width:212px;
    margin-bottom:7px	
}

input[type=submit] {
    float:right;
    background:none;
    border:none;
    border-bottom:2px solid #ff0000;
    cursor:pointer
}

/* HEADER */
.pan .header {
    height:154px;
    padding:0 11px;
    position:relative;
}

h1#logo a {
    width:242px;
    height:66px;
    overflow:hidden;
    background:url(../img/logo.png);
    text-indent:-999px;
    display:block;
    margin:25px 0
}

.header form {
    padding:44px 0
}

.header input[type=text] {
    float:left;
    border:1px solid;
    padding:4px 5px 5px;
    font:14px 'trebuchet ms';
    width:150px;
    color:#6d6f71;
    background:#fff url(../img/searchbg.png) top repeat-x
}

.header .text {
    float:left;
    border:1px solid;
    padding:4px 5px 5px;
    font:14px 'trebuchet ms';
    width:150px;
    color:#6d6f71;
    background:#fff url(../img/searchbg.png) top repeat-x
}

.header input[type=submit] {
    text-indent:-999px;
    overflow:hidden;
    border:none;
    display:block;
    float:left;
    background:url(../img/searchbtn.png) no-repeat;
    width:34px;
    height:29px;
    cursor:pointer
}

.header .btn-submit{
    text-indent:-999px;
    overflow:hidden;
    border:none;
    display:block;
    float:left;
    background:url(../img/searchbtn.png) no-repeat;
    width:34px;
    height:29px;
    cursor:pointer;
	font-size: 0px;
	color: #717375;}

ul#mainmenu{
bottom:4px;
left:11px;
position:absolute;
right:11px;
z-index:999;}

#mainmenu li {
float:left;
margin-right: 1px;}

#mainmenu li a {
color:#FFFFFF;
font:13px 'trebuchet ms';
padding:0 18px;
display: block;
line-height: 30px;}

#mainmenu li a:hover, #mainmenu li a.active {
background:#ed1b2f;}

#mainmenu li.customer-support a{
padding: 0;}

#mainmenu li.customer-support a:hover{
background: none;}

/* CONTENT */
.pan .content {
    background:url(../img/pan-content.png) repeat-y;
    padding:27px
}

.pan .content .column {
    float:left;
    margin-right:35px;
}

.pan .content .maincontent {
    float:left
}

#home h2 {
    margin:20px 0 10px
}

#home #newproduct {
    width:298px
}

#home #newproduct li {
    float:left;
    margin-right:10px;
    text-align:center;
    font-size:11px
}

#home #newproduct li a img {
    border:1px solid;
    margin-bottom:10px
}

#home #intro {
    width:608px
}

.box {
    border:1px solid #bec8d6;
    background:#eaeef3;
    padding:10px
}

#contact h2 {
    border-bottom:3px solid #adb0b3;
    margin-bottom:15px;
    margin-top:10px
}

#contact h4 {
    border-bottom:3px solid #adb0b3;
    margin-bottom:15px
}

#contact #mapcontainer {
    float:left;
    width:427px
}

#contact .content .column {
    float:left;
    width:220px;
    margin-right:26px
}

#map {
    border:2px solid #9ea2a8;
    width:423px;
    height:310px;
    overflow:hidden
}

#about #aboutpict {
    width:457px;
    margin-right:20px
}

#about #intro {
    width:464px
}

#intro ul {
    margin-bottom:25px
}

#intro li {
    margin-bottom:10px;
    padding-left:15px;
    margin-left:10px;
    background:url(../img/ul.png) 0 5px no-repeat
}

#about #image img {
    border:1px solid #62676d;
    margin:0 10px 10px 0;
    display:block;
    float:left
}

#technology #intro {
    width:560px
}

#technology #image {
    width:346px
}

#product .content .column {
    margin-right:29px;
    width:294px
}

#product .content .column h2 {
    padding-bottom:5px;
    border-bottom:3px solid #bec0c2
}

#product .more {
    margin-top:-28px;
    border-bottom:2px solid #f47682;
    color:#61666c
}

#product .content .column li {
    padding:10px 0;
    border-bottom:1px solid #dedfe1
}

#product .content .column li:last-child {
    border-bottom:none
}

#product .content .column li img {
    border:1px solid;
    float:left;
    margin-right:10px
}

#product .content .column li .listingdesc {
    float:left;
    margin:5px 0;
    display:block
}

#product .content .column li .view {
    font-size:11px;
    color:#ed1b2f
}

#productdetail .content #image {
    width:467px;
    margin-right:17px
}

#productdetail .content #image img {
    border:1px solid
}

#productdetail .content #image li {
    float:left;
    margin-right:9px;
    text-align:center;
    font-size:11px
}

#productdetail .content #image li a {
    color:#505458
}

#productdetail .content #image img {
    border:1px solid;
    margin-bottom:5px;
    display:block
}

#productdetail .content  h4 {
    border-bottom:3px solid #adb0b3;
    margin-bottom:15px
}

#productdetail #intro {
    width:457px
}

#productdetail .box li {
    list-style:none;
    background:url(../img/pdf-icon.png) left no-repeat;
    padding:10px 0 10px 35px;
    float:left;
    margin:0 20px 0 0
}

#productdetail .box li a {
    font-size:14px;
    color:#62676d
}

#productdetail .spec li {
    background:url(../img/ul2.png) 0 5px no-repeat;
    font:bold 14px 'trebuchet ms';
    color:#40464c
}

#productdetail .spec li span {
    display:block;
    font:normal 11px 'trebuchet ms'
}

.name {
    display:block;
    float:left;
    clear:both;
    width:125px
}

.limiter {
    float:left;
    width:10px
}

.value {
    width:322px;
    float:left
}

.bordered {
    border-bottom:3px solid #adb0b3;
    margin-bottom:15px
}

/*product listing*/
.highlighted-products{
float:left;
padding-right:19px;
width:270px;}

.highlighted-products ul.listing{
padding:10px 0;}

.highlighted-products ul.listing li{
border-bottom:1px dotted #878A8C;
margin-bottom:10px;
padding-bottom:9px;}

.highlighted-products ul.listing li:last-child, .highlighted-products ul.listing li.last-child{
border-bottom:none;
margin-bottom:0;
padding-bottom:0;}

.highlighted-products ul.listing li div.thumb{
border:1px solid #6D6F71;
float:left;
height:78px;
overflow:hidden;
width:78px;}

.highlighted-products ul.listing li div.desc{
float:right;
width:180px;}

.products-by-type{
border-left:1px solid #62676D;
float:left;
padding-left:23px;
width:619px;}

.products-by-type ul.listing{
padding:24px 0;}

.products-by-type ul.listing li{
border-bottom:1px solid #878A8C;
margin-bottom:15px;
padding-bottom:14px;}

.products-by-type ul.listing li:last-child, .products-by-type ul.listing li.last-child{
border-bottom:none;
margin-bottom:0;
padding-bottom:0;}

.products-by-type ul.listing li div.thumb{
border:1px solid #6D6F71;
float:left;
height:89px;
overflow:hidden;
width:89px;}

.products-by-type ul.listing li div.desc{
float:right;
width:520px;
position:relative;}

.products-by-type ul.listing li div.desc h3{
border:medium none;
color:#62676D;
font-size:14px;
font-weight:normal;
line-height:16px;
margin:0 0 10px;
padding:0;}

.products-by-type ul.listing li div.desc p{
color:#40464C;
font-size:11px;
width:375px;}

.products-by-type ul.listing li span.price{
position:absolute;
right:0;
top:26px;}

.products-by-type ul.listing li span.alt{
color:#ED1B2F;
display:block;
font-size:11px;
line-height:16px;
width:100%;}

.products-by-type ul.listing li span.alt a:link, .products-by-type ul.listing li span.alt a:visited{
color:#ED1B2F;
font-size:11px;}

.products-by-type ul.listing li span.alt a:hover{
color:#ED1B2F;}

.products-listing div.desc p{
margin: 0;}

.products-listing h2{
border-bottom:2px solid #ADB0B3;
height:20px;
line-height:20px;
padding-bottom:13px;}

.products-listing .navigation{
height:26px;
line-height:26px;
width:100%;
border-color: #adb0b3;
border-style: solid;}

.products-listing .navigation.top-line{
border-width: 0px 0px 2px 0px;}

.products-listing .navigation.bottom-line{
border-width: 2px 0px 0px 0px;}

.products-listing .navigation .nav-link{
float:right;}

.products-listing .navigation .nav-info{
float:left;
height:26px;
line-height:26px;}

.products-listing .navigation .nav-info a:link, .products-listing .navigation .nav-info a:visited{
color: #ed1b2f;}

.products-listing .navigation .nav-info a:hover{
color: #ed1b2f;}

.products-listing .navigation .nav-link span, .products-listing .navigation .nav-link a{
color:#40464C;
float:left;
height:26px;
line-height:26px;
padding:0 4px;}

.products-listing .navigation .nav-link span.active, .products-listing .navigation .nav-link a:hover{
color: #ED1B2F}

.products-listing .navigation .nav-link span.disabled{
display: none;}

.products-listing .products-by-type .navigation.top-line{
position: relative;
border:medium none;
height:0;}

.products-listing .products-by-type .navigation.top-line .nav-link{
position:absolute;
right:0;
top:-34px;}

/* FOOTER */
.pan .footer {
    background:url(../img/pan-footer.png) repeat-y;
    padding:27px;
    color:#c7c7c7
}

.pan .footer li {
    padding:3px 0
}

.pan .footer a:hover {
    color:#fff
}

.footer.column3 .column {
    width:290px;
    float:left;
    margin-right:35px
}

.footer.column4 .column {
    width:209px;
    float:left;
    margin-right:35px
}

/* BOTTOM */
.pan .bottom {
    background:url(../img/pan-bottom.png) top no-repeat;
    padding:12px
}

#bottomleft span {
    padding:0 12px
}