﻿.topRounded 
{
    background-image: url(../images/layout/rounded-corners.jpg);
    background-position: top left;
    height: 8px;
    width:8px;
    position:relative;
    left:-11px;
    top:-1px
}

.topRounded2
{
    background-image: url(../images/layout/rounded-corners.jpg);
    background-position: top right;
    height: 8px;
    width:8px;
    position:relative;
    left:878px;
    top:0px;
    float:right;
}

.bottomRounded
{
    background-image: url(../images/layout/rounded-corners.jpg);
    background-position: bottom left;
    height: 8px;
    width:8px;
    position:relative;
    left:-11px;
    top:1px
}

.bottomRounded2
{
    background-image: url(../images/layout/rounded-corners.jpg);
    background-position: bottom right;
    height: 8px;
    width:8px;
    position:relative;
    left:878px;
    top:0px;
    float:right;
}

/* Secondary Rounded Corner */

.topRounded3 
{
    background-image: url(../images/layout/rounded-corners2.jpg);
    background-position: top left;
    height: 8px;
    width:8px;
    position:relative;
    left:-1px;
    top:-1px
}

.topRounded4
{
    background-image: url(../images/layout/rounded-corners2.jpg);
    background-position: top right;
    height: 8px;
    width:8px;
    position:relative;
    left:526px;
    top:0px;
    float:right;
}

.bottomRounded3
{
    background-image: url(../images/layout/rounded-corners2.jpg);
    background-position: bottom left;
    height: 8px;
    width:8px;
    position:relative;
    left:-1px;
    top:1px
}

.bottomRounded4
{
    background-image: url(../images/layout/rounded-corners2.jpg);
    background-position: bottom right;
    height: 8px;
    width:8px;
    position:relative;
    left:526px;
    top:1px;
    float:right;
}