/*Overiding styles from the iiNet styles */
    body.right_background #main {
        max-width: none !important;
    }
    body.left_background.right_background #main {
        max-width: none !important;
    }
    
    #wrapper
    {
    text-align:center; 
    width:auto;
    }
        
/* START iiNet specific things to work inside their environment/includes etc. */

/* Since we're taking #main out of the normal flow, we need to enforce a height
 * on something that's still in the normal flow to prevent the footer appearing
 * too high on the page. */
#right {
    height: 700px;
}

/* Now we'll take #main out of the normal flow by positioning it absolutely in
 * the appropriate place, thereby avoiding problems when it wants to be wider
 * than the space allowed by #right. */
#main {
    position: absolute;
    height: 750px;
    top: 180px;
    left: -50px;
    right: 215px;
}

/* Override the right margin so that reasonably standards compliant browsers
 * actually do centre the product selector horizontally. */
body.right_background #main {
    margin-right: 0;
}

/* IE 6 hack to override the left positioning of #main -- I presume we're
 * triggering some sort of IE 6 specific layout bug here, so we'll just work
 * our way around it. */
* html #main {
    left: -70px;
}

/*END iiNet specific things to work inside their environment/includes etc. */