.l338 a {
    color: #295c72;
    outline: none;
}

.l338 .clear, hr {
    clear: both;
    display: block;
    font-size: 1px;
    margin: 0pt;
    padding: 0pt;
}

.l338 .last {
    margin:0 !important;
    padding:0;
    border:0;
}

.l338 img {
    border:0;
}

.l338 a:active {
    outline:none;
}

.l338 focus, button {
    moz-outline-style:none;
}

.l338 body.ie7 #content ul,
.l338 body.ie7 #content ol {
    margin-left:50px;
}

.l338 .rounded {
    moz-border-radius:5px;
    webkit-border-radius:5px;
}

.l338 #productslider {
    position: relative;
    z-index: 2;
}

.l338 #wrap {
    margin: 10px auto;
    width: 965px;
    position: relative;
}

.l338 #content {
    min-height: 400px;
    width: 965px;
    position: relative;
}

.l338 #tools_index #content {
    background-image:none;
    float:none;
    margin-top:25px;
    padding:0;
    width:100%;
}

.l338 #right {
    display:none;
}

.l338 #scroll {
    background: url(/include/images/bg-scroll.jpg) no-repeat 15px top;
    position:relative;
    height:;
    overflow:hidden;
    border:1px solid #ddd;
    width: 930px;
    padding: 15px;
    height: 473px;
    moz-border-radius: 5px 5px 5px 5px;
    webkit-border-radius:5px;
}

.l338 #tools {
    width:9999em;
    position:absolute;
    height:400px;
}

.l338 .tool {
    float:left;
    width:1000px;
    height:340px;
    text-align: center;
    position: relative;
}

.l338 .details {
    position: absolute;
    left: 15px;
    top: 280px;
    text-align: left;
    width: 380px;
}

.l338 .details a {
    color: #000000;
    font-size: 12px;
    text-decoration: none;
}

.l338 .details a:hover {
    text-decoration: underline;
}

.l338 #thumbs {
    background: url(/include/images/demo-navi.jpg) no-repeat;
    height: 90px;
    position: absolute;
    top: 425px;
    width: 990px;
    left: 0px;
}

.l338 .t {
    padding:0 !important;
    border:0 !important;
}

.l338 .t a {
    background:transparent url(/include/images/demo-navi.jpg) no-repeat scroll -45px -90px;
    margin-left:11px;
    display:block;
    width:99px;
    float:left;
    height:90px;
    cursor:pointer;
}

.l338 .t a.active {
    cursor:default !important;
}

.l338 .navi {
    margin-left: 278px;
}

/* CSS sprite for the navigation */

.l338 #t0 { margin-left:45px; _margin-left:10px;}

.l338 #t0.active { background-position:-45px 0 !important; }

.l338 #t0:hover  { background-position:-45px -180px; }

.l338 #t0:active { background-position:-45px -270px; }

.l338 #t1 { background-position:-289px -90px; }

.l338 #t1:hover { background-position:-289px -180px; }

.l338 #t1:active { background-position:-289px -270px; }

.l338 #t1.active { background-position:-289px 0 !important; }

.l338 #t2 { background-position:-399px -90px; }

.l338 #t2:hover { background-position:-399px -180px; }

.l338 #t2:active { background-position:-399px -270px; }

.l338 #t2.active { background-position:-399px 0 !important; }

.l338 #t3 { background-position:-509px -90px; }

.l338 #t3:hover { background-position:-509px -180px; }

.l338 #t3:active { background-position:-509px -270px; }

.l338 #t3.active { background-position:-509px 0 !important; }

.l338 #t4 { background-position:-619px -90px; }

.l338 #t4:hover { background-position:-619px -180px; }

.l338 #t4:active { background-position:-619px -270px; }

.l338 #t4.active { background-position:-619px 0 !important; }

.l338 #t5 { background-position:-729px -90px; }

.l338 #t5:hover { background-position:-729px -180px; }

.l338 #t5:active { background-position:-729px -270px; }

.l338 #t5.active { background-position:-729px 0 !important; }

.l338 #t6 { background-position:-839px -90px; }

.l338 #t6:hover { background-position:-839px -180px; }

.l338 #t6:active { background-position:-839px -270px; }

.l338 #t6.active { background-position:-839px 0 !important; }