.t {background: url(dot.gif) 0 0 repeat-x; width: 20em}
.b {background: url(dot.gif) 0 100% repeat-x}
.l {background: url(dot.gif) 0 0 repeat-y}
.r {background: url(dot.gif) 100% 0 repeat-y}
.bl {background: url(bl.gif) 0 100% no-repeat}
.br {background: url(br.gif) 100% 100% no-repeat}
.tl {background: url(tl.gif) 0 0 no-repeat}
.tr {background: url(tr.gif) 100% 0 no-repeat; padding:10px} 

.roundcornerimg2{background: url(../../images/parts/dot2.gif) 0 0 repeat-x; width: 900px;}
.roundcornerimg2 div{background: url(../../images/parts/dot2.gif) 0 100% repeat-x}
.roundcornerimg2 div div{background: url(../../images/parts/dot2.gif) 0 0 repeat-y}
.roundcornerimg2 div div div{background: url(../../images/parts/dot2.gif) 100% 0 repeat-y}
.roundcornerimg2 div div div div{background: url(../../images/parts/bl2.gif) 0 100% no-repeat}
.roundcornerimg2 div div div div div{background: url(../../images/parts/br2.gif) 100% 100% no-repeat}
.roundcornerimg2 div div div div div div{background: url(../../images/parts/tl2.gif) 0 0 no-repeat}
.roundcornerimg2 div div div div div div div{background: url(../../images/parts/tr2.gif) 100% 0 no-repeat; padding:10px}

/*-------style1 big round corner 3px border dot-------*/
.roundcornerimg1{background: url(../../images/parts/dot1.gif) 0 0 repeat-x; width: 900px;}
.roundcornerimg1 div{background: url(../../images/parts/dot1.gif) 0 100% repeat-x}
.roundcornerimg1 div div{background: url(../../images/parts/dot1.gif) 0 0 repeat-y}
.roundcornerimg1 div div div{background: url(../../images/parts/dot1.gif) 100% 0 repeat-y}
.roundcornerimg1 div div div div{background: url(../../images/parts/bl1.gif) 0 100% no-repeat}
.roundcornerimg1 div div div div div{background: url(../../images/parts/br1.gif) 100% 100% no-repeat}
.roundcornerimg1 div div div div div div{background: url(../../images/parts/tl1.gif) 0 0 no-repeat}
.roundcornerimg1 div div div div div div div{background: url(../../images/parts/tr1.gif) 100% 0 no-repeat; padding:10px}


/*--------pure color content corner 8px width and height;no border-----*/

.roundcornerimg3 div{background: url(../../images/parts/bl3.gif) 0 100% no-repeat}
.roundcornerimg3 div div{background: url(../../images/parts/br3.gif) 100% 100% no-repeat}
.roundcornerimg3 div div div{background: url(../../images/parts/tl3.gif) 0 0 no-repeat}
.roundcornerimg3 div div div div{background: url(../../images/parts/tr3.gif) 100% 0 no-repeat; padding:10px}