#main_content .boxFullWidth.box260 {
    background: url('/res/dremel/diy/images/box_260x500_bottom.gif') bottom left no-repeat transparent;
    
}

* html #main_content .boxFullWidth {
    padding-bottom: 15px;
}

#main_content div#overviewC {
    background: url('/res/dremel/diy/images/box_520x1200_top_004793.gif') top left no-repeat transparent;
}

#main_content div#overviewC img {
    padding-top: 6px;
}

#main_content #overviewC h3.overviewC {
    color:white;
    font-size:18px;
    font-weight:bold;
    padding-bottom:2px;
    padding-top: 4px;
}

#main_content #overviewC p.overviewC {
color:white;padding-bottom:12px;
}


#main_content .boxFullWidth.box260 #box260top {
    background: url('/res/dremel/diy/images/box_260x1200_top.gif') top left no-repeat transparent;
    padding-top: 6px;
}
 
#main_content .boxFullWidth.box260 #box260top h3, p {
    padding-left:0px;
    padding-right:6px;
    line-height: 15px;
}

#main_content .boxFullWidth.box260 #box260top h3 {
    padding-left:6px;
    width: 238px;
}

#main_content .boxFullWidth.box260 #box260top p {
    padding-top:0;
    width: 238px;
    
}

 
#main_content li.boxFullWidth.box260 li {
    clear: both;
    padding-left:6px;
    padding-right:6px;
}

#main_content li.boxFullWidth.box260 ul {
    margin:0;
    padding:0;
    width: 240px;
    clear:both;
    float:left;
    margin-top: 0;
}

#main_content li.boxFullWidth.box260 {
    margin:0;
    padding:0;
    width:260px;
    float:left;
}

#navi_frame ul {
    margin-bottom:0px;
}



div#main_frame.keyvisual {
    background-image:url('/res/dremel/diy/images/key.jpg'); 
    background-repeat: no-repeat; 
    background-attachment: scroll; 
    -moz-background-clip: -moz-initial; 
    -moz-background-origin: -moz-initial; 
    -moz-background-inline-policy: -moz-initial; 
    background-position: transparent top;
}



#main_content .box140x170 {
    background:transparent url(/res/dremel/diy/images/box_140x170.gif) no-repeat scroll left top;
    height:170px;
    float:left;
    margin:0px 2px 2px 0px;
    width:140px;
}

#main_content .box140x170 h3 {
    padding:6px 6px 2px 6px;
    font-size: 10px;
    line-height:11px;
    color:#004793;
    height: 26px;
    margin: 0px;
}

#main_content .box140x170 img {
    padding-top:3px;
}

#main_content .box140x170 img.prod {
    padding:6px;
    padding-bottom:2px;
}

#main_content .box140x170 p {
    color:black;
    margin:0;
    padding:0;
    font-size:10px;
    font-weight:normal;
    padding-left:6px;
    width: 125px;
}


div.row { 
    clear:left;
}

div#relproducts {
    float:left;
}

.imgBlock {
    display:block;
}

#reltop {
    padding-left:12px;
    background-color:#E0DFE3;
    width:174px;
}

#reltop h3 {
    margin-bottom: 6px;
}

#reltop p {
    position:static;
    margin:0;
    padding:0;
    clear:both;
    display:block;
    width:140px;
    margin-bottom:6px;
    cursor:auto;
    color:black;
}

#reltop ul {
    margin-left: 12px;
}


#reltop p.headline {
    color:#004793;font-size:10px;line-height: 11px; padding:4px 2px 4px 4px; margin:0; width: 128px;
}

#reltop div {
    background-image:url('/res/dremel/diy/images/relprods_background.gif');
    background-repeat:no-repeat;
    width:140px;
    height:138px;
    padding-bottom:6px;
}

.reltopimg {
    border: 0px none;
    margin-left: 1px;
    padding-left: 1px;
}

div#othersupp {
    margin-top:24px;
}

#reltop ul {
    list-style-type:disc;
    color:black;
}

.overview {
    color:black;
}

#main_content #projectsOverview.boxFullWidth p {
    color: #000000;
    line-height: 15px;
}

div.detailbox {
    width:140px;
    height:100px;
    margin-right:2px;
    float:left;
    background-image:url('/res/dremel/diy/images/detailbox_background.gif');
    background-repeat:no-repeat;
}

.detailbox img {
    padding:2px;
}

div#intro_banner.workdetails {
    width:192px;
    height:210px;
    background-image:url('/res/dremel/diy/images/workdetails_background.gif');
    background-repeat:no-repeat;
}



/* START CSS-Fix dsp 2008-08-05 */

#main_content .boxFullWidth.noBackground {
    background:none;
    height:auto;
}

/* #main_content .boxFullWidth div {
    background:none;
    padding-top:0;
	background: transparent url('/res/dremel/diy/images/box_510x1200_top.gif') no-repeat scroll left top;
	padding-top: 6px;
} */

#main_content .boxFullWidth p {
    margin:0;
    position:inherit;
    padding:6px;
    padding-top:0;
	padding-right: 20px;

}

div.detailboxDiv {
    height:200px;
    width:500px;
    margin-bottom:10px;
}

#main_content .boxFullWidth img#mainIMG {
/*    margin:0 12px 12px 0;
    border: 1px solid #999999; */
}

div#ratingBox {
    margin-bottom:20px;
    height:210px;
    width: 186px;
    background-image:url('/res/dremel/diy/images/workdetails_background.gif');
    background-repeat:no-repeat;
}

#ratingBox h3 {
    color:white;
    font-size:11px;
    padding:10px;
    padding-top:5px;
}

#ratingBox p {
    width:175px;
    line-height:15px;
    position:relative;
    margin:0;
    padding:0;
    color:black;
    font-weight:normal;
    padding-left:6px;
}

#ratingBox div {
    width:175px;
    position:relative;
    margin:0;
    padding:0;
    padding-left:6px;
}




/*RATINGBOX*/
/* star rating code - use lists because its more semantic */
    /* No javascript required */
    /* all the stars are contained in one matrix to solve rollover problems with delay */
    /* the background position is just shifted to reveal the correct image. */
    /* the images are 16px by 16px and the background position will be shifted in negative 16px increments */
    /*  key:  B=Blank : O=Orange : G = Green * /
    /*..... The Matrix ....... */
    /* colours ....Background position */
    /* B B B B B - (0 0)*/
    /* G B B B B - (0 -16px)*/
    /* G G B B B - (0 -32px)*/
    /* G G G B B - (0 -48px)*/
    /* G G G G B - (0 -64px)*/
    /* G G G G G - (0 -80px)*/
    /* O B B B B - (0 -96px)*/
    /* O O B B B - (0 -112px)*/
    /* O O O B B - (0 -128px)*/
    /* O O O O B - (0 -144px)*/
    /* O O O O O - (0 -160px)*/
    
    
    /* the default rating is placed as a background image in the ul */
    /* use the background position according to the table above to display the required images*/
    .rating{
        width:80px;
        height:16px;
        margin:0;
        padding:0;
        list-style:none;
        clear:both;
        position:relative;
        background: url(/res/dremel/diy/images/star-matrix.gif) no-repeat 0 0;
    }
    /* add these classes to the ul to effect the change to the correct number of stars */
    .nostar {background-position:0 0}
    .onestar {background-position:0 -16px}
    .twostar {background-position:0 -32px}
    .threestar {background-position:0 -48px}
    .fourstar {background-position:0 -64px}
    .fivestar {background-position:0 -80px}
    ul.rating li {
        cursor: pointer;
     /*ie5 mac doesn't like it if the list is floated\*/
        float:left;
        /* end hide*/
        text-indent:-999em;
    }
    ul.rating li a {
        position:absolute;
        left:0;
        top:0;
        width:16px;
        height:16px;
        text-decoration:none;
        z-index: 200;
    }
    ul.rating li.one a {left:0}
    ul.rating li.two a {left:16px;}
    ul.rating li.three a {left:32px;}
    ul.rating li.four a {left:48px;}
    ul.rating li.five a {left:64px;}
    ul.rating li a:hover {
        z-index:2;
        width:80px;
        height:16px;
        overflow:hidden;
        left:0; 
        background: url(/res/dremel/diy/images/star-matrix.gif) no-repeat 0 0
    }
    ul.rating li.one a:hover {background-position:0 -96px;}
    ul.rating li.two a:hover {background-position:0 -112px;}
    ul.rating li.three a:hover {background-position:0 -128px}
    ul.rating li.four a:hover {background-position:0 -144px}
    ul.rating li.five a:hover {background-position:0 -160px}
    /* end rating code */
    h3{margin:0 0 2px 0;font-size:110%}





/* END CSS-Fix dsp 2008-08-05 */