*{
    margin: 0;
    padding: 0;
    font-family: arial, verdana, sans-serif;
}

body{
    background: #fff;
    color: #666;
    font-size: 1.0em;
}

.nostyle, legend{
   display: none;
}

a{
   outline: 0;
}

a img{
   border-width: 0;
}

ul li, ol li{
   list-style-type: none;
}

fieldset{
   border-width: 0;
}

#wrapper{
   font-size: 70%;
   border-bottom: 1px solid #a7a7a7;
}

#wrapper #header{
   overflow: hidden;
   border-bottom: 1px solid #cecece;
   margin-bottom: 1px;
   height: 78px;
}

#wrapper #header h1{

}

#wrapper #header h1 a{
   display: block;
   float: left;
   width: 100px;
   height: 47px;
   overflow: hidden;
   background: #fff url('../i/gui/lg_logo.png') no-repeat left top;
   text-indent: -9999em;
   margin: 13px 27px;
}

#wrapper #header div#nav-primary{
   margin: 12px 0 3px 165px;
   overflow: hidden;
   background: url('../i/gui/nav-primary.png') repeat-x 0px 0px;
}

#wrapper #header #nav-primary ul{
   float: left;
   min-width: 700px;
   overflow: hidden;
   padding: 7px 17px 6px 17px;
   background: #dd408f url('../i/gui/bg_gnb_new.jpg') no-repeat left center;
}

#wrapper #header #nav-primary ul li{
    float: left;
}

#wrapper #header #nav-primary ul li a{
   color: #fff;
   text-decoration: none;
   font-weight: bold;
   display: block;
   text-transform: capitalize;
   margin-left: 25px;
}

#wrapper #header #nav-primary ul li a strong,
#wrapper #header #nav-primary ul li a:hover{
   color: #ffe194;
}

#wrapper #header #site-tools{
   float: left;
   width: 452px;
   padding: 5px 10px 5px 43px;
   margin: 5px 0;
   text-align: right;
}

#wrapper #header #site-tools ul li{
   float: left;
   overflow: hidden;
}

#wrapper #header #site-tools ul li a{
   display: block;
   float: left;
   overflow: hidden;
   color: #666;
   text-decoration: none;
   text-transform: capitalize;
   margin: 0 10px 0 0;
   padding: 0 0 0 10px;
   border-left: 1px solid #666;
}

#wrapper #header #site-tools ul li:first-child a{
   border-left-width: 0;
}

#wrapper #header #site-search{
   float: left;
   text-align: right;
   width: 190px;
   padding: 4px 0;
   margin: 6px 0;
}

#wrapper #header #site-search dl dt,
#wrapper #header #site-search dl dd{
   float: left;
}

#wrapper #header #site-search dl dd input{
   border: 1px solid #999;
   margin: 0 5px;
   font-size: 95%;
}

#wrapper #header #site-search dl dd button{
   border-width: 0;
   text-indent: -9999em;
   overflow: hidden;
   outline: 0;
   width: 15px;
   height: 15px;
   background: url('../i/gui/search.png') no-repeat center center;
   cursor: pointer;
}

#wrapper #content{
   width: 960px;
   background: #fff;
   padding: 0 0 10px 0;
   min-height: 500px;
}

#wrapper #content img#banner{
   border-top: 3px solid #cc0066;
   padding: 1px 0 5px;
   width: 860px;
   height: 232px;
   margin: 0;
}

#wrapper #content p.breadcrumb{
   margin: 10px 0 10px 192px;
   padding: 0 5px;
   border-left: 2px solid #dd408f;
}

#wrapper #content p.breadcrumb a{
   color: #947d84;
}

#wrapper #banner{
    width: 999px;
}

#wrapper #content #bannerleft, #wrapper #contenthome #bannerleft{
   float: left;
   width: 170px;
   margin: 0px 0px 10px 0px;
}

#wrapper #content #nav-products,
#wrapper #contentstats #nav-stats{
   float: left;
   width: 150px;
   margin: 0px 8px 10px 8px;
   border-bottom: 1px solid #bdbdbd;
}

#wrapper #content #nav-products h2,
#wrapper #contentstats #nav-stats h2{
   margin-bottom: 1px;
}

#wrapper #content #nav-products h2 a,
#wrapper #contentstats #nav-stats h2 a{
   display: block;
   padding: 5px 5px 5px 10px;
   background: url('../i/gui/bg_lnb_new.jpg') no-repeat center center;
   color: #fff;
   font-size: 14px;;
   text-decoration: none;
}

#wrapper #content #nav-products ul li a,
#wrapper #contentstats #nav-stats ul li a{
   display: block;
   border-top: 1px solid #bdbdbd;
   color: #000;
   text-decoration: none;
   text-transform: capitalize;
   padding: 5px 5px 5px 10px;
}

#wrapper #content #nav-products ul li a:hover,
#wrapper #content #nav-products ul li a strong,
#wrapper #contentstats #nav-stats ul li a:hover,
#wrapper #contentstats #nav-stats ul li a strong{
   color: #dd408f;
}

#wrapper #content #nav-products ul li ul{
   display: none;
}

#wrapper #content #nav-products ul li.selected ul{
   display: block;
}

#wrapper #content #nav-products ul li ul li a{
   background: #ececdd;
   color: #454e6e;
   padding-left: 15px;
}

#wrapper #content #nav-products ul li ul li ul li a{
    padding-left: 25px;
}

#wrapper #content #nav-products ul li ul li ul li{
    position: relative;
}
/*
#wrapper #content #nav-products ul li ul li ul li:hover ul,
#wrapper #content #nav-products ul li ul li ul li.selected:hover ul,*/
#wrapper #content #nav-products ul li ul li ul li.sfHover ul{
    z-index: 100;
}

#wrapper #content #nav-products ul li ul li ul li ul,
#wrapper #content #nav-products ul li ul li ul li.selected ul{
    position: absolute;
    top: 0;
    left: 150px;
    width: 300px;
    border: 1px solid #bdbdbd;
    border-top-width: 0;
    -moz-opacity: 0.9;
    -webkit-opacity: 0.9;
    opacity: 0.9;
    z-index: 9999;
}

#wrapper #content #nav-products ul li ul li ul li ul li a{
    padding-left: 25px;
    width: 270px;
}


#wrapper #content #product{
   margin: 0 10px;
   padding: 20px 10px;
   width: 650px;
   float: left;
   border: 1px solid #dbdbdb;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   background: #fff url('../i/gui/product-background.png') repeat-x top left;
}

#wrapper #content #product h2{
   color: #633;
   border-left: 3px solid #633;
   padding: 0 5px;
   font-size: 130%;
   clear: left;
}

#wrapper #content #product p{
   margin: 8px 0px 12px 0px;
}


#wrapper #content #product p.ddesc{
   margin: 0 0 4px 0;
   padding: 4px;
   border-bottom: 1px solid #ddd;
}

#wrapper #content #product h3{
   background: #f3f3f3;
   color: #dd408f;
   padding: 10px;
   margin: 10px 0;
   font-size: 12px;
}

#wrapper #content #product a.zip,
#wrapper #content #product a.pdf,
#wrapper #content #product a.doc,
#wrapper #content #product a.msi {
    font-size: 12px;
    padding: 0 20px 2px 0;
    background: url('/a/i/gui/zip.png') no-repeat right 0;
}
#wrapper #content #product a.msi {
    background: url('/a/i/gui/msi.gif') no-repeat right 0;
}
#wrapper #content #product a.doc {
    padding-right: 20px;
    background: url('/a/i/gui/doc.gif') no-repeat right 0;
}
#wrapper #content #product a.pdf {
    background: url('/a/i/gui/pdf.gif') no-repeat right 0;
}

#wrapper #content #product dl.tabs{
   clear: both;
   float: none;
   position: relative;
   background: #EFEFEF;
   padding: 0;
}

#wrapper #content #product dl.tabs dt,
#wrapper #content #product dl.tabs dd{
    overflow: hidden;
}

#wrapper #content #product dl.tabs dt{
    float: left;
    line-height: 20px;
    padding: 2px 15px;
    font-weight: bold;
    height: 20px;
    position: relative;
    z-index: 10;
    cursor: pointer;
}

#wrapper #content #product dl.tabs dt.first{
}

#wrapper #content #product dl.tabs dd{
    position: absolute;
    top: 25px;
    left: 0;
    z-index: 9;
    background: #fff;
    border-top: 1px solid #666;
    display: none;
    padding: 0px;
    width: 650px;
}

#wrapper #content #product dl.tabs dt.selected{
    color: #AD0052;
    background: #fff url('../i/gui/bg-tab-on.gif') repeat-x center top;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border: 1px solid #858585;
    border-bottom-width: 0;
    border-top-width: 0;
    top: -3px;
    line-height: 26px;
    height: 26px;

}

#wrapper #content #product dl.tabs dd.selected{
    display: block;
}

#wrapper #content #product dl.tabs dl dt{
    float: none;
    padding: 0;
    background: transparent;
    line-height: 1.2em;
    height: auto;
    border-width: 0;
}

#wrapper #content #product dl.tabs dl dd{
    position: static;
    display: block;
    padding: 0;
    border-width: 0;
}

#wrapper #content #product dl.tabs dd h5{
    font-size: 110%;
    font-weight: bold;
    color: #dd408f;
    margin: 0 0 10px;
    padding-top: 5px;
}

#wrapper #content #product dl.tabs dd table{
    border-collapse: collapse;
    width: 100%;
}

#wrapper #content #product dl.tabs dd table tr th{
    text-align: center;
    vertical-align: middle;
    padding: 5px;
    background: #d6c8b2;
    color: #434343;
    font-weight: bold;
}

#wrapper #content #product dl.tabs dd table tr th{
    border: 1px solid #c3baa1;
}

#wrapper #content #product dl.tabs dd table tr td{
    border: 1px solid #ebebe5;
    padding: 5px;
}

#wrapper #content #product dl.tabs dd table tr td.selected{
    background-color: #eee;
}

#wrapper #content #product dl.tabs dd table tr td a{
    color: #666;
}

#wrapper #content #product dl.tabs dd table tr td a:hover{
    text-decoration: none;
    color: #DD408F;
}

#wrapper #content #product dl.tabs dd table.specs th.label,
#wrapper #content #product dl.tabs dd table.specs td.label{
    text-align: left;
}

#wrapper #content #product dl.tabs dd table.specs td{
    text-align: center;
}

#wrapper #content #product dl.tabs dd table.downloads th{
    width: 180px;
    text-align: left;
}

#wrapper #content #product dl.tabs dd table.downloads th.grouping{
    width: 100%;
}

#wrapper #content #product dl.tabs dd table.downloads td a{
    display: block;
    margin-bottom: 4px;
}


#wrapper #content #product dl.tabs dd dl.symbols dt{
    background-color: #fff;
    height: 45px;
    width: 60px;
    padding: 0px 0px 5px 0px;
    margin: 0px;
    float: left;
}

#wrapper #content #product dl.tabs dd dl.symbols dd{
    height: 30px;
    width: 570px;
    padding: 15px 0px 5px 0px;
    margin: 0px;
    vertical-align: middle;
}

#wrapper #content #product #content #product ul#nav-list{

}

#wrapper #content #product ul#nav-list li{
   background: #fff no-repeat right bottom;
   float: left;
   width: 295px;
   overflow: auto;
   min-height: 210px;
   padding: 0 20px 10px 10px;;
   margin: 0 0 10px 0;
}

#wrapper #content #product ul#nav-list li ul{
   margin-top: 10px;
}

#wrapper #content #product ul#nav-list li ul li{
   background: transparent;
   float: none;
   width: auto;
   min-height: 0;
   margin: 0 0 3px 0;
   padding: 0;
   font-size: 110%;
   border-width: 0;
}

#wrapper #content #product ul#nav-list li a{
   color: #666;
   background: url('../i/gui/product-bullet.png') no-repeat 5px 5px;
   display: block;
   font-weight: bold;
   border-bottom: 3px solid #c5c5c5;
   text-decoration: none;
   padding: 2px 2px 2px 20px;
}

#wrapper #content #product ul#nav-list li a:hover{
   text-decoration: underline;
}

#wrapper #content #product ul#nav-list li ul li a{
   color: #666;
   background: transparent url('../i/gui/product-list-type.png') no-repeat 5px 5px;
   display: inline;
   font-weight: normal;
   border-width: 0;
   padding: 0 0 0 12px;
}

#wrapper #content #product ul#nav-list2 li{
   overflow: auto;
   min-height: 30px;
   padding: 0 0px 0px 10px;;
   margin: 0 10px 5px 0;
}

#wrapper #content #product ul#nav-list2 li a{
   display: block;
   color: #666;
   background: url('../i/gui/product-bullet.png') no-repeat 5px 18px;
   font-weight: bold;
   border-bottom: 1px solid #c5c5c5;
   text-decoration: none;
   padding: 18px 2px 2px 20px;
}

#wrapper #content #product ul#nav-list2 li a:hover{
   text-decoration: underline;
}

#wrapper #content #product img{
   float: left;
   margin: 0 10px 10px 0;
}

#wrapper #content #product img.hgimg {
    float: left;
    margin: 10px 4px 10px 4px;
    border: 1px dotted #454E6E;
}

#wrapper #content #product .product-description{
   float: left;
   width: 428px;
}

#wrapper #content #product ul.relation-by{
   overflow: hidden;
   background: #f8f8f8;
   border-bottom: 1px solid #cdcdcd;
}

#wrapper #content #product ul.relation-by li{
   float: left;
   width: 50%;
}

#wrapper #content #product ul.relation-by li h5{
   background: #bacde0 url('../i/gui/product-h5.png') no-repeat 10px center;
   padding: 5px 20px;
   color: #3f5788;
   font-size: 100%;
}

#wrapper #content #product ul.relation-by li ul{
   border-width: 0;
   margin: 10px 20px;
}

#wrapper #content #product ul.relation-by li ul li{
   float: none;
   width: auto;
   color: #666;
   margin-bottom: 5px;
}

#wrapper #content #product ul.relation-by li ul li:before{
   content: '- ';
}

#wrapper #content #product ul.relation-by li ul li a{
   color: #666;
   text-decoration: none;
}

#wrapper #content #product ul.relation-by li ul li a:hover{
   text-decoration: underline;
}

#wrapper #content #product .product-description h4{
   background: url('../i/gui/product-h4.png') no-repeat left center;
   padding: 2px 10px;
   color: #369;
   font-size: 110%;
   margin: 5px 0;
}

#wrapper #content #product .product-description p{
   margin: 5px 0;
}

#wrapper #footer{
   background: #efefef url('../i/gui/footer-white.png') repeat-x left top;
   border-top: 1px solid #a7a7a7;
   border-bottom: 1px solid #fff;
   overflow: hidden;
   padding: 13px 0;
   float: none;
   clear: both;
/*   position: relative;*/
}

#wrapper #footer #site-info{
   float: left;
   background: url('../i/gui/footer.png') no-repeat 33px 0;
   padding-left:160px;
}

#wrapper #footer ul{
   overflow: hidden;
}

#wrapper #footer ul li{
   float: left;
}

#wrapper #footer ul li a{
   display: block;
   float: left;
   color: #2E3F5E;
   text-decoration: none;
   border-left: 1px solid #2e3f5e;
   padding: 0 10px;
}

#wrapper #footer ul li a:hover{
   text-decoration: underline;
}

#wrapper #footer p{
   text-transform: uppercase;
}

#wrapper #content #product form dl dd{
    overflow: hidden;
}

#wrapper #content #product form dl dd table tr.disabled{
    color: #aaa;
}

#wrapper #content #product form dl dd table tr td.capcheck{
    color: #fff;
    background-color: #ff1414;
}

#wrapper #content #product form dl dd table tr td.copcheck{
    color: #fff;
    background-color: #10e800;
}

#wrapper #content #product form dl dd table tr td input{
    background-color: #fffac1;
    border: 1px solid #bbb;
}

#wrapper #content #product form dl dd table tr td input.calculated{
    background-color: #d594ff;
    color: #fff;
}

#wrapper #content #product .contactus{
    padding: 0;
    margin: 10px 0px 10px 0px;
}
#wrapper #content #product .contactus h3{
    color:#C11847;
    font-family:Verdana;
    font-size:12px;
    font-weight:bold;
    padding: 0;
    margin: 0;
    background-color: transparent;
}
#wrapper #content #product .contactus a {
    color:#C11847;
    font-family:Verdana;
    font-size:10px;
    line-height:140%;
    text-align:left;
    text-decoration:none;
}

#wrapper #content p.notification{
    background-color:#FFFFCC;
    border-color:#666666;
    border-style:dotted;
    border-width:1px 0;
    margin-top:10px;
    padding:5px;
}
#wrapper #content ol#searchresults li{
    color:#666666;
    margin:0 0 0px 0px;
    width:100%;
}
#wrapper #content ol#searchresults li a{
    display: block;
    color: #DD408F;
    text-decoration: none;
    padding: 2px;
    border-bottom: 1px solid #ddd;
    padding-left: 4px;
    font-weight: bold;
}
#wrapper #content ol#searchresults li a:hover{
    color: #00f;
    background-color: #eee;
}
#wrapper #content ol#searchresults li a strong{
    color: #666;
    float: right;
    font-weight: normal;
}
#wrapper #content ol#searchresults li p{
    padding: 2px 0px 10px 3px;
    margin: 0px;
}
#wrapper #content ol#searchresults li .search-hit{
    text-decoration: underline;
}

/* clearfix */

.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%;
}

/* homepage */
#wrapper #bannerbottom img{
   border: 1px solid #999;
   padding: 10px;
   margin: 10px;
}
#wrapper #contenthome{
    border-top: 1px solid #999;
    width: 100%;
}
#wrapper #contenthome #homepage{
    width: 790px;
}
#wrapper #contenthome #homepage a.bgmulti,
#wrapper #contenthome #homepage a.bgmultiv,
#wrapper #contenthome #homepage a.bgartcool,
#wrapper #contenthome #homepage a.bgcac,
#wrapper #contenthome #homepage a.bgthermav {
    display: block;
    width: 100px;
    height: 100px;
    float: left;
    color: transparent;
    text-indent: -9999px;
    text-decoration: none;
    margin: 20px 0px 0px 24px;
}
#wrapper #contenthome #homepage a.bgmulti{
    background: url('/a/i/gui/4-multi.gif') no-repeat center center;
}
#wrapper #contenthome #homepage a.bgmultiv{
    background: url('/a/i/gui/5-multiv.gif') no-repeat center center;
}
#wrapper #contenthome #homepage a.bgartcool{
    background: url('/a/i/gui/1-artcool.gif') no-repeat center center;
}
#wrapper #contenthome #homepage a.bgcac{
    background: url('/a/i/gui/3-cac.gif') no-repeat center center;
}
#wrapper #contenthome #homepage a.bgthermav{
    background: url('/a/i/gui/2-therma-v.gif') no-repeat center center;
}
#wrapper #contenthome #homepage dl{
    float: left;
    margin: 10px 0px 10px 25px;
}
#wrapper #contenthome #homepage dl dt{
    background: transparent url('/a/i/gui/img_line_bg.gif') no-repeat scroll 0 100%;
    color: #732842;
    font-family: "Verdana";
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 10px 0 6px 2px;
}
#wrapper #contenthome #homepage dl dd{
    background: url('/a/i/gui/CSR-NEWS-bg-item.gif') no-repeat top center;
    width: 580px;
    margin: 0;
    padding: 10px 0px 0px 0px;
}
#wrapper #contenthome #homepage dl dd img{
    float: left;
    width: 62px;
    height: 52px;
    margin: 0px 5px 0px 10px;
    border: 1px solid #fff;
}
#wrapper #contenthome #homepage dl dd a{
    display: block;
    color: #C5003D;
    text-decoration: none;
    font-size: 11px;
    font-family: "Arial";
    line-height: 14px;
    font-weight: bold;
    height: 20px;
    padding: 6px;
    margin-left: 82px;
}
#wrapper #contenthome #homepage dl dd a:hover{
    color: #f00;
}
#wrapper #contenthome #homepage dl dd p{
    display: block;
    color: #AFAFAF;
    font-family: "Arial";
    font-size: 11px;
    height: 35px;
    padding-right: 5px;
    margin-left: 86px;
}

#wrapper #content form#login{
    padding-top: 10px;
    padding-bottom: 10px;
}
#wrapper #content form#login input{
    margin-bottom: 5px;
}
#wrapper #content dl#login-options{
    margin-top: 20px;
    padding-top: 10px;
    padding-left: 38px;
    background: #fff url('/a/i/gui/exclamation.jpg') no-repeat 0px 12px;
}
#wrapper #content dl#login-options dd{
    margin-bottom: 10px;
}
#wrapper #content dl#login-options dt{
    margin-bottom: 2px;
}
#wrapper #content dl#login-options dt a{
    color: #00f;
    text-decoration: underline;
}
#wrapper #content dl#login-options dt a:hover{
    display: block;
    color: #f00;
    text-decoration: none;
}

#wrapper #content #product form#contact dl dd{
    margin-bottom: 10px;

}

#wrapper #content form#contact{

}

#wrapper #content form dt{
    float: left;
    width: 200px;
    clear: both;
}

#wrapper #content form dt,
#wrapper #content form dd{
    padding: .3em 0;
}

#wrapper #content form dd#private-element{
    overflow: hidden;
}

#wrapper #content form dd#private-element label{
    float: left;
    margin-right: 1em;
}

#wrapper #content form dd#private-element br{
    display: none;
}

#wrapper #content form dd input,
#wrapper #content form dd textarea{
    font-size: 100%;
    width: 20em;
}

#wrapper #content form dd select{
    font-size: 100%;
    width: 20em;
}

#wrapper #content form label input{
    margin-right: .5em;
    width: 1.6em;
}

#wrapper #content form dd textarea{
    width: 400px;
    height: 150px;
}

#wrapper #content #product ol#nav-list{
    overflow: hidden;
}

#wrapper #content #product ul#thumb-nav li{
    float: left;
    width: 325px;
    margin: 0;
    overflow: hidden;
    border-top: 1px dotted #ccc;
}

#wrapper #content #product ul#thumb-nav li dl{
    position: relative;
    padding: 0 0 0 125px;
}

#wrapper #content #product ul#thumb-nav li dl dt a{
    font-weight: bold;
    color: #DD408F;
    text-decoration: none;
}

#wrapper #content #product ul#thumb-nav li dl dd.thumb{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 115px;
    border-right: 1px solid #ccc;
}

#wrapper #content #product ul.leaflets,
#wrapper #content #product ul.leafletsedit{
    overflow: hidden;
}

#wrapper #content #product ul.leaflets li,
#wrapper #content #product ul.leafletsedit li{
    float: left;
    width: 24%;
    margin: 0 1% 1% 0;
    text-align: center;
    -moz-border-radius: 5px;
    padding: 0;
    border: 1px solid #DD408F;
}

#wrapper #content #product ul.leafletsedit li{
    margin: 0 10px 5px 9px;
    width: 30%;
}

#wrapper #content #product ul.leaflets li a.packshot,
#wrapper #content #product ul.leafletsedit li a.packshot{
    display: inline-block;
    text-align: center;
}
#wrapper #content #product ul.leaflets li a.packshot img,
#wrapper #content #product ul.leafletsedit li a.packshot img {
    margin: 0;
}

#wrapper #content #product ul.leaflets li a.dpdf,
#wrapper #content #product ul.leafletsedit li a.dpdf{
    display: block;
    padding: 2px 10px;
    background-color: #eee;
    color: #DD408F;
    font-weight: bold;
}
#wrapper #content #product ul.leafletsedit li p {
    padding: 4px 0 0 5px;
    margin: 0 0 3px 0;
    background-color: #ddd;
    text-align: left;
}

#wrapper #content #product p.error {
    color: #DD408F;
}

#wrapper #content #product ul.paging {
    overflow: hidden;
    background-image: url('/a/i/gui/bg-paging.png');
}
#wrapper #content #product ul.paging li {
    text-align: center;
    float: left;
    width: 24%;
    height: 20px;
    margin: 0;
    padding: 3px 0px 0px 0px;
    font-size: 120%;
    font-weight: bold;
    color: #ccc;
}
#wrapper #content #product ul.paging li a {
    display: block;
    text-decoration: none;
    color: #DD408F;
}
#wrapper #content #product ul.paging li.pnext a:hover {
    background: url('/a/i/gui/next.png') no-repeat right 0px;;
}
#wrapper #content #product ul.paging li.plast a:hover {
    background: url('/a/i/gui/last.png') no-repeat right center;
}
#wrapper #content #product ul.paging li.previous a:hover {
    background: url('/a/i/gui/previous.png') no-repeat left 0px;
}
#wrapper #content #product ul.paging li.pfirst a:hover {
    background: url('/a/i/gui/first.png') no-repeat left center;
}

#wrapper #content span.Link{
    color: #DD408F;
    text-decoration: underline;
}
#wrapper #content table#projects {
    width: 100%;
    margin-bottom: 20px;
}
#wrapper #content table#projects th,
#wrapper #content table#projects td {
    padding: 4px;
    margin: 0;
}
#wrapper #content table#projects th {
    background-color: #999;
    color: #fff;
    text-align: left;
    height: 30px;
}
#wrapper #content table#projects td.first {
    background-color: #eee;
    color: #000;
}
#wrapper #content table#projects td a {
    color: #DD408F;
    text-decoration: underline;
}

/* training */
#wrapper #content #training ul {
    margin-top: 15px;
}
#wrapper #content #training ul li {
    color: #000;
    margin-bottom: 5px;
    font-size: 120%;
    background: url('../i/gui/product-bullet.png') no-repeat 0px 2px;
}
#wrapper #content #training ul li a {
    margin-left: 15px;
    color: #000;
    text-decoration: none;
}
#wrapper #content #training ul li a:hover {
    color: #dd408f;
}

/* statistics */
#wrapper #contentstats {
    width: 999px;
}
#wrapper #contentstats #statistics {
    float: left;
    width: 810px;
    min-height: 600px;
    margin: 0;
    padding: 20px 10px;
    border: 1px solid #dbdbdb;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #fff url('../i/gui/product-background.png') repeat-x top left;
}
#wrapper #contentstats #statistics form{
    padding: 4px 0;
    margin-bottom: 20px;
    width: 325px;
    overflow: hidden;
}
#wrapper #contentstats #statistics form dl {
    width: 325px;
}
#wrapper #contentstats #statistics dl {
    width: 100%;
}
#wrapper #contentstats #statistics form dl dt,
#wrapper #contentstats #statistics form dl dd,
#wrapper #contentstats #statistics dl dt,
#wrapper #contentstats #statistics dl dd {
    float: left;
    height: 17px;
    width: 500px;
    padding: 3px 5px 0 5px;
    border-bottom: 1px solid #fff;
    margin-bottom: 1px;
}
#wrapper #contentstats #statistics form dl dt,
#wrapper #contentstats #statistics dl dt {
    width: 110px;
    background-color: #dd408f;
    color: #fff;
    height: 17px;
    padding: 3px 5px 0 5px;
    margin-right: 5px;
    font-weight: bold;
    text-align: right;
}
#wrapper #contentstats #statistics dl dt {
    width: 250px;
}
#wrapper #contentstats #statistics form dl dd {
    height: 20px;
    width: 200px;
    padding: 0;
}
#wrapper #contentstats #statistics form dl dt label{
}
#wrapper #contentstats #statistics form dl dd select{
    width: 200px;
    height: 20px;
}
#wrapper #contentstats #statistics form dl dd input{
    margin-top: 2px;
}
#wrapper #contentstats #statistics #graphcontainer {
    clear: left;
}
#wrapper #contentstats #statistics #graphcontainer h3 {
    padding: 5px;
    margin: 0 auto 0 auto;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #dd408f;
    color: #fff;
    text-align: center;
}
#wrapper #contentstats #statistics #graphcontainer h3 small {
    display: block;
}
#wrapper #contentstats #statistics #graphcontainer #graph2 {
    margin-top: 20px;
    padding-top: 10px;
    border-top: 1px solid #ddd;
}
#wrapper #contentstats #statistics #graphcontainer table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ccc;
    border-top: 0;
}
#wrapper #contentstats #statistics #graphcontainer table th,
#wrapper #contentstats #statistics #graphcontainer table td {
    padding: 0 6px;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}
#wrapper #contentstats #statistics #graphcontainer table th {
    font-weight: bold;
    background-color: #999;
    color: #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}
#wrapper #contentstats #statistics #graphcontainer table td.size {
    text-align: right;
}
#wrapper #contentstats #statistics #graphcontainer table th.total {
    text-align: right;
    background: #ff9;
    color: #000;
}