/*  Rounded corners from Daniel Tillett
    http://www.tillett.info/2007/09/11/orb-fluid-css-one-image-round-borders/
    Rather painful, but it works...

*/

/* Base stlying, set up for header and footer.
   Height of corner img is 8px + 1px border on top and bottom */

b.bt, b.bt b, b.bb, b.bb b {
    display: block; 
	height: 9px;
    background: url(images/head-corner.png) no-repeat;
    position: relative;
}

b.bt   { top: -1px; left: 0px }
b.bt b { background-position: 100% -9px; left: 0px }
b.bb   { background-position: 0 -18px; top: 1px; left: 0px }
b.bb b { background-position: 100% -27px; left: 0px }


/* Styling for dates in sidebar.
   Height of corner img is 3px + 1px border on top and bottom */

.newsdate .bt, .newsdate .bb, .newsdate .bt b, .newsdate .bb b {
	height: 4px;
	background: url(images/date-corner.png) no-repeat;
}

.newsdate b.bt b { background-position:100% -4px }
.newsdate b.bb   { background-position:0 -8px }
.newsdate b.bb b { background-position:100% -12px }


/* Styling for dates in product listings.
   Height of corner img is 6px + 1px border on top and bottom */

.prodname .bt, .prodname .bb, .prodname .bt b, .prodname .bb b {
	height: 7px;
	background: url(images/prod-corner.png) no-repeat;
}

.prodname b.bt b { background-position: 100% -7px }
.prodname b.bb   { background-position: 0 -14px }
.prodname b.bb b { background-position: 100% -21px }

/* Styling for links box.
   Height of corner img is 8px + 2px border on all sides */

.links .bt, .links .bb, .links .bt b, .links .bb b {
    height: 9px;
    background: url(images/link-corner.png) no-repeat;
}

.links b.bt b { background-position:100% -9px }
.links b.bb   { background-position:0 -18px }
.links b.bb b { background-position:100% -27px }


.other .bt, .other .bb, .other .bt b, .other .bb b {
    background: url(images/otherlink-corner.png) no-repeat;
}