@charset "utf-8";
/*
#dark grey = #474747
#blue = #006bc4
*/

body{margin:0; background:url(../images/body_bg.png) repeat-x top left;}
body,pre{font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#474747;white-space:normal;}
ul,li,h1,h2,h3,h4,h5,form,p,pre{padding:0;margin:0;list-style:none;}
img{border:0;}
a,input,textarea{outline:none;}
.hidden{display:none;}
.clear{clear:both;}
a,a:visited,a:active,a:hover{color:#006bc4;text-decoration:underline;font-weight:bold;}
a:hover{text-decoration:none;}


#main_container{width:920px;margin:auto;}

#header{height:334px;}
#header #headerimg #headerimgholder,#header #headerimg #headerimgholder img{width:880px; height:180px;}


#header{padding-left:20px;padding-right:20px;position:relative;top:0;background:url(../images/header_bg.png) no-repeat top left;}
#header #topheader{height:100px;position:relative;width:880px;top:-45px;}
#header #topheader img.logo{position:absolute;bottom:10px;}
#header #topheader #search{position:absolute;right:0;bottom:15px;}
#header #topheader #search a{font-weight:normal;}
#header #topheader #search #searchbar{position:absolute;bottom:-1px;right:170px;background:url(../images/input_search_header.png) no-repeat left top;height:19px;padding-left:20px;width:207px;text-align:right;}
#header #topheader #search #searchbar input{width:145px;background:transparent;border:0;padding:0px;position:absolute;bottom:2px;left:25px;font-size:11px; font-family:Arial, Helvetica, sans-serif;font-weight:bold;color:#474747;}

#header #headerimg{position:absolute;top:132px;left:16px;background:url(../images/header_pic_shadow.png) no-repeat left -120px; height:192px;padding-top:13px;padding-left:4px;width:886px;}

#header #menutop{background:url(../images/menutop/menutop.png) repeat-x left -90px;height:45px;position:relative;top:100px;width:880px;}
#header #menutop #menutopright{background:url(../images/menutop/menutop.png) no-repeat left -45px;height:45px;width:7px;position:absolute;right:0px;top:0px;}
#header #menutop #menutopleft{background:url(../images/menutop/menutop.png) no-repeat left top;height:45px;width:7px;position:absolute;left:0px;top:0px;}
#header #menutop #menutoplist{height:45px;letter-spacing:0px;text-align:left;overflow:visible;white-space:nowrap;width:880px;}
#header #menutop #menutoplist li,#header #menutop #menutoplist li a{color:#474747;display:block;float:left;list-style:none;font-size:18px;font-weight:normal;line-height:47px;height:45px;text-decoration:none;text-align:center;cursor:pointer;position:relative;white-space:nowrap;}
#header #menutop #menutoplist li span img{margin-left:2px;}
#header #menutop #menutoplist li.sep{padding:0;padding-left:1px;background:url(../images/menutop/menutop_separator.png) no-repeat;}

#header #menutop #menutoplist li .hover,
#header #menutop #menutoplist li .hover.selected{position:absolute;top:0;left:0;width:100%;height:45px; background-image:url(../images/menutop/menutop_hover_grey.png);background-repeat:repeat-x;background-position:top left; display:none;}
#header #menutop #menutoplist li:hover .hover,
#header #menutop #menutoplist li .hover.selected{display:block;}

#header #menutop #menutoplist li.active .hover,
#header #menutop #menutoplist li.active:hover .hover{background-image:url(../images/menutop/menutop_hover_blue.png);display:block;}


#showmenutop{background:url(../images/menutop/menutop_menubox_bg1.png) repeat-x top left;width:864px;border-left:#8e9395 1px solid;border-right:#8e9395 1px solid;height:176px;z-index:10000;position:absolute;top:45px;left:0px;padding:7px;padding-top:0;}

#showmenutop #inner{background: url(../images/menutop/menutop_menubox_bg2.png) no-repeat top left;height:153px;padding:10px;border:#8e9395 1px solid;border-top:0;overflow:hidden;}
#showmenutop #inner .arrowdown{background:url(../images/menutop/menutop_arrow_down.png) no-repeat left top;height:15px;width:73px;position:absolute;top:0;}
#showmenutop #inner .section{float:left;}
#showmenutop #inner .section .title{color:#474747;font-size:14px;font-weight:bold;padding-top:15px;padding-bottom:10px;}
#showmenutop #inner .section ul{float:left;margin-right:15px;}
#showmenutop #inner .section ul li{line-height:14px;height:14px;display:block;font-size:10px;}
#showmenutop #inner .section ul li a{text-decoration:none;}
#showmenutop #inner .section ul li a:hover{text-decoration:underline;}
#showmenutop #inner .section ul li a span{color:#acacac;}


#footer .inner{width:880px;margin:auto;position:relative;}

#footer #footertop{position:relative;}
#footer #footermiddle{height:160px; background:url(../images/footer/middle_footer_bg.png) repeat-x left top;position:relative;}
#footer #footermiddle .inner{height:160px;}
#footer #footermiddle .section{float:left;}
#footer #footermiddle .section.left{width:275px;}
#footer #footermiddle .section.right{width:550px;margin-left:15px;}
#footer #footermiddle .title{color:#d0cfcf;font-size:20px;font-weight:bold;padding-top:10px;padding-bottom:5px;margin-bottom:10px;border-bottom:1px solid #d0cfcf;letter-spacing:-1px;}



#footer #footermiddle .section ul{float:left;margin-right:15px;}
#footer #footermiddle .section ul li{line-height:18px;height:18px; display:block;font-size:11px;}

#footer #footerbottom{height:62px; background:url(../images/footer/bottom_footer_bg.png) repeat-x left top;position:relative;font-size:10px;color:#8c8c8c;}
#footer #footerbottom img#midlogofooter{position:absolute;right:0;top:23px;}
#footer #footerbottom img#dmlogofooter{position:absolute;left:0;top:15px;}
#footer #footerbottom .inner{padding-top:20px;padding-left:155px;width:725px;}


#content{width:880px;margin:auto;padding-top:10px;padding-bottom:15px;}

.price{font-size:16px;font-weight:bold;position:relative;}
.price .super{font-size:12px;line-height:16px;vertical-align:text-top;}
.prod{font-size:16px;white-space:nowrap;overflow:hidden;}
.prod a{text-decoration:none;}

.input,textarea,.tel{width:183px;border-top:2px solid #7c7c7c;border-left:1px solid #c3c3c3;border-right:1px solid #c3c3c3;border-bottom:1px solid #dddddd; font-family:Arial, Helvetica, sans-serif;font-size:12px;}
textarea{height:106px;}
.tel{width:50px;}
.innerfooter{height:35px;border-top:4px solid #dddddd;padding-top:10px;position:relative;margin-top:20px;text-align:right;}
.innerfooter .printpage{position:absolute;left:0;}
.innerfooter .printpage a{background:url(../images/icon/print.png) no-repeat left center;padding-left:20px;text-decoration:none;}


#toppannel .printpage{position:absolute;right:140px;font-size:12px;top:6px;}
#toppannel .printpage a{background:url(../images/icon/print.png) no-repeat left center;padding-left:20px;text-decoration:none;}
#toppannel .addthis{position:absolute;right:0px;top:5px;}

#rightside #toppannel{border-bottom:5px solid #dddddd;padding-bottom:5px;padding-top:5px;position:relative;}


.titleheader{background:url(../images/title_header_bg.png) repeat-x left -64px; height:32px;position:relative;cursor: default;}
.titleheader p{position:absolute;}
.titleheader p.right{height:32px;width:7px;background:url(../images/title_header_bg.png) no-repeat left -32px;right:0;top:0;}
.titleheader p.left{background:url(../images/title_header_bg.png) no-repeat left top;font-weight:bold;color:#006bc4;padding-top:6px;padding-bottom:6px;left:0px;padding-left:35px;right:7px;font-size:16px;white-space:nowrap;overflow:hidden;}
.titleheader p.info{background:url(../images/icon/info.png) no-repeat top left;height:20px;width:20px;left:10px;top:6px;}
.titleheader p.xchange{background:url(../images/icon/xchange.png) no-repeat top left;height:16px;width:22px;left:10px;top:8px;}

.error{border:1px solid #ddd; font-size:18px;font-weight:bold; text-align:center;margin-bottom:20px;margin-top:20px;padding:15px;}
#error{background:#ff0000; background: #FEDAE1;padding:15px;color:;}

#addlist{width:400px;height:30px;}
.printpic{display:none;margin-top:10px;}